Последнее время стал замечать, что часто на наш блог заходят по запросам “рваная бумага”, “эффект порванной бумаги”, “рваный бумажный край” и тп. Походят туда сюда по сайту, не найдут для себя ничего полезного и бегут дальше. Решил исправить это упущение. Кому еще нужна рваная бумага – вот урок как достичь этого эффекта в PhotoShop.
Первым делом возьмите в руки лист любой бумаги, можно оберточной, можно офисной, можно взять тетрадный листок, и медленно порвите его от края и до края - так чтоб получилось две половинки. Порвали? Теперь рассмотрите край разрыва. Хоть лист обычной бумаги и не очень толстый, однако, его толщины хватает на то чтоб каждая его сторона имела, совою линию разрыва. И хотя общая траектория этих линий почти одинакова, в мелочах они существенно отличаются друг от друга. Вот это наблюдения и надо учитывать при имитации рваного бумажного края.
Теперь возвращаемся к компьютеру. Первым делом нам нужна подходящая бумажная текстура. Можно сфотографировать лист слегка мятой бумаги на свою цифровую камеру, можно сымитировать бумажную текстуру с помощью фотошоповских фильтров. Я же предлагаю вам самый быстрый и простой способ - скачать бумажную текстуру с какого-нибудь специализированного web-ресурса.
Теперь открываем PhotoShop и открываем в нем файл с нашей текстурой.
Открываем новый (рабочий) документ необходимого размера. Если размер рабочего документа существенно меньше, чем размер документа с текстурой, тогда уменьшите размер документа с текстурой. Для этого идите Image >> Image Size и введите нужные вам значения. В этом примере я подогнал ширину документа с текстурой под ширину рабочего файла, ширина обоих документов у меня теперь равна 480 px.
Затем на панели инструментов выбираем инструмент Move и с помощью мыши и зажатой левой клавиши перетаскиваем текстуру в рабочий документ.
Таким образом, в рабочем документе у нас теперь два слоя – один пустой, а над ним слой с текстурой. Пустой слой будет слоем фона. Активизируем его, для этого кликаем на строку с этим слоем в панели слоев и заливаем слой необходимым нам цветом – цветом фона (в моем примере это белый цвет ffffff). Заливка осуществляется с помощью инструмента Pain Bucket (ведро с краской)
Слой с текстурой дублируем. Для этого активизируем этот слой (наводим курсор на его строку в панели слоев) и жмем левую клавишу мыши, в открывшемся контекстном меню выбираем пункт Duplicate Layer
Работать будем пока только с верхнем слоем текстуры, для этого отображения нижнего слоя текстуры отключаем. Для этого нужно кликнуть на изображение глаза в строке этого слоя в панели слоев.
Начинаем рисовать линию разрыва. Для начала над самым верхним слое создаем новый пустой слой, для этого кликаем правой клавишей мыши на иконку “Create a new layer” в нижней рамке панели слоев
Теперь в панели инструментов выбираем инструмент Brush (кисть).
Вверху в редакторе кисти выбираем простую кисть с толщиной 3px.
И рисуем в пустом слое ломаную линию разрыва. Цвет, которым вы будете рисовать не имеет значение, однако очень важно чтобы ваша линия была от края и до края всего вашего документа, чтоб она делила его на две части.
Теперь для того чтобы получить рваный край, нужно очистить часть слоя под линей разрыва от заполнения. Для этого в самом верхнем слое с помощью инструмента Magic Wand (волшебная палочка) выделяем ту часть, которая расположена под линией разрыва.
Затем активируем видимый слой с текстурой.
И жмем клавишу “Delete”. Теперь выделение убираем, чтоб не мешало - жмем: Ctrl+D
Теперь нам нужно сделать линию разрыва, которая получилась на другой стороне листа бумаги. Для этого активируем нижний (невидимый) слой с текстурой и включаем его отображение. Затем над этим слоем вновь создаем пустой слой.
И снова с помощью простой кисти толщиной в 3 px рисуем в новом пустом слое вторую линию разрыва. При рисовании второй лини смотрите на первую и повторяйте ее, но не забывайте в некоторых местах делать мелкие отличия. В своем примере для наглядности для второй линии я выбрал другой цвет, но цвет лини не важен, главное чтоб она опять шла от одного края документа к другому.
Дальше повторяем все те же операции, но уже для нижнего слоя с текстурой. Выделяем с помощью Magic Wand (волшебная палочка) область под второй линией, активируем нижний слой с текстурой, жмем клавишу “Delete”.
Слои с самими линиями, которые мы рисовали – нам больше не нужны, их нужно отключить. Теперь нам необходимо визуально отделить второй (нижний) край разрыва от первого (верхнего): Делаем нижний слой с текстурой чуть светлее, верхнего. Для этого идем в Image >> Ajustments>>Brightness/Contrast и настройкой ползунка Brightness добиваемся нужного эффекта.
Вот что у нас получилось:
В своей толще лист бумаги обычно имеет волокнистое строение, поэтому сделаем с нижним слоем текстуры еще несколько простых операций. Наша линия разрыва получился слишком гладкой, у реальной порванной бумаги край более лохматый, волокна бумаги слегка топорщатся. Чтобы добиться этого эффекта используем инструмент Eraser (ластик).
Настройте ластик следующим образом:
И теперь настроенным ластиком сотрите некоторые пикселы с самого края линии разрыва нижнего слоя с текстурой. У вас должна получиться примерно такая картинка:
А вот теперь добавим линии разрыва волокнистости (напоминаю, работаем только с нижним слоем текстуры). Для этого используем фильтр Filter>>Blur>>Gaussian Blur. Но пользуйтесь фильтром аккуратно, размажьте слой совсем чуть-чуть.
Сейчас нам осталось только кинуть тень под порванный лист бумаги. Для нижнего слоя с текстурой вызываем редактор слоев Layer Style. Редактор слоев вызывается двойным кликом на строку слоя в палитре слоев.
В редакторе слоев идем в стиль Drop Shadow (отбрасываемая тень) и настраиваем свойства этого стиля в соответствии с рисунком:
Жмем в редакторе Layer Style кнопку Ok и получаем порванную оберточную бумагу.
Наверняка, вам захочется что-нибудь написать на этом клочке, создайте над всеми слоями новый пустой слой и смело пишите или рисуйте. Я как всегда написал PSDtalk.ru и изобразил трех котят, которых родила недавно моя кошка. Рисовал почти с натуры.
