Текст. Эффекты

Украшаем наш текст.

Мы с вами уже научились добавлять Текст к своим изображениям, теперь пришло время придать ему элегантный и неординарный вид!

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

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

В самом низу панели «Слои» нажимаем кнопку «Добавить стиль слоя» fx. В открывшемся меню давайте выберем пункт «Тень…». Появится окно «Стиль слоя», которое лучше сразу переместить так, чтобы вам было видно и его, и слой с текстом на изображении. Теперь можно наблюдать, как изменение в настройках стиля влияет на внешний вид нашего текста. Появилась отбрасываемая текстом тень, цвет по умолчанию черный, угол освещения 300. Ползунки «смещение», «размах» и «размер» можно перемещать по желанию, пока не получим нужный эффект, или ввести числовые значения в окошке. Я хочу сменить также и угол освещения, и цвет самой тени.

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

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

Работу со стилями слоя мы пока завершили.

Попробуем теперь заполнить наш текст подходящим изображением.

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

При помощи инструмента «Перемещение» перетаскиваем эту картинку на изображение с текстом. Таким образом, мы добавили еще один слой, самый верхний.

Посмотрите, может быть, нужно растянуть или, наоборот, уменьшить наше заполняющее изображение. У меня оно слишком большого размера, поэтому я его трансформирую. Для этого необходимо нажать клавиши Ctrl+T или открыть меню Редактирование и выбрать команду Свободное трансформирование. Изображение теперь окружено рамкой с маркерами. Удерживаем клавишу Shift (для того, чтобы сохранить пропорции сторон) и перемещаем угловой маркер настолько, насколько нам необходимо для подгонки размера изображения.

Обращаю ваше внимание, слой с изображением, выбранным для заполнения текста, находится в панели слоев над слоем с текстом.

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

Вот и все! Теперь мы видим только ту часть изображения, что находится внутри текста! Получилось очень красиво.

А к значку слоя на панели слоев добавился знак обтравочной маски – вот такая стрелочка.

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

Напомню, что непрозрачность по умолчанию = 100%. Уменьшая ее, мы делаем слой прозрачнее и прозрачнее. В правом верхнем углу я перемещаю ползунок «Непрозрачность» до легкого посветления моего текста: 62%.

Ну вот, после плодотворного труда можно и отдохнуть за чашечкой кофе! )

Успешной работы!

Могут также пригодиться уроки:

Текст в виде абзаца.

Текст.

Ваш логотип

Как сделать скриншот при помощи программы Photoshop.

Смотрите также: