2 Визитка – это самая важная информация о вас или вашей компании, оформленная так, чтобы ее было легко запомнить и сохранить. Обычно «самым важным» считают имя или название компании, род деятельности и контакты. Урок № 3 Созданиеразработчикавизиткироботов Материалы к уроку прикреплены к данному PDF-файлу. Для доступа к материалам необходимо открыть урок в программе Adobe Acrobat Reader
3 Создание визитки разработчика роботов Давайте посмотрим, как визитки могут выглядеть в принципе (рис. 1). Сегодня мы сделаем визитку робототехника, но сначала определимся с текстом. Имя на нашей визитке будет Robot Developer, род деятельности – Creating Arduino robots, контакты укажем для Instagram и Facebook. Приступим к созданию дизайна в Inkscape. Рисунок 1
4 Урок № 3 Настроим размер визитки. Перейдем File > Document Properties (хоткей Shift + Ctrl + D), выберем в меню Page Size шаблон Business Card (Europe) шири ной 85 мм и высотой 55 мм (рис. 2). С помощью инструмента Create rectangles and squares создадим фон для визитки такого же размера, что и холст. Затем разместим его фон по центру холста (рис. 3). Рисунок 2 Рисунок 3
5 Создание визитки разработчика роботов Обратите внимание, параметры можно ввести в соответствующие поля на панель сверху после выбора инструмента Rectangles (рис. 4). Помните, перемещать и масштабировать созданную фигуру можно с помощью инструмента Select and transform objects . Создайте новый слой, щелкнув + на панели Layers (рис. 5). Назовите его Palette. В дополнительных материалах вы найдете палетку цветов, которые мы будем использовать. Чтобы использовать палетку, перетащите ее из папки на компьютере в рабочий документ. При перемещении у вас появится диалоговое окно, примерно как на рисунке 6 на стр. 6. Щелкните OK и продолжите работу. Рисунок 4 Рисунок 5
6 Урок № 3 Чтобы изменить цвет объекта, выделите его ин струментом Select and transform objects. Затем возьми те инструмент Pick colors from image (хоткей F7) и щелкните по желтому цвету на палетке. Затем создайте новый слой robot. Загрузите на него файл reference из дополнительных материалов. Если это необходимо, масштабируйте робота по размеру холста. Для того чтобы пропорции ширины и высоты изображения не менялись, зажмите клавишу Ctrl на клавиатуре во время масштабирования (рис. 7). Рисунок 6
7 Создание визитки разработчика роботов Приблизить или отдалить артборд можно с помо щью стрелок на панели внизу (рис. 8). Создайте новый слой. С помощью инструмента Draw Bezier curves and straight lines (Shift + F6) нарисуйте корпус для будущего робота-машинки. Просто проставьте опорные точки по периметру корпуса робота на референсе. Если необходимо, отредактируйте точки с помощью инстру мента Edit paths by nodes (хоткей F2). С помощью пипетки задайте фигуре синий цвет. Рисунок 7 Рисунок 8
8 Урок № 3 Получим следующий результат (рис. 9): Уберите черный контур, щелкнув правой кнопкой мыши по панели настроек заливки (Fill) и контура (Stroke) (рис. 10). Рисунок 9 Рисунок 10
9 Создание визитки разработчика роботов В контекстном меню выберите Edit stroke (Редактировать контур) (рис. 11). Откроется панель Fill and Stroke. Щелкните по кнопке No paint, чтобы отключить обводку (рис. 12). Рисунок 12 Рисунок 11
10 Урок № 3 Теперь нарисуем колеса. Используя инструмент Create circles, ellipses, and arcs (хоткей F5), нарисуйте овал. Поместите его поверх колеса машины с помощью Select and transform objects . Поверните овал так, чтобы он совпал с колесом на референсе. Покрасьте ко лесо в красный с помощью Pick colors . Также мо жете передвинуть опорные точки овала с помощью Edit paths , чтобы форма выглядела лучше (рис. 13). Скопируем овал. Переместим его копию на место второго колеса (см. рис. 14 на стр. 11). Рисунок 13
11 Создание визитки разработчика роботов Теперь создадим внизу машины стеклянную пла стину.Для этого нам понадобится еще один овал. Поверх него нужно создать прямоугольник с закругленными углами. Для этого сначала нарисуйте обычный прямоугольник, используя Create rectangles and squares (хоткей F4). Затем в поле для ввода Ry на верхней панели настроек введите значение радиуса скругления (см. рис. 15–16 на стр. 12). Рисунок 14
12 Урок № 3 Разместите прямоугольник поверх овала, как пока зано на рисунке 17. Выделите обе фигуры. Рисунки 15–16 Рисунок 17
13 Создание визитки разработчика роботов Затем нажмите комбинацию клавиш Ctrl + -. В результате получим такую фигуру, как на рисунке 18. Переместим новую фигуру поверх референса, масшта бируем до желаемого размера и повернем ее. Теперь добавим роботу «датчик». Создадим прямоугольник и «скосим» его углы с по мощью Select and transform objects . Немного раз вернем прямоугольник, а затем уменьшим его ширину и высоту.Скопируем прямоугольник, вставим его поверх ра нее созданного, не забыв отредактировать его положе ние.Желаемый результат можно увидеть на рисунке 19 на странице 14. Рисунок 18
14 Урок № 3 Теперь нарисуем «антены» – два треугольника для нашего робота. Для этого нам понадобится инструмент Create stars and polygons . Задайте такие настройки инструмента: укажите в типе фигуры Regular polygon, а в Corners (Количество углов) – 3 (рис. 20): Затем с помощью Select and transform objects повернем и трансформируем треугольник (см. рис. 21 на стр. 15). Рисунок Рисунок1920
15 Создание визитки разработчика роботов Разместим его поверх референса. Скопируем и сме стим вправо первый треугольник. Результат можно увидеть на рисунке 22. Обратите внимание, на этом этапе можно удалить референс: он нам больше не понадобится. Выделите его и щелкните Delete. Рисунок 21 Рисунок 22
16 Урок № 3 Также добавим роботу фары (рис. 23). Теперь добавим текст на визитку с помощью Create and edit text objects (хоткей F8). Также попробуем поменять размер самого робота, чтобы дизайн выглядел более равновесным (рис. 24). Поэкспериментируйте и добавьте больше элементов. Используйте инструменты, которые мы сегодня разо брали. Рисунок 23 Рисунок 24
17 Создание визитки разработчика роботов Готовая визитка может выглядеть, как на рисунке 25: Также посмотрите несколько примеров для вдохно вения (рис. 26). Рисунок 25 Рисунок 26
© Компьютерная Академия ШАГ www.itstep.org Все права на охраняемые авторским правом фото-, аудио- и видеопроизведения, фрагменты которых использованы в материале, принадлежат их законным владель цам. Фрагменты произведений используются в иллюстративных целях в объёме, оправданном поставленной задачей, в рамках учебного процесса и в учебных целях, в соответствии со ст. 1274 ч. 4 ГК РФ и ст. 21 и 23 Закона Украины «Про авторське право і суміжні права». Объем и способ цитируемых произведений соответствует принятым нормам, не наносит ущерба нормальному использованию объектов авторского права и не ущемляет законные интересы автора и правообладателей. Цитируемые фрагменты произведений на момент использования не могут быть заменены альтернативными, не охраняемыми авторским правом аналогами, и как таковые соответствуют критериям добросовестного использования и честного Всеиспользования.правазащищены. Полное или частичное копирование материалов запрещено. Согласование использования произведений или их фрагментов производится с авторами и правообладателями. Согласованное использование материалов возможно только при указании источника. Ответственность за несанкционированное копирование и коммерческое исполь зование материалов определяется действующим законодательством Украины. Урок № 3 Создание визитки разработчика роботов