Создание дизайн-шаблонов; уроки Photoshop, Illustrator, Lightroom, Gimp; обои для рабочего стола; иконки и headers для блогов.
Главная Фотоальбом Обо мне Карта блога
Подпишись на RSS!

Рисуем канцелярский гвоздик в Illustrator

Очень часто при дизайне используют всевозможные канцелярские принадлежности: скрепки, гвоздики, карандаши и прочее. Недавно натолкнулась на урок в Adobe Illustrator по созданию канцелярского гвоздика. Решила я его проделать и опубликовать! Мне показался урок не сложным, хотя некоторые моменты меня вгоняли в ступор. Но ничего, посидев, подумав и используя "метод тыка" я преодолела эти препятствия! И теперь я знаю немножечко больше :-) 

Приступим! Создадим новый документ в Illustratore.

1. Используя Pen Tool(P) нарисуем вот такую фигурку, это будет шляпка гвоздика. У меня получилось нарисовать такую фигурку раза с 10 :-) Вообще я никогда не понимала, как рисовать этим инструментом, но пробуя снова и снова до моего сознания, кажется, дошел его принцип работы и этот инструменик мне  начинает действительно нравиться! 

Урок. Канцелярский гвоздик. Рис. 1

2. Переходим Effects >>> 3D >>> Revolve и выставляем настройки:

Урок. Канцелярский гвоздик. Рис. 2

Вы можете повернуть гвоздик в любую сторону, используя свои настройки :-)

3. Далее разукрасим наш гвоздик. Используя Swatches палитру выбираем цвет. Не забудте перед этим на палитре цветов слева главным сделать Stroke (x)

Урок. Канцелярский гвоздик. Рис. 3

4. Теперь приступим к рисованию остренького кончика. Для начала нарисуем вот такую фигрку инструментом Pen Tool(P) и используя инструмент Direct Selection Tool (A) выделим крайние две точки, а среднюю оставим пустой. Далее нажмем правой кнопкой мыши по фигуре и выбираем Average и установим значение как на рисунке.

КаУрок. Канцелярский гвоздик. Рис. 4

5. Теперь вновь открываем 3D Revolve

Урок. Канцелярский гвоздик. Рис. 5

6. Теперь делаем слой с остреёчком под слоем со шляпкой.

Урок. Канцелярский гвоздик. Рис. 6

7. Устанавливаем Overlay на палитре Transparency и вытягиваем острие как показано на рисунке

Урок. Канцелярский гвоздик. Рис. 7

8. Затем снова у слоя со шляпой установим Normal на палитре Transparency

Урок. Канцелярский гвоздик. Рис. 8

9. Теперь когда наш гвоздик готов, начнем рисовать бумажку. Для этого вновь воспользуемся Pen Tool (P) и зальем будущий листок светло-серым цветом.

Урок. Канцелярский гвоздик. Рис. 9

10. Скопируем слой с бумагой и зальем градиентом. Теперь выделив его инструментом Direct Selection Tool (A) трансформируем так, чтобы было похоже на тень.

Урок. Канцелярский гвоздик. Рис. 10

11. Теперь надо сделать так, чтобы острие втыкалось в бумагу. Для этого используя инструмент Direct Selection Tool (A) потяним его наверх, так, чтобы оно стало короче.

Сделайте копию гвоздика и примените к ней Object >>> Expand Appearance.

Откройте палитру Pathfinder. Нажмите на Add To Shape Area, а затем на Expand. Затем зальем слой черным цветом.

Урок. Канцелярский гвоздик. Рис. 11

13. Идем Object >>> Path >>> Simplify.

Урок. Канцелярский гвоздик. Рис. 12

14. Затем трансформируем новый слой, чтобы он был похож на тень. Зальем слой с тенью градиентом темно-серым и светло-серым цветами.

Урок. Канцелярский гвоздик. Рис. 13

15. Возвращаемся к бумаге. Выделяем верхний слой и копируем его. Открываем палитру Swatches. Кликаем по Swatch Library Menu >>> Patterns >>> Basic Graphics >>> Basic Graphic_Textures. Выбираем текстуру, похожую на бумагу. Я использую USGS 8 Sewage. Выставляем на палитре Transparency - Opacity 8%.

Урок. Канцелярский гвоздик. Рис. 14

 Готово! :-)

Канцелярский гвоздик

источник

Cкачать скрепочки и гвоздики


JuliettaRose
15 Декабрь, 2008

Аня, у меня Illustrator CS3
По-моему 3d эффект есть и в более ранних версиях :-)


Аня
14 Декабрь, 2008

Вопрос, какой иллюстратор Вы использовали... у меня последний иллюстратор и эффекта 3Д нет...:( я конечно новичок в иллюстраторе...


JuliettaRose
2 Октябрь, 2008

Глаза боятся, а руки делают :-)))


Стас
28 Сентябрь, 2008

Отлично! Я до этого в юллюстраторе только буквы 3D-шил =)


Pad
22 Сентябрь, 2008

Вот это вооще класс. Я так точно не смогу...даже пользуясь данным мануалом. Тут надо талант, а не инструкция

Отправить комментарий

Не показывается.
Image CAPTCHA

Услуги по созданию дизайна; верстка



© JuliettaRose, 2008-2017. При использовании материалов ссылка на источник обязательна.
Яндекс.Метрика