Изношенные, порванные фотоэффекты в фотошопе: рассказываем детально

В этом уроке по фотоэффектам вы узнаете, как получить обычно острые прямые края изображения и заставить их выглядеть изношенными, порванными и выцветшими, как если бы фотография была намного старше, чем на самом деле. Теперь обновлены для Photoshop CC и CS6.

Создать эффект «потертости, порванные края фотографии» очень просто. Все, что нам нужно, — это несколько слоев, пара масок слоев, несколько стилей слоев и одна из встроенных кистей Photoshop! Как всегда, я буду освещать каждый шаг на этом пути.

Эта версия учебника была полностью обновлена ​​для Photoshop CS6 и

Шаг 2: Добавьте больше пространства холста

Далее, давайте добавим дополнительное пространство холста вокруг изображения. Поднимитесь в меню Image в верхней части экрана и выберите Canvas Size :

Откроется диалоговое окно «Размер холста» в Photoshop. Во-первых, убедитесь, что установлен флажок « Относительный» , что говорит Photoshop начать с текущего размера холста и добавить к нему больше места. Затем установите значения ширины и высоты примерно на 20 процентов . Это должно дать нам более чем достаточно места для работы. Наконец, убедитесь, что центральное поле в сетке привязки выбрано, чтобы Photoshop знал, как добавить дополнительное пространство вокруг изображения:

Нажмите кнопку ОК, чтобы закрыть диалоговое окно. Photoshop добавляет дополнительное пространство холста вокруг фотографии:

Шаг 3: добавь новый пустой слой ниже слоя 1

Далее нам нужно добавить новый пустой слой между нашими двумя существующими слоями. Нажмите и удерживайте клавишу Ctrl (Победа) / Command (Mac) на клавиатуре и щелкните значок « Новый слой» в нижней части панели «Слои»:

Обычно Photoshop добавил бы новый слой выше слоя 1, но, удерживая нажатой клавишу Ctrl (Win) / Command (Mac), когда мы щелкали по значку «Новый слой», мы сказали Photoshop добавить его ниже слоя 1. Наш новый пустой слой (слой 2) теперь появляется между слоем 1 и фоновым слоем:

Шаг 4: заполните новый слой белым

На данный момент наш новый слой пуст. Нам нужно заполнить его белым, который будет служить фоном для эффекта. Перейдите в меню « Правка» в верхней части экрана и выберите « Заполнить» :

Откроется диалоговое окно «Заполнение» в Photoshop. Установите для параметра « Содержимое *» вверху значение « Белый» , затем нажмите кнопку «ОК» (* в версиях Photoshop до CC 2014 параметр «Содержимое» называется « Использовать» ):

Похоже, что ничего не произошло в основной области документа, но если мы посмотрим на эскиз предварительного просмотра для Слоя 2 на панели «Слои», мы увидим, что слой теперь заполнен белым:

Шаг 5: выберите верхний слой

Нажмите на слой 1 на панели слоев, чтобы выбрать его и сделать его активным:

Шаг 6: добавь маску слоя

Выбрав «Слой 1», щелкните значок « Добавить маску слоя» в нижней части панели «Слои».

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

Связанный: Понимание масок слоя в Фотошопе

Шаг 7: выбери инструмент Brush Tool

Выберите инструмент « Кисть» в Photoshop на панели «Инструменты» в левой части экрана. Вы также можете выбрать Brush Tool, нажав букву B на клавиатуре:

Шаг 8: выберите грубую круглую щетку 100 px

Выбрав инструмент «Кисть», щелкните значок панели «Кисть» на панели параметров в верхней части экрана.

Это открывает главную панель кисти Photoshop. Нажмите кнопку « Наборы кистей» в верхнем левом углу панели, чтобы просмотреть список готовых кистей, которые мы можем выбрать:

Нам нужна специальная кисть для нашего эффекта, поэтому, чтобы ее было легче найти, щелкните маленький значок меню в верхнем правом углу панели «Кисть»:

Затем выберите « Маленький список» или « Большой список» в появившемся меню. Я выберу большой список. Это отобразит реальные имена кистей, а не только эскизы или мазки кистью:

Прокрутите список до тех пор, пока не найдете круглую щетку размером 100 px с жесткой щетиной , затем щелкните по ней, чтобы выбрать ее:

Шаг 9: установите цвет переднего плана на черный

Мы будем использовать нашу кисть и маску слоя, чтобы скрыть некоторые края вокруг фотографии, но для этого нам нужно будет нарисовать маску слоя черным цветом . Photoshop использует текущий цвет переднего плана в качестве цвета кисти, поэтому давайте быстро установим цвет переднего плана на черный.

