Эффект рваной бумаги в Adobe Illustrator
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.
Источник
Как создать векторную иллюстрацию старого билета в кино
Детали Урока:
- Программа: Adobe Illustrator CS3 – CS6
- Сложность: средняя
- Время Выполнения: 1 час
Хотели бы вы изобразить билет в кино, который использовался в нашем мире несколько десятилетий тому назад? Если да, тогда давайте начнем, и вы несомненно освоите отличные инструменты Иллюстратора и создадите вашу собственную впечатляющую и великолепную работу! Откройте программу, создайте новый документ и приступим.
Шаг 1
Возьмите инструмент Rectangle Tool (M) и изобразите показанный ниже и залитый светло-коричневым цветом прямоугольник.
Захватите на панели инструментов Ellipse Tool (L) и начертите маленькую окружность, заполненную любым цветом (я для своей работы выбрал черный). Отключите контур. Разместите эту окружность в левом верхнем углу прямоугольника, как показано на рисунке ниже. Мы используем ее далее для создания перфорации. (Направляющие линии, показанные на рисунке, показаны лишь для вашего удобства и не представляют значимой важности для урока).
Шаг 2
Скопируйте эту окружность и вставьте ее впереди (Command + C затем Command + F). Сдвиньте копию книзу так, чтобы разместить окружность в нижнем левом углу коричневого прямоугольника. Вы должны получить следующий результат.
Шаг 3
Выделите обе черные окружности и выполните команду Object > Blend > Make (Command + Alt/Option + B).
Пока полученный бленд выделен, пойдите в Object > Blend > Blend Options и измените Spacing на Specified Steps, а количество шагов на подходящее значение для того, чтобы получить следующее изображение.
Создайте следующий бленд объект на противоположной стороне прямоугольника.
Шаг 4
Изобразите два больших круга в центрах противоположных сторон прямоугольника, как показано. И сгруппируйте их (Command + G).
Выделите и группу, и прямоугольник.
. затем в палитре нахождения путей нажмите на кнопку Minus Front.
Шаг 5
Скопируйте коричневый путь и вставьте его сверху (Command + C затем Command + F). Измените цвет контура на зеленый, а заливку для копии прямоугольника отключите.
В палитре Appearance щелкните кнопку добавления нового эффекта и выберите команду Path > Offset Path.
Введите подходящие значения так, чтобы получить следующий результат.
Выполните команду Object > Expand Appearance.
Шаг 6
Изобразите следующие пути зеленого цвета с помощью Pen Tool (P). Сделайте это самостоятельно, поскольку это просто.
Теперь начертите три дополнительных прямоугольника, которые будут нам нужны далее в уроке. Назовите их: «1», «2» и «3», как показано на рисунке. Мы будем на них ссылаться. Отключите у них у всех контур.
Шаг 7
Переместите коричневый путь назад.
Начертите четыре показанных ниже эллипса, используя инструмент Ellipse Tool (L).
Выделите оба бленда.
. и выполните команду Object > Blend > Expand. Затем дважды в меню Object выберите команду Ungroup.
Шаг 8
Увеличьте изображение для того, чтобы найти и удалить окружности, пересекающиеся с четырьмя эллипсами, показанными ниже.
Кроме того, удалите все окружности, которые расположены над центральным вырезом билета.
И после совершенных манипуляций вы достигнете следующего результата.
Шаг 9
Выделите теперь все черные пути, сгруппируйте их Object > Group (Command + G), затем выделите вместе и полученную группу, и коричневый путь.
. и в панеле Pathfinder щелкните кнопку Minus Front.
Шаг 10
Теперь нам предстоит поработать с текстом. Возьмите инструмент Type Tool (T), измените цвет заливки на красный и напечатайте текст, который вам нравится. Так как мы рисуем билет в кино, то я выбрал текст: «ADMIT ONE», что в переводе с английского означает, что по данному билету допускается только один человек. Разверните полученный текст с помощью команды Object > Transform > Rotate, как показано ниже. Разместите текст по центру, что указано на диаграмме красной стрелкой и выберите подходящие опции в палитре символов.
Выделите текст вместе с прямоугольником «1», щелкните на границе прямоугольника «1» инструментом Selection Tool (V).
. и центрируйте текст по горизонтали и вертикали при помощи панели Align.
Слегка сместите затем текст вправо, чтобы придать рисунку большую красоту.
Другие тексты сделаны таким же способом, показанным только что, с помощью прямоугольников «2» и «3». Создайте их самостоятельно так, как вам нравится.
Шаг 11
Скопируйте и вставьте назад коричневый путь (Command + C затем Command + B).
Немного сдвиньте копию влево и вверх. Залейте ее более светлым цветом.
Скопируйте основной коричневый путь билета и вставьте его назад снова (Command + C затем Command + B). Теперь чуть-чуть сдвиньте его вправо и вниз. Залейте эту новую копию серым цветом. Таким образом вы получите достаточно тонкий билет, имеющий ненулевую толщину.
Шаг 12
С помощью инструмента Rectangle Tool (M) нарисуйте прямоугольник чуть большего размера, чем основной коричневый путь, затем залейте его радиальным градиентом, показанным ниже.
Не снимая выделения с прямоугольника, в палитре Appearance щелкните на кнопке добавления нового эффекта и выберите эффект Artistic > Sponge.
Установите указанные на диаграмме ниже значения необходимых величин для эффекта.
Щелкнув по кнопке добавления нового эффекта снова, на сей раз выберите эффект Texture > Grain. Точно также установите для него значения.
Разместите эффекты в части заливки. Другими словами, ваш билет должен напоминать текстуру бумаги.
Выделив коричневый путь, разместите его над прямоугольником, к которому вы только что применяли эффекты.
. и сделайте обтравочнцю маску с помощью следующей команды Object > Clipping Mask > Make (Command + 7).
Шаг 13
Переведите тексты, напечатанные на билете, в кривые с помощью меню Type > Create Outlines (Command + Shift + O).
Если желаете, то можете изменить цвета текста и зеленой линии. Взглянув на билет после применения эффектов, я решил, что вишневый текст и травянистые линии будут смотреться куда более эффектно. Следуйте своему собственному вкусу и представлению о красоте.
Все линии и тексты, напечатанные на билете, выделив, сгруппируйте (Command + G). Затем в палитре прозрачности измените режим наложения на Color Burn, а прозрачность установите приблизительно равной 95%, как показано для этой группы.
Шаг 14
Давайте теперь наложим на билет гранжевую текстуру. Я использовал для этой цели фотографию асфальта, сделанную на улице.
Выполните File > Place, чтобы вставить фото в работу.
Object > Live Trace > Tracing Options — команда, которую вы должны выполнить следующим шагом. Выполните ее и установите значения для трассировки, которые показаны на диаграмме ниже. Не забудьте также установить опцию Ignore White (указанную стрелкой). После этого щелкните на кнопку начала трассировки.
Шаг 15
Конвертируйте полученные объекты в векторные пути с помощью кнопки Expand на панели управления. Затем измените на светло-серую заливку всех полученных объектов.
С применением инструмента Direct Selection Tool (A) выделите пути, расположенные за пределами билета. Выделение сделайте приблизительно, на глазок.
Дважды нажмите кнопку Delete на вашей клавиатуре.
Удалите таким образом те пути, которые находятся за пределами билета. Необходимости в них в дальнейшем нет. Как и было сказано выше, не стоит пытаться удалять все без исключения пути тютелька в тютельку. Достаточно сделать это приблизительно.
Шаг 16
Теперь нам нужно разместить полученные из текстуры векторные пути над текстом и травянистыми линиями билета. Для этого выделите и группу из текста и линий, и группу из светло-серых путей, сделанных из текстуры.
. а затем в палитре прозрачностей откройте всплывающее меню и выберите команду Make Opacity Mask.
Установите флажок. указанный стрелкой.
Шаг 17
Давайте теперь применим ко всему билету в целом новую гранжевую текстуру. Для этой цели я использовал фото потолка в ванной, который довно требует ремонта, хотя позволяет создавать интересные текстуры (Правда, Саша?). Разместите это фото также над билетом.
Фотография нашего потолка получилась слишком темной. Если ваша фотография такая же, то я рекомендую осветлить ее до использования. Если у вас установлен плагин Phantasm CS от компании Astute Graphics, то выполните команду Effect > Phantasm CS Studio > Brightness/Contrast, и установите подходящие значения яркости.
После применения плагина выполните команду Object > Expand Appearance.
Трассируйте также и новое изображение, как вы делали это одним шагом выше. Опции трассировки показаны ниже на диаграмме.
Выполните для полученной текстуры команду Object > Expand Appearance.
Установите маску прозрачности в палитре прозрачностей, как показано. Эта маска применяется ко всей работе, сделанной ранее. Другими словами, ко всем объектам билета.
Шаг 18
Поставьте билет на уголок, выполнив команду Object > Transform > Rotate.
Для того, чтобы создать тень от билета сперва нарисуйте показанный путь. Заливку пути сделайте белой, отключите контур, прозрачность установите нулевой.
Над этим путем нарисуйте следующий, меньшего размера, со светло-серой заливкой и со стопроцентной прозрачностью.
Шаг 19
Object > Blend > Blend Options — ваше следующее действие. Установите значения, показанные на диаграмме ниже.
Создайте бленд Object > Blend > Make (Command + Alt/Option + B).
Заключение
Финальное изображение представлено ниже. Используйте изученные техники в ваших собственных работах. Я надеюсь, что вам понравился этот урок.
Источник