Создаём полупрозрачный текст в Фотошоп. Прозрачный текст фотошоп


Как сделать прозрачный текст в Фотошопе

Как сделать прозрачный текст в ФотошопеСоздать прозрачный текст в Фотошопе несложно – достаточно снизить непрозрачность заливки до нуля и добавить стиль, подчеркивающий контуры букв.

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

Приступим.

Создаем новый документ нужного размера и заливаем фон черным цветом.

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

Затем меняем основной цвет на белый и выбираем инструмент «Горизонтальный текст».

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

Лучше всего будут смотреться шрифты, имеющие плавные линии. Я выбрал шрифт «Forte».

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

Пишем наш текст.

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

Создаем копию слоя с текстом (CTRL+J), затем переходим на оригинальный слой и дважды кликаем по нему, вызывая стили слоя.

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

Первым делом выбираем пункт «Тиснение». Выставляем настройки, как показано на скриншоте.

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

Затем выбираем пункт «Контур» и снова смотрим на скриншот.

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

Добавим Обводку с такими настройками:

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

И Тень.

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

Готово, нажимаем ОК.

Не переживайте, что ничего не видно, скоро все покажется…

Переходим на верхний слой и снова вызываем стили.

Снова добавляем Тиснение, но с такими настройками:

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

Затем определяем Контур.

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

Настраиваем Внутреннее свечение.

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

Нажимаем ОК.

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

Дальше самое интересное. Сейчас мы будем делать текст действительно прозрачным.

Все очень просто. Снижаем прозрачность заливки для каждого текстового слоя до нуля:

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

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

В данном случае фон добавляется между текстовыми слоями.

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

Фон можно взять готовый, либо нарисовать свой.

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

Вот, что получилось в итоге:

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

Внимательно настраивайте стили для текстовых слоев и получите вот такой красивый прозрачный текст. До встречи в следующих уроках.

Мы рады, что смогли помочь Вам в решении проблемы. Задайте свой вопрос в комментариях, подробно расписав суть проблемы. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

Да Нет

lumpics.ru

Прозрачный как стеклышко

В этом уроке Photoshop, мы будем учиться добавлять прозрачный текст на изображение несколькими способами. Первая техника - быстрая и легкая. Вторая намного интереснее, с использованием стилей слоя, кроме того мы рассмотрим разницу между двумя параметрами слоя: "Непрозрачность" ("Opacity") и Заливка ("Fill").

Этот урок сочетает в себе два направления - создание фото-эффекта и текстового эффекта.

Вот изображение, которое будет использоваться по ходу работы:

А вот результат, к которому мы будем стремиться:

Итак, начнем!

Шаг 1: Добавим текст к изображению.

Возьмите инструмент , установите белый цвет, выберите подходящий шрифт и размер. Далее напишите ваш текст. Здесь логично будет написать что-нибудь про дайвинг, например, "SCUBA DIVING"

Нажмите на галочку на верхней панели, когда закончите писать текст:

Шаг 2: Изменяем размер и положение текста с помощью Свободной трансформации.

Нажмите Ctrl+T , чтобы вызвать инструмент "Свободная трансформация". Разместите текст как вам больше нравится, измените размеры если это требуется (потяните за узелки рамки). Зажмите "Shift" - тогда трансформация пройдет без искажений.

Нажмите Enter, чтобы применить трансформацию.

Сейчас рассмотрим самый простой способ сделать текст прозрачным.

Шаг 3: Уменьшаем непрозрачность текстового слоя

Самый быстрый способ - это несомненно просто понизить параметр непрозрачности у слоя с текстом. Если мы посмотрим на шапку палитры слоев, то увидим там нужный параметр. Кликните по стрелочке и установите уровень непрозраности на 50%.

Вот что получается:

Вы можете самостоятельно регулировать прозрачность. Параметр непрозрачности около 30-50% будет хорошо смотреться, но не совершенно.

Как же сделать текст кристально прозрачным?

Для начала верните непрозрачность на 100%.

Шаг 4: Уменьшаем параметр "Заливка" ("Fill") до 0%

Наверно вы заметили, что под параметром "Непрозрачность" есть еще один, который называется "Заливка" ("Fill"). Если вы сейчас попробуете поиграть с ползунком этого параметра, то эффект будет тот же самый. В чем же тогда разница? Сейчас вы сами все поймете!

Шаг 5: Добавим стиль "Внешнее свечение" ("Outer Glow")

