Как нарисовать иконку карты памяти в Иллюстраторе

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

Пример HTML-страницы

Как нарисовать иконку карты памяти в Иллюстраторе

Шаг 1

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

Шаг 2

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

2-creating-and-positioning-the-main-shape-for-the-icons-background.png

Шаг 3

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

3-creating-and-positioning-the-main-shape-for-the-memory-cards-connector.png

Шаг 4

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

4-adding-the-new-anchor-points-to-the-memory-cards-body.png

Шаг 5

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

5-removing-the-top-left-anchor-point-from-the-memory-cards-body.png

Шаг 6

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

6-adding-the-rectangular-cutout-to-the-memory-cards-body.png

Шаг 7

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

Шаг 8

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

8-adding-the-lock-slider-to-the-memory-cards-main-body.png

Шаг 9

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

Шаг 10

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

10-adding-the-bottom-insertion-to-the-memory-cards-body.png

Шаг 11

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

Результат

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

Ссылка на источник

Уроки Illistrator. Уроки Adobe Illustrator. Уроки Иллюстратора. Adobe illustrator уроки. Уроки adobe illustrator для начинающих. Adobe illustrator уроки на русском. Видео уроки adobe illustrator. Adobe illustrator уроки для начинающих на русском. Adobe illustrator уроки с нуля. Уроки adobe illustrator cc для начинающих. Adobe illustrator cc 2019 уроки. Уроки adobe illustrator скачать торрент. Уроки по adobe illustrator cc. Adobe illustrator уроки вектор гайд. Уроки рисования adobe illustrator. Adobe illustrator уроки вектор гайд. Уроки векторной графики в adobe illustrator. Adobe illustrator cc 2018 уроки. Adobe illustrator логотип уроки. Уроки adobe illustrator cc 2018 для начинающих. Бесплатные уроки adobe illustrator. Урок 01 что такое adobe illustrator. Уроки работы в adobe illustrator. Adobe illustrator урок. Видео уроки adobe illustrator торрент. Adobe illustrator видео уроки скачать торрент. Adobe illustrator 3d уроки. Уроки adobe illustrator cc 2019 на русском. Интерфейс в adobe illustrator cc 2019 уроки. Уроки иллюстрация adobe illustrator. Adobe illustrator уроки рисование плашками.