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

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

Шаг 1.

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

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

Шаг 2.

Выбираем инструмент «Деформация» (Shift+R). Вызываем меню настроек инструмента дважды нажав на него. Параметры устанавливаем указанные на фото.

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

Шаг 3.

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

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

Шаг 4.

Копируем наш элемент и помещаем его вперед (Ctrl+C и Ctrl+F). К новому элементу применяем градиент, можем оставить белую заливку или сделать ее любым цветом.

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

Шаг 5.

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

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

Шаг 6.

Копируем нижний слой и вставляем его на задний план. Делаем заливку темно серой.

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

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

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

Шаг 7.

Выделяем наши два нижних слоя и делаем переход.

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

После этого открываем панель настроек перехода и указываем желаемое число переходов для наших слоев.

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

Шаг 8.

Устанавливаем для нашего перехода значение умножение на панели непрозрачности.

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

Шаг 9.

Придадим нашей бумаге более естественного эффекта разрыва. Для этого выбираем инструмент «Морщины».

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

Выбрав светло-серый фон мы проводим нашим инструментом по краю.

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

В итоге получим реалистичный эффект рваной бумаги.

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