Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2011 » Сентябрь » 18 » Создаем иллюстрацию забавного зайца
17:20
Создаем иллюстрацию забавного зайца

Создаем иллюстрацию забавного зайца

Создаем иллюстрацию забавного зайца \ Create a fun illustration of a hare

Программа: Adobe Illustrator CS4
Сложность: Средняя
Затраченное время: 1.5 часа



Шаг 1.

Создаем документ в Illustrator (File > New) выбираем "Letter" (можете выбрать любой тип документа).Цветовой режим - RGB , если будет использоваться для принта, то нужно выбирать CMYK.
Создаем иллюстрацию забавного зайца

Шаг 2.

Начнем с 3D текста. Находим подходящий шрифтt (В этом уроке я использовал Lamebrain BRK тут, размер 100, и применил к буквам Type > Create Outlines.
Создаем иллюстрацию забавного зайца

Шаг 3.

Выделяем букву "i" используя инструмент Direct Selection Tool, выделим точку и удалим и добавляем обводку. Убедитесь что выбрана Round Cap и Round Join в панели stroke для эффекта сглаживания.
Создаем иллюстрацию забавного зайца

Шаг 4.

Выделяем текст и применяем Path > Outline Stroke.
Создаем иллюстрацию забавного зайца

Шаг 5.

После чего Object > Ungroup. Выделим одну букву и нажмем Unite в панели Pathfinder. Проделаем тоже самое для остальных букв.
Создаем иллюстрацию забавного зайца

Шаг 6.

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

Шаг 7.

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

Шаг 8.

В панели 3D Extrude & Bevel , галочку на Preview и выбираем Extrude Depth (я использовал настройки стандартные). Теперь вы можете передвигать куб, чтобы получить нужный вам угол наклона. Также можете изменять перспективу. Проделайте это с каждой буквой, и у каждой буквы изменить угол наклона.
Создаем иллюстрацию забавного зайца

Шаг 9.

Когда каждая буква будет законченна, выделите их и примените Object > Expand Appearance.
Создаем иллюстрацию забавного зайца

Шаг 10.

Вы можете заметить белый цвет между формами после разбиения на объекты, не беспокойтесь мы избавимся от этого. Выберите букву и нажмите Shift + Ctrl + G (Object > Ungroup) дважды. После чего выберите фронтальную форму шрифта буквы (ex. светло красный "C") и создайте копию (Ctrl + C).

Выберите все буквы, содержащие форму, и добавьте маленькую обводку (0,5) с выделенными параметрами Round Cap и Round Join. Примените Object > Path > Outline Stroke, откроется панель Pathfinder и кликаем на Unite. После завершения этих шагов, вставьте фронтальные формы назад (Ctrl + F). Вы должны проделать данный процесс для каждой буквы.
Создаем иллюстрацию забавного зайца

Шаг 11.

Я изменил цвет форм.
Создаем иллюстрацию забавного зайца

Шаг 12.

Помните что мы удалили точку у буквы "i" ранее? Создадим звездочку используя Star Tool!
Создаем иллюстрацию забавного зайца

Шаг 13.

Повторяем шаги с 7 по 10 для получения эффекта 3D и после изменяем цвета.
Создаем иллюстрацию забавного зайца

Шаг 14.

Добавляем черную обводку тексту. Выделяем все, копировать (Ctrl + C) и вставить позади (Ctrl + cool.gif. Кликаем Unite вы панели Pathfinder.
Создаем иллюстрацию забавного зайца

Шаг 15.

Добавляем обводку черную со значением 10 pt
Создаем иллюстрацию забавного зайца

Шаг 16.

Применяем Object > Path > Outline Stroke и кликаем Unite в панели Pathfinder.
Создаем иллюстрацию забавного зайца

Шаг 17.

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

Шаг 18.

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

Шаг 19.

Добавляем эффект к тексту, создадим закругленные формы.
Создаем иллюстрацию забавного зайца

Шаг 20.

Выделим передние буквы в тексте и кликаем на Unite в панели Pathfinder. И создадим копию на передний план (Ctrl + C и Ctrl + F). Выберем одну из форм и круглую (помечено зеленым) и кликаем на Intersect в панели Pathfinder, зажав Alt. После чего кликаем Expand. Проделаем тоже самое со звездой.
Создаем иллюстрацию забавного зайца

Шаг 21.

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

Шаг 22.

Наступила часть для кролика, ее я сделаю быстро. Я думаю уроков, о том как нарисовать персонажей достаточно здесь. Начинаем со скетча, я предпочитаю делать его в Illustrator. Начинаем обрисовку персонажа используя Pen Tool.
Создаем иллюстрацию забавного зайца

Шаг 23.

Легкий путь создания теней, это копирование основных форм (руки ), и вставка на передний план (Ctrl + F), и после рисуем новую форму поверх, и выделив копию и нарисованную форму, жмем Intersect в панели Pathfinder.
Создаем иллюстрацию забавного зайца

Шаг 24.

После того как обрисовка линиями законченна, можно переходить к цветам, и не забудьте добавить черную обводку позади персонажа!
Создаем иллюстрацию забавного зайца

Шаг 25.

После того как персонаж сделан, создаем две круглых формы позади.
Создаем иллюстрацию забавного зайца

Шаг 26.

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

Шаг 27.

Используя Direct Selection Tool для удаления нижней части формы.
Создаем иллюстрацию забавного зайца

Шаг 28.

Используя Pen Tool, нарисуйте линии вокруг форм и выбрав кисть в библиотеке Кистей ( Brush Libraries) (Window > Brush Libraries > Artistic > Artistic_ink). Изменим толщину обводки ( Weight ) чтобы получить нужный эффект . Сделайте линии для 1 формы (коричневые) для второй (черные).

Выберите линии которые вы создали и примените Object > Expand Appearance. Выберите все коричневые линии с коричневой формой и нажмите Unify в панели Pathfinder. Проделайте тоже самое для черных линий с черной формой. Выделяем обе формы в конце и размещаем позади (Object > Arrange > Send to Back).
Создаем иллюстрацию забавного зайца

Шаг 29.

Теперь нужно добавить обводку позади всей иллюстрации. Выделяем все, создаем копию и вставляем позади (Ctrl + cool.gif. Жмем Unify в панели Pathfinder.
Создаем иллюстрацию забавного зайца

Шаг 30.

Меняем цвет этой формы, добавляем обводку с толщиной 8 pt. После чего Object > Path > Outline Stroke и снова жмем на Unify.
Создаем иллюстрацию забавного зайца

Шаг 31.

Чтобы форма выглядела как стикер, нужно сделать ее единой. Двойной щелчок на форме, чтобы войти в форму, скрываем белые части, а также объединяем маленькую с большой формой. Выделяем все формы и жмем Unify.
Создаем иллюстрацию забавного зайца

Шаг 32.

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

Шаг 33.

Выберем белую форму, копируем и вставляем позади (Ctrl + C и Ctrl + B )и двигаем вправо вниз. Меняем цвет на черный. И применяем Effect > Blur > Gaussian Blur.
Создаем иллюстрацию забавного зайца

Шаг 34.

С параметрами - Radius на 7.2 pixels.
Создаем иллюстрацию забавного зайца

Шаг 35.


В панели Transparency режим смешивания ставим - Multiply и понижаем Opacity до 50%.
Создаем иллюстрацию забавного зайца

Финальный результат:
Создаем иллюстрацию забавного зайца

Автор:David Laplante
Перевод:Irdin

***


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
CorelCAD 2014 build 13.8.12 + Rus + Видеоинструкция + Руководство (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
 

Прикрепления:
Категория: Lessons Adobe Illustrator | Просмотров: 1039 | Добавил: zanchi | Теги: нарисовать забавного кролика, обрисовка персонажа во flash, как нарисовать забавного кролика, рису, заяц, какие пути создания иллюстраций ест, Стикер
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[22.10.2015][Lessons PHOTOSHOP]
Мастер-класс photoshop Oil Retouch (0)
[02.10.2010][Lessons PHOTOSHOP]
Книга жизни (6)
[18.07.2013][DesiGn bLOg]
Мифы и легенды брендов. Красивые сказки, в которые мы хотим верить (0)
[02.10.2010][Lessons PHOTOSHOP]
Дымящийся текст за 10 простеньких шагов (6)
[11.01.2011][Veb DeSiGn]
Free WordPress Theme Jestalil (0)
[12.01.2011][Lessons PHOTOSHOP]
Синее металлическое меню (0)
[12.01.2011][Lessons PHOTOSHOP]
Рисуем иконку часов (0)
[13.04.2011][Lessons PHOTOSHOP]
Не покидай меня (1)
[11.01.2011][Veb DeSiGn]
ThemeForest - ChromeGT Business & Portfolio HTML Theme (All Colours) - Rip (1)
[08.11.2010][Photoshop Actions]
Gum Bichromate Print Action for Photoshop (0)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Пятница
29.03.2024
12:31


Copyright artpost and semantic product zanchi 2010-2011 © 2024