Внизу палитры слоев найдите кнопку - щелкните по ней и увидите список стилей, которые можно добавлять слою. Выберите там стиль Outer Glow - Внешнее свечение.

Появится диалоговое окно, где можно установить свои настройки.

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

Теперь самый главный момент! Попробуйте уменьшить прозрачность - все потихоньку исчезает. Верните назад.Теперь уменьшите заливку - исчезает только текст, но свечение остается!!!В этом и заключается секрет параметра "Заливка" (Fill) - слой становится прозрачным, а его стили не изменяются.

По умолчанию в настройках стиля "Внешнее свечение" стоит желтый цвет. Давайте поменяем этот цвет на более подходящий нашему изображению. Кликните по квадратику с цветом - попадете в палитру цветов:

Пипеткой щелкните не по палитре, а прямо по ярко-голубому цвету на фото:

Как видите цвет свечения поменялся на тот, который вы задали.

Сейчас увеличьте непрозрачность до 100%, далее увеличьте размер свечения до 20 px:

Нажмите OK. Вот что получилось на данный момент:

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

Шаг 6: Верните параметр Заливка - "Fill" на 100%

Снова ваш текст станет белым:

Шаг 7: Измените режим наложения слою с текстом на "Overlay" (Перекрытие)

В данный момент установлен режим нормальный, ничего особого не просходит. А теперь выберите из списка режим "Overlay" (Перекрытие):

Снова посмотрите на изображение. Текст как нам того хотелось прозрачный, но какие насыщенные стали цвета под текстом!

Если вам кажется, что режим Перекрытие слишком ярко себя показывает на вашем изображении, то попробуйте режим "Soft Light" - Мягкий свет.

Вы можете остановиться и здесь, но давайте добавим еще один стиль.

Шаг 8: Добавляем стиль "Inner Glow" - "Внутреннее свечение"

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

Установите такие настройки: режим наложение - Multiply (Умножение), непрозрачность 40%, размер 18 px

Нажмите ОК и можете себя поздравить! Вы справились с заданием!

Вот и результат:

До встречи на www.photoshop-master.ru!

photoshop-master.ru

Как сделать прозрачный текст в фотошопе. |

Это будет небольшой и легкий урок, как сделать прозрачный текст в фотошопе. Такой текст можно использовать в коллажах, в поздравительных открытках. И если сохранить созданный прозрачный текст  в формате PNG ( без фона), то его можно вставлять уже в готовом виде  в любые открытки. Сделаем в качестве примера такую картинку.

как сделать прозрачный текст в фотошопе

Создадим новый файл и на нем напишем текст.

1- Файл-создать. Размеры для файла возьмем небольшие 400 на 200 px.

new

Чтобы наш прозрачный  текст был виден, нужно залить файл каким-нибудь цветом.

2- Редактирование выполнить заливку. Здесь подойдет любой цвет.

text

3-На панели инструментов выбрать инструмент "текст"  text0. А на панели параметров поставить шрифт покрупнее, размер шрифта побольше и  цвет для текста -белый.

tipe

4-Написать текст.

text1

layer

 

5-В окне слоев кликнуть правой кнопкой мыши по слою с текстом и, в появившемся окошке, выбрать "растрировать текст". Теперь текст можно двигать, изменять.

layer1

 

Если размер текста не устраивает, увеличиваем его.

6-Редактирование-свободное трансформирование. Растянуть текст в стороны и вверх, двигая  мышкой  маячки.

text2a

Теперь с помощью стиля слоя сделаем прозрачный текст.

7-Слой-стиль слоя- параметры наложения.  В окошке меняете режим наложение  с нормального на умножение и непрозрачность заливки ставите "0".

stile

8-Не убирая это окошко, кликните по строчке "тиснение". В параметрах, я поставила "внутренний скос", "жесткая огранка", размер-2 и смягчение-4. У Вас могут быть свои размеры.

stile1

9-Окошко остается открытым. Выбрать "обводка". Параметры такие: размер-1, "снаружи", режим наложения "умножение"..

stile2

Все поставлено. Кликнуть "ok"

Получился такой прозрачный текст, созданный в фотошопе.

прозрачный текст в фотошопе

Пока файл не сохранили, можно добавить к тексту фон.

10-Файл-открыть.

fon

11-Перетянутьть мышкой этот фон на файл с текстом.

text4

 

12-В окне слоев опустить слой с листьями  (перетащить мышкой) под слой с текстом.

layer3

Теперь  видна прозрачность текста.

прозрачный текст

13-Слой-выполнить сведение.

layer4

14-Сохраняем файл.

А здесь можно посмотреть еще один интересный текстовой эффект.

 

kalejdoskopphotoshopa.ru

PhotoshopSunduchok - Как сделать прозрачную надпись

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

Так как сделать прозрачную надпись?

Тигр

Подобные публикации:

{smooth-scroll-top}

Откроем исходную фотографию.

Выберем инструмент "Горизонтальный текст" (Т) и напишем любое слово. Параметры текста, которые я использовал, Вы видите на скриншоте ниже.

Загрузим выделение букв, для этого, удерживая клавишу Ctrl, щёлкнем по миниатюре текстового слоя.

Сделаем активным слой "Задний план" (или фоновый слой) и нажмём сочетание клавиш Ctrl+J - скопируем выделение на новый слой.

Текстовый слой (самый верхний) удаляем, просто перетащив его на значок мусорной корзины.

Вызовем окно "Стиль слоя", для чего щёлкнем два раза левой клавишей мыши по верхнему слою в палитре "Слои".

В появившемся окне ничего не меняем, а просто проставляем галочки - "Тень", "Внутренняя тень", "Внутреннее свечение" и "Тиснение".

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

Сделаем активным нижний слой и вызовем окно "Уровни" - Ctrl+L.

Средний ползунок передвинем влево, тем самым осветлив изображение.

Получаем вот такой эффект.

А если в окне "Уровни" средний ползунок передвинуть вправо, то получим вот такой эффект.

А если вместо уровней вызвать команду "Цветовой тон/Насыщенность" ("Изображение - Коррекция - Цветовой тон/Насыщенность") и в появившемся окне ползунок "Насыщенность" передвинуть до конца влево (тем самым, обесцветив изображение), то получим вот интересный эффект, привлекающий внимание к самой надписи.

Мы с Вами ответили на вопрос: "Как сделать прозрачную надпись?".

 

Если Вы не хотите пропустить интересные уроки, информацию о бесплатных видеокурсах и другие новости сайта - подпишитесь на рассылку сайта. Форма для подписки находится ниже.

Скачать урок (454 Кб) в формате PDF:

Если Вам понравился совет, поделитесь ссылкой на него со своими друзьями в своих любимых социальных сетях, кнопки которых Вы видите перед комментариями. Спасибо!

{smooth-scroll-top}

www.photoshopsunduchok.ru

Как сделать полупрозрачный стеклянный текст в фотошопе

Как сделать полупрозрачный

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

В этом уроке по работе с фотошопом будет показан простой способ создания полупрозрачного стеклянного текста в фотошопе.

Водная текстура

Подобные публикации:

{smooth-scroll-top}

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

Выберем инструмент "Горизонтальный текст". Напишем произвольное слово. Параметры текста, которые я использовал, Вы видите на скриншоте ниже. Цвет текста не имеет значения.

В палитре "Слои" два раза левой клавишей мыши щёлкаем по верхнему слою.

Открывается окно "Стиль слоя", в котором активна по умолчанию вкладка "Параметры наложения". Здесь непрозрачность заливки устанавливаем на ноль.

Далее делаем активными следующие вкладки: "Тень", "Внутренняя тень", "Внутреннее свечение", "Тиснение", "Глянец" и "Обводка". Параметры, которые надо установить, Вы видите на скриншотах ниже. Если Вы затрудняетесь точно выставить все необходимые параметры, то ниже я покажу способ, как это сделать быстро.

Получаем вот такой полупрозрачный стеклянный текст в фотошопе.

Вот ещё один пример использования данного метода.

Скачать файлы в формате PSD Вы можете здесь .

Как быстро применить стили слоя к своему файлу? Откройте любой из двух скачанных файлов. Правой кнопкой мыши щёлкните по текстовому слою и выберите пункт "Скопировать стиль слоя".

Перейдите на свой файл. Правой кнопкой мыши щёлкайте по текстовому слою и выбирайте пункт "Вклеить стиль слоя". Все стили слоя моментально применятся к Вашему файлу.

Мы с Вами научились делать эффект полупрозрачного стеклянного текста в фотошопе.

Хотите не пропустить интересные уроки, полезные видеокурсы, другие классные приёмы работы в фотошопе и узнавать все новости в мире фотошопа ПЕРВЫМ?Введите свои данные в форму ниже.

Я против спама! Получение этих материалов добровольно.Можно отписаться в любой момент.

Спасибо! Проверьте свой e-mail и подтвердите подписку

Если у Вас есть желание опубликовать на страницах сайта Ваш результат выполнения урока, то вышлите мне на адрес Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра. document.getElementById('cloak7be69b8212dee3ec9437e35840302173').innerHTML = ''; var prefix = 'ma' + 'il' + 'to'; var path = 'hr' + 'ef' + '='; var addy7be69b8212dee3ec9437e35840302173 = 'luga19621' + '@'; addy7be69b8212dee3ec9437e35840302173 = addy7be69b8212dee3ec9437e35840302173 + 'mail' + '.' + 'ru'; var addy_text7be69b8212dee3ec9437e35840302173 = 'luga19621' + '@' + 'mail' + '.' + 'ru';document.getElementById('cloak7be69b8212dee3ec9437e35840302173').innerHTML += ''+addy_text7be69b8212dee3ec9437e35840302173+''; Вашу работу и название урока, который Вы использовали при создании своей работы и он обязательно будет опубликован на странице сайта с описанием урока.

Если Вам понравился совет, поделитесь ссылкой на него со своими друзьями в своих любимых социальных сетях, кнопки которых Вы видите перед комментариями. Спасибо!

Скачать урок (305 Кб) в формате PDF можно здесь.

{smooth-scroll-top}

www.photoshopsunduchok.ru

Создаём полупрозрачный текст в Фотошоп

Стили слоя являются мощным инструментом в Photoshop,  которые позволяют быстро создавать эффекты, которые можно применить к дополнительным объектам.

Сегодня мы покажем, как использовать стили слоя для создания эффекта заполнения жидкостью текста в Photoshop.Давайте начнем!

Шаг 1. Начните с создания нового документа, 1500px по 1000px.Заполните фон с линейным градиентом ,  используя цвет #acacac, как цвет переднего плана и #e1e1e1 как цвет фона. Начните с нижней части документа и направление должно быть вверх.

Шаг 2. Теперь введите текст, который вы хотите "полузалить",  используя цвет #dbdbdb, размер 300 пикселей,  и шрифт типа "Cooper Std". Было бы неплохо использовать жирный шрифт.Дублируйте слой с текстом комбинацией (Сtrl + J),  и переименуйте оба слоя, как показано на рисунке ниже.

Шаг 3. Дважды щелкните на нижний слой (Ваш текст - внизу), и примените следующие стили слоя:

Тень:

Внутренняя тень:

Тиснение/скос:

Контур:

Шаг 4. Теперь, измените значение заливки верхнего слоя (Ваш текст - сверху), со значением  (0%), затем дважды щелкните по нему, и примените следующие стили слоя:

Внутренняя тень:

Тиснение/скос:

Контур:

Шаг 5. Используйте Rectangle Tool - "Прямоугольник",чтобы нарисовать прямоугольник,  который охватывает нижнюю половину текста,  цвет должен быть #aa4280. Убедитесь, что слой прямоугольник  между двумя слоями текста ("Ваш текст - снизу" и "Ваш текст - сверху").

Шаг 6. Выберите Add Anchor Point Tool - Инструмент "Перо+",  и начинайте добавлять узловые точки на краях букв, где они пересекаются с прямоугольником.

Шаг 7. Как только вы закончите, начинайте добавлять точки между ребрами, чтобы они определяли вершины и основания жидкости.  После добавления точек, используйте Direct Selection Tool - Инструмент "Стрелка", чтобы выбрать те точки и переместить их вверх и вниз.Вы можете также использовать "Удалить опорную точку",  чтобы удалить нежелательные точки. Продолжайте изменять положения точек, пока вы не будете удовлетворены результатом.

Шаг 8. Мы собираемся применить растеризацию слоя прямоугольной формы,  Для этого правой кнопкой мыши кликаем на копию, и выберите Rasterize Layer - "Растрировать слой". Щелкните правой кнопкой мыши на значке одного из текстовых слоев, чтобы создать выделение, а затем нажмите Ctrl + Shift + I, чтобы инвертировать выделение, и нажмите Удалить.

Шаг 9. Дважды щелкните на "Растрировать слой формы", и примените следующие стили:

Тень:

Внутренняя тень:

Тиснение/скос:

Текстура:

Глянец:

Наложение цвета:

Наложение градиента:

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

Удачи.

(нажмите на изображение, чтобы увеличить)

Автор: Rose 

photoshop-master.ru


Смотрите также