Вектор эффект вырезанной бумаги

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

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

Видео:КАК НАРИСОВАТЬ ВАЛЕНТИНКУ С ЭФФЕКТОМ ВЫРЕЗАННОЙ БУМАГИ. Урок в Adobe Illustrator (в Иллюстраторе)Скачать

Шаг 1

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

Видео:Эффект вырезанной бумаги. Paper Cut. Adobe IllustratorСкачать

Шаг 2

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

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

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

Видео:Эффект вырезанной бумаги (Paper Cut Effect) в иллюстратореСкачать

Шаг 3

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

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

Видео:Создаем эффект вырезанной бумаги в Adobe Illustrator | уроки для новичков | paper cutout artСкачать

Шаг 4

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

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

Видео:Как создать эффект вырезанной бумаги [Урок Photoshop/Illustrator] | DaVinchi — Академия графикиСкачать

Шаг 5

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

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

Видео:Эффект Paper Cut в Adobe IllustratorСкачать

Шаг 6

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

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

Видео:ЗИМНЯЯ ИЛЛЮСТРАЦИЯ В СТИЛЕ PAPER CUTOUT ЭФФЕКТ. УРОК ДЛЯ НАЧИНАЮЩИХ В ADOBE ILLUSTRATOR.Скачать

Шаг 7

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

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

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

Видео:Иллюстрация в стиле Paper Cut в Adobe IllustratorСкачать

Шаг 8

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

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

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

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

Видео:Как сделать эффект рваной бумаги? || Adobe IllustratorСкачать

рваная бумага PNG и векторы

шаблон фон абстрактный рваной бумаги

рваная бумажная полоса для текста или рваные края бумаги

набор элементов рваной бумаги

простой разорванный эффект

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

Нерегулярное белая бумага порвана примечание

Серая рваная записка

сплющенная рваная бумага

Разорвите свернутую учебную бумагу

бесшовные разорвал бумаги на прозрачном фоне

набор рваной бумаги

Сломанная наружная бумага

Старинный лист потогонной бумаги

Черная рваная бумага фото

torn paper paper yellow paper cartoon paper illustration

эффект текстуры рваной бумаги

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

Разорванный блокнот измельченная бумага

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

шаблон слезы бумага прозрачный фон круг

torn paper cartoon illustration paper illustration letter paper illustration

разорванная цветная бумага

yellow paper torn paper paper paper old paper

тетради с рваными краями

старый лист с текстурой бумаги

рулонная бумага png элемент

Серебряная текстура бумаги

Фон расходной бумаги

Нерегулярная белая лента для доски объявлений порвана

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

белая половина рулонной бумаги

paper white paper corner paper a4 paper

Заметка заметка пустая страница

Картон фактурный белый

рваная бумага и пустое место

white paper openwork triangle torn paper office supplies

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

Рваной бумаги края рваной бумаги вектор

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

рваная бумага черный фон

eps рваная бумага эффекты

Разорванная рваная бумага

рваной бумаги пустой вектор коллекция белых рваной бумаги рваные края с тенью

рваная бумага спецэффекты eps

хрустящая рваная бумага

пустая рамка с рваной бумагой

Рваная бумага рулонная бумага

Рваная бумага из блокнота

рваная бумага пустой вектор рваные края с пространством для текста разорванная страница для Интернета и печати промо рекламная презентация поврежденная рваная бумага для дизайна

рваная бумага эффект прозрачный фон

рваная бумага фон липкие заметки на сером фоне

вектор пустой рваной бумаги с красным фоном дизайна

ностальгическая бумага рваная бумага этикетка картинки

Белая рваная бумага

Рваная бумага застряла на стене

серая рваная бумага

Кусок белой рваной бумаги

комплект винтажной рваной бумаги с лентой 7 разных геометрических фигур

Белая рваная бумага

скидка абстрактный фон рваной бумаги шаблон

рваная бумага текстуры плакат

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

Свернуть рваной бумаги

абстрактный рваной бумаги застрял на сером фоне

сложите рваную бумагу

рваная бумага фон вектор

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

творческая рваная бумага во время

Черная рваная бумага

Бежевый блокнот ретро записки рваной бумаги

скоро открытие на рваной бумаге

Кусок рваной бумаги иллюстрации

красный рваная бумага фон

рваная бумага граница с размытия фона дизайн

Пожелтевшая крафт бумага винтажный альбом рваная бумага

Желтый блокнот с вкладными листами комбинация этикеток ретро альбом рваная бумага

Рваная бумага набор элементов иллюстрации

Новый год 2022 БОЛЬШАЯ ПРОДАЖА! Последний день-срок службы скидка до 85%

Pngtree предлагает более 1235 рваная бумага png и векторных изображений а также прозрачные фоновые рваная бумага картинки и psd файлы. Загрузите бесплатные графические ресурсы в виде png eps ai или psd.

Присоединяйтесь к команде проектантов pngtree

Загрузите свой первый дизайн, защищенный авторским правом. Получите дизайнерские купоны на 5 долларов

Видео:РИСУЕМ ВМЕСТЕ иллюстрацию с эффектом вырезанной бумаги (PAPER CUTOUT EFFECT) в ADOBE ILLUSTRATORСкачать

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

💡 Видео

3D эффект вырезанной бумаги в Adobe Illustrator.Скачать

Как нарисовать тени в стиле Paper Cut, подходящие для всех стоков? Урок в Adobe illustratorСкачать

Эффект 3D бумаги в Фигма | Vector Paper CutСкачать

ЭФФЕКТ ВЫРЕЗКИ ИЗ ЖУРНАЛА В ФОТОШОП | УРОК ФОТОШОПСкачать

14 февраля / сердце / paper craft / эффект бумаги / Adobe IllustratorСкачать

Cut paper effect in Procreate tutorial. Эффект вырезанной бумагиСкачать

Paper Cut Эффект в Иллюстраторе | Урок #14Скачать

Как сделать papercut design - эффект вырезанных слоев бумагиСкачать

КАК НАРИСОВАТЬ ЦВЕТОЧНУЮ КОМПОЗИЦИЮ С БАБОЧКАМИ В СТИЛЕ ВЫРЕЗАННОЙ БУМАГИ. УРОК В ADOBE ILLUSTRATOR.Скачать