Уффф..., сделала очередной урок в Adobe Illustrator, посвященный созданию тэга (бирки). Два дня я его мучила! Зато столько новых функций узнала! :-) Да и результат мне понравился! В общем, урок у меня, я считаю, получился, у вас тоже получится! Так что начинаем:
1. Откроем новый документ 72pt на 115 pt. C помощью инструмента Rectangle Tool (M) нарисуем прямоугольник такого же размера и зальем его темно серым цветом.
2. Выделите прямоугольник и используйте View > Smart Guides. В центре прямоугольника появится точка. Если вы подведете к ней курсор мыши, то увидите вертикальную линию, которая делит прямоугольник напополам. Таким же способом прямоугольник делится пополам и горизонтальной линией, а также делить его можно и под различными углами.



3. Инструментом Pen Tool (P) нарисуем полуокружность. Guides помогут вам нарисовать ее ровно. Я не очень хорошо владею данным инструментом, и следующие действия я смогла выполнить не сразу. Поэтому, если у вас тоже с этим проблемы, я подробно рассмотрю рисование полукруга.
Ставим сначала точку внизу справа, затем точку вверху по центру прямоугольника и не отпуская мыши ведем линию влево пока она не будет похоже на половинку полукруга!
Затем получившуюся фигурку отражаем горизонтально. Щелкаем правой кнопкой по фигурке и делаем то, что показано на рисунках:

Теперь вновь ставим точку туда, откуда все начиналось. И следующую точку ставим в противоположный угол. Вот и готово!



4. Теперь отразите полуокружность вертикально.
5. Выделим Direct Selection (A) все три части и, открыв палитру Windows > Pathfinder, применим Add to Shape located
6. Теперь выделяем левую сторону. Нажимаем Ctrl + Alt + J, откроется палитра Average. Выбираем Vertical Axis и нажимаем OK. Тоже самое повторяем с другой стороной!
7. Сделайте копию фигуры и закройте "на замочек" нижний слой в палитре слоев. Идем Object > Path > Offset Path, и устанавливаем Choose -7 pt. Выделим обе фигуры и на палитре Pathfinder выберем Divide option. Это действие создаст две разные фигуры. Теперь удалим внутреннюю, и останется только рамка.
8. Выделяем фигуру - рамку. Заливаем ее черно-белым градиентом, как показано на рисунке. Чтобы добавить дополнительные цвета в градиенте, удерживая Alt, перетаскивайте уже существующий цвет. Появится копия, которой вы можете придать любой оттенок.
9. "Отоприте" первую фигуру, т.е. снимите замочек. Скопируйте фигурку и оригинал вновь "закройте". Нарисуйте маленький круг и расположите его вверху по центру. Выделите обе фигуры (прямоугольник и круг) и выберите Divide option на панеле Pathfinder. Удалите круглую фигурку и получится отверстие.
Скопируйте фигуру с дыркой и верхнюю фигурку залейте градиентом.
10. Вновь дублируем фигурку с дыркой и залейте ее узором. Я использовала "6 lpi 50%" из Basic Graphic_Lines в палитре Swatches library. Установим Transparency - Overlay и Opacity - 60%.
11. Сейчас мы должны вычесть рамку из только что созданной фигуры с полосками. Дублируем фигуру рамку и выделяем две фигуры (рамку и полосатую). Выбираем Divide option на палитре Pathfinder. Теперь удаляем внешнюю фигуру с рамкой. Теперь нарисуем круг и переместим его на фигуру с линиями и вновь используем Divide option. Удаляем ненужные фигуры, чтобы получилась вот такая форма (выделена синим контуром). На второй фигуре с помощью инструмента Pen Tool (P) я подвинула ее немного к дырочке.
12. Выделим полосатую фигуру и добавим Inner Glow. Отметим параметры настроек:
13. Чтобы придать больше глубины, мы добавим Stroke фигуре с линиями.
14. Выделим фигуру с градиентной заливкой и добавим ей Inner Glow:
15. Сейчас скопируем фигуру рамку и расположим слой поверх всех остальных. Зальем темно-серым цветом и установим Transparency - Screen и 100% Opacity.


16. Далее копируем полосатую фигуру. Зальем ее узором "10 lpi 40%" из Swatch library. Затем установим Transparency - Overlay и Opacity 42%.
Вот такая бирочка у нас получилась:
Прежде чем мы приступим к следующему этапу, я бы хотела показать вам все фигуры, которые у нас есть. Это вам поможет сориентироваться, все ли вы сделали правильно! Самая первая фигура на рисунке самая нижняя, соответственно последняя самая верхняя в палитре слоев.
17. Приступим к рисованию звездочки. И для начала несколько интересных функций:
- Когда рисуете звезду можно добавить и убрать углы. Для этого не отпоская мышку нажимайте на стрелочки вверх и вниз.
- Удерживая Ctrl можно увеличивать и уменьшать кончики звезды, двигая мышкой
- Удерживайте "ё" и также двигайте мышкой в разные стороны, получается очень интересный эффект!
Ну а теперь нарисуем звездочку и зальем ее градиентом:
18. Идем Object > Path > Offset Path, и устанавливаем Offest 0.25 pt.
19. Добавим Inner Glow с такими настройками:
20. Затем нарисуем маленькую звездочку и зальем ее градиентом.
21. Ну вот, наконец-то мы приступаем к последнему этапу - рисование цепочки! Сначала рисуем ниточку. Копируем ее и копию пока скрываем. Позже она нам пригодится.
22. Создадим кружок и зальем его градиентом radial.
Дублируем круг и отодвигаем подальше от первого кружочка. Идем Object > Blend > Blend Options, применяем настройки:
23. Выделяем оба круга и нажимаем на Ctrl + Alt + B. Теперь у нас получилась цепь! Если двигать крайний кружок расстояние будет между ними меняться.
24. Теперь выделяем нитку и цепь, переходим Object > Blend > Replace Spine. Теперь у нас получилась настоящая цепочка, но еще не совсем реалистичная, т.к. звенья не связаны. На помощь придет скопированная нитка, которую мы делаем видимой и накладываем под слой с цепью.
25. Бирочка готова! Надеюсь, у вас тоже все получилось и сложностей не возникло! Если, что спрашивайте, я постараюсь ответить на вопросы!
Я еще немного поэкспериментировала и сделала два тэга на темном фоне!
источник
Скачать тэги (бирки) в векторе
что означает "левая" и "правая" сторона в пункте 6?
Thanks за урок)оч помог
Из Вас получится хороший учитель)
У меня получилось очень красиву .Спасибо вам
Так здорова получилось! Сделал так же по вашему уроку, получилось иначе, не так красиво. Видел зеленый с жучком - супер!!!
Спасибо за урок! Если добавить авторской интерпретации, то выйдет ещё красивее)))
Steward, да меня и этот шрифт устраивает!
Суть здесь все таки не в источнике, т.к. урок я проделывала сама кое что добавляла от себя, а кое что отбрасывала.
Вы бы источник ещё меньшим шрифтом сделали..
Отправить комментарий