Subscribe to Фотошоп и К
Technorati
del.icio.us
сентября-11-09

Золотой векторный компас в illustrator

Запостил admin

В этом уроке мы будем создавать золотой компас в векторной программе adobe illustrator.
preview.jpg

1. C помощью Ellipse Tool (M) создайте круг (с включенной заливкой цвета, но без контурной обводки) шириной 367px. Для равномерного создания круга удерживайте клавишу Shift. Созданый круг залейте радиальным градиентом, как показано ниже на скрине.

pasul-1.jpg

2. Начнем с разметки. Создайте прямоугольник (L) шириной 0.688 и высотой 13.044, разместите его в верхней части круга, сделайте копию и поместите её в нижней части. Используйте для этого клавиши Alt + Shift ( Alt-копирует фигуру, Shift позволяет переместить фигуру перпендикулярно вниз)

pasul-2.jpg

3. Выделите прямоугольные фигуры инструментом Selection Tool (V), сгруппируйте их вместе (Ctrl+G) и выровняйте относительно круга, как по вертикали, так и по горизонтали.

pasul-3.jpg

4. Выделите снова прямоугоньники и поверните используя Rotate Tool (Right-click > Transform > Rotate) на 1 градус. В диалоговом окне выберите Сopy.

pasul-4.jpg

5. Теперь нам остается только нажимать сочетание клавиш Ctrl+D, для создания копий поворота. Делайте это до тех пор, пока не заполните всю длину окружности.

pasul-5.jpg

6. Выберите верхний средний прямоугольник с помощью Selection Tool и немного трансформируйте его форму. Немного расширьте и потяните вниз. Удерживайте Shift для равномерности.

pasul-6.jpg

7. Пока у вас все еще выделен верхний средний маркер, копируйте его и переместите вниз с помощью Alt+Shift ( как в пунктах выше). Как только вы разместите копию внизу, сгруппируйте эти два прямоугольника (Ctrl+G)

pasul-7.jpg

8. C помощью Rotate Tool поверните на 20 градусов и нажмите кнопку Copy.

pasul-8.jpg

9. Повторите эту команду 8 раз с помощью Ctrl+В

pasul-9.jpg

10. Теперь снова выберите центральный верхний маркер (разметку) инструментом Selection Tool (V) , копируйте (Ctrl+C) и поместите поверх (Ctrl+F), затем потяните немного снизу вверх, удерживая клавишу Shift.

pasul-10.jpg


11. Выберите созданный маркер, копируйте его и переместите вниз (Alt+Shift)

pasul-11.jpg

12. Сгруппируйте (Ctrl+G) и поверните на 10 градусов инструментом Rotate tool. В диалоговом окне выберите Copy.

pasul-12.jpg

13. Выберите эту группу и повторите копирование с поворотом на 20 градусов. Повторяйте эту процедуру (Ctrl+D) до тех пор, пока не заполните разметками всю длину окружности.

pasul-13.jpg

14. Создайте еще один круг с радиальной заливкой. На нем мы будем создавать цифровую разметку.

pasul-14.jpg

15. Выделите созданный круг, выберите инструмент Type on a Path Tool и начните печатать числа на круге.

pasul-15.jpg

16. Продолжайте, пока не закончите разметку полного круга.

pasul-16.jpg

17. Создайте звезду с четырьмя углами используя Star Tool. Параметры можете выставлять по своему усмотрению. Автор выбрал ширину 225,887px .

pasul-17.jpg

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.

pasul-18.jpg

19. Окрасьте грани звезды используя Direct Selection Tool и выбранный вами цвет.
Скопируйте разукрашенную звезду Ctrl+C, вставьте поверх Ctrl+F и поверните на 45 градусов. Уменьшите немного ее размер инструментом Select. Tool, удерживая Alt+Shift для равномерного сжатия.

pasul-19.jpg

20. Удалите три стороны меньшей звезды, оставив только одну. Выделите две опорных точки, которые указаны на скрине используя инструмент Direct Selection Tool (A). Инструментом Selection Tool (V) потяните ее вправо вверх, удерживая Shift, пока углы не пересекут углы большой звезды.

pasul-20.jpg


21. Выделите остаток маленькой звезды, нажмите R и тяните к середине большой звезды, удерживая Alt. Далее поверните на 90 градусов и нажмите кнопку Copy. Повторите (Ctrl+D), пока не получите полную звезду снова.

pasul-21.jpg

22. С помощью Text Tool (T) напечатайте названия сторон света.

pasul-22.jpg

23. Теперь , когда мы закончили наносить разметки, пришло время создания стрелок. Войдите в группу, содержащую элементы большой звезды и скопируйте горизонтальный сегмент Ctrl+C и вставьте Ctrl+V. Далее выделите две верхние опорные точки с помощью Direct Selection Tool (A), правый клик мышкой и в выпавшем меню выберите Average > Both.

pasul-23.jpg

24. Добавьте цвета сегменту, чтобы он выделялся. Или можете использовать цвета, указанные на скрине.

pasul-24.jpg

25. Используя Ellipse Tool (L) создайте два круга, удерживая Shift для равномерности. Залейте их радиальным градиентом. Вы можете использовать понравившиеся вам цвета или выставить настройки , как на скрине ниже.

pasul-25.jpg

26. Сгруппируйте все созданные элементы Ctrl+G.

27. Теперь мы создадим золоток корпус компаса. Создайте 4 круга, инструментом Ellipse Tool (L). Начните с создания большего, каждый последующий делая меньше. автор выбрад такие параметры настроек :469px, 460px, 449px, и 393px.

pasul-26.jpg

28. Теперь добавим на каждый золотую градиентную заливку.

pasul-27.jpg

29. Разместите "золотые" градиенты инструментом Selection Tool (V), пока не получите похожую иллюстрацию.

pasul-28.jpg

30. Осталось добавить тень от компаса.

1) Создайте белый круг инструментом Ellipse Tool (L).
2) С помощью Mesh Tool (U) добавьте 4 опорных точки.
3) Инструментом Direction Selection Tool (A) выделите эти точки и смените цвет на #f2f2f2, цвет центральной точки установите на #4d4d4d.
4) После установки цветов, выделите круг инструментом Selection Tool (V) и измените форму на овал, как показано ниже.

pasul-29.jpgpasul-30.jpg

Вот, что у нас должно получиться

final.jpg
перевод: Photoshopic
автор: Designious

Add A Comment

You must be logged in to post a comment.