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

Эффект рваной бумаги в Adobe Illustrator

Ярослав Лазунов
06.04.2015
Цель Урока

This article was originally published on Vectips.com in English. You can view the original article here...

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

Шаг 1

Создайте новый документ (Cmd / Ctrl + N). Монтажная область может быть любого размера. Мы можем работать как в режиме RGB, так и в режиме цвета CMYK.

Шаг 2

Создадим прямоугольник при помощи Rectangle Tool (M) с заливкой светло-серого цвета и без обводки.

Берем Warp Tool (Shift + R). Настройки этого инструмента на данном этапе работы показаны на рисунке ниже. Для открытия диалогового окна Warp Tool Options два раза кликнете по иконке инструмента в панели Tools или нажмите на Enter.

Теперь деформируем нижний край прямоугольника, придав ему произвольную волнистую форму.

Шаг 3

Копируем полученную форму и вставляем копию вперед (Cmd/Ctrl + C; Cmd/Ctrl + F). Заливаем верхнюю форму вертикальным градиентом, который состоит из двух оттенков серого или другого цвета, если вы хотите получить цветную бумагу.

Не снимая выделения с верхней формы и не изменяя настроек Warp Tool Options, переместим ее нижний край немного верх.

Шаг 4

Копируем нижнюю форму и вставляем ее назад (Cmd/Ctrl + C; Cmd/Ctrl + B). Перекрашиваем самый нижний объект в темно серый цвет. На рисунке ниже видимость двух верхних форм временно отключена для наглядности.

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

Шаг 5

Выделяем темно-серый и белый объект, затем переходим Object > Blend > Make, затем Object > Blend > Blend Options и устанавливаем количество шагов. Думаю, для наших целей 30 шагов будет достаточно.

Для того чтобы тень от бумаги выглядела полупрозрачной на любом фоне, применим к бленд объекту режим смешивания Multiply в панели Transparency.

Шаг 6

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

Берем Warp Tool и немного изменим его настройки, отключив опции Detail и Simplify. Это даст нам возможность не создавать новые точки на пути во время его деформации. Одинаковое число точек у объектов, которые входят в бленд избавляет нас от артефактов. Теперь изменим форму нижнего края белой формы при помощи Warp Tool. В некоторых местах приблизив путь к темно-серой форме, а в других местах отдалив.

Шаг 7

Теперь можно включить видимость двух верхних объектов в панели Layers.

Если тень вам кажется слишком грубой и жирной, то вы можете уменьшить Opacity белого объекта от 100% до 0% в панели Transparency.

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

Шаг 8

Выделяем светло-серую форму, затем берем Wrinkle Tool и открываем его диалоговое окно. Настройки инструмента, подобранные мной экспериментальным путем показаны на рисунке ниже.

Проводим по нижнему краю выделенной формы в горизонтальном направлении.

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

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

Всего комментариев: 6
1
1  
Спасибо! Очень хороший и простой прием!Будем пробовать!

1
2  
Здорово! Спасибо!

1
3  
Спасибо, ваши уроки с применением блендов очень нравятся!

0
4  
Огромное спасибо! Очень полезный урок, впрочем как и все  thumb

0
5  
Спасибо! Пополнил свою копилку, только вот все в голове уже не умещается, как-то надо сделать копилку удобную чтобы - открыл по названиям нашел...
Ярослав, разное количество точек у бленда не всегда плохо  smile ... вот пример использования такого приема: http://www.shutterstock.com/pic-830....ml?src= pp-same_artist-85913050-4 при этом количество точек не просто разное, а на на порядки разное - у маленького объекта буквально точка на точке и точкой погоняет smile , а у большого минимум по возможности.

0
6  
В основном это вызывает неприятные артефакты. Иногда не заметные, иногда артефакты-это такой дизайн, как в случае с листом, наверное.

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