С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Транспарант с прозрачным текстом в Фотошопе

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

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

 

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

 

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

 

 

Давайте начнём. Для работы мы будем использовать последнюю версию программы 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%.

 

 

Финальное изображение

 

 

Вот и всё. Урок по теме - Эффект текста на запотевшем стекле в Фотошопе.

 


Автор урока: Стив Паттерсон

 

Переводчик урока: Ирина Шипилова 

Ссылка на источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 05.04.2013
  •   Просмотров: 11146
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

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

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки