Как создать граненый логотип Gemstone в Adobe Illustrator — раскладываем по пунктам

Многогранный и многоугольный стиль дизайна логотипа по-прежнему очень популярен, особенно среди брендов в технической и цифровой отраслях. Эти дизайны логотипов часто довольно детализированы с множеством градиентных цветов и оттенков, которые придают графике иконоподобный вид. Следуйте сегодняшнему учебнику по Adobe Illustrator, чтобы создать стилизованный графический логотип с драгоценными камнями в Adobe Illustrator. Мы будем использовать ряд инструментов для создания дизайна в векторном формате, в результате чего получится четкий дизайн, который может послужить основой для современного бренда.

Как создать граненый логотип Gemstone в Adobe Illustrator


Обычно проекты по созданию логотипа начинаются с мозгового штурма, чтобы разработать концепцию, которая представляет конкретный бренд, но мы перейдем прямо к веселой стадии создания обложки в этом уроке. Дизайн имеет абстрактную форму, состоящую из множества граней, каждая из которых имеет свой оттенок зеленого. Добавление градиентной штриховки помогает добавить глубину цветам, чтобы придать иконке вид блестящего кристалла.

Макет логотипа Gemstone

Одно из старых правил дизайна логотипов заключалось в том, чтобы сохранить концепцию базовой с использованием плоских цветов, чтобы обеспечить возможность ее воспроизведения в печатном виде и при небольших размерах, но основное использование современных цифровых идентификаторов бренда происходит на экранах с высоким разрешением, где нет проблем в Воспроизведение потрясающей полноцветной графики. Тем не менее, важно разработать дизайн, который будет работать во всех сценариях, поэтому мы также подготовим базовую моно-версию логотипа, которую можно зарезервировать для конкретных приложений, где полноцветный дизайн не подходит.

Откройте Adobe Illustrator и создайте новый документ. Размер не имеет никакого значения, так как артборд будет использоваться для создания рабочего пространства для игры. Используйте инструмент «Перо», чтобы нарисовать контур вашей формы драгоценного камня, делая одиночные щелчки, чтобы сохранить линии прямыми. Удалите белую заливку по умолчанию, оставив только черный штрих.

Включите Smart Guides из меню View, чтобы упростить привязку к существующим точкам, затем нарисуйте пару соединительных линий от одной стороны фигуры к другой, каждая с несколькими углами.

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

Заполните любые более короткие линии, чтобы разделить фигуры там, где можно соединить любые два угла.

Активируйте инструмент «Выделение» и нарисуйте выделение по всем путям. Нажмите кнопку «Разделить» на панели «Навигатор».

Переключите черную обводку на заливку, затем щелкните правой кнопкой мыши по фигурам и выберите Разгруппировать.

Выберите инструмент «Прямоугольник» и нарисуйте маленький квадрат где-нибудь на артборде. Дайте этому квадрату заливку, используя самый светлый оттенок цвета, который вы выбрали для своего логотипа. Я использую светло-зеленый # cdf9ee.

Сделайте копию квадрата и перетащите его в одну сторону. Замените заливку более темным цветом. Я использую # 124c48.

Выберите оба квадрата и перейдите в Object> Blend> Make. Это создаст плавный переход между двумя цветами, который автоматически даст нам несколько оттенков для работы.

Вернитесь в Object> Blend> Blend Options и измените настройки на Specified Steps со счетом 5, чтобы разделить переход на серию отдельных цветовых блоков.

Чтобы сделать эти новые цветовые блоки более легкими для выбора, перейдите в Object> Expand, чтобы преобразовать эффект наложения.

Выберите каждую фигуру по очереди и используйте инструмент «Пипетка», чтобы изменить цвет заливки, используя случайный выбор из 7 оттенков. Вы можете использовать клавишу CMD, чтобы быстро переключиться назад к клавише выбора, чтобы перейти к следующей фигуре.

После того как все фигуры заполнены, выделите их все и скопируйте, затем вставьте дубликат вперед, используя меню «Правка»> «Вставить фронт», или комбинацию клавиш CMD + F.

Щелкните черно-белый градиент на панели «Градиент», чтобы заменить все заливки, затем измените режим смешивания на «Мягкий свет» на панели «Прозрачность».

Отмените выбор всего, затем активируйте инструмент Градиент. Выберите каждую фигуру по очереди и перетащите градиент в произвольном направлении, чтобы дифференцировать поток внутри каждого фасета.

Случайные градиенты действительно помогают увеличить глубину цвета, но мы можем добавить дополнительный эффект, чтобы придать драгоценному камню более блестящий вид. Используйте инструмент «Волшебная палочка», чтобы быстро выбрать все формы градиента, затем заблокируйте их в меню «Объект»> «Блокировка».

Нарисуйте выделение вокруг графика, который будет выбирать только нижние фигуры, потому что градиентные наложения заблокированы. Перейдите в Effect> Stylize> Inner Glow.

Измените настройки на Наложение с белым цветом, затем установите непрозрачность на 20% и размытие на 10 пикселей.

Перейдите в Object> Unlock All, чтобы снова выпустить градиентные фигуры. Это дополнительное внутреннее свечение помогает добавить некоторые тонкие блики.

Подобные графические иконки часто сопровождаются небольшой тенью. Нарисуйте круг с помощью инструмента Эллипс, затем примените Радиальный градиент. Пипеткой выберите один и тот же цвет для обоих образцов градиента, но измените непрозрачность второго до 0%.

Раздавите и растяните фигуру, чтобы сформировать тень, и расположите ее под значком. Выравнивание его по нижней части фигуры заземлит объект, оставляя зазор с созданием эффекта, что элемент является плавающим.

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

Выберите и удалите все градиентные оверлейные фигуры из дублированной версии, чтобы вернуть графику в плоский цвет.

Сделайте выбор всех оставшихся фигур и удалите эффект Inner Glow на панели Appearance. Эта версия может быть сохранена в виде полноцветного логотипа с низким разрешением или для печати.

Замените различные цветовые заливки одним оттенком. Проблема в том, что весь дизайн становится неузнаваемым, но небольшая корректировка приведет к созданию работающей моно графики.

Перейдите в Object> Path> Offset Path, затем введите -1px в настройках. Это уменьшит формы, чтобы оставить зазор между ними.

Команда Offset Path сохраняет исходную форму, поэтому нажмите CMD + X, чтобы вырезать эти новые формы смещения, удалите оригинал, затем вставьте (CMD + F) новые формы на место.

Как создать граненый логотип Gemstone в Adobe Illustrator

Окончательный логотип выглядит великолепно в полном цвете с сочетанием цветов, созданных с помощью градиентных наложений и эффектов внутреннего свечения. Этот яркий значок выглядит потрясающе на экране, где он будет использоваться в основном, но плоская и моно версии предоставляют важные резервные копии для использования в других сценариях.



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.