В этом уроке мы будем создавать иконки, посвященные граффити в Adobe Illustrator. Мы будем пользоваться базовыми фигурами и научимся пошагово создавать набор иконок. Вы узнаете какие этапы нужно пройти, чтобы иконки были созданы в едином стиле, а также как упростить работу.
1. Создаем новый документ
Откройте Illustrator и нажмите Control-N, чтобы создать новый документ. Укажите следующие параметры:
2. Настраиваем сетку
Теперь нам нужно настроить сетку, что поможет нам в работе. Для этого зайдите в меню Edit > Preferences > Guides & Grid/Редактировать>Установки>Направляющие и сетка. Теперь просто укажите в полях Gridline Every/Линия через каждые и Subdivisions/Внутреннее деление на... значение в 1 px. Так точность работы будет максимальной. Также включите опцию Snap to Grid/Выравнивать по сетке (View > Snap to Grid/Просмотр>Выравнивать по сетке). Это поможет вам точнее располагать элементы.
3. Работа со слоями
Каждая иконка состоит из ряда элементов. Чтобы было понятно где что лежит, мы рекомендуем работать в различных, соответственно названных слоях. Так вам будет удобно работать над каждой иконкой отдельно. Ниже вы видите пример такого разбиения на слои, где каждый слой назван в соответствии с содержанием. Создайте по слою для каждой иконки.
4. Определяем цветовую палитру
Наши иконки практически контурные, поэтому нам понадобится совсем немного цветов. По сути нам нужен фоновый цвет и второй, которым мы и будем рисовать иконки. В нашем примере был выбран желтый (#F9DF74) и оранжевый (#EDAE49). Такое теплое сочетание цветов также создает небольшой эффект объема для некоторых деталей
Также для создания эффекта теней и бликов мы будем использовать черный и белый цвета на разных уровнях прозрачности (Opacity) и в разных режимах наложения (Blending Modes):
Overlay/Перекрытие: 30% для белого
Darken/Замена темным: 8% для черного
Почему мы не использовали для теней и бликов более светлые и темные оттенки желтого цвета? Если мы захотим изменить цветовую палитру иконок, нам достаточно будет заменить лишь два основных цвета, и не придется играться с оттенками для теней и бликов, потому что белый и черный подойдут почти во всех случаях. Однако это выход для ленивых, или тех, кому нужно сэкономить время.
5. Внимание к деталям и единство стиля
Пожалуй, самый важный момент, за которым вам нужно будет следить — это единство и однообразие стиля. Если в вашей первой иконке вы использовали толщину основной линии в 4 px, значит эта толщина должна быть применена и к линиям в других иконках. Это же касается более тонких линий, бликов, теней и прочих дополнительных элементов. Вам нужно подгонять размеры и пропорции всех элементов. Только так иконки будут смотреться целостно.
Начнем с первой иконки. Остальные создаются по тому же шаблону.
Шаг 1
Переключитесь на соответствующий слой. Возьмите инструмент Rounded Rectangle/Прямоугольник со скругленными углами и создайте фигуру размером Corner Radius) в 1 px. Укажите объекту обводку оранжевого цвета #EDAE49 и толщину обводки 4 px. Вы можете преобразовать контур в заливку, выбрав в меню Object > Expand > Fill & Stroke/Объект>Разобрать>Заливку и обводку.
Шаг 2
Создайте еще один прямоугольник со скругленными углами размером в 30 x 4 px и радиусом скругления углов в 2 px, укажите ему цвет заливки того же оранжевого цвета и убедитесь что оба объекта отцентрованы. Для этого выделите их и нажмите указанную ниже кнопку в палитре Align/Выравнивание.
Шаг 3 Читать далее...
Это интересно
0
|
|||
Последние откомментированные темы:
-
Лучший чат-бот с искусственным интеллектом - какой из них вам подходит?
(1)
boris 1
,
13.01.2022
-
Новогоднее украшение рабочего стола ПК
(1)
Елена2022
,
21.12.2021
-
Как JPG преобразовать в Word с распознаванием текста
(1)
Olejaweb
,
13.11.2021
-
Как вернуть классическое ленточное меню в проводник Windows 11
(1)
Сергей Михайлов сын
,
26.10.2021
20250618104622