Создаем пиратские иконки в Adobe Illustrator (часть 2)

Создаем пиратские иконки в Adobe Illustrator

7. Создание компаса.

Шаг 1

Так как и компас основывается на монете, мы может ее скопировать на соответствующий слой, удалить глаз, ромбы и маленькие круги, оставив все остальное. Выровняйте измененную иконку справа от бутылки на расстоянии 100 рх. Затем измените цвет с желтого на темно-коричневый (#947464) и, для бликов #D3BFB8.

Шаг 2

Выделите звездообразные блики и опустите их на 6 рх. Это можно сделать с помощью клавиатуры или, щелкнув правой кнопкой мыши → Трансформировать → Перемещение и введите 6 рх в поле По вертикали.

Измените прозрачность диагональных бликов на 12%.

Шаг 3

Начнем работать над магнитной стрелкой с создания 34 х 34 рх круга, закрасив его #6D564A и затем расположив в середине иконки.

Совет: как вы можете заметить, наша основа перекрывает блики, но не волнуйтесь, мы это исправим.

Шаг 4

Добавьте круг поменьше (26 х 26 рх) сверху предыдущего, сделав его светлее (#876A5B).

Шаг 5

Сейчас мы добавим указатели. Переключитесь в пиксельный режим (Alt+Ctrl+Y) и затем карандашом нарисуйте треугольник шириной 10 рх и высотой 14 рх. Горизонтально выровняйте его относительно большого круга, который мы создали в третьем шаге, с пересечением в 2 рх.

Шаг 6

Создайте копию указателя и отразите его по горизонтали (правая кнопка мыши → Трансформировать → Зеркальное отражение → По горизонтали), расположите его аналогично.

Шаг 7

Выделите оба треугольника, сгруппируйте их и создайте копию, которую мы повернем на 90 градусов.

Шаг 8

У нас есть только указатели на север, юг, запад и восток, теперь нужно добавить северо-восток, юго-восток и т.д. с помощью карандаша создайте еще один набор треугольников шириной 8 рх и высотой 10 рх. Расположите их на прошлых указателях и сгруппируйте их.

Шаг 9

Правой кнопкой мышки щелкните по двум указателям и поверните их на 45 градусов.

Шаг 10

Создайте копию группы индикаторов и отразите их.

Шаг 11

Как только вы нарисовали все стрелки, добавьте пару кругов (#6D564A) на кончик каждой. 4 х 4 рх для основных и 2 х 2 рх для меньших.

Шаг 12

Нарисуйте эллипс 12 х 52 рх, закрасьте его цветом #473830 и выровняйте по горизонтали и вертикали относительно основы компаса.

Инструментом опорных точек кликните на верхние и нижние точки и сделайте их заостренными. Затем поверните фигуру на -45 градусов.

Шаг 13

Добавьте небольшой (14 х 14 рх) круг (#6D564A) и расположите прямо на стрелке. Добавьте свет и тень по кольцу, как мы это делали с основой компаса.

Шаг 14

Сейчас настало время перенести блики наверх, чтобы они перекрывали детали компаса. Просто выделите блики, нажмите на них правой кнопкой мыши → Монтаж →На передний план.

Шаг 15

Используя инструмент прямоугольника, создайте 26 х 10 рх фигуру, используя цвет #6D564A, и добавьте ему контура, используя обработку контуров.

Сгруппируйте и расположите объект сверху компаса по координатам: х = 579 рх, у = 216 рх.

Шаг 16

Снова создайте прямоугольник (26 х 2 рх) и расположите его наверху коричневого прямоугольника, который мы создали в предыдущем шаге. Закрасьте его белым цветом и измените режим наложения на Умножение, прозрачность на 24%.

Шаг 17

Нарисуйте закругленный прямоугольник 16 рх на 20 рх с радиусом закругления 8 рх, измените его цвет на #6B6664 и уберите нижнюю половину.

Расположите его наверху компаса.

Шаг 18

Добавьте блики и тень, с помощью двух вертикальных прямоугольников и 2 ух горизонтальных.

Шаг 19

Создайте 30 х 30 рх круг (#262626), нажмите Shift+X и придайте контуру толщину 8 рх. Расположите ручку над компасом.

8. Создание иконки сундука

Шаг 1

Создайте закругленный прямоугольник размером 128 х 98 рх с радиусом закругления 5 рх и цветом #6D564A. Расположите его справа от бомбы и под бутылкой.

Шаг 2

Скопируйте только что созданную фигуру и примените к копии обработку контуров (8рх). Измените цвет контура на #262626 и отправьте его назад.

Шаг 3

Снова скопируйте прямоугольник, измените цвет копии на #947464 и, с помощью инструмента Прямого Выделения выделите и удалите нижние опорные точки. Объедините две оставшиеся.

Затем переместите их на 53 рх выше.

Шаг 4

Добавьте 144 х 4 рх прямоугольник (#262626) под верхней частью сундука, которую мы только что сделали.

Шаг 5

Начните добавлять свет и тень, используя те же фигуры и методы, что и в других иконках.

Шаг 6

Создайте прямоугольник 128 х 2 рх, цветом #262626 и расположите его рядом с верхней частью сундука, не касаясь 3 рх.

Шаг 7

С выделенной прошлой фигурой зажмите Alt и, перетаскивая, зажмите Shift, создав копию объекта на расстоянии 2 рх.

Чтобы нарисовать остальные линии просто нажмите CTRL+D 7 раз и расположите копии на расстоянии 2 рх друг от друга.

Шаг 8

Добавьте несколько 4 х 4 рх кругов (#262626) и расположите их как на рисунке (между ними расстояние – 4 рх).

Шаг 9

Инструментом закругленного прямоугольника создайте эту фигуру размером 26 х 24 рх (#FFC05A) и радиусом закругления 1 рх. Выровняйте его по горизонтали относительно сундука и расположите на 46 рх выше нижнего контура сундука.

Шаг 10

Добавьте немного деталей к замку, с помощью обработки контуров (4рх) и добавьте свет и тень по краю, как мы делали с монетой, бомбой и т.д. Создайте четыре 4 х 4 рх круга (#262626) и расположите их по углам замка.

Нарисуйте круг побольше: 8 х 8 рх и прямоугольник 6 х 10 рх, который будет пересекать половину круга. С помощью Прямого Выделения сдвиньте внутрь верхние опорные точки прямоугольника на 2 рх.

Закончите замок, создав копию его контура и расположив его под замком. Установите режим наложения на Умножение, прозрачность: 20%. Сгруппируйте весь объект и расположите на сундуке.

Шаг 11

Добавьте квадрат 10 х 10 рх (#FFC05A), который будет расположен в верхнем углу сундука под крышкой.

Шаг 12

Выделите нижнюю правую опорную точку и удалите ее. Соедините оставшиеся опорные точки (Ctrl+J) и скопируйте объект, применив к копии обработку контуров (4 рх).

Когда вы создали контур, расположите его под золотым квадратом, сначала обрезав его и отправив назад. Наверх поместите прямоугольник 20 х 8 рх, установите его режим наложения на Перекрытие и прозрачность на 24%.

Шаг 13

Создайте копию всего треугольника и отразите ее вертикально. Расположите копию с правой стороны сундука.

Шаг 14

Добавьте еще одно золотое включение внизу сундука – 54 х 4 рх закругленный прямоугольник (#FFC05A) с радиусом закругления 4 рх. Его мы горизонтально выровняем относительно иконки, расположив на расстоянии около 22 рх от нижнего края сундука.

Шаг 15

Добавьте контур в 4 рх и затем добавьте свет – прямоугольник 62 х 6 рх.

Шаг 16

Закончим нашу иконку, скопировав и расположив звездообразные блики с бомбы, изменив их цвет на #D3BFB8.

9. Создание иконки карты

Шаг 1

Создайте прямоугольник 94 х 98 рх, закрасив его цветом #947464 и расположив справа от сундука на расстоянии 95 рх.

Шаг 2

С помощью карандаша нарисуйте зигзаг, которая будет закрывать часть прямоугольника на правой стороне. Затем обработайте контур, выделив и карту, и ломаную линию.

В пиксельном режиме выделите опорные точки, привяжите их к сетке. Создайте контур в 8 рх.

Шаг 3

Добавьте 14 х 98 рх закругленный прямоугольник с радиусом закругления 2 рх цветом #6D564A. Добавьте к нему контур в 8 рх. Это будет закругленная часть карты. Добавьте блики и тени ко всем частям карты.

Шаг 4

С помощью карандаша нарисуйте две неровные фигуры, которые будут островами. Закрасьте их цветом #6D564A и сгруппируйте.

Шаг 5

Все так же карандашом мы нарисуем дорогу. Толщина обводки должна быть 4 рх, а ее цвет — #262626.

Шаг 6

Откройте панель обводки. Сделайте концы следа круглыми, затем сделайте линию пунктирной со штрихом в 8 рх.

Шаг 7

Добавьте маленькую метку «х», создав два 2 х 8 рх золотых прямоугольника, которые нужно повернуть на 45 градусов, так чтобы они образовывали букву Х. Расположите крестик, как на картинке.

Шаг 8

Переместите звездообразные блики с компаса и расположите их в правом верхнем углу.

Шаг 9

Создайте золотой 36 х 36 рх закругленный прямоугольник с радиусом закругления 2 рх. Вертикально выровняйте его относительно карты, выставив за край только 12 рх.

Шаг 10

Когда вы сделали основу, добавьте 24 х 24 рх квадрат сверху и вырежьте его из базовой фигуры. Добавьте контур шириной в 4 рх цвета #262626.

Добавьте так же свет и тени, как мы это делали с монетой, бомбой и т.д. Затем создайте 22 х 4 рх закругленный прямоугольник с радиусом закругления 2 рх, который будет зубцом пряжки. Добавьте к нему контур и то же освещение, что и для самой пряжки.

Шаг 11

На правой стороне карты нарисуйте большой 30 х 12рх закругленный прямоугольник (6 рх – радиус закругления). Добавьте свет, тень и контур в 4 рх. Отправьте его за карту, чтобы была видна лишь часть.

Шаг 12

Добавьте легкую тень, которая уже есть под каждой иконкой.

Это все!

Я надеюсь, вам понравилось наше небольшое путешествие, и вы научились чему-нибудь.

Добавить комментарий