Транспарант с прозрачным текстом в Фотошопе

Пятница, 05 Апреля 2013 г. 17:48 + в цитатник

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

Предварительный просмотр

Давайте начнём. Для работы мы будем использовать последнюю версию программы Photoshop CS6, но и другая не самая старая версия будет работать.

Шаг 1: Добавление нового слоя

Скачайте и откройте изображение.

Создайте новый пустой слой, нажав на кнопку Новый слой (New Layer) внизу панели слоев.

Photoshop добавит новый пустой слой с именем «Layer 1» выше вашего изображения на фоновом слое.

Шаг 2: Заполните новый слой с белым цветом

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

Заполните слой белым цветом. Для этого перейдите в меню Редактирование> Выполнить заливку (Edit> Fill).

В диалоговом окне Заполнить (Fill) из выпадающего меню выберите белый цвет, остальные настройки оставьте по умолчанию.

Нажмите кнопку OK, чтобы закрыть диалоговое окно Заполнить (Fill) и Photoshop заполнит ваш слой «Layer 1» белым цветом.

Шаг 3: Снижение непрозрачности слоя

Чтобы сделать из белого цвета полупрозрачный полупрозрачный фон для нашего текста, все, что вам нужно сделать, это снизить значение непрозрачности слоя. Вы найдете опцию Непрозрачность (Opacity) в правом верхнем углу панели Слои (Layers). По умолчанию значение непрозрачности установлена на 100%. Чем больше вы снизите его, тем виднее станет фото с нижнего слоя. Вы можете легко вернуться назад и в любое время изменить значение непрозрачности. Снизьте Непрозрачность (Opacity) до 70%.

Теперь вы можете увидеть оригинальную фотографию через заполненный белым цветом слой.

Шаг 4: Добавление текста

Теперь добавьте ваш текст. Выберите инструмент Текст (Type Tool) на панели инструментов.

На панели управления выбранным инструментом задайте нужный шрифт и его размер. Мы для нашего примера использовали шрифт Century Gothic Bold, но вы можете использовать любой другой шрифт, который вам нравится. На данный момент размер шрифта не играет особой роли, установите любой.

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

Щёлкните внутри документа и введите слова «NEW YORK CITY»

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

Слой с текстом будет расположен над слоем с белым фоном.

Шаг 5: Изменение размера шрифта с помощью инструмента Свободная трансформация (Free Transform)

Если для Вашего текста должен быть изменен размер, то убедитесь, что текстовый слой выбран (выделен синим цветом) в панели Слои (Layers), а затем перейдите в меню Редактирование (Edit) и выберите команду Свободная трансформация (Free Transform). Так же можете просто нажать комбинацию клавиш Ctrl + T на клавиатуре, чтобы быстро выбрать инструмент Свободная трансформация (Free Transform).

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

Вы также можете переместить текст вокруг внутри документа, для этого нажмите в любом месте внутри окна инструмента Свободная трансформация (Free Transform) и, опять же с помощью нажатой кнопки мыши перетащить его на новое место. Как только закончите все изменения. Нажмите клавишу Enter на клавиатуре.

Шаг 6: Группировка слоёв

Далее нужно поместить эти два слоя в группу. Чтобы сделать это, вам в первую очередь необходимо выделить оба слоя в панели Слои (Layers). Сначала выделите один слой, а затем удерживая нажатой клавишу Shift щёлкните мышью на втором. Это позволит выбрать оба слоя одновременно (оба будут выделены синим цветом).

Далее перейдите в меню Слои (Layers) и выберите команду Сгруппировать слои (Group Layers).

Это действие позволит вам добавить эти оба слоя в новую группу, которую создаст Photoshop с именем «Группа 1». По умолчанию группа закрыта, поэтому мы не видим слои внутри неё. Нажмите на маленький треугольник и вы откроете группу и увидите её содержимое.

Шаг 7: Выбор текстового слоя

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

Нажмите на текстовый слой, чтобы выделить его.

Шаг 8: Откройте стили слоя

Нажмите на маленькую иконку в верхнем правом углу панели Слои (Layers).

Выберите команду Параметры наложения (Blending Options).

В результате откроется окно со всеми стилями слоя. Измените настройку Просвечивание (Knockout) на Мелкое (None to Shallow).

Затем снизьте Непрозрачность заливки (Fill Opacity) до 0%.

Нажмите кнопку OK, чтобы закрыть в диалоговом окно Стили слоя (Layer Style) и посмотрите на результат.

Шаг 9: Выбор слоя «Layer 1»

Теперь давайте изменим размеры белой полупрозрачной области и сделать из неё транспарент. Выберите слой «Layer 1».

Шаг 10: Изменение размера фона

Выберите инструмент Свободная трансформация (Free Transform), или нажмите комбинацию клавиш Ctrl + T на клавиатуре.

Измените размер слоя и нажмите клавишу Enter, чтобы применить изменения.

Теперь можно окончательно отрегулировать значение непрозрачности для слоя «Layer 1». Увеличение значения непрозрачности сделает текст более читаемым. Увеличьте непрозрачность с 70% до 80%.