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

Как из цветных брызг краски и световых эффектов создать векторную визитную карточку в Illustrator

Ярослав Лазунов
30.01.2013
Цель урока
креативная векторная визитная карточка из брызг краски

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

В этом уроке мы научимся создавать в Adobe Illustrator креативную визитную карточку используя цветные брызги краски. Для придания более красочного и реалистичного вида нашей композиции мы применим световые эффекты. Не беспокойтесь, нам почти не придется пачкать руки краской.

Создание векторных цветных брызг и пятен краски собственными руками

Шаг 1

Проснувшись рано утром, чтобы никто не ужаснулся тому, что мы будем делать дальше, накроем пол и мебель в кухни полиэтиленовой пленкой. Положим на пол несколько листов чистой бумаги. Возьмем в руки шприц и баночку с черными чернилами. Набираем чернила в шприц и разбрызгиваем их по полу в кухне. Мне кажется, вам не нравится начало этого урока! Но именно таким путем я сделал несколько чернильных клякс, которые вы видите на рисунке ниже.

чернильные кляксы

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

Шаг 2

Теперь переходим Object > Live Trace > Tracing Options…. Оставляем параметры, установленные по умолчанию без изменений, только поставим галочку Ignore White в диалоговом окне.

Нажимаем на кнопку Trace и в результате получаем векторные брызги краски.

векторные брызги краски

Теперь вы можете поделиться своими утренними экспериментами со всем миром.  Векторные брызги довольно популярная тема для дизайна.

Использование бесплатных цветных брызг

Шаг 3

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

поиск бесплатных векторных брызг

Итак, находим подходящие бесплатные кляксы, скачиваем их и вставляем в текущий документ.

бесплатные векторные кляксы

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

Шаг 4

Некоторые векторные брызги могут представлять собой составные пути.

Так как нам может потребоваться заливать брызги разными цветами, конвертируем их в обычные группы векторных объектов. Для этого переходим Object > Compound Path > Release

Теперь сгруппируем объекты (Ctrl / Cmd + G)

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

Создание креативной векторной визитной карточки из цветных брызг

Шаг 5

Визитки, как не странно, в разных странах имеют свои размеры. Так, например, в США их размер составляет W: 89 mm H: 51mm или W: 3.5 in  H: 2 in. Именно такой размер должен иметь наша рабочая область. Выбираем Artboard Tool и устанавливаем необходимые размеры на панели Control.

Этот инструмент доступен пользователям Adobe Illustrator CS5 – CS6. Если вы работаете в более ранних версиях программы, то требуемые размеры следует указать при создании нового документа. Конечно, вам не обязательно создавать визитную карточку. Вы можете сделать рекламный баннер или просто абстрактный векторный фон.

Шаг 6

Установите цветовой режим RGB для текущего документа (File > Document Color Mode > RGB color). Читатели знакомые с полиграфией могут возмутиться в этом месте: "Как вы собираетесь это печатать?”. Немного терпения, мы поговорим об этом немного позже. А пока для получения нужных эффектов нам лучше использовать режим RGB. Поместим векторные брызги за пределами визитной карточки, возьмем Rectangle Tool (M) создадим прямоугольник с заливкой белого цвета, размер которого будет соответствовать размеру карточки.

Шаг 7

Не снимая выделения с фона визитной карточки, переходим Object > Create Gradient Mesh… и устанавливаем количество строк и столбцов в диалоговом окне.

Выделяем все точки сетки, находящиеся на краях карточки, при помощи Direct Selection (A) и заливаем их светло-желтым цветом.

Шаг 8

Перетаскиваем первую векторную кляксу на карточку, удерживая Opt / Alt key, что приведет к ее дублированию. Мы дублируем кляксу, потому что мы можем ее использовать несколько раз при создании креативной визитной карточки. Заливаем форму радиальным градиентом от белого к светло-зеленному цвету.

Теперь установим режим Multiply в панели Transparency для нее.

Шаг 9

Дублируем следующую векторную кляксу, заливаем ее новым радиальным градиентом и снова устанавливаем Multiply.

Вы можете выделять отдельные капли брызг при помощи Direct Selection (A) и перекрашивать их в нужные цвета.

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

Шаг 10

Некоторые формы могут быть залиты сплошным цветом и иметь режим смешивания Normal.

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

Затем определите места цветовых пятен. Будет хорошо, если интенсивность цветов будет убывать слева на право.

В направлении брызг тоже должна быть некоторая закономерность. Расположим их веерообразно слева на право.

Выполнив эти рекомендации, я получил следующее изображение.

Создание светового эффекта

Шаг 11

Для придания неоднородности цветным брызгам краски создадим окружность и зальем ее радиальным градиентом от розового к белому цвету и установим режим смешивания Multiply. Именно таким путем мы будем применять световой эффект. Располагаем копии этой окружности в разных местах брызг.

Шаг 12

Для затемнения некоторых участков я также использовал окружности с радиальным градиентом. Центральный слайдер этих окружностей имеет фиолетовый цвет. К этим окружностям следует применить режим Color Burn.

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

Шаг 13

Для того чтобы оживить нашу визитную карточку добавим несколько светящихся точек. Создаем окружность и заливаем ее радиальным градиентом, который содержит два черных и один серый слайдер. Применим к ней режим Color Dodge.

Это один из распространенных способов применения световых эффектов в векторной иллюстрации.

Шаг 14

Используя Flare Tool, создадим свечение в центре композиции.

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

Теперь вы можете управлять параметрами объектов, из которых состоит свечение.

С световыми эффектами любая векторная работа смотрится более привлекательно.

Шаг 15

Нам осталось скрыть части векторных брызг, которые выступают за пределы карточки. Создаем прямоугольник, размеры которого должны быть равны размеру рабочей области. Выделяем все созданные объекты и создаем отсеченный путь, нажав на комбинацию горячих клавиш Cmd / Ctrl + 7.

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

Ну вот, пожалуй, и все. "Подождите”, скажете вы, "как же это печатать?”. А об этом вы узнаете, прочитав статью о том Как подготовить векторный файл к печти в Adobe Illustrator , которую написал полиграфист с двадцатилетнем стажем работы в этой области. Успеха в ваших начинаниях. Не забывайте заходить в гости на RU.Vectorboom.

Всего комментариев: 3
0
1  
Здравствуйте Ярослав. Я начинающий стокер, поэтому мой вопрос может показаться глупым. Скажите а это разрешается - применение чужих бесплатных векторных брызг в своих стоковых работах?

0
2  
Чужого лучше не использовать.

0
3  
Благодарю за ответ. Буду сам чего нибудь ваять в смысле брызг smile

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