Во-первых, убедитесь, что ваша маска слоя, а не сам слой, активна, нажав на иконку маски слоя на панели «Слои». Белая рамка вокруг миниатюры говорит о том, что маска выбрана:

Выбрав маску, нажмите букву D на клавиатуре, чтобы сбросить значения цветов переднего плана и фона по умолчанию. Это делает ваш цвет переднего плана белым, а цвет фона — черным (эти цвета по умолчанию будут инвертированы, если был выбран сам слой, а не маска). Затем нажмите букву X на клавиатуре, чтобы поменять цвета, чтобы цвет переднего плана стал черным. Вы можете видеть текущие цвета переднего плана и фона в образцах цветов в нижней части панели «Инструменты». Образец переднего плана (вверху слева) теперь должен быть заполнен черным:

Шаг 10: Нарисуй края изображения

С нашим инструментом Brush Tool, выбранной маской слоя и черным в качестве цвета переднего плана, мы готовы создать наши изношенные рваные края. Мы начнем с левой стороны изображения. Поместите кончик кисти так, чтобы он находился в верхнем левом углу документа, и только треть кисти должна быть на самом изображении. Остальная часть кисти должна находиться за пределами изображения в пространстве белого холста. Нажмите один раз, затем, удерживая нажатой кнопку мыши, перетащите короткий мазок кисти вниз по верхнему левому краю. Поскольку мы рисуем маску слоя, а не само изображение, вы не увидите черный мазок кисти. Вместо этого край начнет исчезать:

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

Если вы обнаружите, что размер кисти по умолчанию слишком велик или слишком мал для вашего изображения, вы можете изменить его размер с клавиатуры. Повторное нажатие клавиши левой скобки ( [ ) уменьшит размер кисти; правая клавиша скобка ( ] ) делает его больше.

Продолжайте двигаться вниз по левой стороне изображения, рисуя короткие мазки, всегда оставляя примерно две трети кончика кисти за пределами изображения в области белого холста, чтобы не удалять слишком большую часть края. Если вы допустили ошибку, вы можете отменить последний мазок кисти, нажав Ctrl + Z (Победа) / Command + Z (Mac) на клавиатуре. Или, вы можете отменить несколько мазков, нажимая Ctrl + Alt + Z (Победа) / Command + Option + Z (Mac):

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

Шаг 11: продублируйте слой

Теперь, когда наш начальный эффект рваных краев завершен, нам нужно сделать копию того, что мы сделали. Нажмите Ctrl + J (Победа) / Command + J (Mac) на клавиатуре, чтобы быстро дублировать слой:

Шаг 12: скройте верхний слой

Нам не нужна копия, которую мы только что сделали, поэтому давайте временно скрыть ее от просмотра в документе. Для этого нажмите на значок видимости (значок глазного яблока) в верхнем слое:

Шаг 13: выберите слой 1

Теперь, когда мы отключили верхний слой, снова выберите слой 1 , щелкнув его на панели «Слои»:

Шаг 14: добавь наложение цвета

Давайте добавим некоторые эффекты к этому слою. Нажмите на иконку Layer Styles (значок fx ) внизу панели Layers:

Первый эффект, который мы добавим, — Color Overlay, который заполнит содержимое слоя сплошным цветом. Выберите его из появившегося списка стилей слоя:

При этом откроется диалоговое окно «Стиль слоя» в Photoshop с настройками «Цветовое наложение» в средней колонке. Нам нужно выбрать цвет, поэтому нажмите на образец цвета справа от параметра «Режим наложения»:

Когда откроется палитра цветов , выберите светло-серый. Если вы хотите использовать тот же оттенок серого, который я использую, установите значение H (Оттенок) на 0 °, значение S (Насыщенность) на 0 % и значение B (Яркость) на 90 %:

Нажмите кнопку «ОК», чтобы выйти из палитры цветов, но пока не закрывайте диалоговое окно «Стиль слоя», потому что у нас есть еще пара эффектов, которые нужно добавить. Ваше изображение должно теперь выглядеть заполненным серым цветом в документе. Этот серый будет служить бумагой позади фотографии. Вы поймете, что я имею в виду, когда мы начнем рисовать больше краев:

Шаг 15: добавь внутреннее свечение

Открыв диалоговое окно «Стиль слоя», щелкните слова « Внутреннее свечение» в списке стилей слоев слева. Убедитесь, что вы нажимаете на сами слова, а не просто внутри флажка, в противном случае вы просто включите Inner Glow, но не будете иметь доступа к его параметрам:

Средний столбец диалогового окна «Стиль слоя» изменяется с параметров «Цветовое наложение» на параметры «Внутреннее свечение». Несмотря на то, что эффект называется Inner Glow , на самом деле мы собираемся использовать его как тень, чтобы затемнить края вокруг изображения. Чтобы изменить его с свечения на тень, сначала измените параметр « Режим наложения» вверху с «Экран» на « Умножение» . Затем нажмите на образец цвета, чтобы изменить его цвет:

Когда палитра цветов откроется, выберите черный , затем нажмите OK, чтобы закрыть его:

Вернувшись в диалоговое окно «Стиль слоя», уменьшите непрозрачность до 10% , а затем увеличьте значение « Размер» примерно до 24 пикселей , чтобы затемнить края:

Оставьте диалоговое окно Layer Style открытым, потому что у нас еще есть еще один эффект для добавления. Вот мое изображение с примененным Color Overlay и Inner Glow:

Шаг 16: добавь тень

Наконец, давайте добавим немного тени позади изображения. Нажмите на слова Drop Shadow в нижней части списка эффектов в левой части диалогового окна Layer Style. Еще раз убедитесь, что вы нажимаете на сами слова, а не просто внутри флажка, иначе у вас не будет доступа к параметрам Drop Shadow:

Выбрав Drop Shadow, уменьшите значение непрозрачности тени примерно до 30%, чтобы она была довольно тонкой, затем измените угол до примерно 135 ° . Наконец, увеличьте расстояние и размер тени примерно до 10 пикселей :

Мы закончили добавление наших эффектов, поэтому нажмите OK, чтобы закрыть диалоговое окно Layer Style. Вот мое изображение со всеми тремя эффектами (Color Overlay, Inner Glow и Drop Shadow):

Шаг 17: снова включите верхний слой

Снова включите верхний слой в документе, снова щелкнув его значок видимости на панели «Слои»:

Шаг 18: выберите маску слоя

Вернув верхний слой, выберите его маску слоя, нажав на миниатюру маски :

Шаг 19: Раскрась больше краев

Выбрав маску верхнего слоя, обведите края изображения кистью, используя короткие мазки, как мы делали изначально, чтобы удалить еще больше края. Когда вы будете рисовать поверх областей, вы увидите светло-серый на слое под ними (серый, который мы добавили со стилями слоев), создавая иллюзию того, что фотография стерлась по краям, и остается только бумага за ней. Как и раньше, из-за формы кисти вам нужно будет закрасить одну и ту же область несколько раз, если вы хотите полностью скрыть край:

Опять же, вы можете изменить размер кисти, если необходимо, нажав левую клавишу скобки ( [ ), чтобы уменьшить ее, или правую клавишу скобки ( ] ), чтобы увеличить ее. Если вы допустили ошибку, нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить последний мазок кисти, или Ctrl + Alt + Z (Победа) / Command + Option + Z (Mac), чтобы отменить несколько мазков.

Продолжайте рисовать вокруг всех четырех сторон изображения. Вот мой эффект до сих пор. Мы почти закончили:

Шаг 20: понизь непрозрачность кисти до 50%

Давайте закончим эффект, закрасив еще несколько участков края. Но на этот раз, вместо того, чтобы полностью скрывать край, мы просто исчезнем. Для этого нам нужно уменьшить непрозрачность нашей кисти. Вы найдете опцию непрозрачности на панели параметров. Опустите его до 50% :

Шаг 21: закрась еще несколько частей края

Затем нарисуйте еще несколько областей края. Пониженная непрозрачность кисти позволяет частично показать изображение через штрихи, создавая блеклый вид. Там нет необходимости рисовать по всему краю. Несколько случайных разделов здесь и есть все, что вам нужно:

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

Шаг 22: Обрежь дополнительное пространство холста

Чтобы обрезать дополнительное пространство холста, перейдите в меню « Изображение» в верхней части экрана и выберите « Обрезать» :

Когда откроется диалоговое окно «Обрезать», убедитесь, что цвет верхнего левого пикселя выбран вверху, а все четыре параметра ( сверху , снизу , слева и справа ) отмечены внизу (они по умолчанию):

Нажмите кнопку ОК, чтобы закрыть диалоговое окно. Фотошоп урезает пространство белого холста, оставляя нас с нашим окончательным результатом «изношенных, порванных краев»: