Читайте о...

Интересные приёмы в фотошопе. Часть 6. Тонкости работы с текстом (Продолжение)

Интересные приёмы в Фотошопе
Часть 6. Тонкости работы с текстом (Продолжение)
Дорогие друзья, спасибо за Ваши комментарии к моим урокам и, судя по последним, всех очень заинтересовала тема секретов и фишек в программе Фотошоп. Поэтому продолжаем рассматривать эту тему в  серии уроков Интересные приёмы в Фотошопе (Тонкости работы с текстом).
29
У меня в запасе их ещё несколько.
Предыдущие уроки этой серии смотрите здесь:


1.Выделение нужных букв текста

Как выделить буквы текста Вы знаете (удерживая клавишу Ctrl, щёлкаем по иконке текстового слоя).


01
 Но иногда для разнообразия текста нужно выделить одну или несколько букв. К примеру, изменить заглавную букву.
Прежде всего, преобразуйте текстовый слой в Смарт-объект, чтобы иметь возможность редактировать  текст в последующем. Как это сделать я описывал в  Часть5.Тонкости работы с текстом)
Затем инструментом «Лассо» обведите грубо нужную букву

01-1
Удерживая клавишу Ctrl, нажмите на на клавиатуре любую из клавиш Стрелка и выделение прилипнет к контуру буквы.

01-2
Теперь Вы можете работать с выделением, как хотите.

2.Текстовые блоки

Кроме линейных (в одну строку) текстов, Фотошоп позволяет создавать текстовые блоки. Главное отличие – контент, содержащийся в таком блоке, не может выйти за его границы. Кроме того, «лишний» текст скрывается из видимости. Текстовые блоки можно масштабировать и искажать – для этого потяните за маркера блока (как при трансформации).
Для создания текстового блока нужно при активном инструменте «Текст», кликнуть по холсту и, не отпуская кнопку мыши, растянуть блок.

02
А для точного изменения размеров блока тяните за маркер с зажатой клавишей Ctrl. У Вас появится маленькое окошко с размерами блока. Кстати, если нужна размерность не в пикс., а другая – просто измените её в Линейках.

03

3.Как создать текстовый блок из обычного текста

А что делать, если вы забыли заключить текст в такой блок?
Чтобы вставить уже существующий текст в блок, нужно сделать активным слой с текстом, затем выбрать в меню «Текст  > Преобразовать в блочный текст» . Это в версиях Фотошопа CC, а в старых версиях CS: «Layer -> Type -> Convert To Paragraph Text».

03-2
Теперь при выделении любой части текста, вы увидите соответствующую рамку текстового параграфа. Ещё только одно замечание – Вы не увидите этого пункта, если у Вас текст «псевдополужирный» (см. здесь- Часть5 (Тонкости работы с текстом) в пункте 2).

4. Как изменить текстовый блок по фигуре

Иногда возникает необходимость создать такой текстовый блок, чтобы он повторял контуры рисунка

04
Или наоборот, вписать текст в фигуру

04-2
Для этого инструментом «Перо», либо инструментом «Произвольная фигура» рисуем необходимую фигуру (к примеру, Сердце).  Чтобы использовать фигуру в качестве контейнера для нашего текста, следует выбрать тип "Контуры". После этого выбираем инструмент «Текст». Назначаем шрифт, размер, цвет, положение во вкладке «Абзац» задаём «По центру».
Кликните в любом месте контура и начинайте вводить текст


05

06

5. Пять способов улучшить наложение текста на фото

1. Наложение цвета
Посмотрите на скриншот ниже. На нём видно, что текст тяжело читается из-за объектов на фотографии.

Создайте новый слой-заливку в режиме «цвет». Инструментом  Пипетка (I) и определите контрастный цвет на фотографии. Залейте этим цветом созданный слой.

08

09
Уменьшите непрозрачность до 50%.

Как видите, контрастность улучшена. Текстура заголовка стала более заметна.

10

2. Отбрасывание тени
Иногда необходимо расположить текст в тех местах на фотографии, где очень много деталей. В этом случае вначале нужно правильно подобрать цвет для текста.
Например, здесь лучше выбрать белый цвет.

11
Далее к текстовому слою примените стиль Тень (Дважды кликните по слою в Палитре слоёв, не по названию):

12
Благодаря тени контраст между текстом и фоном был улучшен.

13

3. Линии
Это один из самых простых способа улучшить контраст. Просто добавьте линию над и под текстом.
Для этого используйте инструмент «Прямоугольник (U)», в режиме «Фигура», заливка белая.



15

4. Фон определённой формы
Для текста можно создать фон определённой формы. Посмотрите на фотографию ниже и поймёте, что между текстом и фоном практически нет контраста.

16
Выберите инструмент Произвольная фигура (U). Я взял из набора «Банеры и награды»

17
и настройте заливку и обводку

18
Создайте какую-нибудь форму позади текста и уменьшите её непрозрачность до 57%.

19
Результат выглядит довольно профессионально и читабельно.

5. Размытие фона
Повысить читабельность текста можно и через размытие фона.
Вначале фоновое изображение нужно преобразовать в смарт-объект.

20
Затем примените фильтр Gaussian Blur (Filter  Blur  Gaussian Blur).

21

22
В результате мы наблюдаем повышение контраста.

6. Инструменты «Текст-маска»

Инструменты «Горизонтальный текст-маска» и «Вертикальный текст-маска» располагаются в группе инструмента «Текст (T)».

23
Чтобы понять действие этих инструментов, проделаем следующее:
Создайте новый документ (Ctrl + N) и обычным инструментом «Текст» напишите какое-нибудь слово. Затем под текстовым слоем создайте новый слой и залейте его чёрным         (нажмите клавишу D, потом «Alt + Delete»).

24
Перейдите на чёрный слой и инструментом  «Горизонтальный текст-маска» напишите то же слово с теми же параметрами. У Вас создастся Быстрая маска, залитая красным цветом. По окончании ввода текста щёлкните по галочке на Панели параметров или просто по слою – Вы применили (активировали) инструмент. Кстати, редактировать текст в этом случае Вы сможете только лишь до применения (активации) инструмента.

25
После активации границы текста превратятся в выделение, при этом ни текстового, ни другого слоя не создаётся.

26
Теперь можно залить буквы краской (Редактирование > Выполнить заливку) или обвести их контур (Редактирование > Выполнить обводку) и другое.
Мы же сделаем следующее: добавьте чёрному слою Маску слоя, нажав на соответствующую кнопку внизу Панели слоёв (если маска получилась белой – инвертируйте её).
Инструментом «Перемещение» расположите слой, как на рисунке ниже и уменьшите непрозрачность до 40-50%. Мы получили тень.

27.
Можно сделать всё и по другому.
К примеру на фото ниже я инструментом «Горизонтальный текст-маска» написал название города. Затем, выбрав любой из инструментов выделения и расположив курсор внутри выделения, щёлкнул ПКМ и выбрал «Скопировать на новый слой». Инструментом «Градиент»-«Спектр» провёл линию вдоль выделения на новом слое (кстати, если у Васна новом слое пропало выделение – щёлкните по иконке слоя с зажатой клавишей Ctrl).

28
 Снимите выделение (Ctrl + D).

29
Мы с Вами разобрали ещё несколько секретов и фишек в программе Photosop из серии уроков Интересные приёмы в Фотошопе (Тонкости работы с текстом).
Жду Ваших комментариев, в которых кроме благодарностей , что несомненно приятно, хотелось бы увидеть и Ваши секретные фишки, которые Вы используете и о которых другие, возможно, не знают.
Удачных Вам творческих работ.
Автор: Олег Лодянов (kinoLOG).

Комментариев нет:

Отправить комментарий