Как нарисовать иконку файла изображения в Иллюстраторе

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


Как нарисовать иконку файла изображения в Иллюстраторе

Шаг 1

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

1-setting-up-a-new-document.png

Шаг 2

Теперь приступим к созданию иконки. Инструментом Rounded Rectangle / Прямоугольник со скругленными углами нарисуйте прямоугольник размером 88 x 112 px с радиусом скругления угла (Corner Radius) - 8 px. Укажите фигуре цвет заливки #EFEFEF и разместите ее по центру рабочей области.

2-creating-and-positioning-the-main-shape-for-the-files-body-1.png

Шаг 3

В правом верхнем углу рисуем квадрат размером 32 x 32 px (#FF9C94).

3-creating-the-main-shape-for-the-folded-corner-1.png

Шаг 4

Откройте палитру Transform/Трансформация и укажите левому нижнему углу квадрата скругление в 8 px.

4-adjusting-the-corner-radius-of-the-folded-section-1.png

Шаг 5

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

5-removing-the-top-right-corner-of-the-folded-section-1.png

Шаг 6

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

6-adding-the-new-anchor-points-to-the-larger-shape-1.png

Шаг 7

Инструментом Delete Anchor Point/Удалить опорную точку (-) удалите точки в правом верхнем углу большого прямоугольника. Выделите обе созданные на данный момент фигуры, и сгруппируйте их, нажав Control-G.

7-adjusting-the-top-right-corner-of-the-larger-shape-1.png

Шаг 8

Рисуем символ картинки. Начнем с прямоугольника размером 36 x 28 px цвета #FF755A. Поместите его как показано на картинке ниже.

8-creating-the-main-shape-for-the-symbols-left-mountain.png

Шаг 9

Уже знакомыми вам инструментами добавьте опорную точку в центр верхней стороны прямоугольника. Затем удалите опорные точки верхних углов.

9-adjusting-the-shape-of-the-symbols-left-mountain.png

Шаг 10

Теперь мы воспользуемся небольшой хитростью, чтобы сделать треугольник чуть более скругленным, не трогая при этом углы. Для этого укажие треугольнику обводку того же цвета, что и заливка. Укажите обводке толщину в 4 px и скругленные углы.

10-adding-the-outline-to-the-symbols-left-mountain.png

Шаг 11

Нарисуем второй треугольник. Для начала рисуем прямоугольник размером 24 x 16 px (#FF755A), и описанным выше способом делаем из него треугольник со скругленным углами. Поместите второй треугольник рядом с первым.

11-adding-the-smaller-mountain.png

Шаг 12

Рисуем маленькое солнышко из круга размером 8 x 8 px (#FF755A). Укажите кругу обводку того же цвета, что и заливка. Укажите обводке толщину в 4 px. Выделите все объекты и сгруппируйте их, нажав Control-G.

12-finishing-off-the-icon-1.png

Результат

tutorial-preview-large-1.png

Автор урока Andrei Ștefan


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

Как нарисовать иконку файла изображения в Иллюстраторе

Также уроки которые могут вас заинтересовать

Комментарии 0

Для того, чтобы оставить комментарий, авторизуйтесь или зарегистрируйтесь.

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