Содержание
- 01. Знайте, что вы представляете
- 02. Нарисуйте карандашом.
- 03. Избавьтесь от перегибов
- 04. Используйте симметрию
- 05. Отражайте более сложные объекты.
- 06. Поддерживайте последовательность
- 07. Добавьте немного цвета
- 08. Изучите градиенты
- 09. Попробуйте добавить тени и блики.
- 10. Добавьте дополнительные сведения.
Иллюстрированные значки могут стать отличным дополнением к вашему портфолио дизайна, независимо от того, включаете ли вы их для привлечения новой группы потенциальных клиентов или для добавления дополнительных элементов в иллюстрированную сцену. В этом руководстве по Adobe Illustrator я покажу вам, как просто и легко создавать значки, чтобы вы могли создавать их большие объемы в кратчайшие сроки.
Я собираюсь создать два набора значков: набор цифровых телефонов / планшетов и набор принадлежностей для приготовления кофе.
01. Знайте, что вы представляете
Каким бы ни был ваш набор продуктов, сделайте свое исследование! Клиент хотел бы, чтобы все продукты были правильными, и вы должны тоже. Даже если это личный проект, вы не сможете случайно добавить кнопку камеры на оригинальный Nokia 3310 или поставить двухконтактный штекер на британский чайник. Если вы иллюстрируете продукт для клиента, убедитесь, что вы знаете, как он выглядит со всех сторон, чтобы воспринимать его как реальный объект.
02. Нарисуйте карандашом.
Вы можете начать как хотите - я всегда рисую все карандашом, но для многих продуктов вы можете обвести фото. Если вам нужно нарисовать сложную форму, и она оказывается симметричной - например, лампочка - вы можете просто нарисовать ее половину (я вернусь к этому позже!).
03. Избавьтесь от перегибов
При создании линий всегда держите линии и углы прямыми и чистыми. Ваши иллюстрированные значки продуктов могут быть очень маленькими на странице или экране, а ненужные изгибы или кривые могут запутать глаз и сделать ситуацию неясной.
Для этого есть два основных совета. Сначала с помощью инструмента Фигура зажмите Сдвиг ключ, чтобы получить идеальные круги и квадраты или многоугольники, которые сидят прямо. Во-вторых, с помощью инструмента "Перо" удерживайте Сдвиг Клавиша позволяет рисовать только углы под углом 45 градусов или 90 градусов к оси.
04. Используйте симметрию
Многие изделия идеально симметричны, что делает их красивыми и простыми. Когда у вас есть линия, выделите ее все с помощью инструмента «Выделение» (cmd + V), и вы увидите ряд кнопок выравнивания на верхней панели. Нажмите кнопку «Выровнять по центру» по горизонтали или по вертикали, в зависимости от того, что вам нужно, и все станет симметричным. Вы также можете сгруппировать объекты вместе, а затем выровнять их с другими объектами или группами.
05. Отражайте более сложные объекты.
Для симметрии на более фигурных объектах идеально проиллюстрируйте одну половину, затем выберите эти половинки, скопируйте и вставьте их все за один раз, удерживая shift + alt и нажав правую клавишу со стрелкой, эти линии будут на одном уровне с их оригиналами.
По-прежнему с выделенными скопированными объектами нажмите «Объект»> «Преобразовать»> «Отразить» в главном меню, выберите параметр «Вертикальное» и нажмите «ОК». Поместите эту сторону объекта, чтобы получить правильную ширину (используя только клавиши со стрелками влево и вправо, чтобы они оставались выровненными с другой половиной).
Используя инструмент Прямое выделение (cmd + A) соедините две стороны каждой линии, выбрав два конца линии и нажав cmd + J.
06. Поддерживайте последовательность
Если вы работаете над коллекцией продуктов, убедитесь, что вы всегда учитываете другие предметы в коллекции. Если кнопки одинаковы для разных продуктов, скопируйте и вставьте их, если изогнутый угол всегда одного размера, убедитесь, что вы используете один и тот же угол.
Часто (особенно в случае с техническими продуктами) вы можете сделать одно устройство, затем скопировать / вставить его и просто настроить пропорции для создания следующего значка, что действительно может ускорить ваш рабочий процесс.
07. Добавьте немного цвета
Когда ваша линия закончена, переходите к раскрашиванию. Как правило, вы хотите, чтобы тона были максимально приближены к реальности, но есть некоторые исключения. Например, большинство металлов имеют средне-серый цвет, что всем скучно! Вместо этого я использую различные серо-голубые тона (светлые или темные) и обычно перехожу к бирюзовым.
Попробуйте также использовать прозрачный синий цвет для стекла, так как белый может казаться холодным. Я также рекомендую оранжевые и желтые цвета для деревянных поверхностей, чтобы они действительно согревали.
08. Изучите градиенты
Поскольку мы создаем иллюстрированные значки, вы не хотите заходить слишком далеко на мелких деталях и текстурах. Однако вы действительно можете продать поверхность продукта с градиентом. Чтобы максимально использовать возможности Adobe Illustrator, не создавайте градиенты от одного цвета к другому (это часто приводит к появлению полос при печати).
Вместо этого выберите плоский цвет для объекта / формы, выберите форму и продублируйте ее (на панели слоев), затем добавьте градиент к этому верхнему объекту, начиная с непрозрачности от 100% до 0%.
09. Попробуйте добавить тени и блики.
Когда я не использую градиенты, я часто дублирую объект, а затем вырезаю его в углу. Я использую инструмент «Перо» (снова удерживая нажатой клавишу Shift), чтобы создать форму, обрезанную под углом 45 градусов, которую затем раскрашиваю в более светлый или темный оттенок, чтобы добавить простую, но эффективную тень или свет.
10. Добавьте дополнительные сведения.
Наконец, если размер, в котором вы используете значки, позволяет, вы действительно можете воплотить их в жизнь. Техническое устройство выглядит скучно, когда на экране ничего не отображается, поэтому используйте это пространство, чтобы продемонстрировать его функции или продать приложение. Графические иллюстрации продуктов, используемые в более крупной иллюстрации (например, если эти принадлежности для кофе были частью более широкой сцены), будут привлекать зрителя.
Похожие сообщения:
- Как создавать повторяющиеся узоры в Illustrator
- Лучшие премиальные и бесплатные кисти Illustrator
- Создайте согласованный набор значков в Sketch
