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


Главная » 2011 » Январь » 29 » Замечательный значок
09:12
Замечательный значок

Замечательный значок

Замечательный значок \ Wonderful icon

Финальное изображение:


Замечательный значок

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

Шаг 1

Создайте документ 700х700рх. Включите сетку, а так же привязку к ней. Для чего пройдите в меню View и поставьте галочки
напротив: Hide Grid и Snap to Grid. Пройдите Edit > Preferences > Guides & Grids. Для параметра «Gridline every» выставите «5»,
для «Subdivisions» введите значение«1».

Теперь Вы должны будете создать 9 концентрических кругов.

1.    Выберите инструмент Эллипса (L), зажмите Shift и потяните круг размером 500х500рх (с выбранным инструментом, щелкните
по рабочему полю левой кнопкой мыши, в появившемся окне введите необходимые значения).
Так же советую изменить на время режим наложения на Multiply, для того чтобы не возникало путаницы с копиями.
Назовите это круг «1», после чего пройдите Object > Path > Offset Path. Для параметра «Offset» введите значение «-30» нажмите «Ок».

2.    Назовите получившийся круг «2», выберите его, снова пройдите Object > Path > Offset Path, на этот раз сожмите круг на -5рх.

3.    Назовите новую форму «3» и повторите предыдущий шаг.

4.    Назовите получившуюся фигуру «4», и опять сожмите круг на -5рх.

Замечательный значок

5.    Назовите новый круг «5», пройдите Object > Path > Offset Path на этот раз введите значение -25рх.

6.    Назовите новый объект «6», сожмите его на -20рх.

7.    Выберите получившуюся форму, назовите ее «7». Сожмите ее на -10рх.

8.    Получившийся круг назовите «8», сожмите его на -5рх.

9.    Назовите полученный круг «9».

Замечательный значок

Шаг 2

Выберите формы 2-9 и сделайте их невидимыми на некоторое время. Для чего отключите видимость в палитре Layers.

Замечательный значок

Шаг 3

Выключите сетку, а так же привязку к ней. Давайте теперь сосредоточим своё внимание на первом круге. Выберите его,
примените эффект «Zig Zig» для чего пройдите Effect > Distort&Transform > Zig Zig…, в появившемся окошке введите
параметры представленные ниже.
Пройдите Object > Expand Appearance, чтобы разобрать объект.
Залейте получившуюся фигуру линейным градиентом от серого цвета к белому и обратно к серому цвету, угол градиента выставите 45°.

Замечательный значок

Добавьте обводку толщиной 1 pt, серого цвета. Центрирование для обводки задайте «Снаружи», для чего щелкните
по кнопке «Outside» в панели «Stroke» (см. рис 3.2).

Замечательный значок

Затем добавьте новую заливку. Для чего откройте палитру Appearance щелкните по иконке в правом, верхнем углу палитры и
выберите «Add new Fill» (см рис. 3.3).

Замечательный значок

Цвет для новой заливки задайте черный. С выбранной заливкой пройдите
Effect > Artistic > Film Grain. Настройки эффекта приведены ниже на изображении.

В завершении работы с этим объектом, выберите круг и пройдите Effect > Stylize > Drop Shadow и задайте настройки
эффекта приведенные ниже.

Замечательный значок

Шаг 4

Создайте копию фигуры №1 (для чего нажмите сочетание клавиш Ctrl+C, Ctrl+F). С помощью инструмента Rectangle Tool(M)
создайте прямоугольник, поместите его так, как Вы видите ниже, после чего выберите прямоугольник и копию
(чтобы произвести выделение нескольких фигур за один раз, делайте это с зажатой клавишей Shift), пройдите в
палитру Pathfinder и нажмите «Intersect». Выберите получившуюся фигуру, залейте ее черным цветом и понизьте
процент Непрозрачности до 10%.

Замечательный значок

Шаг 5

Возвратите видимость для фигур 2,3,4,5,8 и 9. Если Вы последовали моему совету в шаге первом и поменяли режим
наложение на Умножение (Multiply), то теперь верните нормальный режим наложения для этих объектов.
Фигуры 2,4 и 8 залейте белым цветом, фигуры 3,5 и 9 залейте градиентом, который Вы видите ниже
(тип градиента: радиальный, так же выставите для параметра Aspect Ratio значение примерно 60%).

Замечательный значок

Шаг 6

Верните видимость фигуре №7. Выберите инструмент Type on a Path Tool (он находится в выпадающем меню
инструмента Type Tool, суть этого инструмента в том, что он располагает текст, строго по выбранному Вами пути).
Щелкните выбранным инструментом по фигуре №7, должен появиться мерцающий курсор ввода текста, введите
Ваш текст, я использовал шрифт Arial, размер 40рх. С выбранным текстом пройдите Object > Expand. Залейте
полученные формы белым цветом.

