У цьому навчальному посібнику з фотоефектами дізнайтеся, як приймати нормально гострі прямі краї зображення та робити так, щоб вони виглядали всі зношеними, порваними та зів’ялими, наче фотографія набагато старша, ніж є насправді. Зараз оновлено для Photoshop CC та CS6.

Створити ефект «зношених, рваних країв фото» легко. Все, що нам потрібно, це кілька шарів, пара шарів масок, кілька стилів шару та одна із вбудованих кистей Photoshop! Як завжди, я буду висвітлювати кожен крок по дорозі.

Цю версію підручника повністю оновлено для Photoshop CS6 та Photoshop CC (Creative Cloud). Якщо ви використовуєте Photoshop CS5 або новішу версію, ви захочете ознайомитись з нашим оригінальним навчальним посібником "Зношені, вирвані фотографії".

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

Оригінальне зображення.

Ось як буде виглядати остаточний ефект "зношених, рваних країв", коли ми закінчимо:

Кінцевий ефект.

Як створити зношені, розірвані краї фото

Крок 1: Скопіювати фоновий шар

Зображення, яке нещодавно відкрилося у Photoshop, на панелі "Шари" ви побачите, що воно розташоване на шарі "Фон", який наразі є єдиним шаром у документі:

Панель "Шари", що показує фотографію на фоновому шарі.

Перше, що нам потрібно зробити, це дублювати цей шар. Перейдіть до меню " Шар" на панелі меню вгорі екрана, виберіть " Нове", а потім виберіть " Шар" через "Копіювати" . Або натисніть Ctrl + J (Win) / Command + J (Mac) на клавіатурі, щоб вибрати ту саму команду за допомогою зручного ярлика:

Перехід до шару> Новий> Шар через «Копіювати».

З зображенням у головній області документа нічого не відбудеться, але якщо ми знову подивимось на панель «Шари», ми побачимо, що Photoshop створив копію шару «Фоновий фон» і розмістив його на новому шарі під назвою Шар 1 вище оригіналу:

Шар 1 з'являється над фоновим шаром.

Пов'язане: Дізнайтеся про шари у Photoshop

Крок 2: Додайте більше місця для полотна

Далі додамо трохи додаткового полотна навколо зображення. Перейдіть до меню Зображення у верхній частині екрана та виберіть Розмір полотна :

Перехід до зображення> Розмір полотна.

Відкриється діалогове вікно розміру полотна Photoshop. По-перше, переконайтесь, що встановлено прапорець " Відносний ", який повідомляє Photoshop почати з нашого поточного розміру полотна та додавати йому більше місця. Потім встановіть значення ширини та висоти приблизно 20 відсотків . Це повинно дати нам більше ніж достатньо місця для роботи. Нарешті, переконайтеся, що вибрано центральне поле в сітці прив’язки, щоб Photoshop знав, щоб додати додатковий простір навколо зображення:

Діалогове вікно розміру полотна

Клацніть OK, щоб закрити діалогове вікно. Photoshop додає додатковий простір на полотні навколо фотографії:

Додано додатковий простір полотна.

Крок 3: Додайте новий порожній шар нижче рівня 1

Далі нам потрібно додати новий порожній шар між нашими двома існуючими шарами. Натисніть і утримуйте клавішу Ctrl (Win) / Command (Mac) на клавіатурі та натисніть на піктограму Новий шар у нижній частині панелі "Шари":

Клацнувши піктограму "Новий шар", утримуючи Ctrl (Win) / Command (Mac).

Зазвичай Photoshop додав би новий шар над рівнем 1, але, натиснувши клавішу Ctrl (Win) / Command (Mac), натиснувши піктограму New Layer, ми наказали Photoshop додати її нижче рівня 1. Наш новий порожній шар (шар 2) тепер з’являється між шаром 1 та фоновим шаром:

Нещодавно доданий шар 2.

Крок 4: Заповніть новий шар білим кольором

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

Перейдіть до редагування> заливка.

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

Встановлення параметру Зміст (Використання) на білий.

Це не буде схоже на те, що в основному документі нічого не сталося, але якщо ми подивимося на мініатюру попереднього перегляду шару 2 на панелі «Шари», ми побачимо, що шар тепер заповнений білим кольором:

Ескізи попереднього перегляду показують нам вміст кожного шару.

Крок 5: Виберіть верхній шар

Натисніть на шар 1 на панелі «Шари», щоб вибрати його та активувати його:

Вибір рівня 1.

Крок 6: Додайте маску шару

Вибравши шар 1, натисніть значок Додати маску шару в нижній частині панелі "Шари":

Натиснувши на значок Додати маску шару.

Зображення заповненої білим кольором маски шару відображається праворуч від мініатюри попереднього перегляду на рівні 1, повідомляючи про те, що маска шару додана:

З'являється мініатюра шару маски.

Пов'язане: Розуміння масок шару у Photoshop

Крок 7: Виберіть інструмент кисті

Виберіть інструмент « Щітка Photoshop» на панелі «Інструменти» зліва на екрані. Ви також можете вибрати інструмент кисті, натиснувши букву B на клавіатурі:

Захоплення інструментом кисті.

Крок 8: Виберіть 100 px Грубу щітку з круглою щіткою

Вибравши інструмент "Щітка", натисніть на значок панелі пензля на панелі "Параметри" вгорі екрана:

Клацнувши значок панелі кисті на панелі параметрів.

Це відкриває головну панель кисті Photoshop. Клацніть на кнопці « Настроювання кистей » у лівому верхньому куті панелі, щоб переглянути список заданих кистей, з яких ми можемо вибрати:

Натискання кнопки «Настроювання кистей».

Для нашого ефекту нам потрібна певна кисть, щоб полегшити її пошук, натисніть на маленьке піктограму меню у верхньому правому куті панелі пензля:

Клацання піктограми меню.

Потім виберіть у меню, що з’являється, Малий список або Великий список . Я оберу великий список. Це відображатиме фактичні назви пензлів, а не лише ескізи чи мазки пензля:

Вибір великого списку з меню.

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

Вибір щітки круглої щетини 100 px.

Крок 9: Установіть колір переднього плану на чорний

Ми будемо використовувати пензлик і маску шару, щоб приховати деякі краї навколо фотографії, але для цього нам потрібно буде намалювати маску шару чорним кольором . Photoshop використовує поточний колір переднього плану як колір пензля, тому дозволяє швидко встановити колір переднього плану чорним.

Спочатку переконайтесь, що ваша маска шару, а не сам шар, активна, натиснувши на мініатюру маски шару на панелі «Шари». Біла рамка навколо ескізу повідомляє нам, що маска вибрана:

Переконайтесь, що вибрана маска шару.

Вибравши маску, натисніть букву D на клавіатурі, щоб скинути кольори переднього плану та фону до значень за замовчуванням. Це робить ваш колір переднього плану білим, а колір тла - чорним (ці кольори за замовчуванням будуть перетворені, якби був обраний сам шар, а не маска). Потім натисніть букву X на клавіатурі, щоб поміняти кольори, щоб колір переднього плану став чорним. Ви можете побачити свої поточні кольори переднього плану та фону в кольорових зразках біля нижньої частини панелі інструментів. Зображення переднього плану (у верхньому лівому куті) тепер має бути заповнене чорним кольором:

Зображення переднього плану (ліворуч вгорі) має бути чорного кольору.

Крок 10: Фарбуйте по краях зображення

З нашим інструментом «Кисть» у руці, маска шару, обрана та чорна як колір переднього плану, ми готові створити наші зношені, рвані краї. Почнемо з лівого боку зображення. Розмістіть кінчик пензля так, щоб він знаходився у верхньому лівому куті документа, лише приблизно третина кисті простягається над самим зображенням. Решта пензля повинна знаходитися поза зображенням у просторі білого полотна. Клацніть один раз, потім натиснутою клавішею миші перетягніть короткий штрих вниз по верхньому лівому краю. Оскільки ми малюємо маску шару, а не саме зображення, ви не побачите чорного штриха. Натомість край почне зникати:

Фарбуючи короткий хід вниз від лівого верхнього кута.

