Skip to main content

Поместите изображение внутри текста с помощью Photoshop

Размещение надписи за объектом изображения в Photoshop (Май 2024)

Размещение надписи за объектом изображения в Photoshop (Май 2024)
Anonim

Для этого урока мы будем использовать Photoshop для размещения изображения внутри текста. Для этого требуется обрезающая маска, которую легко сделать, как только вы знаете, как это сделать. Photoshop CS4 был использован для этих скриншотов, но вы должны иметь возможность следовать вместе с другими версиями.

01 из 17

Использование Photoshop для размещения изображения внутри текста

Чтобы начать, щелкните правой кнопкой мыши по ссылке ниже, чтобы сохранить файл практики на вашем компьютере, затем откройте изображение в Photoshop.

Практический файл: STgolf-practicefile.png

02 из 17

Назовите слой

На панели «Слои» дважды щелкните имя слоя, чтобы выделить его, затем введите имя «изображение».

03 из 17

Добавить текст

В панели слоев мы нажмем на значок глаза, чтобы сделать изображение невидимым. Затем мы выберем инструмент «Текст» на панели «Инструменты», щелкните один раз на прозрачном фоне и введите слово «ГОЛЬФ» заглавными буквами.

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

04 из 17

Изменить шрифт

Шрифт должен быть полужирным, поэтому мы выберем «Окно»> «Символ», и с выбранным инструментом «Текст» и выделенным текстом я изменю шрифт на панели «Символ» на «Ариал-черная». Вы можете выбрать этот шрифт или похожий.

Я наберу «100 pt» в текстовом поле размера шрифта. Не беспокойтесь, если ваш текст пробегает по сторонам фона, так как следующий шаг исправит это.

05 из 17

Установите отслеживание

Отслеживание регулирует пространство между буквами в выбранном тексте или блоке текста. На панели «Символ» мы напечатаем -150 в текстовое поле set tracking. Хотя вы можете вводить разные числа, пока пространство между буквами не по себе.

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

06 из 17

Свободное трансформирование

С помощью текстового слоя, выбранного на панели слоев, мы выберем Edit> Free Transform. Для этого используется сочетание клавиш Ctrl + T на ПК и Command + T на Mac. Граничный прямоугольник будет окружать текст.

07 из 17

Масштабировать текст

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

При желании вы можете ограничить масштаб, удерживая клавишу Shift при перетаскивании. И вы можете щелкнуть и перетащить в ограничительную рамку, чтобы переместить ее туда, где вам нравится. Мы переместим ограничивающий прямоугольник, чтобы центрировать текст в фоновом режиме.

08 из 17

Переместить слой изображения

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

09 из 17

Обрезная маска

С выбранным слоем изображения мы выберем Layer> Create Clipping Mask. Это поместит изображение внутри текста.

10 из 17

Переместить изображение

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

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

11 из 17

Описать текст

Мы хотим набросать текст. мы откроем окно Layer Style, выбрав Layer> Layer Style> Stroke.

Знайте, что есть другие способы открыть окно стиля слоя. Вы можете дважды щелкнуть текстовый слой или выбрать слой с текстом, щелкнув значок стиля слоя внизу панели «Слои» и выбрать «Обводка».

12 из 17

Настройка параметров

В окне Layer Style мы проверим «Stroke» и сделаем размер 3, выберите «Outside» для позиции и «Normal» для режима наложения, затем переместите ползунок «Непрозрачность» в крайнее правое положение, чтобы сделать его на 100 процентов. Затем я нажму на поле цвета. Появится окно, которое позволяет мне выбрать цвет хода.

13 из 17

Выберите цвет обводки

Мы нажмем на слайдер цвета или переместим треугольник цветного слайдера вверх или вниз, пока нам не понравится то, что мы видим в поле «Цвет». Мы переместим круговой маркер в поле «Цвет» и нажмем, чтобы выбрать цвет штриха. Мы нажмем OK и снова нажмем OK.

14 из 17

Создать новый слой

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

На панели «Слои» мы нажмем значок «Создать новый слой». Мы нажмем и перетащите новый слой под другие слои, дважды щелкните имя слоя, чтобы выделить его, затем введите имя «фон».

15 из 17

Выберите цвет фона

При выбранном фоновом слое мы нажмем на поле выбора цвета переднего плана на панели «Инструменты», так как Photoshop использует цвет переднего плана для выделения красок, заливки и выделения.

Из Color Picker мы нажмем на слайдер цвета или переместим треугольник цветного слайдера вверх или вниз, пока нам не понравится то, что мы видим в поле «Цвет». Мы переместим круговой маркер в поле «Цвет» и выберите цвет, затем нажмите «ОК».

Другой способ указать цвет с помощью Color Picker - ввести номер HSB, RGB, Lab или CMYK или указать шестнадцатеричное значение.

16 из 17

Цвет фона

Когда выбранный фоновый слой выбран и инструмент Paint Bucket, выбранный на панели «Инструменты», мы нажмем на прозрачный фон, чтобы заполнить его цветом.

17 из 17

Сохранить готовое изображение

Вот конечный результат; изображение внутри выделенного текста на цвет фона. Выберите «Файл»> «Сохранить», и все сделано!