Рисуем стилизованный iMac в Adobe Illustrator
17 марта 2019 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы будем рисовать простую иконку iMac в Adobe Illustrator. Недавно мы публиковали статью о иконках в мобильном дизайне, в которой говорилось, что если вы используете большое количество иконок сразу, то они должны быть простыми. Сегодня мы как раз поработаем над иконкой в таком стиле.
Результат
Шаг 1
Для начала создайте новый документ, выбрав в меню File > New/Файл>Создать (или нажмите Control-N). Укажите параметры как показано ниже:
Шаг 2
Для начала нарисуем фон для нашей иконки. Растяните круг размером 88 x 88 px с заливкой цвета #FFD05A. Выделите его и отцентруйте, нажав указанные ниже иконки в палитре Align/Выравнивание.
Шаг 3
Нарисуем подставку для компьютера при помощи прямоугольника размером 24 x 12 px белого цвета (#FFFFFF). Разместите его как показано ниже.
Шаг 4
Инструментом Direct Selection/Прямое выделение (A) выделите поочередно правую и левую верхние точки и подвиньте их на 4 px левее и правее соответственно.
Шаг 5
Укажите получившейся трапеции обводку. В палитре Stroke/Обводка укажите ей цвет #1C202D, толщину в 4 px и скругленные углы.
Шаг 6
Рисуем нижнюю часть монитора при помощи прямоугольника размером 48 x 8 px белого цвета (#FFFFFF) и с параметрами обводки как и для предыдущей фигуры.
Шаг 7
Добавим верхнюю часть монитора. Это прямоугольник размером 48 x 28 px белого цвета и с нашей обводкой.
Шаг 8
Добавим немного деталей нашему монитору. Для этого используйте прямоугольники цвета #FFD05A и расположите их как показано ниже.
Шаг 9
Рисуем тень при помощи прямоугольника размером 24 x 6 px с цветом заливки #1C202D.
Шаг 10
Выделите белую трапецию, копируйте ее (Control-C) затем создайте копию на переднем плане (Control-F). Выделите тень и копию трапеции, кликните по ним правой кнопкой и выберите Make Clipping Mask/Создать обтравочную маску.
Шаг 11
Завершаем нашу иконку подставкой. Для этого просто нарисуйте линию под компьютером. Укажите ей длину в 40 px и нашу стандартную обводку. Выделите все элементы, которые составляют иконку и сгруппируйте их, нажав Control-G.
Результат
Автор урока Andrei Ștefan
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
549
- Насколько важно сегодня использовать Web Safe цвета?
538
- 20 наборов кистей для Фотошопа, которые вам пригодятся
530
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
26 декабря 2020 в 23:40
MBu9JG yqxnkmjwtqua, [url=http://qclmmaczyjqs.com/]qclmmaczyjqs[/url], [link=http://mrkjnghfzqfj.com/]mrkjnghfzqfj[/link], fjaxpuyopayh.com
Ответить