Як ми бачимо на скріншоті вище, мій початковий штрих не повністю приховав краю, і це пов’язано з формою кисті. Вам, швидше за все, потрібно буде пофарбувати одну і ту ж ділянку кілька разів, щоб повністю приховати краю:

Пофарбуйте одну і ту ж ділянку кілька разів, поки край не піде.

Якщо ви виявите, що розмір пензля за замовчуванням є занадто великим або занадто малим для вашого зображення, ви можете змінити його розмір за допомогою клавіатури. При повторному натисканні лівої клавіші дужки ( ( ) кисть зменшиться; права клавіша на дужці ( ) ) зробить її більшою.

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

Продовжуючи вниз ліву частину зображення.

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

Початковий ефект розірваних країв

Крок 11: Скопіюйте шар

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

Копія рівня 1 з’являється над оригіналом.

Крок 12: Сховати верхній шар

Нам не потрібна копія, яку ми зробили лише зараз, тому давайте тимчасово приховати її від перегляду в документі. Для цього натисніть на значок видимості (значок очного яблука) у верхньому шарі:

Клацання піктограми видимості верхнього шару.

Крок 13: Виберіть шар 1

Тепер, коли ми вимкнули верхній шар, виберіть шар 1 ще раз, натиснувши його на панелі «Шари»:

Клацнувши на шарі 1, щоб активувати його.

Крок 14: Додати кольорове накладення

Додамо деякі ефекти до цього шару. Клацніть на піктограмі стилів шару (піктограма fx ) внизу панелі «Шари»:

Клацання піктограми стилів шару.

Перший ефект, який ми додамо, - це накладання кольорів, яке наповнить вміст шару суцільним кольором. Виберіть його зі списку стилів шарів, який з’являється:

Вибір ефекту шару кольору накладення.

Це відкриває діалогове вікно «Стиль шару» Photoshop, встановлене на параметри «Накладання кольорів» у середньому стовпчику. Нам потрібно вибрати колір, тому натисніть на кольоровий зразок праворуч від опції Blend Mode:

Клацнувши кольоровий зразок.

Коли відкриється Колір вибору, виберіть світло-сірий. Якщо ви хочете використовувати той самий відтінок сірого, який я використовую, встановіть значення H (відтінок) на 0 °, значення S (насиченість) на 0 %, а значення B (яскравість) на 90 %:

Вибір світло-сірого з кольорового вибору.

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

Зображення після застосування ефекту Color Overlay.

Крок 15: Додайте внутрішнє світіння

Якщо діалогове вікно «Стиль шару» ще відкрите, натисніть на слова « Внутрішнє світіння» у списку стилів шару зліва. Переконайтеся, що ви клацаєте на самі слова, а не просто всередині прапорця, інакше ви просто увімкніть Inner Glow, але не матимете доступу до його параметрів:

Вибір стилю Внутрішнє світіння, натиснувши його назву.

Середній стовпець діалогового вікна «Стиль шару» змінюється від параметрів «Накладання кольорів» на параметри «Внутрішнє світіння». Хоча назва ефекту - Внутрішнє світіння, ми насправді збираємось використовувати його як тінь для затемнення країв зображення. Щоб змінити його від світіння до тіні, спершу змініть параметр Режим змішування вгорі з Екрана на Множення . Потім натисніть на кольоровий зразок, щоб змінити його колір:

Зміна режиму змішування на множення та натискання на кольоровий зразок.

Коли відкриється Колір вибору, виберіть чорний, а потім натисніть кнопку ОК, щоб закрити його.

Зміна кольору Внутрішнього світіння на чорний.

Повернувшись до діалогового вікна «Стиль шару», зменшіть непрозорість до 10%, а потім збільште значення « Розмір» приблизно до 24 пікс., Достатньо лише для затемнення країв:

Зниження непрозорості та збільшення значень розміру.

Тримайте діалогове вікно «Стиль шару» відкритим, оскільки у нас ще є ще один ефект, який потрібно додати. Ось моє зображення із застосуванням кольорового накладення та внутрішнього світіння:

Краї тепер виглядають темнішими після застосування ефекту Внутрішнє світіння.

