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

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

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

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

Файл практики: STgolf-practicefile.png

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

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

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

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

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

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

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

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

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

Отслеживание регулирует расстояние между буквами в выделенном тексте или блоке текста. На панели символов мы введем -150 в текстовое поле набора отслеживания. Тем не менее, вы можете вводить разные цифры, пока расстояние между буквами не будет вам по вкусу.

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

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

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

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

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

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

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

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

Обтравочная маска

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

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

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

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

Обведите текст

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

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

Настройте параметры

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

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

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

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

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

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

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

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

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

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

Цвет фона

Если фоновый слой еще выбран, а инструмент «Ведро с краской» выбран на панели «Инструменты», мы щелкнем прозрачный фон, чтобы залить его цветом.

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

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

Оцените статью
Solutics.ru
Добавить комментарий