Применяем Envelope Distortion к градиенту
В предыдущем уроке мы рассмотрели возможности использования Envelope Distortion с векторными фигурами, имеющими однотонную заливку. Сегодня же мы будем использовать Envelope Distortion для градиентов. Принцип работы с градиентами такой же как и с фигурами без них. Нам нужно лишь сделать небольшие изменения в настройках искажения (Envelope Distortion). Для этого откроем закладку Object и выберем пункт Envelope Distort > Envelope options. В открывшемся окне поставим галочку напротив Distort Linear Gradients (Искажать линейные градиенты). Далее будем использовать уже знакомые нам методы искажения Envelope Distortion, которые мы разобрали в соответствующей статье Envelope Distortion с фигурой, лежащей сверху Envelope Distortion с помощью […]
Читать далше...Изменяем фигуру с помощью Envelope Distortion
Cегодня мы рассмотрим ещё одну интересную возможность Adobe Illustrator. Функция Envelope Distortion может быть полезна при создании логотипов. Хотя и не только. В результате применеия данной функции получается векторная фигура, в которую заключено другое изображение или иллюстрация. Другими словами, одна фигура принимает форму другой. Сегодня мы рассмотрим несколько вариантов использования Envelope Distortion. Envelope Distortion с фигурой, лежащей сверху Суть данного метода очень проста. Нам понадобятся две фигуры/объекта. В моём случае это овал и текст преобразованный в вектор. Текст должен будет принять форму овала. Для этого выделяем обе фигуры. Открываем Object > Envelope Distort > Make with Top Object. Результат: […]
Читать далше...Абстрактный фон наложением Маски непрозрачности (Opacity Mask)
Ранее я уже описывал два варианта создания абстрактного фона с помощью Бленда и Градиентного мэша. Сегодня попробуем сделать интересный фон используя Маску непрозрачности. Рисуем произвольную фигуру карандашом или пером. Отрываем закладку Effect и выбираем пункт Distort and Transform > Transform. В открывшемся онке выставляем параматры трансформации. В моём случае они такие: Параметры всегда можно изменить в панели Appearance. После того, как мы достигли желаемого результата, открываем закладку Object и выбираем пункт Expand Appearance. Далее заливаем фигуры радиальным градиентом. Пусть это будет переход от чёрного к белому. Удаляем контур. На фоне фигур рисуем прямоугольник, заливаем его цветом и удаляем контур. Выделяем […]
Читать далше...Изменяем контур и заливку
Сегодня добавим эффективности в работу с заливкой и контуром. Часто бывает так, что хочешь дать заливку фигуре, а добавляешь контур. И все из-за того, что активным был контур, а не заливка. После этого приходится возвращаться назад, меняя цвета. К счастью Adobe Illustrator имеет полезные функции, которые нам в этом помогут. Изменяем заливку и контур любому объекту к исходным белому и чёрному Даём заливке цвет контура, а контуру цвет заливки Задаём цвет заливки или контура Задаём градиент как заливку Убираем заливку или контур
Читать далше...Абстрактный фон с помощью Бленда (Blend)
В предидущей статье мы создавали абстрактный фон из Градиентного мэша. Сейчас же мы рассмотрим ещё одни простой метод создания абстрактного фона. Для этого мы будем использовать Бленд (Blend). Создадим новый документ и прямоугольник того же размера. Как заливку будем использовать линейный градиент. В моём случае это тёмный и светлый оранжевые цвета. Далее рисуем пару красивых линий карандашом (Pensil Tool) или пером (Pen Tool). Выделяем обе получившиеся линии и в закладке Objects выпираем пункт Blend > Make. В результате этого был создан Бленд. Теперь нам нужно его настроить. Для этого делаем двойной щелчок на инструменте Blend Tool . В […]
Читать далше...Оттенки одним нажатием мыши
В уроках по созданию Этикетки Web 2.0 и Кнопки я использовал простые цвета. Было достаточно выставить показатели Cyan и Magenta для получения необходимо цвета. А что если нам нужно использовать лишь светлые или темные оттенки этих цветов? Перебирать в ручную все варианты не совсем удобно. Поэтому сегодня мы поговорим об удобной возможности получать необходимые тона цвета в панели Colors. Панель Colors в Adobe Illustrator имеет возможность получать тона простых и смешанных цветов простым нажатием клавиши Shift. Перед тем как двигать волчок зажимаем Shift. Передвигаем волчок влево или вправо и получаем тона светлее или темнее соответственно.
Читать далше...Абстрактный фон из Градиентного мэша (Gradient Mesh)
Сегодня мы будем создавать абстрактный фон. Данные изображения популярны и хорошо продаются на стоках. Для создания абстрактного фона мы будем использовать Градиентный мэш (Gradient Mesh). Градиентные мэши Создаем новый документ (1000/750 пикселей). Рисуем прямоугольник того же размера и заливаем его цветом. Цвет выбирайте на свой вкус, я использовал голубой. При выделенном прямоугольнике на закладке Object выбираем пункт Create Gradient Mesh (Создать градиентную сетку). В открывшемся окне задаем параметры градиентной сетки и жмем ОК. Нам понадобится сетка с 10-ю рядами (Rows) и одним столбцом (Columns). В результате этого у нас получился прямоугольник разделенный 11-ю горизонтальными линиями с точками на краях. […]
Читать далше...Настраиваем панель Layers
Каждый раз работая в Adobe Illustrator, мой первый и верный помошник — это панель Layers (Слои). Она помогает мне ориентироваться в сложных иллюстрациях и настраивать расположение слоев. У каждого из нас свои предпочтения и вкусы. Поэтому сегодня мы рассмотрим как можно настроить панель Layers. Для примера я буду использовать версию Adobe Illustrator CS5. Наверняка данные возможности настройки доступны и в других версиях. Если вы можете меня дополнить, пишите. Открываем меню в правом верхнем углу панели Layers и выбираем пункт Panel Options в самом низу. После этого открывается окно настроек. Здесь мы можем изменить размер миниатюр или совсем их отключить. […]
Читать далше...Создаем эффект Halftone из градиента
Сегодня мне хотелось бы рассмотреть два простых метода создания эффекта Halftone (полутон). Этот популярный эффект часто используется в современном дизайне. Halftone из градиентов, градиентных мэшей(Gradient Mesh) и блэндов(Blend) Для наглядности нам понадобится градиент. Создадим фигуру и дадим ей заливку с градиентом. Я создал прямоугольник и овал с градиентом от черного к белому цвету и убрал контур. Выделяем обе фигуры и на закладке Effects открываем Pixelate > Color Halftone. В открывшемся меню выставляем максимальный радиус равный 20 пикселям. Остальные показатели не трогаем. Если получившиеся точки вас не устраивают, можете отредактировать кликнув на соответствующем эффекте в панели Appearance. Теперь преобразуем фигуры […]
Читать далше...Переносим палитру цветов в Photoshop
Помимо моей страсти к Illustrator, я часто пользуюсь другими продуктами Adobe. Наиболее популярный из них — Photoshop. Работая с растровыми изображениями, регулярно использую элементы, которые создавал в Illustrator. Поэтому сегодня мы расмотрим быстрый и удобный способ перенести необходимую палитру цветов из одного редактора в другой. Создаем и сохраняем палитру цветов Если у вас не отрыта панель Swatches, то в закладке Window поставьте галочку рядом с её названием. Во-первых, нам понадобится палитра цветов (Swatches), с которой мы будем работать. Для примера я создам изображение в новом документе и дам ему заливку. В данном примере я использовал 4 цвета. Остальные цвета […]
Читать далше...