Vectorboom
Уроки / Векторные Эффекты / Comments: 0

Как создать акварельный фон используя, Phantasm CS и Adobe Illustrator

Ярослав Лазунов
12.03.2012
Цель урока
Векторный акварельный фон

В этом уроке я расскажу, как создать векторный акварельный фон в Adobe Illustrator, интересным, на мой взгляд, способом. Вам не придется пачкаться краской и портить дорогую бумагу. Оказывается, все необходимое есть у вас под рукой, то есть в интернете :). Я научу вас очень быстро создавать векторные акварельные кисти и переделывать готовые. Сегодня мы также узнаем о некоторых функциях Phantasm CS, которые сделают вашу работу быстрой и комфортной. Я уверен, что во многих случаях они не заменимы. Источник: Astute Graphics.


Требования

  • Программа: Adobe Illustrator CS3-CS5 + Phantasm CS
  • Уровень: Средний
  • Время выполнения: 45 минут

Шаг 1

В этой работе мы будем использовать растровую бумажную текстуру, которая предназначена для рисования акварельными красками. Вы можете скачать ее здесь. Вставьте текстуру в ваш документ (File > Place …) затем нажмите кнопку Embed на верхней панеле.

Векторный акварельный фон

С растровыми объектами можно работать и в программе Adobe Illustrator, если вы используете Phantasm CS. Давайте увеличим яркость текстуры, переходим Effect > Phantasm CS > Brightness/Contrast… и сдвигаем слайдер яркости вправо, наблюдая за изменениями яркости текстуры.

Векторный акварельный фон

Шаг 2

Существует множество бесплатных кистей Photoshop, например, здесь. Именно их мы и будем использовать для создания пятен акварельной краски на бумаге. Загружаем подходящие кисти на жесткий диск, открываем Photoshop и создаем новый документ. Большинство кистей для Photoshop имеют высокое разрешение, поэтому создавайте новый документ большого размера. Я думаю 2000 на 2000 px, подходящий размер.

Векторный акварельный фон

Берем Brush Tool (B) и открываем панель Brushes (F5). В нижней части этой панели нажимаем на кнопку Preset Manager.

Векторный акварельный фон

В окне Preset Manager нажимаем на кнопку Load…, и открываем необходимые кисти.

Векторный акварельный фон

Шаг 3

Выбираем в качестве цвета нейтральный серый цвет и одним кликом создаем пятно краски. Совет: для изменения размера кисти используйте клавиши "[" and "]”.

Векторный акварельный фон

Сохраняем файл и вставляем его в Adobe Illustrator (File > Place …). Я использовал PSD формат, но, думаю, подойдет и другой удобный для вас.

Векторный акварельный фон

Шаг 4

Не снимая выделения с изображения, переходим Object > Live Trace > Trace Options…, устанавливаем параметры, указанные на рисунке ниже и нажимаем на кнопку Trace.

Векторный акварельный фон

Теперь нажимаем на кнопку Expand на верхней панеле или переходим Object > Expand.

Векторный акварельный фон

В результате мы получили группу обычных векторных объектов.

Векторный акварельный фон

Шаг 5

Размещаем группу на бумажной текстуре и уменьшаем прозрачность в панеле Transparency.

Векторный акварельный фон

Теперь покрасим пятно краски. Выделяем группу и переходим Effect > Phantasm CS > Hue/Saturation…. Включаем "Colorize” в диалоговом окне Phantasm CS Hue/Saturation и, управляя слайдерами, добиваемся необходимого оттенка, насыщенности и яркости.

Векторный акварельный фон

Шаг 6

Создание таких векторных пятен краски может очень сильно увеличить размер вашего исходного файла и замедлить скорость работы вашего компьютера. Это происходит потому, что подобные объекты имеют множество точек, их координаты это информация. При помощи Phantasm CS вы сможете окрашивать растровые пятна краски. Технология окраски не чем не отличается от технологии окраски векторных изображений, только перед применением эффекта Phantasm CS Hue/Saturation растровое изображение должно быть вмантировано (embed) в текущий документ, как мы это делали в 1 шаге.

Векторный акварельный фон

Шаг 7

Для того чтобы бумажная текстура проявилась через красочные пятна установите режим Multiply в панеле Transparency.

Векторный акварельный фон

Вам также следует применять режим Multiply в случае наложения красочных пятен друг на друга. Для создания неоднородной прозрачности применим маску прозрачности (Opacity Mask). При помощи Rectangle Tool (M) создадим прямоугольник и зальем его черно-белым радиальным градиентом.

Векторный акварельный фон

Выделяем красочное пятно, прямоугольник и выбираем Make Opacity Mask в меню панели Transparency.

Векторный акварельный фон
Векторный акварельный фон

Используя описанные техники, создадим еще несколько красочных пятен.

Векторный акварельный фон

Шаг 8

Теперь создадим несколько мазков акварельной краской. К сожалению, существует не так много высококачественных бесплатных кистей для Adobe Illustrator. Недавно я собрал небольшую коллекцию, которую вы можете увидеть здесь. При кажущемся многообразии их на самом деле не так и много. Представленным кистям уже несколько лет и вы уже могли их неоднократно видеть в подобных коллекциях на разных сайтах. Поэтому сегодня я хочу научить вас, как изменять существующие кисти и создавать свои собственные. Сохраняем кисти на жестком диске и открываем в текущем документе. Для этого в меню панели Brushes переходим Open Brush Library > Other Library….

Векторный акварельный фон

