Вы находитесь на странице: 1из 22

Урок № 3

Создание визитки
разработчика
роботов

Визитка – это самая важная информация о вас


или вашей компании, оформленная так, чтобы ее
было легко запомнить и сохранить.
Обычно «самым важным» считают имя или на-
звание компании, род деятельности и контакты.  

Материалы к уроку прикреплены к данному PDF-файлу.


Для доступа к материалам необходимо открыть урок
в программе Adobe Acrobat Reader.

2
Создание визитки разработчика роботов

Давайте посмотрим, как визитки могут выглядеть в


принципе (рис. 1).

Рисунок 1

Сегодня мы сделаем визитку робототехника, но


сначала определимся с текстом.
Имя на нашей визитке будет Robot Developer, род
деятельности  –  Creating Arduino robots, контакты ука-
жем для Instagram и Facebook.

Можно приступать к дизайну в Adobe Illustrator.

3
Урок № 3

Наша визитка будет стандартного размера – созда-


ем рабочий холст (Artboard) шириной 85 мм и высотой
55 мм (рис. 2).

Рисунок 2

С помощью инструмента Rectangle Tool создадим


фон для визитки с такими же параметрами, как и у ра-
4
Создание визитки разработчика роботов

бочего холста (рис. 3). Переместим его на артборд, за-


блокируем слой с фоном (Layer 1), а затем создадим но-
вый слой для работы (Layer 2) (рис. 4).

Рисунок 3

Рисунок 4

В дополнительных материалах вы найдете палетку


цветов, которые мы будем использовать. Чтобы исполь-
зовать палетку, перенесите ее в рабочую область.
Чтобы изменить цвет объекта, выделите его ин-
струментом Selection Tool (хоткей V). Затем возьмите
инструмент Eyedropper Tool (хоткей E) и щелкните по
5
Урок № 3

нужному цвету на палетке (рис. 5).

Рисунок 5

Робота будет проще нарисовать поверх референса,


который вы можете найти в дополнительных материа-
лах. С помощью Selection Tool смасштабируйте робота
до нужного размера (рис. 6).
Приблизим артборд с помощью комбинации кла-
виш Ctrl +. Для быстрого перемещения по рабочей об-
ласти можно зажать пробел и ЛКМ.
Для начала нарисуем квадрат (Rectangle Tool). С
помощью Selection Tool переместим его на левый край
робота. Затем с помощью Direct Selection Tool выделим
два угла прямоугольника и сдвинем их так, чтобы за-
крыть корпус (рис. 7).
6
Создание визитки разработчика роботов

Рисунок 6

Рисунок 7

7
Урок № 3

Нарисуем овал с помощью Ellipse Tool (хоткей L).


Затем добавим линию посреди овала, используя Line
Segment Tool (хоткей \) (рис. 8).

Рисунок 8

Теперь разделим овал пополам. Откроем палитру


Pathfinder (Window > Pathfinder). Затем выделим одно-
временно овал и линию, а на палитре Pathfinder выбе-
рем Divide (Разделение) (рис. 9).
Разгруппируем половинки хоткеем Shift + Ctrl + G,
чтобы редактировать каждую из них по отдельности.
Поставим их поверх референса и трансформируем по
форме робота (рис. 10).
8
Создание визитки разработчика роботов

Рисунок 9

Рисунок 10

9
Урок № 3

Теперь объединим все три фигуры в одну.


Для этого воспользуемся Shape Builder Tool (Созда-
ние фигур) (рис. 11). Выделяем фигуры и проводим по
ним курсором – получаем новую цельную фигуру (рис.
12).

Рисунок 11

Рисунок 12

Теперь нарисуем колеса.


Используя Ellipse Tool, рисуем овал, с помощью
Selection Tool поворачиваем его, ставим поверх колеса
робота. Также можем передвинуть опорные точки овала
с помощью Direct Selection Tool, чтобы форма выгляде-
ла лучше (рис. 13).

10
Создание визитки разработчика роботов

Рисунок 13

Теперь копируем его и перемещаем туда, где должно


быть второе колесо (рис. 14).

Рисунок 14

11
Урок № 3

Затем добавим стеклянную пластину внизу маши-


ны.
Создадим еще один овал. Поверх него добавим
прямоугольник с закругленными углами (Rounded
Rectangle Tool) (рис. 15). Щелкаем левой кнопкой мыши
по рабочему пространству и задаем правильные пара-
метры. Важно, чтобы Corner Radius (Радиус скругле-
ния) был не слишком большим (рис. 16).

Рисунок 15

Рисунок 16

Размещаем прямоугольник поверх овала (рис. 17).


На палитре Pathfinder выбираем Minus Front. Получим
фигуру, как на рисунке 18.
12
Создание визитки разработчика роботов

Рисунок 17

Рисунок 18

13
Урок № 3

Перемещаем новую фигуру к роботу, а затем пово-


рачиваем ее (рис. 19).

Рисунок 19

Теперь добавим роботу «датчик»  –  воспользуемся


Polygon Tool (Многоугольник) и создадим шестиуголь-
ник (рис. 20).

Рисунок 20

14
Создание визитки разработчика роботов

Далее с помощью Scissors Tool разрежем шести-


угольник. Нажмем на начальную и конечную точки (рис.
21) – получим две новые фигуры с открытыми контура-
ми (рис. 22).

Рисунок 21

Рисунок 22

Дальше нам понадобится только треугольник.

15
Урок № 3

Соединим начало и конец контура треугольника с


помощью Pen Tool (хоткей P) и скруглим его углы, ис-
пользуя Direct Selection Tool (рис. 23–24).

Рисунок 23

Рисунок 24

Скопируем и сместим вправо треугольник. Отклю-


чим видимость слоя с референсом и посмотрим, что по-
лучилось (рис. 25–26).

16
Создание визитки разработчика роботов

Рисунки 25–26

Создадим и трансформируем два прямоугольника


между двумя треугольниками (рис. 27), а затем добавим
фары (рис. 28).

Рисунок 27

17
Урок № 3

Рисунок 28

Сгруппируем отдельные элементы в цельного робо-


та.
Для этого выделяем все, кроме референса и фона, а
затем нажимаем Ctrl + G. Во вкладке Layer это будет вы-
глядеть примерно так, как на рисунке 29.

Рисунок 29

18
Создание визитки разработчика роботов

Теперь добавим текст на визитку с помощью Text


Tool.
Также попробуем поменять размер самого робота,
чтобы дизайн выглядел более равновесным (рис. 30).

Рисунок 30

Поэкспериментируйте и добавьте больше элементов.


Используйте инструменты, которые мы сегодня разо-
брали.
Завершенная визитка может выглядеть, как на рисун-
ке 31 на странице 20.

19
Урок № 3

Рисунок 31

Также посмотрите несколько примеров для вдохно-


вения (рис. 32).

Рисунок 32

20
Урок № 3
Создание визитки разработчика
роботов

© Компьютерная Академия ШАГ


www.itstep.org

Все права на охраняемые авторским правом фото-, аудио- и видеопроизведения,


фрагменты которых использованы в материале, принадлежат их законным владель-
цам. Фрагменты произведений используются в иллюстративных целях в объёме,
оправданном поставленной задачей, в рамках учебного процесса и в учебных целях,
в соответствии со ст. 1274 ч. 4 ГК РФ и ст. 21 и 23 Закона Украины «Про авторське
право і суміжні права». Объем и способ цитируемых произведений соответствует
принятым нормам, не наносит ущерба нормальному использованию объектов
авторского права и не ущемляет законные интересы автора и правообладателей.
Цитируемые фрагменты произведений на момент использования не могут быть
заменены альтернативными, не охраняемыми авторским правом аналогами, и
как таковые соответствуют критериям добросовестного использования и честного
использования.
Все права защищены. Полное или частичное копирование материалов запрещено.
Согласование использования произведений или их фрагментов производится
с авторами и правообладателями. Согласованное использование материалов
возможно только при указании источника.
Ответственность за несанкционированное копирование и коммерческое исполь-
зование материалов определяется действующим законодательством Украины.

Вам также может понравиться