Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем иконку карты памяти в Adobe Illustrator

4 августа 2018 | Опубликовано в Уроки | Нет комментариев »

В этом уроке мы будем рисовать иконку карты памяти в Adobe Illustrator. Это простой урок, который поможет новичкам освоить основные инструменты программы, а также даст понимание работы в популярном flat-стиле. Настоятельно рекомендуем после выполнения урока нарисовать еще несколько иконок в том же стиле, чтобы закрепить навык и потренировать фантазию.

 

Результат

How to create a memory card icon

Шаг 1

В меню выберите File > New/Файл>Создать (или нажмите Control-N), чтобы создать новый документ. Укажите ему следующие параметры:

How to create a memory card icon in adobe illustrator

Шаг 2

Для начала рисуем базу для нашей иконки. Это будет круг размером 120 x 120 px оранжевого цвета (#F15A24). Выровняйте его по центру холста.

Шаг 3

Сверху рисуем прямоугольник размером 44 x 60 px белого цвета (#FFFFFF). Также выравниваем его по центру относительно холста или круга.

Шаг 4

Инструментом Add Anchor Point/Добавить опорную точку (+) добавляем две точки на верхней и левой сторонах прямоугольника как показано ниже.

Шаг 5

Удаляем левый верхний уголок инструментом Delete Anchor Point/Удалить опорную точку (-).

Шаг 6

Продолжаем редактировать форму карты. Нарисуйте прямоугольник размером 4 x 12 px и расположите его как показано ниже. Выделите его и нашу белую фигуру и в палитре Pathfinder/Обработка контура кликните по иконке Minus Front/Минус верхний.

Шаг 7

Укажите получившейся фигуре Stroke/Обводку цвета #2A323D и толщиной в 4 px со скругленными углами.

Шаг 8

Добавляем маленький прямоугольник размером 4 x 8 px цвета #2A323D. Поместите его как показано ниже и скруглите правый нижний угол на 2 px в палитре Transform/Трансформация Rectangle Properties/Свойства прямоугольника.

memory card illustrator tutorial

Шаг 9

При помощи маленьких прямоугольников размером 4 x 8 px и цвета #2A323D рисуем кусочки микросхем. Выделите все прямоугольнички и сгруппируйте их вместе, нажав Control-G.

how to illustrate a memory card

Шаг 10

В нижнюю часть карты добавляем прямоугольник размером 20 x 4 px (#2A323D) с обводкой в 4 px (#2A323D).

Шаг 11

Добавляем тень от карты. Для этого рисуем овал размером 36 x 4 px цвета 2A323D, и помещаем его под картой.

How to create a memory card icon

Результат

How to create a memory card icon

Автор урока vectips.com

Перевод — Дежурка

Смотрите также:


  • Опубликовано в Уроки, августа 4, 2018


Оставить ответ


3 − = два

Вставить изображение

Похожие статьи