Выберите понравившуюся кисть и вытащите ее на рабочую область из панели Brushes.

Векторный акварельный фон

Шаг 9

Теперь кисть представляет собой группу простых векторных объектов, с которой мы продолжим работать. Выделяем группу и переходим Effect > Phantasm CS > Desaturate… и нажимаем OK в открывшемся диалоговом окне.

Векторный акварельный фон

Перетаскиваем группу обратно в панель Brushes и сохраняем новую кисть как Art Brush.

Векторный акварельный фон

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

Векторный акварельный фон

Выбираем Colorization Method: Hue Shift.

Векторный акварельный фон

Теперь мазок кисти будет иметь цвет обводки (stroke).

Векторный акварельный фон

Шаг 10

Конечно, вы сами можете создавать подобные кисти. В начале этого урока мы создавали красочные пятна, используя бесплатные наборы кистей для Photoshop. Для создания кистей перетащите подобные векторные объекты в панель Brushes и сохраните как Art Brush с параметрами указанными в предыдущем шаге. Используя этот метод, я за несколько минут получил несколько интересных кистей.

Векторный акварельный фон

Узнать о других способах создания красочных кистей для Adobe Illustrator вы сможете, перейдя по следующим ссылкам

Итак, создав несколько новых кистей и переделав кисти из бесплатных наборов, я добавил несколько разноцветных мазков к нашему фону.

Векторный акварельный фон

Шаг 11

Теперь добавим несколько декоративных элементов. При помощи Rectangle Tool (M) создадим прямоугольник и зальем его линейным градиентом, который состоит из белого и серого цветов.

Векторный акварельный фон

При помощи Ellipse Tool (L) создадим окружность и зальем ее радиальным градиентом, который состоит из белого и серого цветов. Установим для окружности режим Color Burn и уменьшим прозрачность в панеле Transparency.

Векторный акварельный фон

Перетаскиваем окружность в панель Symbols и сохраняем как новый символ.

Векторный акварельный фон

Теперь окружность может быть удалена.


Шаг 12

Выделяем прямоугольник с градиентной заливкой и новый символ в палитре Symbols, затем переходим Effect > Phantasm CS > Halftone… и устанавливаем параметры, указанные на рисунке ниже.

Векторный акварельный фон

Вы можете экспериментировать с параметрами для того чтобы добиться лучшего результата, только в параметре Shape должен быть выбран Current Symbol.


Шаг 13

После применения эффекта я уменьшил прозрачность прямоугольника и установил режим Color Burn в панеле Transparency.

Векторный акварельный фон

Однако вы должны понимать, что это результат эксперимента, а не жестки требования. При помощи Phantasm CS Halftone я создал еще ряд простых окружностей в другом месте фона и установил для них Screen Blending Mode в панеле Transparency.

Векторный акварельный фон

Шаг 14

При помощи Rectangle Tool (M) создаем квадрат без заливки с обводкой любого цвета.

Векторный акварельный фон

Не снимая выделения с квадрата, переходим Object > Expand и заливаем его линейным градиентом, устанавливаем режим Multiply и уменьшаем прозрачность в панеле Transparency.

Векторный акварельный фон

Создадим еще несколько подобных фигур разного размера.

Векторный акварельный фон

Шаг 15

Приступаем к созданию капель. Берем Ellipse Tool (L) и создаем эллипс, который заливаем эллиптическим радиальным градиентом. Цвета градиента зависят от места, где вы собираетесь расположить каплю. Внутренний слайдер градиента имеет прозрачность 0%.

Векторный акварельный фон

Шаг 16

При помощи Pen Tool (P) создайте форму подобную показанной на рисунке ниже. Залейте форму белым цветом. При помощи Ellipse Tool (L) создадим эллипс и сместим его верхнюю точку немного вниз, используя Direct Selection Tool (A).

Векторный акварельный фон

Устанавливаем для нижней формы 0% прозрачности в панеле Transparency.

Векторный акварельный фон

Выделяем обе формы и переходим Object > Blend > Blend Options…, устанавливаем количество Specified Steps, затем переходим Object > Blend > Make.

Векторный акварельный фон

Используя эту технику, создадим еще один блик и тень от капли.

Векторный акварельный фон

Шаг 17

Не пугайтесь, сейчас мы спрячем часть тени под каплей. Берем Pen Tool (P) и создаем контур, показанный на рисунке ниже.

Векторный акварельный фон

Выделяем тень и контур, затем нажимаем на клавиши Cmd + 7, создавая Clipping Path.

Векторный акварельный фон

Группируем все элементы капли и поворачиваем группу при помощи Selection Tool (V).

Векторный акварельный фон

Размещаем несколько подобных капель на нашем фоне.

Векторный акварельный фон

Шаг 18

Спрячем части объектов, которые выступают за контур бумажной текстуры. Берем Rectangle Tool (M) и создаем прямоугольник такого же размера, как и бумажная текстура. Выделяем все элементы композиции и нажимаем Cmd + 7, создавая Clipping Path.

Векторный акварельный фон

Заключение

Более подробную информацию о Phantasm CS вы найдете, перейдя по следующей ссылке www.astutegraphics.com/products/phantasm

Финальное изображение
vector advertising outdoor billboard

Будьте всегда в курсе свежих новостей о векторной графике, новых уроков работы в Adobe Illustrator, статей и интервью посвященных графическому дизайну. Команда RU.Vectorboom работает для Вас!

Всего комментариев: 0
Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.