В этом уроке мы будем создавать золотой компас в векторной программе adobe illustrator.
![]()
1. C помощью Ellipse Tool (M) создайте круг (с включенной заливкой цвета, но без контурной обводки) шириной 367px. Для равномерного создания круга удерживайте клавишу Shift. Созданый круг залейте радиальным градиентом, как показано ниже на скрине.
2. Начнем с разметки. Создайте прямоугольник (L) шириной 0.688 и высотой 13.044, разместите его в верхней части круга, сделайте копию и поместите её в нижней части. Используйте для этого клавиши Alt + Shift ( Alt-копирует фигуру, Shift позволяет переместить фигуру перпендикулярно вниз)
3. Выделите прямоугольные фигуры инструментом Selection Tool (V), сгруппируйте их вместе (Ctrl+G) и выровняйте относительно круга, как по вертикали, так и по горизонтали.
4. Выделите снова прямоугоньники и поверните используя Rotate Tool (Right-click > Transform > Rotate) на 1 градус. В диалоговом окне выберите Сopy.
5. Теперь нам остается только нажимать сочетание клавиш Ctrl+D, для создания копий поворота. Делайте это до тех пор, пока не заполните всю длину окружности.
6. Выберите верхний средний прямоугольник с помощью Selection Tool и немного трансформируйте его форму. Немного расширьте и потяните вниз. Удерживайте Shift для равномерности.
7. Пока у вас все еще выделен верхний средний маркер, копируйте его и переместите вниз с помощью Alt+Shift ( как в пунктах выше). Как только вы разместите копию внизу, сгруппируйте эти два прямоугольника (Ctrl+G)
8. C помощью Rotate Tool поверните на 20 градусов и нажмите кнопку Copy.
9. Повторите эту команду 8 раз с помощью Ctrl+В
10. Теперь снова выберите центральный верхний маркер (разметку) инструментом Selection Tool (V) , копируйте (Ctrl+C) и поместите поверх (Ctrl+F), затем потяните немного снизу вверх, удерживая клавишу Shift.
11. Выберите созданный маркер, копируйте его и переместите вниз (Alt+Shift)
12. Сгруппируйте (Ctrl+G) и поверните на 10 градусов инструментом Rotate tool. В диалоговом окне выберите Copy.
13. Выберите эту группу и повторите копирование с поворотом на 20 градусов. Повторяйте эту процедуру (Ctrl+D) до тех пор, пока не заполните разметками всю длину окружности.
14. Создайте еще один круг с радиальной заливкой. На нем мы будем создавать цифровую разметку.
15. Выделите созданный круг, выберите инструмент Type on a Path Tool и начните печатать числа на круге.
16. Продолжайте, пока не закончите разметку полного круга.
17. Создайте звезду с четырьмя углами используя Star Tool. Параметры можете выставлять по своему усмотрению. Автор выбрал ширину 225,887px .
18. Теперь нам нужно окрасить каждую грань звезды. Для этого нам нужно разделить ее посредине.
1. Протяните линию с помощью инструмента Line Segment Tool (\), немного длиней, нежели вертикальный сегмент звезды.
2. Скопируйте линию Ctrl+C, вставьте поверх Ctrl+F и поверните на 45 градусов (Сначала выделите линию Selection Tool (V), потом поверните удерживая Shift).
3. Повторите 1 и 2 пункты, чтобы получилось 4 линии.
4. Выделите линии и звезду и выровняйте по горизонтали и вертикали.
5. Со все еще активным выделением перейдите в панель Pathfinder (Shift+Ctrl+F9) и нажмите Divide.
19. Окрасьте грани звезды используя Direct Selection Tool и выбранный вами цвет.
Скопируйте разукрашенную звезду Ctrl+C, вставьте поверх Ctrl+F и поверните на 45 градусов. Уменьшите немного ее размер инструментом Select. Tool, удерживая Alt+Shift для равномерного сжатия.
20. Удалите три стороны меньшей звезды, оставив только одну. Выделите две опорных точки, которые указаны на скрине используя инструмент Direct Selection Tool (A). Инструментом Selection Tool (V) потяните ее вправо вверх, удерживая Shift, пока углы не пересекут углы большой звезды.
21. Выделите остаток маленькой звезды, нажмите R и тяните к середине большой звезды, удерживая Alt. Далее поверните на 90 градусов и нажмите кнопку Copy. Повторите (Ctrl+D), пока не получите полную звезду снова.
22. С помощью Text Tool (T) напечатайте названия сторон света.
23. Теперь , когда мы закончили наносить разметки, пришло время создания стрелок. Войдите в группу, содержащую элементы большой звезды и скопируйте горизонтальный сегмент Ctrl+C и вставьте Ctrl+V. Далее выделите две верхние опорные точки с помощью Direct Selection Tool (A), правый клик мышкой и в выпавшем меню выберите Average > Both.
24. Добавьте цвета сегменту, чтобы он выделялся. Или можете использовать цвета, указанные на скрине.
25. Используя Ellipse Tool (L) создайте два круга, удерживая Shift для равномерности. Залейте их радиальным градиентом. Вы можете использовать понравившиеся вам цвета или выставить настройки , как на скрине ниже.
26. Сгруппируйте все созданные элементы Ctrl+G.
27. Теперь мы создадим золоток корпус компаса. Создайте 4 круга, инструментом Ellipse Tool (L). Начните с создания большего, каждый последующий делая меньше. автор выбрад такие параметры настроек :469px, 460px, 449px, и 393px.
28. Теперь добавим на каждый золотую градиентную заливку.
29. Разместите "золотые" градиенты инструментом Selection Tool (V), пока не получите похожую иллюстрацию.
30. Осталось добавить тень от компаса.
1) Создайте белый круг инструментом Ellipse Tool (L).
2) С помощью Mesh Tool (U) добавьте 4 опорных точки.
3) Инструментом Direction Selection Tool (A) выделите эти точки и смените цвет на #f2f2f2, цвет центральной точки установите на #4d4d4d.
4) После установки цветов, выделите круг инструментом Selection Tool (V) и измените форму на овал, как показано ниже.
Вот, что у нас должно получиться
![]()
перевод: Photoshopic
автор: Designious

Add A Comment
You must be logged in to post a comment.