Уффф..., сделала очередной урок в 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. Приступим к рисованию звездочки. И для начала несколько интересных функций:

1. Когда рисуете звезду можно добавить и убрать углы. Для этого не отпоская мышку нажимайте на стрелочки вверх и вниз.
2. Удерживая Ctrl можно увеличивать и уменьшать кончики звезды, двигая мышкой
3. Удерживайте "ё" и также двигайте мышкой в разные стороны, получается очень интересный эффект!

Ну а теперь нарисуем звездочку и зальем ее градиентом: 

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. Теперь у нас получилась настоящая цепочка, но еще не совсем реалистичная, т.к. звенья не связаны. На помощь придет скопированная нитка, которую мы делаем видимой и накладываем под слой с цепью. 

Я еще немного поэкспериментировала и сделала два тэга на темном фоне!

источник

 Скачать тэги (бирки) в векторе