У цьому підручнику я відповідаю на одне з найпопулярніших питань, яке мені задають, а саме: як зберегти текстовий ефект з прозорим фоном, щоб ви могли перемістити ефект на інший фон? Зазвичай, створюючи текстовий ефект у Photoshop, ми створюємо його на простому кольоровому фоні, зазвичай чорному або білому. Але після того, як ефект зроблений, ми часто хочемо перемістити його на інший фон, а значить, нам потрібен спосіб видалити вихідний фон і замінити його прозорістю. То як нам це зробити? Насправді це дуже просто, і в цьому підручнику ми дізнаємось три способи це зробити.
Я буду використовувати Photoshop CC, але будь-яка остання версія буде працювати. Давайте розпочнемо!
Текстовий ефект
Ось текстовий ефект, який я буду використовувати. Я показую вам, як створити цей золотий текст в окремому підручнику. Зауважте, що ефект сидить на чорному тлі:
Оригінальний ефект тексту на чорному тлі.
Новий фон
І ось новий фон, в який я хочу помістити текст. Я завантажив цю з Adobe Stock:
Новий фон для ефекту.
Як зробити фон прозорим
Я переключуся на свій текстовий ефект. І якщо ми подивимось на панель «Шари», то побачимо три шари, які складають ефект. У нас шар "Блискітки" зверху, а два шари типу під ним. У нижній частині шару Фон є чорним кольором:
Текстові шари ефектів плюс шар Фоновий.
Вимкнення фонового шару
Перше, що нам потрібно зробити - це видалити початковий фон і замінити його прозорістю. Щоб приховати фон, просто вимкніть фоновий шар, натиснувши його значок видимості :
Вимкнення фонового шару.
Це залишає наш текст перед прозорим фоном. Photoshop представляє прозорість із шаблоном шахів:
Фон за текстом був замінений прозорістю.
Як перемістити текстовий ефект на новий фон
Отже, тепер, коли ми зробили фон прозорим, як перенести ефект на його новий фон? Є кілька способів це зробити.
Спосіб 1: Використання формату файлу PNG
Один із способів - це збереження ефекту у форматі файлу, який підтримує прозорість. Формат JPEG.webp не підтримує прозорість, тому він не працює. Але формат PNG робить, і це потрібний нам формат.
Як зберегти ефект як файл PNG
Щоб зберегти текстовий ефект у форматі PNG, перейдіть до меню Файл у рядку меню та виберіть Зберегти як :
Перехід до Файл> Зберегти як.
У діалоговому вікні вкажіть назву свого файлу (я назву мій "Золотий текст"), а потім встановіть " Формат" на PNG . Виберіть, де ви хочете зберегти його, а потім натисніть кнопку Зберегти :
Збереження тексту тексту як файл PNG.
Налаштування параметрів формату PNG
Photoshop попросить вибрати параметр стиснення для файлу PNG. Це буде виглядати по-різному в залежності від того, яку версію Photoshop ви використовуєте, але я завжди вибираю варіант для найменшого розміру файлу. Клацніть OK, щоб закрити діалогове вікно:
Вибір найменшого розміру файлу.
Відкриття нового фону
Збережений файл відкрийте новий фон:
Відкриття нового фонового зображення.
Розміщення файлу PNG в документі
Перейдіть до меню « Файл » і у Photoshop CC виберіть Місце вбудованого . У Photoshop CS6 або новіших версіях виберіть Місце :
Перехід до Файл> Місце вбудованого.
Виберіть щойно збережений файл PNG, а потім натисніть кнопку Місце :
Вибір файлу PNG.
Photoshop розміщує файл перед фоном:
Розміщення файлу в документі.
Ви можете використовувати ручки вільної трансформації, щоб змінити розмір тексту, якщо це необхідно. Але в моєму випадку я просто прийму це, натиснувши на клавіатурі Enter (Win) / Return (Mac). І просто так, текстовий ефект переміщено на його нове тло:
Текст з’являється перед його новим фоном.
Якщо ми подивимось на панель «Шари», то побачимо, що наш текстовий ефект доданий як розумний об’єкт над зображенням. Ми знаємо, що це розумний об’єкт за піктограмою в нижній правій частині ескізу. Чудова річ про розумні об’єкти - це те, що ми можемо змінювати їх розмір без втрат якості. Докладніше про розмір розумних об'єктів ви можете дізнатися в окремому підручнику:
Photoshop розмістив файл як розумний об’єкт.
Спосіб 2: Скопіюйте та вставте
Тож це один із способів переміщення текстового ефекту на новий фон. Давайте розглянемо другий спосіб - той, де немає необхідності зберігати ваш документ як окремий файл. Я видалю ефект, перетягнувши його на смітник у нижній частині панелі "Шари":
Видалення тексту тексту.
Це залишає мені лише моє фонове зображення:
Залишається лише фонове зображення.
Я перейду до документа з текстовим ефектом, і оскільки фоновий шар все ще вимкнено, ми все ще бачимо прозорий фон за текстом:
Повернення до ефекту тексту.
Об'єднання ефекту тексту на новий шар
Ще один спосіб перемістити свій ефект на новий фон - скопіювати його та вставити в інший документ. Щоб зробити це легше, ми об’єднаємо шари, що утворюють наш текстовий ефект, у новий шар.
Спочатку переконайтеся, що ваш фоновий шар вимкнено, щоб ви бачили прозорий фон за текстом. Потім натисніть на верхній шар, щоб вибрати його:
Вибір верхнього шару (з вимкненим фоновим шаром).
Щоб об'єднати ваш текстовий ефект у новий шар, на комп'ютері з Windows натисніть Shift + Ctrl + Alt + E на клавіатурі. На Mac натисніть Shift + Command + Option + E. Це об’єднує всі видимі шари на новий шар над ними. Цей новий шар містить текстовий ефект і більше нічого:
Текстовий ефект об'єднаний в один шар.
Переконайтесь, що вибрано об'єднаний шар, а потім перейдіть до меню Правка та виберіть Копіювати :
Перехід до редагування> Копіювати.
Відкрийте нове фонове зображення:
Перехід на новий фон.
Потім поверніться до меню Правка та виберіть Вставити :
Перехід до редагування> Вставити.
Photoshop вставляє текстовий ефект на новий фон:
Результат після вставки шару ефекту тексту в новий документ.
На панелі "Шари" ми бачимо наш шар ефекту тексту над зображенням. Цього разу це просто звичайний шар, а не розумний об’єкт:
Шар тексту тексту з’являється над фоновим шаром.
Спосіб 3: Розміщення документа з текстовим ефектом як розумного об’єкта
Тож це два способи переміщення текстового ефекту на новий фон. Давайте розглянемо ще один спосіб, який теж є моїм улюбленим способом. Знову я видалю ефект, перетягнувши його в кошик для сміття:
Видалення шару ефекту тексту.
І тоді я перейду до свого документа з текстовим ефектом:
Повернення до ефекту тексту.
Повторне ввімкнення фонового шару
Перш ніж піти далі, я поверну свій фоновий шар, натиснувши його значок видимості на панелі "Шари":
Повторне ввімкнення фонового шару.
Це відновлює початковий чорний фон за текстом:
Повертається початковий фон.
Видалення об'єднаного шару ефекту тексту
Я також видалю мій шар ефекту тексту, вибравши його та натиснувши Backspace (Win) / Delete (Mac) на моїй клавіатурі:
Вибір та видалення об'єднаного шару.
Збереження та закриття документа
Тепер, коли я відновив документ таким, яким він був раніше, я збережу його, перейшовши до меню Файл та вибравши Зберегти :
Перехід до Файл> Зберегти.
І тоді я закрию свій текстовий ефект, повернувшись до меню Файл та оберіть Закрити :
Перехід до Файл> Закрити.
Це залишає мені лише нове фонове зображення:
Документ з текстовим ефектом закритий.
Розміщення текстового ефекту як розумного об’єкта
Раніше ми дізналися, що ми можемо перемістити наш текстовий ефект на новий фон, відключивши шар "Фоновий фон", зберігаючи ефект як файл PNG, а потім розміщуючи файл PNG в інший документ як розумний об'єкт. Але ми можемо фактично розмістити весь документ із текстовим ефектом як розумний об’єкт! І перевага полягає в тому, що документ залишиться для редагування.
Щоб розмістити документ з текстовим ефектом у моєму документі із фоновим зображенням, я перейду до меню Файл і оберіть Місце вбудованого . У Photoshop CS6 чи новіших версіях я вибрав би місце :
Перехід до Файл> Місце вбудованого.
Цього разу замість вибору того PNG-файлу, який я зберегла раніше, я виберу фактичний документ із текстовим ефектом Photoshop (файл .psd). Я натисніть на нього, щоб вибрати його, а потім натисніть Місце :
Вибір документа Photoshop текстового ефекту.
Photoshop розміщує текстовий ефект перед фоном, як і раніше:
Розміщення документа з текстовим ефектом перед новим фоном.
Знову ми можемо змінити його розмір за допомогою ручок Free Transform, але я просто прийму його, натиснувши Enter (Win) / Return (Mac). Зауважте, проте, що оригінальний чорний фон все ще відображається за текстом, і він блокує перегляд нового фону. Це тому, що шар "Фоновий фон" все ще був увімкнений. Але це не проблема, тому що це легко виправити:
Текстовий ефект додано, але початковий фон все ще відображається.
Редагування вмісту розумного об'єкта
Якщо ми подивимось на панель «Шари», ми знову побачимо, що текстовий ефект додається як розумний об’єкт над зображенням:
Документ з текстовим ефектом розміщений як розумний об’єкт.
Але цього разу розумний об’єкт, замість того, щоб утримувати файл PNG, зберігає копію всього тексту з текстовим ефектом. Щоб відкрити розумний об’єкт і переглянути його вміст, двічі клацніть його мініатюру:
Відкриття розумного об’єкта для перегляду документа з текстовим ефектом.
Текстовий ефект відкривається:
Документ з текстовим ефектом всередині смарт-об’єкта.
І якщо ми подивимось на панель «Шари», ми побачимо, що всі наші шари залишаються цілими:
Панель "Шари", що показує текстові шари ефектів та шар "Фон".
Вимкнення фонового шару
Щоб приховати початковий фон, я відключу шар "Фоновий фон", натиснувши його значок видимості :
Вимкнення фонового шару.
Це знову залишає нам прозорий фон:
Фон знову прозорий.
Збереження та закриття розумного об’єкта
Щоб наші зміни з’явились у головному документі, нам потрібно зберегти та закрити розумний об’єкт. Щоб зберегти його, перейдіть до меню Файл та виберіть Зберегти :
Перехід до Файл> Зберегти.
А потім, щоб закрити його, поверніться до меню Файл та виберіть Закрити :
Перехід до Файл> Закрити.
А ще в головному документі початковий фон відсутній, і на його місці ми бачимо новий фон:
Результат після відключення фонового шару в інтелектуальному об’єкті.
Бонус: посилення ефекту
Щоб закінчити, я буду використовувати фонове зображення, щоб швидко посилити ефект блиску навколо тексту. На панелі "Шари" я виберу "Фоновий шар":
Вибір фонового шару.
Тоді я зроблю копію зображення, натиснувши Ctrl + J (Win) / Command + J (Mac). Копія з'являється над оригіналом:
Створення копії фонового зображення.
Я натискаю на копію, і перетягну її над текстовим ефектом:
Перетягування копії зображення над текстом.
Це тимчасово блокує перегляд тексту:
Текстовий ефект тимчасово прихований.
Нарешті, щоб приховати чорні ділянки і змішати золоті блискітки з текстом, я зміню режим накладання зображення з Нормального на Екранне:
Зміна режиму суміші шарів на екран.
І ось мій остаточний результат:
Остаточний, посилений ефект.
І там ми його маємо! Ось як перемістити текстовий ефект на новий фон у Photoshop! Дізнайтеся, як створити золотий текстовий ефект, що використовується в цьому підручнику, або перегляньте наш розділ Текстові ефекти для отримання додаткових підручників! І не забувайте, всі наші підручники Photoshop доступні для завантаження у форматі PDF!