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


Главная » 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)
[13.02.2015][Plugins Photoshop]
AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[12.02.2015][DesiGN SofT]
CorelDRAW Graphics Suite X6 v16.4.0.1280 SP4 Portable by Punsh (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
[22.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beauty (0)
[12.02.2015][DesiGN SofT]
ACDSee Pro 7.1 Build 165 RePack 2014 (RU/EN) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[12.02.2015][DesiGN SofT]
TechSmith Snagit 12.2.1 Build 1968 Final (2014/RUS/ENG) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Womans Retouch (2015) (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[12.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beautiful Vintage (2015) (0)
 

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


Поиск






[11.09.2011][vectOR KLipardy]
Collection Of Web Elements (0)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #27210 (0)
[13.09.2011][vectOR KLipardy]
MEGA pack vector elements origami (2)
[24.10.2010][PSD-files, исходники]
PSD файлы от ImageToday Design sourse (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[10.01.2011][Lessons PHOTOSHOP]
Как рисовался «Сломленный Линк» (0)
[24.09.2011][Lessons Adobe Illustrator]
Люди, замороженные в кубике льда – часть 1: Рисование ледяного кубика (0)
[12.02.2015][DesiGN SofT]
Adobe After Effects CC 2014 13.0.0.214 by m0nkrus (0)
[17.09.2011][vectOR KLipardy]
High Quality Labels & Stickers (0)
[27.11.2013][3D MAX modeling]
DOSCH ДИЗАЙН - 3D Небоскребы V1 (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)



Суббота
25.03.2023
04:45


Copyright artpost and semantic product zanchi 2010-2011 © 2023