Как нарисовать почтовый ящик в Adobe Illustrator (перевод).

Как нарисовать почтовый ящик

Подробный и качественный урок в иллюстраторе.

Шаг 1

Возьмите инструмент (Элипс Ellipse Tool (L)) и создайте круг, диаметром 200 px.

почтовый ящик

Теперь с помощью инструмента Округленного Прямоугольника (Rounded Rectangle Tool) создайте прямоугольник с угловым радиусом 15 px и той же самой ширины как и круг.

почтовый ящик

Возьмите Инструмент Резинки (Eraser Tool), и удерживая клавишу ALT, сотрите верхнюю часть прямоугольника.

Как нарисовать почтовый ящик

Наложите прямоугольник на круг, выравнивая их вертикально по центру с помощью палитры Выравнивания Align .

Как нарисовать почтовый ящик

Выделив обе формы, нажмите на кнопку Unite в палитре Pathfinder.

Как нарисовать почтовый ящик

Шаг 2

Давайте продолжать двигаться к трехмерному моделированию почтового ящика. Выберите форму и пойдите в Effect > 3D > Extrude & Bevel. С параметрами, как на рисунке ниже, или по Вашему усмотрению. Запишите эти параметры на бумаге, они понадобятся позже.

Как нарисовать почтовый ящик

Заметьте, что я не выбрал значение No Shading для параметра Surface , чтобы избежать создания дополнительных объектов при моделировании. Таким образом мы получили пять объектов.

Затем нужно выделить получившуюся объемную фигуру и пойти в  Object ->Expand Appearance.

Как нарисовать почтовый ящик

Я полагаю, что двух объектов будут достаточно для нашей работы: фронт и сторона почтового ящика. Используя Unite палитры Pathfinder , объедините все объекты стороны в один объект.

Как нарисовать почтовый ящик

Шаг 3

В результате моделирования мы получили объекты, содержащие много дополнительных якорных пунктов. Так как мы собираемся работать с этими объектами позже, желательно уменьшить количество якорных пунктов. Чтобы сделать это, пойдите в Object > Path > Simplify и устанавливал значение Curve Precision приблизительно 90-96 %. Если оригинальная фигура по форме отличается от преобразованной, то увеличьте значение Angle Threshold.

Как нарисовать почтовый ящик

Шаг 4

К сожалению, после моделирования некоторые пути остаются открытыми. Это легко увидеть, выбрав объект и открыв палитру Document Info.

Как нарисовать почтовый ящик

Такие пути должны быть закрыты. Для поиска и закрытия открытых путей можно использовать плагины или скрипты (инструкции по установке и использованию тоже тут). Выбирайте их исходя из версии Adobe Illustrator. Некоторый скрипты и плагины существуют только для конкретных версий. Сохраните эти скрипты на своем жестком диске и пойдите в File > Script > Other Script, выберите и открывает нужные файлы.

Как нарисовать почтовый ящик

Шаг 5

Перейдем к стороне почтового ящика. Скопируйте сторону и разместите ее впереди, теперь возьмите Инструмент Ножницы Scissors Tool (C) и обрежьте форму в четырех точках. Теперь удалите верхние и нижние части фигуры.

Как нарисовать почтовый ящик

Переместите полученные кривые в центр боковой поверхности почтового ящика.

Как нарисовать почтовый ящик

Отредактируйте правую кривую с помощью Direct Selection Tool (A).

Как нарисовать почтовый ящик

Возьмите Инструмент Ручка Pen Tool (P) и закройте путь боковой поверхности, как показано на рисунке ниже.

Как нарисовать почтовый ящик

Шаг 1

Теперь обрежем фигуру вокруг почтового ящика. Скопируйте нижнюю сторону (показанна как зеленая) и переместите ее вперед. Выберите полученную форму и верхнюю сторону (показанна как красная), и нажмите Intersect в палитре Pathfinder.

Как нарисовать почтовый ящик

Заполните сторону линейным градиентом, который идет от голубого до синего цвета.

Как нарисовать почтовый ящик

Таким образом мы создали пластмассовый корпус почтового ящика. Теперь нужно создать толщину пластмассового корпуса. Скопируйте голубую фигуру, разместив ее под первой и переместите копию вниз налево и измените угол наклона градиента.

