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


Главная » 2011 » Март » 2 » Создаем иконку чупачупса.
11:16
Создаем иконку чупачупса.

Создаем иконку чупачупса

Создаем иконку чупачупса. \ Create an icon chupachupsa.

Финальный результат.

Создаем иконку чупачупса.

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

Шаг 1
Создайте новый документ 255*255 пикселей. Возьмите инструмент Ellipse Tool (L) и кликните по рабочей поверхности. Введите параметры ширины и длины - 80 пикселей, нажмие Ок. Мы получили идеальный круг, залейте его любым цветом.

Создаем иконку чупачупса.

Шаг 2
Берем инструмент Rectangle Tool (M) и кликните где-нибуть возле круга. Ширина - 78, а Высота - 25, жмите Ок. Выделите получившийся прямоугольник, теперь применим к нему эффект скругления углов, Effect > Stylize > Rounded Corners. Радиус скругления углов 2 пикселя.

Создаем иконку чупачупса.

Шаг 3
Выделите фигуру которую мы получили в пред. шаге. Нужно скруглить боковы стороны, Effect > Warp > Arc Lower, введите данные показанные на картинке, теперь Effect > Warp > Arc Upper, настройки на картинке соответственно. Везде жмем Окей. Нужно превратить прямоугольник в фигуру которую мы получили, Object > Expand Appearance.

Создаем иконку чупачупса.

Шаг 4
Выделите фигуры которые мы получили, используя инструмент Selection Tool (V). Теперь исползуя окно - Выравнивание фигур выравните по гирозонтали и вертикали.

Создаем иконку чупачупса.

Шаг 5
Выделите обе фигуры и обьедените их. Заливку фигуры поменяйте на красный (или любой другой) цвет R = 239 G = 65 B = 54.

Создаем иконку чупачупса.

Шаг 6
Берите в правую руку инструмент Rectangle Tool (M) и создайте фигуру со след. настройками: Ширина - 8 и Длина 123, цвет заливки R = 230 G = 231 B = 232. Теперь берем в левую руку инструмент Selection Tool (V) и с его помощью выделяем обе фигуры, затем выравниваем их по горизонтали.

Создаем иконку чупачупса.

Шаг 7
Теперь нужно разрезать наш чупачупс пополам. Создаем прямоугольник, размещаем его как на картике, выделяем его и палочку от чупачупса и на панели Pathfinder щелкаем на значок "отрезать" (см. рисунок 1). Точно также поступаем и с самим чупачупсом (см. рисунок 2).

Создаем иконку чупачупса.

Шаг 8
Сгрупируйте две фигуры (Control + G). Теперь чудеса Иллюстратора Effect > 3D > Revolve, выставляем настройки как на картинке, жмем Ок. Добавим тень Effect > Stylize > Drop Shadow, настройки все там же на картинке.

Создаем иконку чупачупса.

Шаг 9
Берем Rectangle Tool (M) и создаем прямоугольник такого же размера как и наш документ, цвет заливки белый. Активируйте сетку (View > Grid) и "прилипание" к сетке (View > Snap to Grid). Нам нужно чтобы в 1 клетке было 15 пикселей Edit > Preferences > Guides & Grid, выстовляем параметры в 15 пикселей.

Снова берем Rectangle Tool (M) и делаем полоску 15 пикселей в ширину и 375 пикселей в длину, затем применим градиент от серого к белому, см. картинку ниже. Совет: прилипание к сетке которое мы включили облегчит вам работу. Скопируйте полоску (Control + C > Control + F) и расположите ее справой стороны, поменяйте градиент на красный. Выделите обе полоски и сгрупируйте их (Control + G).

Создаем иконку чупачупса.

Шаг 10
Выделите группу полосок, которую мы сделали в прошлом шаге и размножте их с помощью Effect > Distort & Transform > Transform. Введите данные как на картинке, потом жмем Ок. Теперь преобразуем Object > Expand Appearance.

Создаем иконку чупачупса.

Шаг 11
Выделите полоски, которые мы сделали в пред. шаге и поверните их на -45 градусов Object > Transform > Rotate. Введите угол поворота -45 градусов, жмем Ок.

Создаем иконку чупачупса.

Шаг 12
Нам нужно сделать маску для полосок из пред. шага. Сначала откройте панель Transparency. Затем создайте прямоугольник размером с наш документ, залейте радикальным градиентом (см. картинку 1)

Выделите полоски и прямоугольник с радиальным градиентом, затем в панели Transparency выберите Make Opacity Mask. У вас должно получиться как на картинке 3. Измените непрозрачность полосок на 3%(или как вам нравиться).

Создаем иконку чупачупса.

Конец
Мы сделали это! Мы сделали чупачупс используя всего лишь простые формы. Эксперементируйте с другими цветами и фоном, настройте все как вам хочется, будет весело!

__________________
Автор - tutsplus.com
Перевод -TonyDesign


***


[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)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (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][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[12.02.2015][DesiGN SofT]
CorelCAD 2014 build 13.8.12 + Rus + Видеоинструкция + Руководство (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
 

Прикрепления:
Категория: Lessons Adobe Illustrator | Просмотров: 2379 | Добавил: kzd | Теги: создание чупа чупса adobe illustrat, адобе, иконка, чупик
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[26.09.2010][Lessons PHOTOSHOP]
Рисуем пулю, урок рисования (3)
[18.09.2011][DesiGn bLOg]
Туристические карты в типографике (1)
[15.09.2011][DesiGn bLOg]
Работы итальянского дизайнера (0)
[29.05.2010][Lessons PHOTOSHOP]
Марсианская поверхность, спецэффект (5)
[15.05.2012][Lessons PHOTOSHOP]
Портрет моего друга (30)
[02.03.2011][rastER KLipardy]
Тюльпаны \ Tulips (1)
[10.01.2011][Lessons PHOTOSHOP]
ПРЕВРАЩЕНИЕ В КРАСАВИЦУ (0)
[07.04.2013][Veb DeSiGn]
Множество примочек для системы UCOZ \ Vol6 (0)
[10.01.2011][Lessons PHOTOSHOP]
Создаем 3D текст (2)
[29.05.2010][Lessons PHOTOSHOP]
Вулканический камень (3)

Статистика


Онлайн всего: 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)



Пятница
01.03.2024
11:55


Copyright artpost and semantic product zanchi 2010-2011 © 2024