С выбранным текстом пройдите Object > Compound Path > Make. Назовите полученный объект «Текст».
Верните видимость для фигуры №6. Сделайте копию объекта «Текст» (Ctrl+C, Ctrl+F), выберите фигуру №6 и копию,
после чего пройдите в палитру Pathfinder и нажмите Intersect.
Выберите полученную группу, залейте её цветом R=251, G=188, B=12, понизьте уровень непрозрачности до 10%.

Замечательный значок

Шаг 7

Выберите инструмент Type Tool (T), введите текст «100%» в середине круга №9.
Используйте шрифт «Impact» (110рх для текста и 80px для знака %). Разберите этот текст (Object > Expand).
Залейте полученные формы белым цветом, после чего пройдите Object > Compound Path > Make.
Выберите полученную форму, пройдите Object > Path > Offset Path, введите значение «-3» для Offset.
Залейте полученную форму линейным градиентом (настройки градиента смотрите на изображении ниже).

Замечательный значок

Шаг 8

Выберите инструмент Star Tool (он находится в подменю инструмента Rectangle Tool (M)), нарисуйте звезду,
как показано на изображении ниже. Во время рисования, зажмите клавишу Ctrl, чтобы нарисовать лучи звезды,
необходимой Вам длинны.
Залейте звезду радиальным градиентом (параметры на скриншоте), задайте обводку толщиной 5p, цвет белый, центрирование задайте Outside.
Создайте меньшие по размеру звезды, залейте их таким же градиентом, толщину обводки используйте различную.
Расположите, как показано на изображении ниже.

Замечательный значок

Шаг 9

Создайте копию фигуры №2, после чего нарисуйте с помощью инструмента Rectangle Tool (M) прямоугольник
такой, чтобы он перекрывал половину рисунка (см. рис.). Выберите копию фигуры №2 и прямоугольник, после
чего нажмите Intersect на палитре Pathfinder. Залейте полученную фигуру белым, понизьте прозрачность до 15%.

Замечательный значок

Шаг 10

Приступим к созданию лент. Снова включите сетку и привязку к ней. Выберите инструмент Прямоугольник (М),
создайте прямоугольник 100х250рх. С выбранной фигурой пройдите Object > Path > Add Anchor Points, чтобы
задать дополнительные якорные точки.

С помощью инструмента Direct Selection Tool (A) выберите точку расположенную посередине основания
прямоугольника и передвиньте её на 50рх вверх. Выберите весь объект и примените к нему эффект Арки,
для чего пройдите Effect > Warp > Arc, после чего разберите объект (Object > Expand Appearance).

Замечательный значок

Шаг 11

Отразите копию по вертикали, для чего выберите ее с помощью инструмента Selection Tool (V), щелкните правой
кнопкой мыши и пройдите Transform > Reflect. В появившимся диалоговом окошке, поставьте галочку
напротив «Vertical» и нажмите «Copy». Поместите ленты, примерно, как показано на рисунке ниже.
Залейте их все тем же градиентом (настройки смотрите ниже). Задайте для лент обводку толщиной 5pt,
центрирование по центру (для чего нажмите на панели Stroke кнопку Inside), серого цвета.
Теперь добавьте тени (настройки эффекта смотри ниже на изображении).

Замечательный значок

Заключение.

Вот и все готово. Как видите, получился значок отменного качества, легко редактируемый который
можно использовать в различный проектах.

Замечательный значок

Надеюсь Вам понравился данный урок.

Автор: Andrei Marius
Перевод: Василий Митюков

Источник: тут

***






Мужики в PLAYBOY?
новые мото КОНЬКИ
Татуировки на свиньяхНевероятные работынеобычные причёски










Новая восходящая звезда
Рисуем портреткупить себе избушку на ножках?
Красотулька Nikki Novaручные песочные часы


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (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][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)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (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)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[25.10.2015][PSD-files, исходники]
Rons Deviney 18 Designs PSD (0)
[12.02.2015][DesiGN SofT]
TechSmith Snagit 12.2.1 Build 1968 Final (2014/RUS/ENG) (0)
 

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


Поиск






[14.01.2011][rastER KLipardy]
Flamy hearts and love (1)
[03.04.2011][PSD-files, исходники]
Mega button pack (0)
[10.11.2010][vectOR KLipardy]
Retro backgrounds (0)
[09.09.2011][Photoshop Actions]
GraphicRiver - Cinematic Photo Effects (0)
[01.09.2013][rastER KLipardy]
Прелестная студентка с будильником / Beautiful student girl with clock - stock photo (0)
[11.01.2011][Veb DeSiGn]
Free WordPress Theme Jestalil (0)
[30.05.2010][Lessons PHOTOSHOP]
Зрачок, спецэффект (2)
[29.08.2010][Lessons PHOTOSHOP]
Перышко, спецэффект (3)
[06.02.2013][Lessons PHOTOSHOP]
Создаем навороченный грузовик в ФШ, используя простые фото \ часть 1 (1)
[17.09.2011][Lessons Adobe Illustrator]
Абстрактные композиции с точками (1)

Статистика


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



Воскресенье
06.10.2024
21:43


Copyright artpost and semantic product zanchi 2010-2011 © 2024