Как нарисовать почтовый ящик

Шаг 7

Создайте металлическую часть почтового ящика. Чтобы это сделать, заполните нижнюю (зеленую) поверхность стороны линейным градиентом, содержащим два оттенка серого и белый.

Как нарисовать почтовый ящик

Используя вышеупомянутые методы, создайте заднюю сторону почтового ящика.

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Шаг 8

Теперь продолжим создавать переднюю часть коробки. Выберите переднюю поверхность, и пойдите в Object > Transform > Scale, устанавливите 90 % и нажимают кнопку Copy.

Как нарисовать почтовый ящик

Заполните оригинальную форму бело-серым линейным градиентом.

Как нарисовать почтовый ящик

Шаг 9

Возьмите Инструмент Ручки Pen Tool (P) и создайте блики на краях металлических поверхностей.

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Шаг 10

Создайте внутреннюю поверхность металлической детали ящика. Для этого скопируйте и разместите впереди форму отверстия в почтовом ящике и сдвиньте ее немного вверх и направо.

Как нарисовать почтовый ящик

Скопируйте форму отверстия и разместите это впереди еще раз. Выберите новую копию отверстия и сдвинутую до этого фигуру и нажмите кнопку Minus Front в палитре Pathfinder.

Как нарисовать почтовый ящик

Заполните полученную фигуру линейным градиентом.

Как нарисовать почтовый ящик

Шаг 11

Отверстие в почтовом ящике не должно быть абсолютно черным, по-этому его нужно заполнить линейным градиентом, близким к черному цвету.

Как нарисовать почтовый ящик

Шаг 12

Продолжим двигаться к созданию крышки почтового ящика. Выберите переднюю металлическую поверхность почтового ящика и пойдите в Object > Transform > Reflect и устанавливают значение Axis – Horizontal, нажимите Copy. Переместите полученную форму, вертикально вниз, удерживая клавишу SHIFT.

Как нарисовать почтовый ящик

И отразите крышку снова, но сделайте это вертикально на сей раз.

Как нарисовать почтовый ящик

Возьмите Инструмент вращения Rotate Tool (R), установите центр вращения в пункте A и вращайте крышку, как показано в числе.

Как нарисовать почтовый ящик

Шаг 13

Крышка почтового ящика находится на горизонтальной поверхности, таким образом, ее форма будет так или иначе отличаться от оригинальной. Выберите крышку и пойдите в Effect > Distort & Transform > Free Distort и измените высоту крышки, перемещая нижние точки прямоугольника в диалоговом окне.

Как нарисовать почтовый ящик

После этой операции форма крышки будет нуждаться в небольшом редактировании и удалении дополнительных якорных пунктов.

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Шаг 14

Я не собираюсь вдоваться в детали, описывающие, как создать крышку, ее техника создания не далека от описания выше. Я думаю, что Вы поймете все от связки рисунков, которые я привел ниже.

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Шаг 15

Продолжим двигаться к созданию держателя флага. Возьмите инструмент Ручки Pen Tool (P) и создайте прямоугольный треугольник как показано в числе ниже.

Как нарисовать почтовый ящик

Выделите треугольник , пойдите в Effect > 3D > Extrude & Bevel с теми же самыми параметрами как в шаге 2.

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Шаг 16

Создайте линию пересечения боковой поверхности держателя флага на цилиндрическую поверхность почтового ящика. Искривление этой линии совпадет с искривлением переднего края почтового ящика. Вы можете создать это использующий Инструмент Ручки Pen Tool (P) используя форму переднего края как шаблон, и затем переместить фигуру в место пересечения поверхностей, чтобы она проходила через пункт A.

Как нарисовать почтовый ящик

Выберите линию пересечения, сторону держателя и нажмите кнопку Divide в палитре Pathfinder . Теперь удалите левую часть разрезаной фигуры.

Как нарисовать почтовый ящик

Шаг 17

Используйте подобную технику на верхней стороне держателя флага.

Как нарисовать почтовый ящик

Заполните стороны держателя линейным градиентом, затем помощью Инструмента Ручки Pen Tool (P) создают яркий блик на краю держателя.

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Шаг 18

Создайте форму флага, состоящего из простых геометрических форм, которые будут объединены с помощью палитры Pathfinder .

