У цьому підручнику ми дізнаємось, як розмістити зображення в тексті за допомогою Photoshop, дуже популярного ефекту для створення, а також того, що також дуже легко зробити завдяки потужності відсічних масок Photoshop, як ми збираємося побачити!
Ця версія підручника призначена для Photoshop CS5 та новішої версії. Якщо ви використовуєте Photoshop CC або CS6, перегляньте повністю оновлену та оновлену версію цього підручника. Ось ефект, для якого ми йдемо:
Заключний ефект "зображення в тексті".
Давайте розпочнемо!
Як розмістити зображення в тексті
Крок 1. Відкрийте фотографію для розміщення всередині тексту
Спочатку нам потрібне зображення, яке ми збираємося розмістити всередині нашого тексту. Я використовую цю панорамну фотографію Гаваїв:
Вид на океан з Гаваїв.
Перегляньте відеоурок на нашому каналі YouTube!
Крок 2: Дублювання фонового шару
Якщо ми подивимось на палітру шарів, ми можемо побачити, що в даний час у нас є один шар, названий Background . Цей шар містить наше зображення. Нам потрібно дублювати цей шар, і найпростіший спосіб зробити це за допомогою комбінації клавіш Ctrl + J (Win) / Command + J (Mac). Якщо ми ще раз заглянемо в палітру шарів, ми побачимо, що зараз у нас два шари. Оригінальний фоновий шар знаходиться внизу, а над ним розміщена копія фонового шару, який Photoshop автоматично назвав "Шар 1":
Палітра шарів Photoshop.
Крок 3: Додайте новий порожній шар між двома шарами
Далі нам потрібно додати новий порожній шар між шаром "Фоновий" та "Шар 1". Наразі "Шар 1" - це шар, обраний у палітрі шарів. Ми можемо сказати, який шар обраний, оскільки вибраний шар завжди виділений синім кольором. Зазвичай, коли ми додаємо новий шар, Photoshop розміщує новий шар безпосередньо над тим, який шар на даний момент вибраний, а це означає, що Photoshop розмістив би шар вище "Шар 1". Це не те, що ми хочемо. Ми хочемо, щоб новий шар був розміщений нижче "Шар 1". Ось корисна хитрість. Щоб додати новий шар під поточно вибраним шаром, утримуйте клавішу Ctrl (Win) / Command (Mac) та натисніть на піктограму New Layer у нижній частині палітри шарів. Утримуючи клавішу Ctrl (Win) / Command (Mac), це хитрість розміщення шару нижче вибраного шару:
Утримуйте клавішу "Ctrl" (Win) / "Command" (Mac) і натисніть на піктограму New Layer в палітрі шарів.
Тепер у нас є новий порожній шар під назвою "Шар 2", що знаходиться безпосередньо між фоновим шаром та "Шар 1":
Палітра шарів, що показує новий порожній шар між фоновим шаром та "Шаром 1".
Крок 4: Заповніть новий шар білим кольором
Наразі наш новий шар повністю порожній. Давайте заповнимо його білим кольором, щоб воно виглядало як білий фон після того, як ми розмістили наше зображення всередині тексту. Перейдіть до меню " Правка" у верхній частині екрана та оберіть Заповнити . Це відкриє діалогове вікно Заповнення Photoshop. Виберіть Білий для параметра Зміст у верхній частині діалогового вікна, а потім натисніть кнопку ОК, щоб вийти з діалогового вікна:
Виберіть Білий для параметра Зміст у верхній частині діалогового вікна команди Заливка.
Здається, що у вікні документа нічого не сталося, оскільки зображення на "Шарі 1" блокує "Шар 2" з виду, але якщо ми подивимося на мініатюру попереднього шару для "Шар 2" у палітрі Шари, ми можемо побачити що досить впевнено, шар тепер заповнений суцільним білим кольором:
Ескіз попереднього перегляду для "Шар 2" показує, що шар тепер заповнений білим кольором.
Крок 5: У палітрі шарів виберіть "Шар 1"
Настав час додати наш текст, але для того, щоб побачити текст, коли ми додаємо його, нам потрібно буде, щоб текст з’явився над "Шар 1", інакше зображення на "Шар 1" заблокує текст із перегляду. Щоб переконатися, що ми можемо бачити наш текст, натисніть на "Шар 1" у палітрі Шари, щоб вибрати його. Таким чином, як тільки ми почнемо вводити текст, Photoshop створить для нас новий тип шару і розмістить шар типу безпосередньо над "Шар 1":
Клацніть на "Шар 1" у палітрі Шари, щоб вибрати його.
Крок 6: Виберіть інструмент "Тип"
Щоб додати текст, нам знадобиться інструмент типу Photoshop, тому виберіть інструмент "Тип" на палітрі інструментів. Ви також можете швидко вибрати інструмент "Тип", натиснувши букву T на клавіатурі:
Виберіть інструмент "Тип".
Крок 7: Виберіть шрифт на панелі параметрів
Вибравши інструмент "Тип", перейдіть до панелі " Параметри" у верхній частині екрана та виберіть потрібний шрифт для ефекту. Як правило, найкраще працюють шрифти з товстими літерами. Я буду вибирати Arial Black. Наразі не турбуйтеся про розмір шрифту:
Виберіть шрифт на панелі параметрів.
Крок 8: Встановіть білий колір як колір переднього плану
Цей крок не є абсолютно необхідним, але, щоб допомогти мені побачити свій текст, я буду використовувати білий колір для свого кольору тексту. Колір, який ви вибрали для свого тексту, насправді не має значення, оскільки ми заповнимо його зображенням за мить, але він все ще допомагає бачити текст, коли ми додаємо його. Щоб встановити колір тексту на білий, потрібно лише встановити колір переднього плану Photoshop на білий. Спочатку натисніть букву D на клавіатурі, яка скине кольори переднього плану та фону до значень за замовчуванням. Чорний - це колір за замовчуванням для кольору переднього плану, а білий - колір за замовчуванням для кольору фону. Щоб поміняти їх так, щоб білий став кольором переднього плану, натисніть букву X на клавіатурі. Якщо ви подивитеся на зразки кольорів переднього плану та фону біля нижньої частини палітри Інструменти, ви побачите, що білий колір тепер є кольором переднього плану (зліва зліва):
Установлення білого кольору переднього плану встановлює також колір тексту як білий.
Крок 9: Додайте текст
Якщо вибрано інструмент "Тип", ваш шрифт вибраний та білий як колір переднього плану, натисніть всередину вікна документа та додайте текст. Оскільки я використовую фотографію океанічної сцени на Гаваях, я збираюся набрати слово "HAWAII":
Клацніть всередині документа та додайте текст.
Закінчивши, натисніть на галочку на панелі параметрів, щоб прийняти текст.
Натисніть на галочку на панелі параметрів, щоб прийняти текст.
Крок 10: Змінення розміру та розміщення тексту за допомогою команди «Вільна трансформація»
Напевно, вам знадобиться змінити розмір і змінити текст в цей момент, і ми можемо виконати обидва ці речі, використовуючи команду Photoshop Free Transform . Натисніть Ctrl + T (Win) / Command + T (Mac) на клавіатурі, щоб відобразити вільне вільне перетворення та обробляє текст, а потім перетягніть будь-яку з ручок, щоб змінити розмір тексту. Якщо ви хочете змінити розмір тексту, не спотворюючи його вигляд, утримуйте клавішу Shift і перетягніть будь-яку з чотирьох кутових ручок. Ви також можете змінити розмір тексту в центрі, утримуючи клавішу Alt (Win) / Option (Mac) під час перетягування. Нарешті, щоб перемістити текст, клацніть будь-де всередині вільного вільного перетворення та перетягніть мишу, щоб перемістити текст всередині вікна документа:
Використовуйте команду Photoshop Free Transform для зміни розміру та переміщення тексту.
Натисніть Enter (Win) / Return (Mac), коли закінчите, щоб прийняти перетворення та вийти з команди Free Transform.
Крок 11: Перетягніть текстовий шар під "Шар 1"
Тепер, коли ми маємо текст так, як ми цього хочемо, нам потрібно перемістити шар типу під текстом у палітрі шарів. Клацніть на текстовому шарі, а потім просто перетягніть його вниз під "Шар 1". Ви побачите товсту чорну лінію між "Шар 1" та "Шар 2":
Перетягніть шар типу під "Шар 1".
Відпустіть кнопку миші, коли з'явиться чорна лінія, щоб перекинути тип шару на місце між "Шар 1" та "Шар 2":
Тепер тип типу відображається між "Шар 1" та "Шар 2".
Крок 12: Виберіть "Шар 1" ще раз
Клацніть ще раз на "Шар 1" у палітрі Шари, щоб вибрати його:
Тепер тип типу відображається між "Шар 1" та "Шар 2".
Текст тимчасово зникне у вікні документа тепер, коли зображення на "Рівні 1" блокує його від перегляду.
Крок 13: Створіть відсічну маску
Щоб створити ілюзію, що фотографія знаходиться всередині тексту, нам потрібно використовувати відсічну маску . Це дозволить "зафіксувати" фотографію на "Шарі 1" до тексту на шарі безпосередньо під ним. Будь-які ділянки фотографії, що з’являються безпосередньо над літерами, залишаться видимими в документі. Решта фотографії зникне з виду.
З "Шаром 1", вибраним у палітрі "Шари", перейдіть до меню " Шари" у верхній частині екрана та оберіть Створити відсічну маску :
Перейдіть до шару> Створити відсічну маску.
Якщо ми подивимось у вікно документа, то можемо побачити, що фотографія, здається, знаходиться всередині тексту:
Фотографія з’являється всередині листів.
Крок 14: Додайте тінь краплі (необов’язково)
Щоб завершити свій ефект, я збираюся додати до букв тіні краплі. Якщо ви хочете слідувати далі, спочатку виберіть шар типу в палітрі шарів, а потім натисніть на піктограму стилів шару в нижній частині палітри шарів:
Виберіть шар типу, а потім натисніть на піктограму Стилі шару.
Виберіть Drop Shadow зі списку стилів шару, який з’являється:
Виберіть стиль шару "Тінь".
Це відкриває діалогове вікно « Стиль шару» Photoshop, встановлене на параметри « Тінь випадання» в середньому стовпці. Я залишаю більшість варіантів у спокої, але знижую непрозорість тіні, що випадає, приблизно до 60%, тому це не так інтенсивно, і я встановлю кут тіні для падіння на 120 ° :
Діалогове вікно «Стиль шару», що відображає параметри «Тінь випадання».
Натисніть кнопку ОК, коли ви закінчите, щоб застосувати тінь, що випадає, вихід із діалогового вікна «Стиль шару». Ось мій остаточний ефект "зображення в тексті":
Заключний ефект "зображення в тексті".
Наступний підручник: Як розмістити зображення в декількох шарах тексту одночасно!
Розміщення зображення в тексті - Короткий підсумок
У цьому підручнику ми багато висвітлювались. Ось короткий підсумок кроків, коли вам це потрібно:
- У Photoshop відкрийте свою фотографію, а потім натисніть Ctrl + J (Win) / Command + J (Mac) для дублювання фонового шару.
- Натисніть і утримуйте Ctrl (Win) / Command (Mac) і на панелі "Шари" натисніть значок Новий шар, щоб додати новий порожній шар між двома існуючими шарами.
- Перейдіть до меню " Правка" в рядку меню та виберіть " Заливка" . У діалоговому вікні Заповнення встановіть Використовувати на білий . Натисніть кнопку ОК.
- На панелі «Шари» виберіть верхній шар (шар 1), щоб активувати його.
- Виберіть інструмент "Тип", потім на панелі параметрів виберіть параметри шрифту.
- Встановіть колір переднього плану білий, потім натисніть на документ і додайте текст.
- Натисніть Ctrl + T (Win) / Command + T (Mac), щоб вибрати Безкоштовну трансформацію, а потім змінити розмір і змінити текст, якщо потрібно. Натисніть Enter (Win) / Return (Mac), щоб вийти із вільної трансформації.
- На панелі "Шари" перетягніть шар "Тип" під фотографією на "Шар 1".
- Виберіть Layer 1, щоб активувати його, потім перейдіть до меню Layer на панелі меню та оберіть Create Mask Mask .
- Щоб додати тінь краплі до тексту, на панелі «Шари» клацніть піктограму « fx », виберіть « Drop Shadow», а потім встановіть кут та непрозорість за потребою.
І там ми його маємо! Ось як легко розмістити зображення в тексті за допомогою Photoshop! Відвідайте наші текстові ефекти чи фотоефекти для отримання додаткових навчальних посібників щодо ефектів Photoshop!