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


Главная » 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

***


[23.12.2024][DesiGn bLOg]
Стильно украсить дом на Новый год в стиле минимал, или ИИ спасает новый год (0)
[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[13.02.2015][Plugins Photoshop]
AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[12.02.2015][video futage]
Awards Pack II - Project for After Effects (Videohive) (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (0)
[12.02.2015][DesiGN SofT]
ACDSee Pro 7.1 Build 165 RePack 2014 (RU/EN) (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[25.10.2015][PSD-files, исходники]
Rons Deviney 18 Designs PSD (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
 

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


Поиск






[11.01.2011][Lessons PHOTOSHOP]
Марионетка (отрисовать) (0)
[13.04.2011][DesiGn bLOg]
Советы веб-дизайнеру начинающему собственное дело (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[29.01.2011][DesiGn bLOg]
Растровая и векторная графика (1)
[26.09.2011][icons]
Телефонные иконки ico, png (0)
[13.04.2011][DesiGn bLOg]
30 хороших примеров дизайна в рекламе (1)
[12.03.2013][Lessons PHOTOSHOP]
Создание изящного текста в мультяшном стиле \ Create Vibrant Typography in a Rough Cartoon Style (0)
[07.10.2012][rastER KLipardy]
Artworks by Digital Artists #0000001 (0)
[31.05.2010][Lessons PHOTOSHOP]
Магический символ, спецэффект (2)
[11.01.2011][rastER KLipardy]
Stock Vector - Jumper Patterns (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)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[11.01.2011][Veb DeSiGn]
Free WordPress Theme Jestalil (0)
[11.01.2011][Veb DeSiGn]
Free WordPress Theme Festinil (19)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #27040 (0)



Пятница
31.01.2025
06:38


Copyright artpost and semantic product zanchi 2010-2011 © 2025