Рисуем электронные часы в Adobe Illustrator
29 января 2017 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы будем рисовать иконку электронных часов в Adobe Illustrator. Мы используем только стандартные инструменты, такие как Rectangle/Прямоугольник, Line Segment/Отрезок линии а также палитру Align/Выравнивание. В итоге мы получим стильную геометрическую иконку, которую вы можете использовать в качестве шаблона для создания целого набора на нужную вам тему.
Результат
Шаг 1
Создайте новый документ, нажав Control-N и укажите в появившемся окне параметры как на картинке ниже:
Шаг 2
Нарисуйте прямоугольник размером 72 x 72 px и укажите ему цвет заливки #D3D3D3. После этого выровняйте его по центрам горизонтально и вертикально относительно рабочей области.
Шаг 3
Дублируйте только что созданный квадрат, нажав Control-C и Control-F. Верхней копии укажите отсутствие заливки и обводку цвета #382E2E, толщиной в 8 px.
Выделите обе фигуры и сгруппируйте их, нажав Control-G.
Шаг 4
Займемся созданием дисплея. Нарисуйте квадрат размером 48 x 48 px, укажите ему цвет заливки #F9B946, и обводку как в предыдущем шаге — толщиной в 8 px и цвета #382E2E, выровняйте все по центрам.
Шаг 5
Нарисуйте еще один прямоугольник ниже. Укажите ему размер 48 x 16 px и белый цвет заливки, а также нашу обводку. Поместите его в нижнюю часть желтого квадрата и выровняйте его как показано ниже.
Шаг 6
Добавим деталей. На белом прямоугольнике нарисуйте две линии с обводкой нашего цвета и толщиной в 4 px. Разместите их как показано на картинке ниже.
В этом шаге для вашего удобства, можно включить режим Pixel Preview/Пиксельный просмотр (Alt-Control-Y).
Шаг 7
При помощи линий того же цвета, но толщиной уже 8 px нарисуйте цифры как на картинке ниже.
Шаг 8
Наконец нарисуйте маленький прямоугольник - 4 x 4 px с цветом заливки #382E2E и разместите его в правой верхней части дисплея.
Выделите все и нажмите Control-G, чтобы сгруппировать работу.
Шаг 9
Нарисуйте еще один небольшой прямоугольник размером 4 x 16 px того же цвета в правой части часов. Это будет наша кнопка. Выровняйте его относительно группы, затем сгруппируйте вместе всю работу (Control-G).
Шаг 10
При помощи прямоугольника размером 40 x 20 px с цветом заливки #9B9B9B и нашей стандартной обводкой толщиной в 8 px нарисуйте верхнюю часть ремешка. Разделите его на две части линией толщиной в 4 px. Выровняйте все по центру и сгруппируйте всю работу.
Шаг 11
Создайте копию ремешка (Control-C > Control-F) и разместите копию ниже, убрав при этом разделительную линию.
Шаг 12
Завершите работу, нарисовав небольшую тень под дисплеем, размером 40 x 12 px (#382E2E).
Сгруппируйте всю работу (Control-G) и это всё!
Результат
Автор урока Andrei Ștefan
Перевод — Дежурка
Смотрите также:
549