Урок для тех, кто не умеет делать надписи в фотошопе. В этом уроке мы научимся делать элементарные надписи на ваших картинках. А также изучим ВСЕ возможности настроек текста. Вот несколько примеров:

.....

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

С чем мы познакомимся в этом уроке: инструмент "Horizontal Type Tool", стили слоев (Layer Style), создание текста из текстуры с помощью инструмента "Horizontal Type Mask Tool"

1. Открываем изображение.

Первым делом открываем то изображение (аватару, например) на которой хотим писать. В моем случае это моя фотография: (не в смысле, что я на ней, а в смысле, что фотографировала я )

Напомню как открыть: жмем "File", дальше выбираем команду "Open..."

2. Пишем текст.

Находим на в панеле инструментов вот такой значок:

Выбираем этот инструмент. Он так и называется - "Horizontal Type Tool" ("инструмент Текст")
Когда вы его выбрали, наверху ваша панель быстрых действий изменилась. Теперь она выглядит вот так:

Давайте разберем кнопки, которые вам понадобятся.

 - переключает направление текста. Текст бывает вертикальным и горизонтальным. Выбираем нужный. Я взяла горизонтальный.

 - это шрифт, которым будет написан наш текст. Я взяла один из стандартных Arial.

 - размер текста.

 - это поле трогаем только если хотим написать надстрочные или подстрочные буквы/цифры.

 - выравнивание текста. Как в ворде - по левому краю, по правлму краю и по центру.

 - цвет текста. Для изменения цвета тыкните по тому, что сейчас у вас в этом квадрате и выберите новый.

 -деформация текста. Расскажу об этом чуть ниже.

Совсем не обязательно определяться с цветами и остальными настройками сразу. Поиграть с настройками можно и после написания текста.

Итак, тыкаем на своем изображением в то место, где вы будете писать свой текст. И пишете

3. Как изменить текст?

Если вы хотите что-то изменить в своем тексте (исправить ошибку, изменить цвет, шрифт и т.д.) обязательно сначала выделите его этим же инструментом точно также как вы делаете это в ворде, а уже потом меняйте настройки.
Я, например, хочу сделать мой текст полукругом, т.е деформировать его. Для этого я выделяю его и на панеле вверху тыкаю на кнопку "Create warped text" (деформация текста):

Появляется такое окно:

Изменяю "нет" на нужную мне форму. При желании, могу поиграть бегунками, достигая нужного эффекта. Когда все нравится - жмем ок.
Ну вот, у меня вышло примерно так:

 

4. Как перемещать текст?

Все вам нравится в вашем тексте, только хочется его немного подвинуть... Как это сделать?
Очень просто: выбираем на панеле стандартный инструмент "Перемещение":

Выделяем слой с текстом (чтобы он был активным) и зажав левой кнопкой мыши, перетаскиваем надпись на новое место.

5. Как вписать текст в определенные рамки?

Есть ситуации, когда текст нужно ВПИСАТЬ во что-то. Ну например я на своей картинке

хочу что-то дописать именно на листок, который висит на стене и не выйти за его границы.

Я инструментом "текст" накидываю рамку: (зажав левую кнопку тащу мышь по картинке в сторону)

После того, как никинули рамку, вы можете отредактировать ее, уменьшив или увечилив, понятув за углы.

И начинаете писать. Ваш текст будет писаться внутри вашего "окошка, не выходя за его границы:

 

6. Эффекты слоя с текстом.

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

После того, как вы написали свой текст ваше окошко со слоями выглядит вот так:

Как два слоя: основной с фоном и отдельный с текстом.

(ПРИМЕЧАНИЕ: если вы не видите окошка со слоями, нужно его отобразить. Для этого:

)

Нам сейчас нужен слой с текстом, поэттому тыкаем на него, тем самым сделав его активным:

После этого находим внизу этого окошка вот эту кнопку:

(при наведении на этот значок вы сможете прочесть - "Add a layer style" - добавить стиль слоя). Жмем на нее, выбираем самый первый вариант "Blending Options" ( = параметры наложения):

Появляется вот такое окно: (под названием "Layer Style")

Здесь описаны все возможные эффекты слоя. Сейчас мы их разберем.
Первым идет "Drop Shadow" (тень). Поставив рядом с ней галочку, вы применяете этот эффект к своему слою. Чтобы убрать эффект, нужно просто снять галочку. Использоваться сразу несколько эффектов можно, хоть все сразу.

Итак, "Drop Shadow":

Описывать в общем-то нечего. Вы сами всего легко достигнете, если поиграете бегунками.
Здесь модно отрегулировать на какой дистанции будет находиться тень, ее яркость и размер, а также при желании можно добавить шум (noise). Вот, что вышло у меня:

Следующее: "Inner Shadow" (= внутренняя тень).
Все тоже самое, только тень идет не снаружи, а внутри текста. Попробуйте поэкспериментировать. Вот мой результат:

С помощью этого эффекта хорошо делать "вдавленный" текст.

Дальше "Outer Glow" (внешнее свечение):

Один из вариантов результата:

Next... "Inner Glow" - это внутренне свечение, тоде самое, что внешнее, только внутри текста

Дальше "Bevel and Emboss" (= тиснение)

С помощью этого эффекта хорошо получается передавать объем текста:

"Satin" - это глянец.
"Color Overlay" - наложение цвета. В некоторых случаях бывает очень симпатичный эффект.
"Gradient Overlay" - накладывает градиент на вашу надпись. Т.е. цвет текста будет переходить от одного к другому (может быть через несколько). Поисграйте с вкладкой "Gradient".
"Pattern Overlay" - наложение текстуры. В предложенном окне можно выбрать текстуру (из основных) и наложить ее на текст:

И последнее... "Stroke" (= обводка)
В открывшемся окне нам предлагают выбрать размер обводки, ее позицию, цвет (возможны также вариант градиент или текстура вместо цвета) и прозрачность. У меня вышло вот так:

Теперь, зная эти эффекты слоя вы сможете достигать еще более красивых надписей

А позже можно их и анимировать

О том как это сделать я расскажу вам в ЭТОЙ теме...

Текст из текстуры.

В этом небольшом уроке я расскажу вам как сделать текст из фото.
Вы можете взять совершенно любое изображение, можете воспользоваться КОЛЛЕКЦИЕЙ ТЕКСТУР, если ваша надпись будет набольшой, под размер аватара 100 на 100.

Итак.
Я взяла вот эту фотографию:

Открываем ее в Photoshop.

Берем инструмент "Horizontal Type Mask Tool" (Горизонтальная текстовая маска):

Он находится в группе текстовых инструментов. Нажмите на инструмент текста и держите, пока не выпадет небольшая менюшка, с вариантами текстового инструмента

Пишем любой текст, в моем случае это слово 'Пример'. Закончив писать, подтверждаем это, тыкнув на любой слой. У нас получилось выделение из текста:

Теперь копируем его на отдельный слой - ctrl + j.
У нас получился текст из фоновой картинки

Теперь, чтобы его было хорошо видно - удалим основную картинку, выделив ее и удалив,
нажав на корзину.

Ну а дальше - остается обрезать изображение под размер вашего текста, воспользовавшись инструментом Crop Tool. Если не помните как обрезать - прошу СЮДА.

Ну вот, перед нами наш текст с текстурой на прозрачном фоне.

Можно украсить его, добавив обводку, тени или свечение - в общем поэкспериментировать с эффектами слоя. Как это делается - читайте в этой теме постом выше Вот мой результат:

Теперь мы легко можем наложить наш текст на любую другую картинку, перетащив текст (зажав левой кнопкой мыши) на картинку:

Удачи
P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.
Лучшее "спасибо" за урок - ваш комментарий! :)