Крок 16: Додайте тінь краплі

Нарешті, додамо трохи зображення тіні за зображенням. Клацніть на слова Drop Shadow у нижній частині списку ефектів ліворуч від діалогового вікна «Стиль шару». Ще раз переконайтесь, що клацніть на самі слова, а не просто всередині прапорця, інакше у вас не буде доступу до параметрів "Тінь випадання":

Вибір ефекту "Тінь випадання", натиснувши його ім'я.

Вибравши тінь для випадання, зменшіть значення непрозорості тіні до приблизно 30%, щоб вона була досить тонкою, а потім змініть кут на приблизно 135 ° . Нарешті, збільште відстань і розмір тіні приблизно до 10 пікс .

Параметри "Тінь".

Ми закінчили додавання ефектів, тому натисніть кнопку ОК, щоб закрити діалогове вікно Стиль шару. Ось моє зображення з усіма трьома ефектами (кольорове накладення, внутрішнє сяйво та тінь випадання):

Зображення після застосування всіх трьох шарових ефектів.

Крок 17: Увімкніть верхній шар

Знову поверніть верхній шар у документі, натиснувши ще раз його значок видимості на панелі "Шари":

Клацнувши порожній квадрат, щоб повернути верхній шар.

Крок 18: Виберіть його маску шару

Повернувши верхній шар, виберіть його маску шару, натиснувши на ескіз маски :

Клацнувши ескіз маски шару.

Крок 19: Пофарбуйте більше країв

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

Фарбування більше краю.

Знову ж таки, ви можете змінити розмір кисті, якщо потрібно, натиснувши ліву клавішу дужки ( ( ), щоб зменшити її, або праву клавішу ( ) ), щоб збільшити її. Якщо ви помилитесь, натисніть Ctrl + Z (Win) / Command + Z (Mac), щоб скасувати останній штрих кисті, або Ctrl + Alt + Z (Win) / Command + Option + Z (Mac), щоб скасувати кілька ударів.

Продовжуйте малювати далеко навколо всіх чотирьох сторін зображення. Ось мій ефект поки що. Ми майже закінчили:

Краї дійсно починають виглядати зношеними в цій точці.

Крок 20: Зменшіть непрозорість кисті до 50%

Закінчимо ефект, зафарбувавши ще кілька ділянок краю. Але цього разу, замість того, щоб повністю приховати край, ми його просто зів’янемо. Для цього нам потрібно зменшити непрозорість кисті. Ви знайдете опцію непрозорості на панелі параметрів. Опустіть його до 50% :

Зниження непрозорості кисті до 50%.

Крок 21: Зафарбуйте ще кілька ділянок краю

Потім пофарбуйте ще кілька ділянок краю. Знижена непрозорість пензля дозволяє зображенню частково відображатися через обведення, створюючи бляклий вигляд. Не потрібно фарбувати по всьому краю. Кілька випадкових розділів тут і є все, що вам потрібно:

Розфарбовування випадкових ділянок для їх вицвітання.

Продовжуйте по краях, щоб зникати випадкові ділянки, поки ви не будете задоволені результатами. Єдине, що залишилося зробити в цьому місці - це обрізати зайвий простір навколо полотна, який ми зробимо далі:

Зношені, рвані і тепер вицвілі краї.

Крок 22: Виріжте зайвий простір на полотні

Щоб обрізати зайвий простір полотна, перейдіть до меню " Зображення" у верхній частині екрана та виберіть " Обрізати" :

Перехід до зображення> Обрізка.

Коли відкриється діалогове вікно «Обрізання», переконайтеся, що вгорі вибрано « Колір верхнього лівого пікселя» та чи всі чотири параметри (« Верх», « Знизу», « Вліво» та « Вправо» ) встановлені внизу (що вони за замовчуванням):

Виберіть "Колір верхнього лівого пікселя" у діалоговому вікні "Обрізка".

Клацніть OK, щоб закрити діалогове вікно. Photoshop обробляє простір білого полотна, залишаючи нас із своїм остаточним результатом "зношених, рваних країв":

Кінцевий результат.

Категорія: