Как вставить картинку в текст

В этом материале мы рассмотрим, как разместить изображение в текст, т.е. вставим картинку внутрь букв текста. Для достижения эффекта мы будем применять обтравочную маску (clipping mask) и вот что получится у нас в результате:

Как вставить картинку в текст

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

k

Затем продублируем фоновый слой, нажав комбинацию клавиш Ctrl+J, после чего в Панели слоёв появился новый слой, являющийся дубликатом фонового:

k

Теперь нам надо создать новый пустой слой, расположенный между первыми двумя.

Сейчас у нас активен дубликат, поэтому зажимаем клавишу Gtrl и кликаем по кнопке создания нового слоя, расположенной внизу палитры слоёв. В Панели слоёв появился новый слой, расположенный под дубликатом:

k

На данный момент новый слой полностью пустой. Давайте заполним его белым цветом. Для этого сначала нажимаем на буквенную клавишу D, при этом в цветовой палитре цвета вернулись к дефолтным, т.е. чёрный - цвет переднего плана, а белый - фоновый. Для заливки слоя фоновым цветом нажимаем комбинацию клавиш Ctrl+Delete (или Ctrl+Backspace).
При этом вид основного документа не изменится, так как верхний слой блокирует просмотр находящегося под ним белого, но в Панели слоёв видно, что слой залит белым:

k

Кликните по самому верхнему слою в Панели слов для его выбора, на инструментальной панели выберите инструмент "Текст" (Type Tool) и тир шрифта. Как правило, этот эффект лучше применять к шрифту с толстыми буквами. Я сейчас собираюсь выбрать шрифт Arial. Кстати, на данный момент не беспокойтесь по поводу размера шрифта.

Следующее действие не является абсолютно необходимым, оно просто поможет мне лучше увидеть мой текст. Я собираюсь использовать белый для цвета моего текста. Цвет, который вы выбираете для вашего текста, не имеет значения, поскольку позже мы будем заполним текст изображением, и этот цвет не будет просматриваться.
Чтобы установить цвет текста на белый, все, что нужно сделать, это установить в цветовой палитре цвет переднего плана на белый. Для этого нажмите клавишу D, что приведёт цвета переднего плана и фона в состояние по умолчанию, а затем нажмите клавишу X, что поменяет местами фоновый и основной цвета, в итоге основным будет белый.

Итак, на данный момент у нас активен инструмент "Текст", выбран шрифт и его цвет. Сделайте надпись на основном документе, поскольку я использую фото Гавайев, я собираюсь набрать слово "HAWAII":

k

Когда закончите ввод текста, нажмите на галочку в панели параметров для применения действия инструмента.

Нажмите клавиши Ctrl+T для активации инструмента "Свободная трансформация" и используя маркеры на углах рамки трансформации, растяните текст по всему изображению:

к

Для применения действия инструмента нажмите клавишу Enter.

Перетащите тестовый слой так, чтобы он оказался под верхним слоем (под "Слой 1"):

k

Снова кликните по верхнему слою и создайте обтравочную маску. Для создания обтравочной маски зажмите клавишу Alt и наведите курсор между слоями в Палитре, при этом курсор изменит отображение. Кстати, вид значка создания обтравочной маски в CS6 отличается от версий ниже. На рисунке ниже я привёл отображение значка в CS6 (cлева) и в CS5 и (справа):

kak

И, если мы теперь посмотрим в окно рабочего документа, мы увидим, что эффект готов, картинка появилась в тексте:

kak

Можно ещё для красоты и придания объёма тексту добавить стили слоя, "Тень" (Drop Shadow) и "Внутреннюю тень" (Inner Shadow):

Как вставить картинку в текст

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

Простой, изящный, стильный эффект для текста
В этом коротком несложном уроке я расскажу, как создать простой, но в то же время очень стильный и изящный глянцевый эффект для текста. Пример я...
Текст из меха жирафа
В этом уроке мы будем создавать интересный тестовый эффект - текст, имеющий фактуру меха жирафа. Я для этого урока выбрал жирафа, но, используя...
Эффект Лего для текста
C помощью программы Photoshop Вы можете создать LEGO-эффект из любой формы, текста, графики или даже фотографии, и это совсем не сложно. В данном...
гравировка металла - текст
В этом уроке я расскажу, как создать выгравированный в металле текст, используя стили слоя Photoshop и текстуры поверхностей. Применяя данный метод...