Як зробити гарний шрифт в фотошопі?

Програма "Фотошоп" може працювати не тільки з зображеннями, але також і з текстами. У розпорядженні користувача при цьому - найширший набір інструментів, що дозволяють проводити різні експерименти з текстовими блоками. Як їх задіяти на практиці? Як зробити гарний шрифт в фотошопі - щоб текст був особливо ефектним?

Розглянути відповідні питання ми можемо:

  • вивчивши те, як здійснюється підготовка програми "Фотошоп" до роботи з текстами;
  • дослідивши сутність і способи залучення популярних інструментів фотошопа, здатних надавати текстовим блокам необхідну ефектність.

Почнемо з першого пункту.

Зміст статті

  • Підготовка фотошопа до роботи з текстами
  • Робота з текстом в фотошопі: інструментарій
    • Практика користування інструментом "Текст"
    • згладжування букв
    • Обведення
    • Накладення градієнта на літери
    • Розміщення картинки всередині тексту
    • Написання тексту по колу або "вільний"

Підготовка фотошопа до роботи з текстами

Програма "Фотошоп" - потужне рішення, що включає в себе величезну кількість інструментів для роботи з картинками і текстами. Але навіть настільки самодостатня ПО здатне вимагати встановлення додаткових компонентів. Зокрема, тих, що необхідні для забезпечення повноцінного функціонування модулів роботи з текстом.

Відповідна потреба може виникнути у користувача, якщо він, наприклад, збирається задіяти у своїй роботі рідкісні російські шрифти або якісь екзотичні, що не встановлені в Windows.

Реклама

Установка потрібних шрифтів - в числі ключових завдань в рамках підготовки фотошопа до роботи з текстами. Вирішити її можна декількома способами.

Перший передбачає розміщення файлів зі шрифтами в папку програми. Найчастіше вона розташовується за адресою C: \ Program Files \ Common Files \ Adobe \ Fonts. Більшість версій фотошопу без особливих проблем розпізнає шрифти, розміщені відповідним чином.

Інший поширений спосіб вирішення даної задачі - установка шрифтів через програму FontExpert. Завантажити її можна тут - http://soft.softodrom.ru/ap/FontExpert-p2156. Потрібно запустити програму, відкрити папку, в якій розташовані шрифти, і активувати ті, що передбачається задіяти в роботі. Відзначимо: вони в загальному випадку нікуди не встановлюються. Особливість FontExpert в тому, що ці програми вміє задіяти шрифти тимчасово. Якщо програма запущена одночасно з іншими додатками, то вони набувають здатність працювати з активованими за допомогою FontExpert шрифтами.

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

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

В принципі, сучасні версії фотошопа, починаючи з CS6, підтримують російську мову. Активувати його можна, вибравши пункт меню Edit, потім - Preferences, після - Interface і "Русский" в списку мов.

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

до змісту ↑

Робота з текстом в фотошопі: інструментарій

Головний цікавий для нас інструмент - "Текст". В англомовній версії - Type Tool. Розташовується він в сучасних версіях фотошопа, зокрема, CS6, на панелі інструментів зліва. Представлений він найчастіше в 4 варіантах:

  • для горизонтальної друку;
  • для вертикального розміщення тексту;
  • у вигляді додаткового інструменту "Текст-Маска" (Type Mask Tool) - горизонтального;
  • у вигляді вертикального "Тексту-Маски".

Якщо вибрати інструмент, про який йде мова, в тій чи іншій модифікації, то в головному вікні інтерфейсу програми відобразяться різні опції для роботи з текстом - зокрема, тип шрифту, його величина, стиль і т. Д.

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

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

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

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

Інструмент, про який йде мова, можна задіяти також і з метою розміщення в робочій області фотошопа великими текстовими документами. Справа в тому, що за замовчуванням відповідний компонент програми вводить слова один за одним без переносу. І якщо таких занадто багато - вони просто будуть виводитися фотошопом за робочу область.

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

Отже, основний інструмент, який допоможе нам задіяти красиві шрифти в фотошопі, - це "Текст". Вивчимо тепер деякі практичні нюанси його застосування.

до змісту ↑

Практика користування інструментом "Текст"

Є 2 основні підходи до роботи з текстовими блоками в фотошопі.

По-перше, можна здійснити необхідні операції зі шрифтами, а потім растеризувати їх - тобто перетворити в графічний об'єкт. Редагування тексту у відповідному блоці після цього буде недоступно.

По-друге, можна задіяти опцію, яка передбачає перетворення тексту в смарт-об'єкт. Дана дія не має на увазі під собою растрирования - і тому відповідний блок, навіть з урахуванням тих ефектів, які застосовує користувач, допустимо згодом редагувати.

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

Для того щоб перетворити текст в смарт-об'єкт, необхідно перейти на панель шарів, вибрати текстовий, натиснути на ньому правою кнопкою, після чого вказати опцію "Перетворити в смарт-об'єкт" (або Convert to Smart Object).

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

  • згладжування букв;
  • обведення тексту;
  • накладення градієнта на літери;
  • розміщення картинки всередині тексту;
  • написання тексту по колу або "вільний".

Вивчимо дані ефекти докладніше.

до змісту ↑

згладжування букв

Згладжування тексту допомагає поліпшити його сприйняття, зробити картинку, на якій розміщений відповідний блок, більш естетичною. Фотошоп дозволяє задіяти даний ефект відразу декількома способами. Вибрати потрібний можна в списку, що відкривається в правій нижній частині вікна текстових опцій на закладці "Символ". Хороший варіант - зупинитися на "плавному" згладжування або адаптованому для користувачів Windows.

до змісту ↑

Обведення

Обведення тексту може бути здійснена різними способами. Розглянемо найпростіший.

Для початку створюємо нову робочу область, бажано - на білому тлі. Після цього вибираємо інструмент "Текст" і з його допомогою розміщуємо на зображенні якесь слово. Потім треба натиснути правою кнопкою на шарі, відповідному текстового блоку, і вибрати пункт "Опції накладення" (в англійському інтерфейсі - Blending Options). У вікні, слід відзначити галочкою пункт "Обведення" (або Stroke), після - натиснути на відповідній вкладці лівою кнопкою.

Відкриється меню параметрів обведення. Тут можна налаштувати її ширину, встановити позицію, тип заливки і т. Д. Після того як потрібні параметри обрані, натискаємо OK. На тексті, який розміщений в робочій області фотошопа, з'явиться обведення, відповідна обраним ефектів.

до змісту ↑

Накладення градієнта на літери

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

Після цього можна вписати текст - за допомогою відповідного інструменту. Потім вибираємо вкладку "Символ", в якій вказуємо колір шрифту - бажано набагато світліший, ніж фон, але не білий. Після цього можна відкрити властивості шару, відповідного текстового блоку, і у вікні поекспериментувати з параметрами у вкладках "Накладення градієнта" і "Тінь" - так, щоб зовнішній вигляд тексту щонайкраще відповідав фону.

до змісту ↑

Розміщення картинки всередині тексту

Даний ефект - в числі найбільш вражаючих. Він дозволяє накласти на текст картинку так, щоб вона була видна крізь нього.

Для того щоб задіяти цей ефект, необхідно для початку знайти відповідну картинку і відкрити її в фотошопі. Бажано, щоб це була красива фотографія - для естетики. Потім потрібно відкрити новий фоновий шар, який повинен бути копією початкового. Найзручніше зробити це, натиснувши комбінацію клавіш Ctrl і J.

Наступний крок - розміщення між двома однаковими шарами ще одного. На цей раз - порожнього. Щоб розмістити його під другим - копією першого, потрібно зробити його активним, натиснути клавішу Ctrl, після - клікнути на кнопці формування нового шару. В результаті він буде розміщений там, де і потрібно, - між першим і його копією.

Третій шар бажано чимось залити. Нехай це буде білий колір.

Наступний крок - розташування на робочій області тексту, в якому має бути розміщувати картинку. Який інструмент треба для цього задіяти, ми знаємо. Текст повинен сформувати ще один шар. Його потрібно перемістити в списку шарів так, щоб він опинився під тим, що розташований зверху.

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

  • потрібно натиснути клавішу Alt і, не відпускаючи її, навести курсор миші на межу між першим і другим шаром;
  • дочекавшись, коли курсор змінить вигляд, треба відпустити кнопку миші.

Після цього в робочій області фотошопа з'явиться текст, в якому буде розміщена картинка.

до змісту ↑

Написання тексту по колу або "вільний"

Даний ефект - в числі самих затребуваних. Буває, що специфіка проекту вимагає розміщення тексту не строго горизонтально, а "вільний", по дузі або по колу.

Основний інструмент, який задіюється для вирішення такого завдання, - "Перо". Розташовується він найчастіше в окремій панелі - під пунктом "Файл". Якщо відповідний значок не відображається, фахівці по фотошопу рекомендують натиснути на клавішу P і дочекатися появи на екрані додаткової панелі.

За допомогою інструменту "Перо" можна намалювати хвилеподібну лінію - в бажаної конфігурації. Текст буде повторювати її обриси. Тепер, власне, його потрібно розмістити на робочій області фотошопа. Беремо відповідний інструмент і розміщуємо курсор миші на самому початку хвилеподібною лінії. Якщо почати набирати текст, він буде відображатися по "хвилі".

Для того щоб текст був написаний по колу, нам знадобиться додатковий інструмент - еліпс. Він розташовується на панелі, яка активізується за допомогою натискання клавіші U. Принцип рішення задачі тут той же, що і в попередньому випадку: спочатку малюємо еліпс або коло, після - розміщуємо на ньому курсор при активізованому інструменті "Текст". Вписуємо потрібні слова.

Текст, розміщений по колу або по "хвилі", можна редагувати, здійснювати настройку його кольору, розміру та інших атрибутів.

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