Как сделать картинку в тексте в фотошопе

Как реалистично наложить текст на фотографию в Adobe Photoshop

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

Прочитав эту статью, вы узнаете:

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

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

Создайте и раскрасьте текст

Шаг 1

Откройте фото ( или картинку ), которую будете использовать:

Шаг 2

Давайте выберем цвет. При добавлении текста на картинку мы будем использовать цвет с фотографии. Откройте « Палитру цветов », используя « Пипетку » выберите темное дерево на бочке:

Шаг 3

Выберите инструмент « Текст ». Я использую сжатый шрифт « Bernard MT Condensed ».

Я собираюсь напечатать « PHOTOSHOP CAFE » и перетащить надпись на бочку:

Шаг 4

Самый быстрый способ изменить размер текста – нажать Ctrl-T ( или Command T на Mac ), зажать клавишу Shift , а затем растянуть текст в соответствии с пропорциями бочки:

Нажмите « Enter », чтобы сохранить изменения.

Делаем обтекание текстом

Шаг 5

Перед тем как добавить текст на картинку в Фотошопе, нажмите правой кнопкой мыши на текстовом слое в панели « Слои » и выберите пункт « Растрировать текст ». Это действие преобразует текст в пиксели, чтобы мы могли искажать их:

Шаг 6

Нажмите Ctrl/Cmd -T чтобы вызвать команду « Свободное трансформирование ». Щелкните правой кнопкой мыши и выберите инструмент « Деформация ». Он отлично работает на закругленных поверхностях:

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

Потяните за края, чтобы выглядело так, как будто буквы повторяют контур бочки. Совет: используя инструмент « Деформация », можно щелкать по точкам или растягивать объект внутри сетки:

Нажмите « Enter », чтобы сохранить изменения:

Наложение текстуры на текст

Последнее, что нужно сделать, чтобы добавить красивый текст на картинку – это наложить на текст текстуру. Для этого мы изменим « Режим наложения ».

Шаг 7

Наверху панели « Слои » вы увидите слово « нормальный », это – режим наложения слоя. Измените режим на « Перекрытие ». Все выглядит довольно хорошо – теперь можно рассмотреть текстуру дерева, проглядывающую сквозь текст, и надпись больше не выглядит, так как будто ее просто прилепили:

Это были базовые шаги. Для придания картинке большего реализма читайте дальше!

Повышение реалистичности текста

Сейчас мы придадим тексту немного шероховатости.

Шаг 8

Перед тем, как добавить текст на картинку в Фотошопе, создайте слой-маску на текстовом слое, выбрав « Текстовый слой » и нажав на кнопку « Слой-маска » на панели « Слои » ( прямоугольная иконка с кружочком внутри ):

Нажмите на клавишу « D », чтобы выбрать черный в качестве цвета переднего плана. Нажмите на клавишу « В » , чтобы выбрать инструмент « Кисть ». Убедитесь, что параметр « Непрозрачность » равен 100, а режим наложения — нормальный.

Мы будем использовать грубую кисть. Если вы посмотрите на верхнюю панель параметров, то найдете кисть в левом верхнем углу. Кликнете по ней. Вы увидите панель с шестерней. Нажмите на иконку.

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

Нажмите « Добавить »:

Шаг 9

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

Также следует поступить, если вы хотите создать основной потертый текст. Совет: Вы можете загрузить кисти с сайтов типа Brusheezy или DeviantArt .

Придание тексту эффекта 3D

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

Шаг 10

При выбранном текстовом слое нажмите на маленькие « fx » внизу панели « Слои », чтобы добавить стиль слоя. Выберите стиль слоя « Внутренняя тень ». Установите параметр «Непрозрачность» на 100 и немного увеличьте « Смещение », и вы увидите, что надпись станет немного объемной.

Меняйте значение « Угла », и вы увидите, как надпись начнет вдавливаться в дерево:

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

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

Данная публикация представляет собой перевод статьи « HOW TO BLEND TEXT INTO A PHOTO REALISTICALLY IN ADOBE PHOTOSHOP TUTORIAL » , подготовленной дружной командой проекта Интернет-технологии.ру

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как в фотошопе сделать картинку в тексте

Сегодня практически для любого бизнеса, чтобы оставаться конкурентоспособным, обязательным условием является наличие собственного сайта. Продвижение веб-ресурса лучше доверить профессионалам, воспользовавшись услугами такой студии, как web gate, ссылка на которую позволит получить подробную информацию. В любом случае, сайт должен быть сделан качественно.

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

Для начала надо создать новый документ. Задайте ему размер 655х400 пикселей.

Можно оставить белый/прозрачный фон, а можно задать ему цвет или сделать градиентом. Я воспользуюсь слоем-заливкой и сделаю желтый фон.

Затем на панели инструментов нужно выбрать инструмент Текст.

На панели параметров инструмента подберите подходящий шрифт. Лучше, конечно, использовать красивые, интересные шрифты. Среди стандартных таких нет, поэтому нужно просто что-нибудь найти в интернете. Я же, возьму свой фирменный шрифт — ObelixPro. Цвет установите любой, нам цвет потом вообще не нужен, вместо него будет картинка.

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

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

Вставка картинки

Шаг 6 Подготовка.

Создайте новый слой Ctrl+Shift+N . Откройте в фотошопе картинку, которую хотите поместить внутрь текста. Для этого выберите команду Файл — Открыть (или Ctrl+O ). Откроется окно проводника. Выберите заранее подготовленную картинку. В качестве картинки можно выбрать любое изображение, элементы которого впоследствии разукрасят буквы текста на первом слое. Также это может быть текстура или вообще любая графика.

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

Итак, вы добавили картинку к проекту с текстом. Она должна была появиться на новом слое. Установите для этого слоя непрозрачность порядка 60 — 70%. Это нужно для того, чтобы видеть, где расположен ваш текст.

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

Можно вернуть непрозрачность до 100%.

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

Сделайте инверсию выделение, нажав Ctrl+Shift+I . В результате получим выделение не самих букв, а все остальное пространство.

Выберите слой, содержащий картинку и нажмите клавишу Delete . Затем снимите выделение = Ctrl+D .

Источники:

https://www.internet-technologies.ru/articles/kak-realistichno-nalozhit-tekst-na-fotografiyu-v-adobe-photoshop.html
https://rugraphics.ru/photoshop/kak-vstavit-kartinku-v-tekst
https://psand.ru/kak-v-fotoshope-sdelat-kartinku-v-tekste/