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