Найти тему
Time to draw!

Создаем иконки для Instagram сторис

Всем привет! Сегодня мы с вами будем рисовать минималистичные и красивые иконки в Adobe Illustrator для обозначения путешествий и отпуска. Вот, что вы сможете нарисовать:

Итоговый результат
Итоговый результат

Для начала необходимо создать документ. Нажимаем «Создать», в появившемся окне нажимаем «Печать», выбираем формат «А4» и меняем ориентацию страницы на горизонтальную, далее нажимаем «Создать»:

Создание документа
Создание документа

Рисовать мы будем с помощью простых геометрических фигур и используя «Перо» или «Кривизна»:

Инструмент геометрические фигуры
Инструмент геометрические фигуры
Инструменты перо и кривизна
Инструменты перо и кривизна

Нарисуем все возможные варианты: чемодан, земной шар, знак геопозиции, горы, фотографию и самолет.

Первым сделаем чемодан. Меняем заливку на «Без цвета», а обводку делаем черного цвета. Рисуем 1 прямоугольник, для этого выбираем «Прямоугольник со скругленными углами». 2 маленьких одинаковых круга инструментом «Эллипс», зажимая «Shift» на клавиатуре. Пером рисуем линию ручки чемодана. Теперь соединяем наши изображения, можно увеличить толщину обводки:

Инструменты
Инструменты
Создание рисунка чемодана
Создание рисунка чемодана

Следующим сделаем земной шар. Для этого выбираем «Эллипс», зажимая «Shift» рисуем круг, пером рисуем континенты и соединяем изображения. В некоторых местах континенты могут выходить за поверхность круга, тогда с помощью «Кривизны» можно будет подвинуть или удалить точки кривизны:

Создание рисунка земного шара
Создание рисунка земного шара

Теперь рисуем знак геопозиции. Сначала сделаем 2 круга разного размера. Потом к бо’льшему кругу добавляем 2 точки кривизны по бокам от опорной точки внизу, саму опорную точку оттягиваем вниз. Соединяем наши изображения:

Создание рисунка знака геопозиции
Создание рисунка знака геопозиции

Рисуем горы. Надо будет нарисовать 1 круг, как мы рисовали до этого, 2 прямые линии инструментом «Отрезок линии» и 2 линии для гор пером, потом соединяем наши изображения:

Создание рисунка гор
Создание рисунка гор

Далее рисуем фотографию. Для этого нам потребуется изображение, которое мы только что нарисовали, его нужно копировать («Ctrl + C» на клавиатуре), вставить («Ctrl + V» на клавиатуре) и уменьшить. Для пропорционального уменьшения зажмите «Shift» на клавиатуре. Также нарисуем 2 прямоугольника разного размера, соединим наши изображения и немного повернем:

Создание рисунка фотографии
Создание рисунка фотографии

Следующим сделаем самолет: рисуем вытянутый прямоугольник. Выбираем «Кривизну», добавляем точек кривизны к нашему прямоугольнику и растягиваем «нос» и «хвост» самолета. Меняем заливку прямоугольника на белый цвет, щелкаем правой кнопкой мыши, нажимаем «Монтаж» и «На передний план». Теперь рисуем тупоугольный треугольник. Выбираем «Многоугольник», щелкаем по экрану левой кнопкой мышки и выбираем «Число сторон» – 3, далее просто растягиваем его углы. Выбираем «Кривизну» и наш треугольник, добавляем точек кривизны и растягиваем стороны. Соединяем наши изображения и немного поворачиваем. Выделяем наш готовый самолет и нажимаем «Разделение» в «Обработка контуров». Щелкаем правой кнопкой мышки и выбираем «Разгруппировать». Выделяем все, кроме крыльев и нажимаем «Объединение» в «Обработка контуров». Убираем заливку и делаем черную обводку. В итоге внешне у нас получится такой же самолет, но он будет без белой заливки внутри, так как потом мы будем работать с фоном:

Создание самолета
Создание самолета
Готовый рисунок самолета
Готовый рисунок самолета

Иконки, которые у нас получились, мы делаем одного размера, увеличиваем или уменьшаем с зажатой клавишей «Shift» на клавиатуре:

Готовые рисунки
Готовые рисунки

Выбираем инструмент «Эллипс» и рисуем круг. Круг надо сделать такого размера, чтобы каждая иконка могла в него поместиться, но не терялась на нем. Далее копируем его и вставляем 5 раз, всего получится 6 иконок и 6 кругов для них:

Иконки и круги для них
Иконки и круги для них

Теперь у каждого круга убираем обводку и вместо заливки делаем градиент. Меняем угол наклона градиента и цвета:

Создание градиента
Создание градиента
Иконки и круги с градиентом
Иконки и круги с градиентом

Выделяем наши иконки, щелкаем правой кнопкой мыши, нажимаем «Монтаж» и «На передний план». Теперь у всех меняем цвет обводки на белый и устанавливаем их на круги. Для того чтобы иконки были ровно по середине круга можно использовать функцию «Выравнивание», «Вертикальное выравнивание по центру» и «Горизонтальное выравнивание по центру»:

Выравнивание иконки в кругу
Выравнивание иконки в кругу
Готовые иконки
Готовые иконки

Вот, что у нас получится в итоге. Обязательно скидывайте свои результаты, постараюсь ответить на все ваши вопросы, удачи!

Готовый результат
Готовый результат