Допоможіть розробці сайту, ділитися статтею з друзями!
У цьому підручнику Photoshop ми розглянемо, як створити цікавий ефект, додавши текстуру до тексту. Для створення ефекту не потрібно нічого іншого, як фото для використання в якості текстури, маска шару, просте налаштування зображення і, звичайно, трохи тексту! Ефект працює найкраще, коли ви використовуєте текстуру, яка має щось відношення до теми вашого тексту, але, звичайно, кінцевий результат залежить від вас.
Ось приклад ефекту, над яким ми будемо працювати:
Остаточний текстурований текстовий ефект.
Почнемо!
Крок 1. Створіть новий документ
Перше, що нам потрібно, це новий документ для роботи. Перейдіть до меню Файл у верхній частині екрана та виберіть Новийабо натисніть комбінацію клавіш Ctrl+N (Win) / Command+N (Mac). У будь-якому випадку відкривається діалогове вікно Новий документ Photoshop. Виберіть потрібний розмір для вашого документа. Для цього підручника я створю документ розміром 800 пікселів у ширину та 600 пікселів у висоту, і оскільки я не планую його друкувати, я залишу роздільну здатність 72 пікселі на дюйм. Натисніть OK, коли закінчите, щоб вийти з діалогового вікна. Новий документ з'явиться на вашому екрані:
Діалогове вікно «Новий документ» у Photoshop.
Крок 2: заповніть новий документ чорним кольором
Я збираюся використовувати чорний колір як фон для свого текстового ефекту, що означає, що мені потрібно буде заповнити документ чорним кольором. Для цього перейдіть до меню Редагувати у верхній частині екрана та виберіть ЗаповнитиВідкриється діалогове вікно «Заливка». Виберіть Black для параметра Contents у верхній частині діалогового вікна. Також переконайтеся, що Режим змішування встановлено на Normal і Непрозорість встановлено на 100% (це налаштування за замовчуванням, тому вам, ймовірно, не доведеться їх змінювати):
Виберіть «Чорний» для параметра «Вміст» у діалоговому вікні «Заливка».
Натисніть OK, щоб вийти з діалогового вікна «Заливка». Photoshop заповнює новий документ суцільним чорним:
Тепер документ заповнений чорним кольором.
Крок 3: додайте свій текст
Виберіть Type Tool на палітрі інструментів або натисніть на клавіатурі літеру T, щоб швидко вибрати його за допомогою ярлика:
Виберіть інструмент «Текст».
Якщо ви вибрали інструмент «Текст», Панель параметрів у верхній частині екрана відобразить параметри роботи з типом.Виберіть шрифт, розмір шрифту та колір тексту, які ви хочете використовувати, потім клацніть всередині документа та додайте текст. Якщо ви хочете трохи поцікавитися своїм текстом, у палітрі Character Photoshop ви знайдете додаткові параметри для типу форматування, як-от початок, кернінг, відстеження та зсув базової лінії, які ви можете швидко отримати доступ, натиснувши піктограму перемикання палітри на панелі параметрів:
Натисніть значок перемикача палітри символів та абзаців, щоб отримати додаткові параметри форматування типу.
"Я буду використовувати фотографію деяких водяних брижів для своєї текстури, тому я виберу синій колір для свого тексту та введу брижі у воді в свій документ:"
Клацніть всередині документа та додайте текст.
Коли ви закінчите, натисніть галочку на панелі параметрів, щоб прийняти тип і вийти з режиму редагування тексту:
Клацніть галочку на панелі параметрів, щоб зафіксувати текст.
Увесь ваш текст тепер має бути на одному шарі безпосередньо над фоновим шаром на палітрі шарів:
Весь ваш текст повинен бути на одному шарі.
Крок 4: відкрийте фотографію текстури
Відкрийте фотографію, яку хочете використати як текстуру в ефекті. Ось зображення, яке я буду використовувати:
Відкрийте фотографію, яку ви будете використовувати як текстуру.
Крок 5: скопіюйте фотографію в буфер обміну
Нам потрібно тимчасово скопіювати зображення в буфер обміну Photoshop, що просто означає, що ми копіюємо його в пам'ять комп'ютера. Перейдіть до меню Select у верхній частині екрана та виберіть All або натисніть Ctrl+A (Win) / Command+A (Mac) для швидшого сполучення клавіш.У будь-якому випадку вибирається все зображення, і ви побачите контур виділення по краях фотографії. Потім перейдіть до меню Редагувати і виберіть Копіювати або натисніть Ctrl+C (Win) /Command+C (Mac), щоб скопіювати зображення в буфер обміну.
Крок 6: Додайте маску шару до шару типу
Отримавши фотографію текстури, яка зараз тимчасово зберігається в пам'яті, перейдіть до оригінального документа (той, що містить текст). Переконайтеся, що шар типу виділено синім кольором на палітрі шарів, що означає, що це той шар, який зараз вибрано. Якщо його не вибрано, натисніть на нього, щоб вибрати його. Потім клацніть піктограму Layer Mask у нижній частині палітри шарів. Це не буде виглядати так, ніби в документі щось трапилося, але якщо ви знову подивитеся на шар типу, ви побачите, що тепер з’явилася мініатюра маски білого шару:
Клацніть піктограму маски шару внизу палітри шарів. На шарі типу з’явиться мініатюра маски шару.
Крок 7: Вставте фотографію в маску шару
Ми збираємося вставити нашу фотографію текстури безпосередньо в маску шару, яку ми щойно додали. Зазвичай Photoshop не дозволяє нам вставляти зображення в маску шару, але ось хитрість. Утримуйте клавішу Alt (Win) / Option (Mac), потім клацніть ескіз маски шару на палітрі шарів:
Утримуйте Alt (Win) / Option (Mac) і клацніть прямо на мініатюрі маски шару.
Ви побачите, що вікно вашого документа заповнюється суцільним білим кольором. Насправді ви бачите саму маску шару, яку ми зазвичай не бачимо під час роботи в Photoshop. Коли маска шару тепер видима у вікні документа, перейдіть до меню Edit і виберіть Вставити або натисніть Ctrl+ V (Win) / Command+V (Mac), щоб вставити фотографію текстури в маску шару. Щоб очистити контур виділення навколо фотографії, перейдіть до меню Select і виберіть Скасувати вибір або натисніть Ctrl+D (Win) / Command+D (Mac).Оскільки маски шару мають справу лише з чорним, білим і відтінками сірого, фотографія текстури буде чорно-білою всередині маски шару:
Зображення текстури з’являється чорно-білим всередині маски шару.
Коли фотографію вставлено в маску шару, ще раз утримуйте Alt (Win) / Option (Mac) і натисніть на мініатюрі маски шару на палітрі шарів:
Утримуйте Alt (Win) / Option (Mac) і ще раз клацніть на мініатюрі маски шару.
Це виходить з маски шару та повертає нас до звичайного режиму перегляду документа. Ви побачите фотографію текстури, яка з’являється всередині тексту:
Тепер фотографія з’являється всередині тексту.
Крок 8: Застосуйте коригування порогового значення до маски шару
Щоб зображення всередині тексту не виглядало як фотографія, а більше нагадувало цікаву текстуру, ми будемо використовувати коригування зображення Threshold від Photoshop.Photoshop дозволяє нам застосувати деякі (але не всі) свої налаштування зображення безпосередньо до масок шарів, і коригування Порогове значення є одним із тих, які ми можемо використовувати. Коригування порогового значення приймає всі кольори (або відтінки сірого) у зображенні та перетворює їх у чорні чи білі, значно зменшуючи кількість деталей у зображенні.
Ви повинні побачити білу рамку виділення навколо мініатюри маски шару на палітрі шарів. Це говорить про те, що в даний момент вибрано маску шару. Якщо ви не бачите рамки виділення навколо мініатюри, клацніть її, щоб вибрати її. Потім перейдіть до меню Image у верхній частині екрана, виберіть Adjustments, а потім виберіть Threshold :
>Вибравши маску шару на палітрі шарів, перейдіть до ImageКоригуванняПорогове значення.>
Це відкриває діалогове вікно «Поріг», і ви відразу побачите зміну зовнішнього вигляду вашого тексту, при цьому деякі області суцільного кольору залишаються видимими, а інші області тепер приховані.Фактичні ділянки, які будуть приховані, повністю залежать від фотографії, яку ви використовуєте для своєї текстури:
Ділянки тексту зникають з поля зору, щойно вибрано коригування порогу.
Ви можете контролювати, наскільки сильно текстурна фотографія впливає на текст, перетягуючи невеликий повзунок у нижній частині діалогового вікна «Поріг» ліворуч або праворуч. Пам’ятайте, що коригування порогового значення бере все на зображенні та перетворює його в суцільний чорний або суцільний білий, а на масці шару, де знаходиться фотографія текстури, області білого кольору відкривають ці частини шару, а чорні ховають. ці частини шару. Коли ви перетягуєте повзунок ліворуч, все більше і більше фотографій текстури буде змушено стати білою за допомогою налаштування Порогу, що означає, що все більше і більше тексту стане видимим. Перетягування повзунка вправо призведе до того, що більша частина фотографії з текстурою стане чорною, що означає, що більше тексту буде приховано.Куди саме ви перетягнете повзунок, буде повністю залежати від фотографії, яку ви використовуєте для текстури, і ефекту, який ви збираєтеся отримати, тому ви обов’язково захочете стежити за текстом, перетягуючи повзунок, доки не ви досягли бажаного результату. Оскільки на даний момент мій текст майже не читається, я збираюся перетягнути повзунок ліворуч, щоб зменшити вплив текстури:
Перетягування повзунка порогового значення ліворуч і праворуч впливає на те, скільки тексту буде приховано від поля зору.
Оскільки моя фотографія з текстурою стала білою, у документі тепер видно більше тексту:
Після налаштування повзунка «Порог» тепер видно більше тексту.
Крок 9: від'єднайте маску шару від текстового шару
Якщо ви задоволені результатами ефекту, ви можете зупинитися на цьому, але якщо ви хочете змінити розмір фотографії або перемістити її всередині тексту, клацніть на маленькому значку посиланняміж мініатюрою шару типу та мініатюрою маски шару.Це від’єднає маску шару від тексту, дозволяючи нам переміщувати нашу фотографію текстури по масці шару, не переміщуючи сам текст:
Натисніть на піктограму посилання, щоб від’єднати текст від маски шару, дозволяючи переміщати один, не переміщуючи інший.
Крок 10: змініть розмір та/або перемістіть текстуру фотографії за допомогою вільного трансформування
З фотографією текстури на масці шару та текстом більше не зв'язаним разом, натисніть Ctrl+T (Win) / Command+T(Mac), щоб відкрити вікно Free Transform Photoshop і ручки навколо фотографії текстури. Перетягніть будь-який з кутових маркерів, щоб змінити його розмір. Утримуйте Shift, перетягуючи маркери, щоб обмежити пропорції фотографії, якщо ви не хочете спотворювати її форму. Додайте клавішу Alt (Win) / Option (Mac), перетягуючи ручку, щоб змінити розмір фотографії від центру, а не від кута. Щоб перемістити фотографію всередині тексту, просто клацніть у будь-якому місці всередині поля Free Transform і перетягніть зображення за допомогою миші:
Використовуйте вільне трансформування, щоб змінити розмір або перемістити фотографію текстури всередині тексту за потреби.
Натисніть Enter (Win) / Return (Mac), щоб вийти з команди Free Transform, і все готово! Ось мій остаточний результат текстурованої фотографії:
Остаточний текстурований текстовий ефект.
Куди йти далі…
І ось воно! Перегляньте наші розділи «Текстові ефекти» або «Фотоефекти», щоб отримати додаткові посібники з ефектів Photoshop!