Как нарисовать почтовый ящик

Выделив флаг, пойдите в Effect > 3D > Extrude & Bevel с параметрами, показанными на рисунке ниже.

Как нарисовать почтовый ящик

Заполните правую часть флага красным, верхнюю часть — розовым, и переднюю часть — линейным градиентом, который идет от красного до розового цвета.

Как нарисовать почтовый ящик

Создайте углубление на поверхности флага. Возьмите Инструмент Ручки Pen Tool (P) и создайте вертикальную линию, по ширине 3 pt.

Как нарисовать почтовый ящик

ВЫделив линию, пойдите в Object > Expand и заполните форму линейным градиентом, который идет от красного до темно-красного.

Как нарисовать почтовый ящик

Шаг 19

Продолжим двигаться к созданию почтовых конвертов. Возьмите Инструмент Ручки Pen Tool (P) и создайте ромб.

Как нарисовать почтовый ящик

Для нашего будующего конверта создайте две направляющие линии, которые пересекаются в центре конверта. Заблокируйте направляющие в палитре Layers (или нажав Ctr+2), чтобы не сдвинуть их в дальнейшем.

Как нарисовать почтовый ящик

Шаг 20

Возьмите Инструмент Ручки Pen Tool (P) и создайте откидные створки конверта в форме треугольников.

Как нарисовать почтовый ящик

Теперь скруглим наконечник верхней откидной створки конверта. Когда мне нужно скруглить угол, я использую скрипт Round Any Corner, выбираю необходимый пункт или пункты и управляю скриптом, как описано в шаге 4.

Как нарисовать почтовый ящик

Шаг 21

Создайте тень верхней откидной створки конверта. Для этого продублируйте створку и преобразуйте с помощью Direct Selection Tool (A), поместите ее под слой верхней створки. Чтобы создать тень для нижней откидной створки конверта техника используйте технику из шага 6.

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Шаг 22

Используя ту же самую технику, создайте блики на конверте. Есть один эффективный способ, чтобы добиться оттенков основного цвета: выберите основной цвет, откройте Цветовую палитру Color и, зажав SHIFT, перемещайте один из ползунков вправо или влево. Для более светлых оттенков перемещают ползунки влево, а для более темных — вправо. Я не рекомендовал бы ползунок К для более темных оттенков, чтобы не получить грязные цвета. Регулируя цвет только с тремя ползунками Вы получите более яркие цвета. Этот метод может быть применен только к модели цвета CMYK.

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Шаг 23

Заполните конверт радиальными градиентами, содержащими оттенки основного цвета.

Как нарисовать почтовый ящик

Шаг 24

Создайте блики на фронте и нижней части конверта, используя технику, описанную в шаге 6.

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Шаг 25

Скопируйте основную форму конверта и переместите копию под основную фигуру. Переместите копию немного вниз и налево. Таким образом мы создали толщину конверта. Заполните полученную форму радиальным градиентом. Конверт готов, сгруппируйте все его элементы.

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Шаг 26

Теперь создайте второй конверт. Скопируйте готовый конверт, разместите его под первым, и поверните его. Измените цвета второго конверта в оттенки желтых (метод описан в шаге 22).

Как нарисовать почтовый ящик

Как нарисовать почтовый ящик

Шаг 27

Части конверта справа будут расположены в почтовом ящике, таким образом, они не будут видимы. Мы будем использовать Clipping Mask, чтобы скрыть эти части.

Как нарисовать почтовый ящик

Создайте форму пути Обрыва. Скопируйте форму щели в почтовом ящике и приклейте ее на передний план. Возьмите инструмент Ножниц Scissors Tool (C) и разрежьте фигуру в пунктах A и B, теперь удалите левую часть фигуры.

Как нарисовать почтовый ящик

Теперь возьмите инструмент Ручки Pen Tool (P) и дорисуйте обрезанную фигуру так, чтобы это не пересекло конвер.

Как нарисовать почтовый ящик

Выберите эти два конверта и новую фигуру и пойдите в Object > Clipping Mask > Make. В результате этих действий все части изображения, которые идут вне пути Обрыва, становятся невидимыми.

Как нарисовать почтовый ящик

Шаг 28

В результате мы имеем видим небольшие пятна, в местах, где путь Обрыва обрезает конверты.

путь Обрыва обрезает конверты

Это легко может быть устранено. Выберите путь Обрыва в палитре Layers, и затем переместите это на 1 px вправо, используя стрелки на клавиатуре.

Как нарисовать почтовый ящик

Таким образом, почтовый ящик и конверты готовы, но что отсутствует? Тени, конечно.

Как нарисовать почтовый ящик

Шаг 29

Возьмите инструмент Ручки Pen Tool (P) и создайте форму тени под почтовым ящиком, как показано на рисунке ниже.

Теперь используя скрипт Round Any Corner,  округлите углы этой формы.

Как нарисовать почтовый ящик

Заполните форму белым, я лично выбрал белый цвет в качестве цвета фона. Выделив фигуру идем в Object > Transform > Scale и устанавливают значение 70 % в диалоговом окне. Заполните копию серым. Выберите оба числа и пойдите в Object > Bland > Make. Тень готова. Как нарисовать тень в Adobe Illustrator для микростоков

Как нарисовать почтовый ящик

Шаг 30

Создайте тень для флага. Дублируйте боковую поверхность флага и поместите ее под флагом. Нижняя сторона копии должна быть на линии пересечения держателя с цилиндрической поверхностью почтового ящика.

Как нарисовать почтовый ящик

Выберите эту форму и пойдите в Object > Envelope Distort > Make with Mesh и устанавливают 2 ряда и 2 колонки в диалоговом окне. Используя инструмент Direct Selection Tool b, чтобы придать фигуре форму, как показано на рисунке.

Как нарисовать почтовый ящик

Заполните форму линейным градиентом как на рисунке.

Как нарисовать почтовый ящик

Возьмите инструмент Ручки Pen Tool (P) и создайте тень флага на вершине держателя.

тень

Шаг 31

Создайте тень под конвертами. Возьмите инструмент Ручки Pen Tool (P) и создайте форму, как на рисунке ниже.

Как нарисовать почтовый ящик

Теперь возьмите Инструмент Прямоугольника Rectangle Tool (M) и создайте прямоугольник под этой формой.

Как нарисовать почтовый ящик

Выделив прямоугольник пойдите в Object > Create Gradient Mesh и устанавливают 2 ряда и 2 колонки в диалоговом окне.

Как нарисовать почтовый ящик

Выберите обе фигуры и пойдите в Object > Clipping Mask > Make. Добавьте точки, используя инструмент Mesh Tool (U) , а, затем, при помощи Direct Selection Tool (A) преобразуйте фигуру к виду как показано на рисунке ниже.

Как нарисовать почтовый ящик

Шаг 32

Конверт, который ближе к зрителю создаст отражение на вершине крышки. Создайте это отражение, заполнив вершину крышки линейным градиентом.

Как нарисовать почтовый ящик

Шаг 33

Создайте тень от почтового ящика на поверхности конвертов. Скопируйте форму зеленого конверта и разместите ее впереди. Заполните эту форму темно-зеленым, установите Opacity в 60 % в палитре Прозрачности.

Как нарисовать почтовый ящик

Скопируйте форму конверта снова и разместите ее поверх. Заполните эту форму радиальным градиентом от черного к белому.

Как нарисовать почтовый ящик

Выберите эти 2 формы и выберите Make Opacity Mask в палитре Transparency.

Как нарисовать почтовый ящик

Сделайте то же самое с другим конвертом.

Как нарисовать почтовый ящик

Все, почтовый ящик готов!!

Как нарисовать почтовый ящик

Оригинал статьи

RSS
Вы можете подписаться на комментарии к статье: RSS 2.0


16 комментариев
  1. CommentsМихаил   |  Вторник, 21 Декабрь 2010 at 1:21 пп

    После выполнения в шаге 2 Extrude & Bevel получилось не пять объектов, а один. Интересно почему. У меня CS5

  2. CommentsДаша   |  Вторник, 21 Декабрь 2010 at 2:55 пп

    Может именно по-этому, т.к. урок написан в CS4

  3. CommentsМихаил   |  Четверг, 30 Декабрь 2010 at 8:22 дп

    Разобрался, в шаге 2 после Effect > 3D > Extrude & Bevel
    еще нужно Expand Apperance

  4. CommentsДаша   |  Четверг, 30 Декабрь 2010 at 10:28 дп

    Михаил, спасибо!
    Там действительно нужно разобрать, а в оригинале урока про это ни слова…

  5. CommentsСергей   |  Вторник, 18 Январь 2011 at 11:22 пп

    Привет. Не понял шаг 4, это скрипты. Куда их сохранять то? Скажите пожалуйста, заранее спасибо!

  6. CommentsДаша   |  Суббота, 22 Январь 2011 at 11:33 дп

    Сергей, прошу прощения за долгий ответ…
    Как установить скрипты и вообще небольшая подборка скриптов для разных версий Иллюстратора тут http://sheko.ru/2009/12/plaginyi-dlya-adobe-illustrator.html
    Из урока я убрала ссылки на скрипты,т.к. они были для старой версии иллюстратора..

  7. CommentsЕвгений   |  Четверг, 10 Март 2011 at 7:17 пп

    Спс Вам за уроки. Хороший сайт, так держать!

  8. CommentsЖеня   |  Четверг, 10 Март 2011 at 7:38 пп

    Здравствуйте!
    в шаге 5 в каких 4х точках нужно обрезать фигуру?

  9. CommentsДаша   |  Четверг, 10 Март 2011 at 8:38 пп

    Женя , в тех точках, которые обозначены цифрами 1,2, 3, 4

  10. CommentsЖеня   |  Четверг, 10 Март 2011 at 9:49 пп

    обрезаю как раз именно там, а кривые не получаются((( и так, и так испробовала, ничего не выходит…
    какая последовательность там? от первой ко второй, от второй к третьей и т.д.? может есть еще какие-нибудь способы обрезать?))
    заранее спасибо

  11. CommentsДаша   |  Пятница, 11 Март 2011 at 9:05 дп

    Выделите копию фигуру и в любой последовательности кликните по каждой точке ножницами!!
    После этого уже должна быть не одна целая фигура, а как бы 4 отрезка (ее стороны). Удалите верхнюю и нижнюю стороны и останется 2 отрезка. 🙂

  12. CommentsЛеша   |  Воскресенье, 31 Июль 2011 at 3:07 дп

    Даша, я тоже не понял абсолютно 5й шаг.
    Можно как то иначе этот шаг описать?

  13. CommentsЕвгений   |  Воскресенье, 07 Август 2011 at 7:35 пп

    Даша. Позволю себе сделать Вам замечание и высказать свое субъективное мнение: Наверно Вы всетаки не автор урока, а автор перевода урока. А вот урок написан моим другом Ярославом Лазуновым и было бы коректно с Вашей стороны указать этот факт.
    В дальнейшем хочу обратить Ваше внимание, что у автора урока появился сайт и на русском языке: http: //ru.vectorboom.com — Ярослав Лазунов — Авторские уроки по векторной графике.
    И в следующий раз когда Вы будете так беспардонно публиковать чужие уроки Вам не прийдется тратить свое драгоценное время на перевод его уроков.

  14. CommentsДаша   |  Понедельник, 15 Август 2011 at 8:25 дп

    Я автор перевода, что и написано в названии статьи (я всегда этот момент указывала)
    На сайте, что вы указали я не нашла такого урока. Перевод делаю с крупных англоязычных ресурсов, агрегирующих большое количество уроков. Если вы приведете ссылку на оригинал урока — я ее обязательно поставлю.

  15. CommentsЕвгений   |  Понедельник, 15 Август 2011 at 1:08 пп

    Даша, Вам ссылочку на оригинал статьи-как Вы и просили:
    http:// vector.tutsplus.com/tutorials/icon-design/make-a-mailbox-icon-using-adobe-illustrator/ Там четко указан автор ЯРОСЛАВ ЛАЗУНОВ

  16. CommentsДаша   |  Вторник, 16 Август 2011 at 8:09 дп

    Ссылку поставила:)


Оставить комментарий







twitter RSS Подписаться на новости по Email

Деньги

Ваш суммарный доход на стоках в месяц:

Посмотреть на результат

Загрузка ... Загрузка ...

Опрос

Какие микростоки самые доходные для Вас (не более 5-ти):

Посмотреть на результат

Загрузка ... Загрузка ...
Rambler's Top100 PR-CY.ru