Рисуем пакет молока в Adobe Illustrator
2 августа 2017 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы покажем процесс создания минималистичной иконки пакета молока. В работе мы будем использовать только базовые фигуры и инструменты, с которыми вы наверняка уже знакомы. Урок подходит для новичков и тех, кто хочет понять стиль минималистичных векторных иллюстраций.
Результат
Шаг 1
Создайте новый документ, выбрав в меню File > New/Файл>Создать (или нажмите Control-N). В появившемся окне укажите параметры как на картинке ниже:
Шаг 2
Теперь мы можем начать работу над иконкой. Нарисуйте круг размером 120 x 120 px и укажите ему цвет заливки#73D4FF. Отцентруйте круг по рабочей области.
Шаг 3
Для передней стенки пакета с молоком нарисуйте прямоугольник размером 32 x 48 px (#EDE7E6) и расположите его как показано на скриншоте ниже.
Шаг 4
Укажите прямоугольнику обводку цвета #422C21, толщиной в 4 px и с округленными углами.
Шаг 5
Рисуем боковую стенку размером 16 x 48 px (цвет заливки - #84726E) с толщиной обводки в 4 px (цвет - #422C21).
Шаг 6
Начнем работу над верхней части пакета. Нарисуйте квадрат размером 16 x 16 px (цвет #84726E), добавьте точку в середине его верхней стороны при помощи инструмента Add Anchor Point/Добавить опорную точку (+), затем удалите правую и левую верхние точки инструментом Delete Anchor Point/Удалить опорную точку (-). Укажите получившейся фигуре обводку толщиной в 4 px цвета #422C21.
Шаг 7
Продолжаем рисовать верхнюю часть. Растяните прямоугольник размером 32 x 16 px (#BFB3B2), затем выделите его верхние точки при помощи инструмента Direct Selection/Прямое выделение (A), и переместите их на 8 px правее.
Шаг 8
Указываем фигуре такую же обводку как для остальных элементов.
Шаг 9
Самый верхний элемент пакета рисуем при помощи прямоугольника размером 32 x 8 px (#EDE7E6) с той же обводкой.
Шаг 10
Мы закончили работу над формой коробки. Теперь возьмемся за ее оформление и некоторые детали. Начнем с передней стенки. Нарисуйте прямоугольник размером 32 x 24 px, укажите ему наш стиль обводки и заливку цвета #EF8D6A.
Шаг 11
Нарисуйте круг размером 12 x 12 px цвета #422C21, и расположите его как показано ниже.
Шаг 12
Инструментом Direct Selection/Прямое выделение (A) выделите верхнюю точку круга и потяните ее на 4 px выше. Теперь инструментом Convert Anchor Point/Преобразовать опорную точку (Shift-C) просто кликните по точке, чтобы превратить ее в угол. Сгруппируйте (Control-G) элементы декора на передней стенке.
Шаг 13
Перейдем к боковой части. Нарисуйте прямоугольник размером 16 x 24 px (#BF694F) с нашей заливкой и выровняйте его как показано ниже.
Шаг 14
Добавим несколько деталей. Нарисуйте квадрат 8 x 8 px (#422C21) и прямоугольник 8 x 2 px того же цвета, и расположите их как показано ниже.
Шаг 15
Рисуем крышечку. Для этого создайте эллипс размером 10 x 8 px и расположите его как показано ниже.
Шаг 16
Добавьте небольшой прямоугольник размера 12 x 4 px (#422C21) в верхний элемент пакета.
Шаг 17
Наконец рисуем основание под иконкой. Сделайте это при помощи обычной линии длиной в 68 px и толщиной в 4 px (#422C21) с скругленными концами. Выделите всю работу и сгруппируйте ее (Control-G).
Результат
Автор урока Andrei Ștefan
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
1 марта 2021 в 13:40
generic combigan buy brimonidine
Ответить