Как вставить картинку в текст
В этом материале мы рассмотрим, как разместить изображение в текст, т.е. вставим картинку внутрь букв текста. Для достижения эффекта мы будем применять обтравочную маску (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):
(знатоки фотошопа) как вставить картинку в текст?
мне необходимо добиться такого результата
сразу поясняю: у меня не получается разобраться с группами и так далее.
работал по этой схеме http://www.photoshop-master.ru/lessons.php?rub=2&id=1659 но ступор начался на 4 шаге. помогите пожалуйста по русски а не научным стилем объяснения. фотошоп если что сs4))))
Дополнен 11 лет назад
Ок если блин все просто так и напишите. я уже 2 часа сижу бьюсь над этим.
Лучший ответ
1. Откройте изображение, которым будет залит текст.
2. Дублируйте слой. Видимость нижнего фонового слоя отключите.
3. Возьмите инструмент Текст и сделайте нужную надпись. Инструментом Перемещение (самый верхний) разместите её как надо, задайте пропорции, размер, и т. д.
4. Удерживая Ctrl, кликните на иконку в текстовом слое (в палитре слоёв) . Или нажмите на иконку правой кнопкой и выберите в контекстном меню «Выделить пикселы». Буквы выделятся.
5. Отключите видимость текстового слоя или удалите его. (Выделение должно остаться! )
6. Нажмите в палитре слоёв на верхний слой с изображением.
7. Нажмите внизу палитры слоёв кнопочку в виде кружочка в квадратике.
Всё. Осталось только создать новый слой, залить нужным цветом и подложить под слой с изображением. И сохранить шедевр, конечно. Вместо текста может быть любое изображение, не в тексте дело, важно чтоб оно было на прозрачном слое. Например, если у вас есть текст в виде просто картинки, удалите любым способом фон, так чтобы остались только буквы на прозрачном слое.
Палитра слоёв у вас должна выглядеть после всех этих действий вот так:
В вашем случае использовалось куча фрагментов букв, с каждым по отдельности были проделаны действия, описанные выше. группы тут не при чём. это, грубо говоря, просто папочки в палитре слоёв, в каждой свой набор для каждого фрагмента, чтобы не запутаться, иначе ваша политра слоёв будет напоминать небоскрёб.
Остальные ответы
пфффф, там все просто.. . мозги напряги
Если посидеть за компьютером 5 минут и подумать то решение найдется
если по уроку не можешь
1-создаешь текст
2-открываешь фото, которое у тебя будет поверх текста, это слой должен быть сверху текстового слоя
3-делаешь обтравочную маску, т. е клик с зажатым alt между слоями текст и фото, двигаешь инструментом перемещение слой с фото в нужную позицию при необходимости
если по уроку, спрашивай что именно не понятно
внизу урока есть исходник, сравни со своим, что у тебя не так
Еще проще
1—фон
2—текст
3—любые фотки, расположить как угодно и Создать обтравочную маску к нимЯ использовал одну фотку
Добавление текста
Приложение позволяет добавлять к изображению текст и фигуры разного цвета и стиля оформления и применять к ним различные эффекты. Для создания и редактирования текста используйте инструменты «Горизонтальный текст» и «Вертикальный текст». Текст можно печатать в одну строку или располагать в пределах абзаца.
Текст
Для создания и редактирования текста используйте инструменты «Горизонтальный текст» ( ) и «Вертикальный текст» ( ). Новый текст вводится на новый текстовый слой. Текст можно печатать в одну строку или располагать в пределах абзаца. Все строки однострочных текстов независимы друг от друга, длина строки увеличивается или сокращается в процессе редактирования, что, однако, не приводит к искажению следующей строки текста. Чтобы создать новую строку текста, нажмите клавишу Enter. Текст абзаца вписывается в заданную прямоугольную область (абзац).
Текст в одну строку (вверху изображения) и текст в абзаце (внизу изображения).
Используйте инструмент «Текст-маска» (нажмите «Alt/Option» > инструмент «Текст», чтобы изменить активный инструмент), чтобы создать выделенный фрагмент в форме текста. Затем текст-маску можно использовать для создания различных спецэффектов.
Редактируемый текст автоматически располагается на своем собственном слое при щелчке на изображении соответствующим текстовым инструментом. Прежде чем получить возможность выполнения других команда, следует применить изменения к текстовому слою. Текстовый инструмент находится в режиме редактирования, если под текстом имеется кнопка «Применить» и «Отмена» .
При добавлении текста на изображение в режиме индексированных цветов программа Photoshop Elements не создает новый текстовый слой. Вводимый текст появляется в виде маски.
Добавление текста
В панели управления выберите инструмент «Горизонтальный текст» или инструмент «Вертикальный текст» .
Выполните одно из следующих действий:
- Чтобы создать текст в режиме построчного ввода, нажмите изображение, чтобы задать начальную точку для текста.
- Чтобы создать текстовый блок, перетащите контурный прямоугольник, тем самым создавая поле для ввода текста.
Небольшая линия, проходящая через I-образный указатель, задает базовую линию текста. Применительно к тексту с горизонтальной ориентацией, базовая линия текста задает линию, на которую опирается текст, применительно к тексту с вертикальной ориентацией, базовая линия текста задает центральную ось символов шрифта.
(Необязательно) Выберите параметры текста, например шрифт, стиль, размер и цвет на панели «Параметры инструмента».
Введите текст. Если текстовое поле не создано, нажмите клавишу Enter, чтобы создать новую строку.
Текст появится в своем собственном слое. Чтобы просмотреть слои, нажмите F11 во вкладке «Эксперт».
Завершите создание текстового слоя, выполнив одно из следующих действий.
- Нажмите кнопку «Применить» .
- Нажмите кнопку «Ввод» на цифровой клавишной панели.
- Нажмите изображение за пределами текстового поля.
- Активизируйте другой инструмент на панели инструментов.
Параметры текстовых инструментов
На панели параметров задайте следующие параметры текстового инструмента:
Задает гарнитуру нового или имеющегося текста.
Задает способ начертания текста (жирный, курсив и т.д.) имеющегося текста.
Задает размер·нового или имеющегося шрифта.
Задает цвет нового или выделенного текста.
Задает промежуток между строками нового или выделенного текста.
Задает промежуток между символами нового или выделенного текста.
Задает жирное начертание нового или имеющегося шрифта. Используйте эту команду, если установленная гарнитура не имеет жирного начертания.
Задает курсивное начертание нового или имеющегося шрифта. Используйте эту команду, если установленная гарнитура не имеет наклонного начертания.
Задает подчеркивание текста.
Задает перечеркивание текста.
Указывается выравнивание текста. Горизонтальная ориентация текста позволяет выравнивать текст: по левому краю, по центру или по правому краю. При вертикальной ориентации текста: по верху, центру и низу.
Вкл./ выкл. ориентацию текста
Изменяет вертикальную ориентацию текста на горизонтальную и наоборот.
Деформирует текст на выделенном слое.
Применяет алгоритм сглаживания для создания более гладких границ текста.
Применение алгоритма сглаживания
A. Флажок «Сглаживание» снят B. Флажок «Сглаживание» установлен
Инструмент «Текст вдоль фигуры»
Можно добавлять текст в фигуры, доступные при выборе инструмента «Текст в фигуре».
Выберите инструмент «Текст вдоль фигуры» . Чтобы быстро сменить активный инструмент «Текст», выберите «Параметр» и нажмите активный инструмент.
Инструмент «Текст вдоль фигуры»
В перечне доступных фигур выберите фигуру, на которую необходимо добавить текст. Перетащите курсор на изображение, чтобы создать фигуру.
Чтобы добавить текст на изображение, наведите курсор на контур, пока значок курсора не будет показывать включение режима текста. Нажмите точку, чтобы добавить текст. Изменяйте текст таким же способом, как изменяется обычный текст.
Нажмите и введите текст.
После добавления текста нажмите «Применить» . Для некоторых фигур текст должен быть написан внутри. Можно перемещать текст по контуру или внутри/снаружи него. Для этого удерживайте нажатой клавишу Cmd и одновременно нажмите и перетащите курсор мыши (текст появляется по маленькой стрелке). Можно перетащить курсор в выделенную область: путь текста может проходить внутри или за пределами области.
Инструмент «Текст в выделенном фрагменте»
Добавьте текст по контуру пути, созданного на основе выделенного фрагмента. При сохранении выделенный фрагмент преобразуется в путь, по которому можно вводить текст.
- Выберите инструмент «Текст в выделенном фрагменте» . Чтобы быстро сменить активный инструмент «Текст», выберите «Параметр» и нажмите активный инструмент.
Инструмент «Текст в выделенном фрагменте»
2. Поместите курсор на объект изображения и перетащите курсор, пока не будет выделен требуемый фрагмент. Можно корректировать размер выделенного фрагмента с помощью ползунка «Сдвиг».
Выбор фрагмента.
При сохранении выделенный фрагмент преобразуется в путь.
3. Чтобы добавить текст на изображение, наведите курсор на контур, чтобы значок курсора показывал включение режима текста. Нажмите точку, чтобы добавить текст.
Добавление текста.
После того как текст будет добавлен, его можно изменять аналогично обычному тексту.
4. После добавления текста нажмите «Сохранить». Нажмите «Отмена», чтобы начать рабочий процесс заново.
Инструмент «Текст по заказному контуру»
Можно начертить и добавить текст по заказному контуру.
Выберите инструмент «Текст по заказному контуру» . Чтобы быстро сменить активный инструмент «Текст», выберите «Параметр» и нажмите активный инструмент.
Инструмент «Текст по заказному контуру»
Создайте в каждом делении заказной контур на изображении. Можно сохранить/отменить созданный в каждом делении контур, чтобы перерисовать его от панели параметров инструмента.
Чтобы уточнить или перерисовать контур, нажмите «Изменить»·на панели параметров инструмента. Используйте узлы, которые появляются на контуре, для его изменения.
После создания контура нажмите кнопку мыши в любом пункте вдоль контура, чтобы добавить текст. Изменяйте текст таким же способом, как изменяется обычный текст.
Добавление текста.
После добавления текста нажмите «Применить» .
Создание и использование шрифта-маски
Инструменты «Горизонтальный текст-маска» и «Вертикальный текст-маска» используются для выделения контуров текста. Выделение контура текста применяется для создания масок, из под которых может выглядывать фон изображения, или копирования текста на новое изображение. Различные параметры помогут создать уникальный вид изображения и графических композиций.
Результат использования инструмента «Горизонтальный текст-маска» для создания заполненной области выделения.
На вкладке «Эксперт» выделите слой, на котором должна расположиться выделенная область. Для достижения наилучших результатов не выделяйте кромку шрифта на текстовом слое.
Выберите инструмент «Горизонтальный текст-маска» или «Вертикальный текст-маска» .
Выберите дополнительные параметры шрифта (См. раздел «Параметры текстовых инструментов») и введите нужный текст.
Выделенный контур шрифта появится на изображении на активном слое.