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

Из этого туториала Вы узнаете, как создать прозрачный текст в Photoshop, чтобы изображение позади текста отображалось через буквы! Пошаговое руководство для Photoshop CC, CS6 и более ранних версий.

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

Создать прозрачный текст в Photoshop легко. Мы начинаем с добавления нового слоя над изображением и заливки его белым. Затем мы добавляем наш текст. Чтобы сделать текст прозрачным, мы используем расширенные параметры наложения Photoshop (не беспокойтесь, это очень простые «расширенные» параметры), чтобы превратить наш слой Type в слой «Knockout», который пробивает отверстия вплоть до изображения в формах наших писем!

Я буду использовать Photoshop CC для этого урока, но каждый шаг полностью совместим с Photoshop CS6 и более ранними версиями. Вот как будет выглядеть прозрачная текстовая область, когда мы закончим:

Эффект прозрачного текста.

Давайте начнем!

Как добавить прозрачный текст

Шаг 1: Откройте ваше изображение

Начните с открытия изображения, где вы хотите добавить прозрачный тип. Я загрузил это изображение горизонта Нью-Йорка из Adobe Stock :

Исходное изображение. Фото предоставлено: Adobe Stock.

Шаг 2: Добавить новый слой

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

Нажав на иконку «Новый слой».

Новый слой с именем «Слой 1» появляется над фоновым слоем:

Новый слой добавлен.

Шаг 3: залейте новый слой белым

Мы будем использовать этот слой, чтобы создать область белого цвета, которая будет окружать текст. Заполните слой белым, зайдя в меню « Правка» в строке меню и выбрав « Заполнить» :

Перейдите в Edit> Fill.

В диалоговом окне «Заливка» установите для параметра « Содержимое» вверху значение « Белый» и нажмите кнопку «ОК»:

Выбор белого в качестве цвета заливки.

Фотошоп заполняет слой белым, временно блокируя изображение из вида:

Новый слой теперь заполнен белым.

Шаг 4: Понизь непрозрачность слоя

Понизьте непрозрачность «Слоя 1» до 75% . Параметр «Непрозрачность» находится в правом верхнем углу панели «Слои».

Понижение непрозрачности «Слоя 1» до 75%.

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

Изображение теперь отображается через «Слой 1».

Шаг 5: Выберите инструмент Type

Выберите инструмент « Текст» на панели инструментов :

Выбор инструмента «Текст».

Шаг 6: выбери свой шрифт

Выберите свой шрифт на панели параметров . Я буду использовать Futura PT Heavy, который я скачал с Adobe Typekit , но подойдет любой шрифт:

Выбор шрифта на панели параметров.

По-прежнему в панели параметров установите размер шрифта на 72 пункта . Нам нужно будет изменить размер текста после того, как мы добавим его, но это даст нам самый большой заданный размер:

Установка размера шрифта до 72 пунктов.

Шаг 7: установите цвет шрифта на черный

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

Типовой образец цвета на панели параметров.

Шаг 8: добавь свой текст

Нажмите внутри документа и добавьте свой текст. Я наберу слова «Нью-Йорк Сити»:

Добавление текста к изображению.

Нажмите на галочку в панели параметров, чтобы принять ее:

Нажмите на галочку, чтобы принять текст.

На панели «Слои» новый слой «Тип» отображается над «Слоем 1»:

Панель «Слои» с новым слоем «Тип».

Шаг 9: измени размер текста

Перейдите в меню « Правка» в строке меню и выберите « Свободное преобразование» :

Перейдите в Edit> Free Transform.

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

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

Чтобы переместить текст, щелкните внутри поля «Свободное преобразование» и перетащите его на место. Я перенесу свой текст перед ватерлинией. Когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре:

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

Шаг 10: Откройте параметры наложения

Выбрав слой «Тип», щелкните значок « Стили слоев» (значок « fx» ) внизу панели «Слои»:

Нажав на значок Стили слоя.

Выберите Blending Options в верхней части списка:

Выбирая «Варианты смешивания».

Откроется диалоговое окно «Стиль слоя» в Photoshop с основными параметрами наложения. В разделе Advanced Blending измените Knockout с None на Shallow . Это превращает слой Type в «нокаутирующий» слой, что означает, что Photoshop будет использовать формы букв, чтобы пробить «Layer 1» и показать изображение на фоновом слое:

Установите опцию «Knockout» на «Shallow».

Чтобы увидеть эффект, перетащите ползунок Fill Opacity до 0% :

Уменьшение непрозрачности заливки до 0%.

Нажмите кнопку ОК, чтобы закрыть диалоговое окно «Стиль слоя». Текст не только сам стал прозрачным, но и область «Слоя 1», расположенная непосредственно под текстом, как если бы текст пробивал дыру прямо в нем. Теперь мы можем видеть изображение на фоновом слое через буквы:

Эффект после превращения слоя Type в нокаутирующий слой.

Шаг 11: выберите «Слой 1»

Давайте изменим белую область вокруг текста, чтобы она не закрывала всю фотографию. Нажмите на слой 1 на панели слоев, чтобы выбрать его:

Выбираем «Слой 1».

Шаг 12: измени размер слоя со свободным преобразованием

Перейдите в меню « Правка» и еще раз выберите « Свободное преобразование» :

Перейдите в Edit> Free Transform.

Перетащите верхнюю и нижнюю ручки в направлении текста. Нажмите Enter (Win) / Return (Mac) на клавиатуре, когда закончите:

Изменение размера белой области вокруг текста с помощью Free Transform.

Шаг 13: отрегулируйте непрозрачность слоя

Наконец, настройте непрозрачность «Слоя 1», чтобы настроить видимость текста. Увеличение непрозрачности сделает белую область вокруг текста более сплошной, а текст будет легче читаться. Уменьшение непрозрачности приведет к исчезновению текстовой области на изображении. Я установлю непрозрачность на 85%:

Увеличение значения непрозрачности до 85%.

И вот, после увеличения непрозрачности, мой окончательный результат «прозрачная текстовая область»:

Окончательный эффект прозрачного типа.

Выявление слоя, отличного от фонового

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

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

Будьте первым, кто узнает, когда будут добавлены новые учебники!

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

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

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

Так как сделать прозрачный текст в Фотошопе (Photoshop)? Начнем:

Создание прозрачного текста

1. Для начала нужно создать новый документ с заданными размерами, фон залить черным.

2. Основной цвет поменять, сделав белым. Выбрать на панели инструментов «Горизонтальный текст».

3. Выбрать шрифт – лучше всего с плавными линиями, например, Helvetica, Yanone Kaffeesatz или Cochin Italic. Такой шрифт будет лучше смотреться в готовом документе. Мы выбрали для урока шрифт “Yanone Kaffeesatz”. Уж очень мы его любим.

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

5. Сделать копию текстового слоя (можно воспользоваться горячими клавишами CTRL+J).
6. Вернуться к основному слою. Щелкнуть правой кнопкой мыши и выбрать “Параметры наложения”.

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

7. Здесь вначале выбрать параметр «Тиснение» и выставить следующие настройки: стиль – Внешний скос, метод – Жесткая огранка, контур глянца – Сглаживание, режим подсветки – Линейный свет – то есть все, как указано на скриншоте. Квадратик внизу нужно сделать серым.

8. Выбрать параметр «Контур» и настроить его, согласно скриншоту.

9. Следующим нужно настроить параметр “Обводка”, следуя скриншоту:

10. Последней настроить «Тень»:

11. Нажать OK и вернуться к верхнему слою (то есть копии текстового слоя). Вызвать панель со стилями этого слоя двойным кликом левой клавиши мыши.
12. Здесь также добавить тиснение со следующими настройками:
    Цвет в нижнем квадратике должен быть темно-серым.

13. Следующий пункт – определить контур, согласно скриншоту:

14. Далее настроить внутреннее свечение:

    И нажать OK. Получаются вот такие слои с эффектами.

15. Дальше и происходит волшебство – текст делается прозрачным. Для этого нужно снизить прозрачность заливки обоих текстовых слоев – оригинала и копии – до 0%.

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

    Лучше не делать очень ярким, иначе прозрачность будет не столь заметна, как хочется.

Результат

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

Ими можно будет украсить любой документ. Удачи!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Приступим.

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

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

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

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

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

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

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

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

И Тень.

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

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

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

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

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

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

Нажимаем ОК.

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

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

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

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

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

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

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

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

Мы рады, что смогли помочь Вам в решении проблемы.

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

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

ДА НЕТ

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

ТРИ СПОСОБА СДЕЛАТЬ НАДПИСЬ НА ФОТО

Если вы решили подписывать свои фотографии перед тем как размещать их в интернете, но не знаете как это сделать — то эта статья, возможно, поможет вам.

Расскажу о трех легких способах:

• просто надпись в Paint
  
• прозрачная выпуклая надпись в Photoshop
  
• надпись в Picasa

  Все картинки увеличиваются при нажатии.

  Первый способ:

  Не требует установки каких-либо программ, т.к. всё необходимое у вас уже есть. Это Paint — стандартная программа, которая входит в пакет программ на вашем компьютере.

  Шаг 1: Откройте изображение с помощью этой программы. В меню выберите «Палитра» и подберите подходящий цвет текста. Это можно сделать и в правом нижнем углу экрана.

  В меню «Рисунок» уберите галочку с пункта «непрозрачный фон»

  Выберите инструмент «текст»

  Сделайте надпись. Шрифт можно менять, делать жирным, изменять его размер.

  Второй способ:

  Программа Adobe Photoshop. Её надо установить на компьютер или можно пользоваться он-лайн версией.

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

  Откройте рисунок с помощью этой программы. Выберите инструмент «Текст». Напечатайте свой текст.

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

  Выберите меню «Слой»>>>>»Тиснение». При этом вы должны находится в режиме текста (это тот слой с которым мы сейчас работаем; увидеть в каком слое мы сейчас можно на панели справа)

  Можете поиграться с настройками «Тиснения» и посмотреть, что получится. А можете всё оставить как есть и ничего не трогать, эффект тиснения уже у нас получился.

  Делаем прозрачным текст. Справа в окошечке у нас есть «бегунок» со словом Заливка. Ставим значение на ноль.

  Сохраняем наш измененный рисунок: Файл>>>Сохранить как

  Способ третий

  Программа Picasa

  Это гугловский продукт, распространяется бесплатно. Очень удобен при работе с фотографиями, т.к. не такой сложный как Фотошоп, всё понятно на интуитивном уровне. С помощью Пикасы можно pедактировать быстро редактировать фото, отправлять их в веб-альбомы или сразу в блог и много
  чего еще. Но нас сейчас интересует текст

  Непосредственно в самой программе можно написать текст поверх фото благодаря заветной кнопочке. На ней написано «ABC» (указана зеленой стрелкой). Нажимаете эту кнопочку и дальше следуете текстовым подсказкам. Всё очень-очень просто! Не забудьте сохранить свою подписанную фотографию.

  Можно еще воспользоваться Picnik — он-лайн редактор фотографий.

  Откройте картинку с помощью Picasa. Выберите там кнопочку Picniк (на предыдущем фото она обозначена красной стрелкой) и следуйте инструкции (помните, вы должны быть подключены к интернету).

  Когда загрузился Picniк, выберите вкладку «создать» и в ней меню «текст»

  В поле для ввода текста введите надпись и нажмите «добавить»

  Появившуюся надпись можно повернуть по всякому, изменить её цвет, размер и даже сделать полупрозрачной — смотрите справа в окошечке.

  Потом, когда закончите — не забудьте нажать на кнопку «Сохранить».

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

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

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

Если у Вас еще не установлен фотошоп, Вы им очень редко пользуетесь или он на английском, можете сделать прозрачный фон в Paint.net . Это простой русскоязычный редактор изображений, который займет не много места на жестком диске. Перейдя по ссылке, Вы можете прочесть подробную статью. Скачать программу Paint.net можно с нашего сайта.

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

Открываем нужное изображение в редакторе. Теперь сделаем прозрачный фон для слоя. В окне «Слои»
кликаем два раза мышкой по добавленному слою – напротив него будет стоять замочек. Откроется окно «Новый слой»
, нажмите в нем «ОК»
. После этого замочек исчезнет.

Выбираем инструмент «Волшебная палочка»
. В строке свойств укажите уровень чувствительности, позадавайте разные значения, чтобы понять, как он работает, например 20 и 100. Чтобы снять выделение с рисунка нажмите «Ctrl+D»
.

Задаем чувствительность и нажимаем волшебной палочкой на область фона. Чтобы добавить к выделенному фону, те части, которые не выделились, зажмите «Shift»
и продолжайте выделение. Для удаления выделенных областей нажмите «Delete»
.

Теперь вместо фона шахматная доска – это значит, что у нас получилось сделать белый фон прозрачным. Снимаем выделение – «Ctrl+D»
.

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

В этом случае, воспользуемся инструментом «Быстрое выделение»
. Кликаем по волшебной палочке левой кнопкой мыши с небольшой задержкой и выбираем из меню нужный инструмент.

Теперь нужно выделить объект, который мы хотим оставить на прозрачном фоне. В строке свойств устанавливайте различные размеры и кликайте на объект, добавляя к нему области. Если ошибочно выделится ненужный фон, нажмите «Alt»
и уберите его.

Для просмотра результата нажмите «Q»
. Розовым будут выделены те части изображения, которые станут прозрачными.

Копируем выделенные области, нажав «Ctrl+C»
. Дальше создаем новый файл, «Ctrl+N»
, с прозрачным фоном.

Вставляем в него скопированные фрагменты, «Ctrl+V»
. Если на них остались ненужные части фона, уберите их, используя инструмент «Ластик»
. Сохраняем сделанные на прозрачном фоне картинки в формате PNG или GIF.

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

Оценить статью:

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

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

Начинается всё с открытия программы Adobe Photoshop и создания нового файла. Делается это при помощи сочетания клавиш «Ctrl+N». Выберите любое удобное вам разрешение (в нашем случае это 700 x 700 пикселей). В поле «Содержимое фона» выберите вариант «Прозрачный». Нажмите кнопку «OK».

Прозрачный текст в Photoshop

Активируйте инструмент «Горизонтальный текст». Напишите какое-нибудь слово. У вас это может быть адрес сайта, собственное имя или что-либо ещё. В одном из предыдущих наших уроков было рассказано обо всех возможных операциях с текстом в Adobe Photoshop. Повторяться смысла не имеет. Сейчас вы сами сможете оформить текст. Выберите подходящий шрифт, его размер, а также примените к слою разные стили. Можете даже воспользоваться кнопкой «Деформировать текст».

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

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

Однако сначала воспользуйтесь инструментом «Рамка». С его помощью необходимо произвести кадрирование. Отсеките лишние места, оставив только часть с текстом.

Теперь из этой надписи нужно сделать прозрачный текст. В «Фотошопе» для этого используется панель «Слои». В её верхней части располагается строка «Непрозрачность».

В ней имеется ползунок, с помощью которого настраивается степень непрозрачности. Необходимый процент можно ввести и с помощью клавиатуры. Поставьте непрозрачность на уровне 50-60%. В некоторых случаях можно прозрачный текст в «Фотошопе» сделать ещё менее заметным. Всё зависит только от вашей фантазии и поставленных задач.

Остается лишь сохранить прозрачный текст. В Photoshop для этого используется сочетание клавиш «Ctrl+S». Сохранять изображение необходимо в формате PNG.
Накладывается полученная надпись на любое изображение очень просто. Откройте картинку с полупрозрачным текстом в «Фотошопе». Воспользуйтесь функцией «Выделить всё» (для этого можно задействовать сочетание клавиш «Ctrl+A»). Скопируйте изображение. Затем откройте в Photoshop фотографию, на которой вы хотите видеть вашу надпись. Нажмите комбинацию клавиш «Ctrl+V» или перейдите по пути «Редактирование >> Вставить». При помощи инструмента «Перемещение» поместите надпись в нужную область снимка. Также можно изменить размеры текста, воспользовавшись функцией «Свободное трансформирование». Если прозрачность кажется недостаточной, то на помощь придет соответствующий пункт в панели «Слои».

Вот так легко в графическом редакторе Adobe Photoshop создается прозрачный текст. Это ещё раз подтверждает тот факт, что данная программа должна иметься у любого веб-мастера.

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

1. Надпись в
Paint

.

2.
Надпись в
Photoshop.

Сделать надпись на фото в Paint

.

Шаг №1

.
Находим нужное изображение и к
ликаем по нему правой кнопкой
мыши. Выбираем графу — Открыть с помощью
Paint
. Подбираем нужный цвет надписи в разделе «Палитра»
(Рис.1

)

.

Шаг №2

.
В верхнем меню «Рисунок
», убираем галочку «непрозрачный фон».

Выбираем инструмент «Надпись
» (Рис.2).

Шаг №3

.
Выбираем область, где вы хотите сделать надпись. Появится таблица со шрифтами, размером. Если не появилась, заходим
и
ставим
галочку
«Вид
»
à
«
Панель

атрибутов текста

».
Выбираем нужные параметры для нашей надписи и делаем клик левой клавиши мышки в любую область картинки (Рис.3).

Шаг №3

.
После получения надписи на фото, нажимаем «Файл»
-> «
Сохранить как

», в
ыбираем формат, в котором мы хотим сохранить наше изображение, пишем имя файла и выбираем место куда сохранить. (Рис.4).

Видео.Как сделать надпись на фото? Программа Paint.

Сделать надпись на фото в Photoshop.

Шаг №1

. Перед началом нужно установить Photoshop.

Будем делать прозрачный выпуклый текст. Нажимаем на изображение правой кнопкой мыши, выбираем «открыть с помощью
» -> «Photoshop»

(если у вас он не установлен, в списке его не будет)
. Выбираем инструмент «Текст
» или «
Horizontal

Type

Tool

»
(если у вас

установлена английская версия). Набираем текст, выбираем размер, цвет и нужный шрифт (Рис. 1).

Шаг №2

. В меню выбираем «Слои
» ->
«
Тиснение

». При
этом, мы должны стоять на слое, с которым нам нужно работать. Справа в нижнем углу он подсвечен, синим цветом (Рис.2).

Шаг №3

. После нажатия «Тиснение» будет виден результат после чего, нажимаем «Да» и сохраняем наше изображения («
Файл

»
->
«Сохранить как
») или можете
поэкспериментировать с параметрами и настройками. Далее делаем прозрачный текст (справа два значения по 100%, берем второе значение и регулируем прозрачность). После всех действий не забудьте сохранить ваше изображение.

Видео.Как сделать надпись на фото? Программа Photoshop.

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

Online-letters.ru – один из самых популярных сайтов с онлайн шрифтами в Рунете. Страница сайта имеет самое необходимое – то, зачем пришел посетитель, а именно красивые шрифты по видам и стилям. Попадая на главную страницу http://online-letters.ru , вы увидите перед собой виды шрифтов. Слева в блоке можно выбрать категории, например – печатный, gothic, сказочный. Чтобы написать текст онлайн шрифтом выберите один из разделов слева.

Сервис красивых шрифтов — online-letters.ru

1. Откроется окно, в котором вам нужно вписать текст, который будет преобразован в выбранный вами шрифт. Подтвердите соответствующей кнопкой.
2. На следующей странице вы должны выбрать один из предлагаемых вариантов шрифта. Для этого пролистайте и ознакомьтесь со всеми вариантами, а после того, как определитесь с выбором, установите чекбокс напротив нужного шрифта.
3. Справа от шрифта появится синяя кнопка «Далее», нажмите на нее.
4. В следующем окне вам нужно выбрать цвет шрифта, размер и обводку букв и после нажать «Сгенерировать».
5. Откроется окно, в котором вы увидите готовый вариант вашей фразы и варианты ее получения. Вы можете скопировать ссылку для форума, для скачивания, для вставки в HTML-код. Если вы хотите просто скачать надпись на свой компьютер, выберите «Для скачивания», скопируйте ссылку (для этого выделите ее, нажмите правую кнопку мыши и выберите «Копировать».
6. Затем откройте новое окно, вставьте ссылку в адресной строке браузера, нажав CTRL+V и перейдите на нее. В открывшемся окне будет ваша надпись, нажмите правую кнопку мыши и выберите «Сохранить».

Gfto.ru — красивый дизайн текста

Сервис написания красивого текста онлайн – http://gfto. ru . Этот сайт предоставляет дополнительные возможности в виде фона текста, а также масштабирования поля вокруг текста и настройки наклона шрифта. Здесь вы можете выбрать красивый шрифт и украсить его специальными шаблонами, которых здесь также имеется большое количество на любой вкус. Для того, чтобы создать свою необычную надпись, перейдите на главную страницу сайта.

X-lines.ru — сервис предоставляет большое количество шрифтов

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

Перейдите на главную страницу сайта – http://x-lines.ru и выберите нужную категорию.

Сервис написания красивым шрифтом — x-lines.ru

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

Cooltext.com — уникальные шрифты

Онлайн-сервис cooltext.com является англоязычным и русской версии, к сожалению, не имеет. Но есть в этом и положительный момент – он здесь практически не нужен. Ведь все, что нам нужно, это выбрать понравившуюся надпись из богатого списка и красиво написать в окне нужный нам текст. А если вы пользуетесь браузером Chrome, то вы можете просто в один клик перевести страницу, для других браузеров есть также расширение-переводчики. Сайт приятно отличается от предыдущих тем, что здесь имеются уже готовые варианты как красивых шрифтов, так и их оформления в различных цветах и стилях.

Перейдя по ссылке https://cooltext.com/ на главную странице вашему взору открываются варианты готовых шрифтов, оформленных в виде логотипов. Для выбора других стилей, внизу вы найдете категории под заголовком «Generator categories».

Вводим в поле ввода необходимый текст — Cooltext.com

Fonts-online.ru добавляем текст удобно и быстро

Данный сайт также предназначен для написания вашего текста красивым шрифтом – Fonts-online.ru. Он содержит огромную базу шрифтов различного направления, вида и стиля. Такому набору сайт обязан большинству пользователей, которые могут самостоятельно добавить на сайт новый шрифт. Все здесь имеющиеся шрифты поделены на латинские, кириллические, графические, рукописные, декоративные, граффити и т.д.

Здесь, как и в других подобных сайтах, вам необходимо лишь ввести фразу в специальное поле, и вы увидите свою фразу в нескольких десятках, а то и сотнях стилей начертания шрифта. Помимо этого на сайте https://www.fonts-online.ru/ вы можете скачать любой шрифт на свой компьютер и пользоваться им в любое время, с одним лишь условием, если шрифт распространяется без каких-либо ограничений. Зайдите на главную страницу сайта, чтобы создать свою надпись.

Сервис красивого шрифта fonts-online.ru

1. Чтобы создать текст красивым шрифтом онлайн, зайдите на главную страницу этого сайта.
2. С правой стороны, под блоком «Поделиться», в окне введите фразу, которую необходимо украсить интересным шрифтом.
3. Под окном ввода текста расположено два блока с выбором цвета. Один из них – цвет текста, другой – цвет фона. Выберите нужные цвета для будущего шрифта.
4. Еще ниже находятся разделы с шрифтами, также выберите подходящий.
5. На странице скачивания опустите страницу в самый низ, чтобы ввести проверочные цифры и нажмите кнопку «Скачать».

Работа с текстом в Photoshop: исчерпывающее руководство

Если вы используете Photoshop для своих дизайнерских проектов — для создания логотипов, постеров, инфографики или чего-либо еще — вам нужно знать о типографии.

В Photoshop есть множество инструментов для размещения текста на вашей странице и придания ему невероятного вида. Но с чего начать?

В этом кратком руководстве мы познакомим вас со всем, что вам нужно знать о работе с текстом в Photoshop.

Введите основы инструмента в Photoshop

Прежде чем мы начнем, давайте кратко расскажем об основах работы с текстом в Photoshop.

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

Когда вы выбираете это, Тип варианты появятся в Панель настроек в верхней части экрана. Основными из них являются:

• Семейство шрифтов: Выберите шрифт из тех, которые установлены на вашем компьютере (или из Typekit)
• Стиль шрифта: Выберите стиль для выбранного шрифта, например, Bold или Oblique.
• Размер: Установите размер точки для вашего типа
• Выровнять текст: Установить текст слева, справа или по центру
• Цвет: Выберите цвет для вашего текста
• Отмена или фиксация: После того, как вы добавили или отредактировали текст, вы должны подтвердить его, чтобы применить к холсту, или отменить, чтобы отменить или удалить его.

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

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

Создание текста для заголовков и заголовков

Основной способ, которым большинство людей добавляют и редактируют текст в Photoshop

это выбрать Инструмент горизонтального типа (или вертикальный один, если хотите), нажмите на холст, затем начните печатать.

Это лучший вариант для заголовков, заголовков или других коротких однострочных фрагментов текста.

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

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

Работа с текстом абзаца

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

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

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

Удар Ctrl + T (Windows) или Cmd + T (Mac) затем удерживайте сдвиг и перетащите один из рулей, чтобы увеличить коробку.

Создание пользовательских форм текстовых полей

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

Выберите один из форма инструменты или использовать Pen Tool. Установить Режим инструмента в Дорожка в верхнем левом углу Панель настроек, затем нарисуйте свою форму на холсте.

Теперь возьмите Инструмент горизонтального типа и нажмите внутри пути, который вы нарисовали. Это превращает форму в текстовое поле. Теперь установите выравнивание текста на Центр, и введите или вставьте свой текст в поле.

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

Размещение текста на кривой в фотошопе

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

Начните с выбора Pen Tool. в Панель настроек вверху установите Режим инструмента в Дорожка. Теперь нарисуйте кривую на холсте. Если вам нужен учебник по этому вопросу, ознакомьтесь с нашим руководством по использованию инструмента Photoshop Pen Tool.

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

Теперь введите свой текст.

Вы также можете настроить текст так, чтобы он соответствовал контуру фигуры. Процесс такой же, только вы выбираете один из инструментов Shape вместо Pen. Опять же, обязательно установите Режим инструмента в Дорожка прежде чем нарисовать это.

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

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

Маскировка текста в фотошопе

Последний из основных текстовых инструментов Photoshop — это Инструмент Горизонтальный Тип Маски а также Инструмент для вертикальной маскировки.

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

Начните с открытия изображения в Photoshop или выберите слой, содержащий немного цвета.

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

Вот три способа его использования:

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

Заполните текст цветом фона. Удар Ctrl + Backspace или же Cmd + Backspace вырезать текст и заменить его выбранным цветом фона.

Вырежьте текст из фона. Удар Shift + Ctrl + I или же Shift + Cmd + I инвертировать ваш выбор. Теперь нажмите Ctrl + J или же Cmd + J. Скройте нижний слой, и теперь у вас будет оригинальное изображение с прозрачным вырезом в форме вашего текста.

Стилизация текста в фотошопе

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

• Направление текста: Переключение между горизонтальным и вертикальным текстом
• Сглаживание: Установите, насколько четким или плавным вы хотите, чтобы текст выглядел
• Деформация текста: Искажайте текст с 15 предустановленными стилями
• Открыть панель персонажа / абзаца: Откройте панель для настройки параметров персонажа
• 3D: Переключиться в 3D-вид Photoshop

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

Панели персонажа и абзаца

Нажмите на Панель символов и абзацев кнопка в Панель настроек. Первая вкладка содержит набор параметров для форматирования символов. Некоторые удваивают опции, которые мы уже видели (например, выбирая шрифты и цвета), а остальные позволяют вам уточнить свой тип.

• Панель меню: Это включает Без остановки, который помещает неразрывный пробел между двумя словами, чтобы они оставались на одной строке.
• Ведущий: Это позволяет вам настроить высоту строки для вашего текста. Оставив его установленным на Авто обычно достаточно хорош
• Кернинг: Устанавливает интервал между парой символов. Установите опцию на метрика использовать дизайн шрифта по умолчанию, или оптический чтобы позволить Photoshop установить его автоматически.
• Наблюдают: Управляет интервалом между всеми символами в вашем тексте. Выберите более точное отслеживание (отрицательное число), чтобы добавить удар и срочность для ваших заголовков.
• Вертикальная шкала и горизонтальная шкала: Эти параметры растягивают или уменьшают ваш шрифт по вертикали или по горизонтали. Используйте их только для конкретных случаев дизайна — если вам нужен более широкий или высокий, выберите другой шрифт

  ,

• Сдвиг базовой линии: Перемещает выбранные символы выше или ниже базовой линии. Чаще всего используется для написания подстрочных или надстрочных символов.
• Искусственный жирный шрифт и курсив: По возможности избегайте их — всегда используйте версии выбранного шрифта, выделенные жирным или наклонным шрифтом, если они у вас есть.
• Все заглавные и маленькие заглавные буквы: Автоматически использовать ваш текст.
• Другие опции: Различные настройки для создания под- и надстрочных символов, подчеркивания или управления определенными шрифтами OpenType.

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

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

Текстовые эффекты в фотошопе

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

Дважды щелкните слой, чтобы открыть Стиль слоя коробка.

Выбрать Drop Shadow и настроить параметры, включая помутнение, Угол, а также Расстояние. Убедитесь, что предварительный просмотр Кнопка отмечена, поэтому вы получаете в реальном времени вид эффекта. Нажмите Хорошо когда вы закончите.

Тот же подход позволяет добавить внешнее свечение к тексту или применить текстуру к шрифту.

Поворот или перекос текста в фотошопе

Чтобы повернуть или наклонить текст, выберите текстовый слой и нажмите Ctrl + T или же Cmd + T открыть Бесплатный инструмент преобразования.

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

Для перекоса текста удерживайте Shift + Ctrl или же Shift + Cmd и возьмите один из рулей на краю коробки. Перетащите в сторону, затем нажмите Войти подтвердить.

Помните, что слишком большое искажение может исказить ваш шрифт.

Работа со шрифтами в фотошопе

Выбор правильного шрифта

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

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

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

Выберите шрифт и выберите Похожие шрифты просмотреть все доступные шрифты с похожими характеристиками.

Чтобы увеличить выбор шрифта, нажмите Добавить шрифты из Typekit значок в шрифты выпадающее меню.

Это запускает веб-сайт Adobe Typekit. Войдите в систему, если вам нужно, затем найдите и выберите любые шрифты, которые вы хотите добавить. Нажмите на Синхронизировать все кнопка, чтобы сделать все стили этого шрифта доступными в Photoshop. Или синхронизируйте только те стили и веса, которые вам нужны.

Соответствие шрифтов из других изображений

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

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

Некоторые предложения будут сделаны через несколько секунд. Выберите один и нажмите Хорошо.

Тонкая настройка шрифта

Когда вы создаете логотип

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

Выделите текст и перейдите к Тип> Преобразовать в форму. Это делает текст больше не редактируемым.

Хватай Инструмент выбора пути () для выбора отдельных символов. Теперь вы можете изменить их цвет, переместить или повернуть их независимо от остального текста.

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

Что дальше? Больше советов по Photoshop

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

Следующим шагом будет научиться включать его в остальные ваши проекты. Ознакомьтесь с нашим руководством по работе с векторной графикой в ​​Photoshop

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

Photoshop: наложение прозрачного текста на любой фон изображения — Редактирование Изображений

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

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

Давайте начнем.

Шаг 1: Давайте начнем с открытия вашего изображения в Photoshop.

Открыв, перейдите в палитру слоев (на рисунке ниже), щелкните по ней правой кнопкой мыши и выберите Дублирующий слой…, Поскольку мое изображение называется «Фон», дублирующий слой называется «Фоновая копия» в Photoshop. Мы будем использовать эти имена с этого момента.

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

Шаг 3: Теперь мы будем заполнять новый слой белым. Для этого обязательно нажмите на него на Слои палитра, чтобы выбрать его первым.

После выбора в строке меню (или просто меню в Windows) перейдите к редактировать меню и выберите Fill … вариант.

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

Шаг 4: Когда новый слой создан и окрашен в белый цвет, выберите слой «Фоновая копия» на палитре слоев, чтобы добавь свой текст, После выбора нажмите на Тип инструмента а затем выберите нужный шрифт, его стиль и размер на панели параметров над главным окном.

Затем нажмите на изображение и введите то, что вы хотите на нем. Внесите любые необходимые изменения в текст, пока вы не будете довольны им, а затем нажмите на Галочка кнопку, чтобы принять текст.

Шаг 5: Теперь, когда текст написан на изображении, в палитре «Слои» перетащите слой «Текст» под слой «Фоновая копия», как показано ниже.

Как только вы это сделаете, нажмите на слой «Background copy». Не беспокойтесь, если текст не отображается. Это потому, что он «покрыт» слоем «Фоновая копия».

Шаг 6: Теперь давайте создадим конечный эффект, сделав текст прозрачным, а затем разместив его поверх изображения / фона. К счастью, все это можно сделать с помощью простой команды в Photoshop.

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

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

Шаг 7: Выберите текстовый слой на палитре слоев и затем нажмите на Последствия кнопка.

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

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

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

Из этого туториала Вы узнаете, как создать прозрачный текст в Photoshop, чтобы изображение за текстом просвечивало сквозь буквы! Пошаговое руководство для Photoshop CC, CS6 и более ранних версий.

Автор Стив Паттерсон.

Вам нужно добавить текст к изображению, но нет подходящего места для его размещения? Попробуйте добавить его как прозрачный текст в Photoshop! В этом уроке я покажу вам, как легко создать прозрачную текстовую область, что означает, что сам текст будет полностью прозрачным, позволяя просвечивать изображение под ним.Мы окружаем текст блоком сплошного цвета, обычно белого, чтобы раскрыть форму букв. Затем прозрачный текст становится рамкой для нашего объекта! Это отличный дизайнерский прием для изображений, которые слишком загружены, чтобы текст был легко читаем.

Создать прозрачный текст в Photoshop очень просто. Мы начинаем с добавления нового слоя над изображением и заливки его белым цветом. Затем мы добавляем наш текст. Чтобы сделать текст прозрачным, мы используем параметры Advanced Blending в Photoshop (не волнуйтесь, это очень простые «расширенные» параметры), чтобы превратить наш слой Type в слой «Knockout», который пробивает дыры прямо до изображения в фигурах. наших писем!

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

Эффект прозрачного текста.

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Как добавить прозрачный текст

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

Шаг 1. Откройте изображение

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

Исходное изображение.Фото: Adobe Stock.

Шаг 2. Добавьте новый слой

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

Щелкнув значок «Новый слой».

Новый слой с именем «Слой 1» появляется над фоновым слоем:

Добавлен новый слой.

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

Мы будем использовать этот слой для создания белой области вокруг текста.Залейте слой белым цветом, перейдя в меню Edit в строке меню и выбрав Fill :

.

Перейдите в «Правка»> «Заливка».

В диалоговом окне «Заливка» установите для параметра « Contents » вверху значение « White » и нажмите «ОК»:

Выбор белого в качестве цвета заливки.

Photoshop заполняет слой белым цветом, временно закрывая изображение:

Новый слой теперь залит белым.

Шаг 4: Уменьшите непрозрачность слоя

Понизьте непрозрачность слоя 1 до 75% .Параметр «Непрозрачность» находится в правом верхнем углу панели «Слои»:

.

Понижение непрозрачности слоя 1 до 75%.

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

Изображение теперь просматривается через «Слой 1».

Шаг 5. Выберите инструмент «Текст»

Выберите инструмент «Текст» на панели инструментов:

Выбор инструмента «Текст».

Шаг 6. Выберите шрифт

Выберите шрифт на панели параметров .Я буду использовать Futura PT Heavy , который я скачал с Adobe Typekit, но подойдет любой шрифт:

Выбор шрифта на панели параметров.

По-прежнему на панели параметров установите размер шрифта с на 72 pt . Нам нужно будет изменить размер текста после того, как мы его добавим, но это даст нам самый большой предустановленный размер на данный момент:

Установка размера шрифта 72 pt.

Шаг 7: Установите черный цвет шрифта

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

Образец цвета шрифта на панели параметров.

Шаг 8: Добавьте текст

Щелкните внутри документа и добавьте свой текст. Я наберу слово «НЬЮ-ЙОРК»:

Добавление текста к изображению.

Щелкните галочку на панели параметров, чтобы принять его:

Щелкните галочку, чтобы принять текст.

На панели «Слои» новый слой Type появляется над «Layer 1»:

Панель «Слои», показывающая новый слой «Текст».

Шаг 9. Измените размер текста

Перейдите в меню Edit в строке меню и выберите Free Transform:

Перейдите в Edit> Free Transform.

Photoshop окружает текст рамкой «Свободное преобразование» и маркерами. Щелкните и перетащите любой из угловых маркеров , чтобы изменить размер текста по мере необходимости.Нажмите и удерживайте клавишу Shift при перетаскивании, чтобы не искажать формы букв при изменении их размера:

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

Чтобы переместить текст, щелкните внутри поля «Свободное преобразование» и перетащите его на место. Я переместу свой текст перед ватерлинией. Когда вы закончите, нажмите Введите (Win) / Верните (Mac) на клавиатуре:

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

Шаг 10: Откройте параметры наложения

Выбрав слой «Тип», щелкните значок Layer Styles (значок fx ) в нижней части панели «Слои»:

Щелкните значок «Стили слоя».

Выберите Параметры наложения вверху списка:

Выбор «Вариантов наложения».

Откроется диалоговое окно «Стиль слоя» Photoshop, в котором установлены основные параметры наложения. В разделе Advanced Blending измените Knockout с None на Shallow .Это превращает слой «Текст» в слой «нокаут», что означает, что Photoshop будет использовать формы букв, чтобы пройти через «Слой 1» и показать изображение на фоновом слое:

Установка для параметра Knockout значения «Shallow».

Чтобы увидеть эффект, перетащите ползунок Непрозрачность заливки до 0% :

Понижение непрозрачности заливки до 0%.

Нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Стиль слоя». Стал прозрачным не только сам текст, но и область «Слоя 1» непосредственно под текстом, как если бы текст пробил дыру прямо через него.Теперь мы можем видеть изображение на фоновом слое через буквы:

Эффект после превращения слоя «Текст» в выбивающий слой.

Шаг 11: Выберите «Слой 1»

Давайте изменим размер белой области вокруг текста, чтобы она не закрывала всю фотографию. Щелкните Layer 1 на панели Layers, чтобы выбрать его:

Выбор «Слой 1».

Шаг 12. Измените размер слоя с помощью свободного преобразования

Поднимитесь в меню Edit и снова выберите Free Transform :

Перейдите в Edit> Free Transform.

Перетащите верхний и нижний маркеры по направлению к тексту. Нажмите Введите (Win) / Верните (Mac) на клавиатуре, когда закончите:

Изменение размера белой области вокруг текста с помощью Free Transform.

Шаг 13: Отрегулируйте непрозрачность слоя

Наконец, отрегулируйте непрозрачность «Layer 1», чтобы настроить видимость текста. Увеличение непрозрачности сделает белую область вокруг текста более плотной, а шрифт — более читабельным.Уменьшение непрозрачности приведет к исчезновению текстовой области на изображении. Я установил непрозрачность на 85%:

Увеличение значения непрозрачности до 85%.

И вот, после увеличения непрозрачности, мой окончательный результат «прозрачной текстовой области»:

Последний эффект прозрачного шрифта.

Выявление слоя, отличного от фонового слоя

Шаги, которые мы рассмотрели в этом руководстве, — это все, что вам нужно сделать, когда изображение, которое вы хотите показать через текст, находится на фоновом слое .Если у вас есть изображение над фоновым слоем, которое вы хотите показать через текст, просто поместите слой Type и сплошной белый слой под ним в группу слоев, выбрав оба слоя, а затем перейдя в меню Layer и выбрав Group Layers .

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

Работа с прозрачными текстовыми слоями в Photoshop — Medialoot

Позвольте фону проявиться с этим стильным эффектом «вырезания»

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

Шаг 1

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

Шаг 2

Нарисуйте белый прямоугольник на холсте и установите для параметра «Непрозрачность» значение около 90%.

Шаг 3

Теперь добавьте текстовый слой, который мы будем делать прозрачным. Убедитесь, что цвет текста на 100% черный (# 000000), а затем сгруппируйте текст и прямоугольник вместе.

Шаг 4

Дважды щелкните групповой слой, чтобы изменить параметры наложения. В нижней части окна «Параметры наложения» установите для параметра «Смешивание, если» значение «Серый» и перетащите левый маркер «Этот слой» на значение не менее «1». Возможно, вам придется немного изменить значение, чтобы получить более гладкие края, но не беспокойтесь о том, чтобы оно было идеальным, так как это только временно.

Шаг 5

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

Шаг 6

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

Щелкните правой кнопкой мыши текстовый слой на панели «Слои» и выберите «Преобразовать в форму». Используйте инструмент «Выбор контура», чтобы выделить текст, вырезать (CMD + X) и вставить (CMD + V) его на слой прямоугольника.Не снимая выделения с текстовых фигур, выберите «Вычесть переднюю форму» в раскрывающемся списке «Операции с контурами».

Результат

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

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

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

№1. Прозрачный текст внутри фигуры

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

Вот как это сделать:

Нарисуйте форму с помощью инструмента «Фигура» в Photoshop. Чтобы получить доступ к инструменту формы, нажмите U на клавиатуре или найдите его на панели инструментов.

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

Выберите параметры заливки и обводки для вашей формы.Выбранный вами цвет не имеет значения; это полностью личное предпочтение.

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

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

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

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

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

Откроется новое окно и убедитесь, что вы находитесь в «Параметры наложения».

В разделе «Advanced Blending» установите Knockout на Shallow. Убедитесь, что параметры «смешать обрезанные слои как группу» и «слой прозрачных фигур» отмечены флажками.

Затем установите непрозрачность заливки на 0% и нажмите ОК, чтобы сохранить изменения.

Удерживая Shift, выберите слой с текстом и фигурой на панели слоев. Нажмите Command + G (Mac) или Control + G (ПК), чтобы сгруппировать выделенные слои.

Переименуйте эту группу в «Прозрачный текст».

— Результат

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

№ 2. Прозрачный штриховой текст

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

Вот как это сделать:

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

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

Напечатав текст, дважды щелкните текстовый слой, чтобы открыть панель стилей слоя.

На вкладке «Параметры наложения» в разделе «Расширенное наложение» уменьшите непрозрачность заливки до 0%.

Затем выберите вкладку «Обводка».

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

Установите положение «Внутри», режим наложения «Нормальный» и непрозрачность на 100%.

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

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

— Результат

Это еще один простой способ сделать текст прозрачным в Photoshop, на этот раз с помощью обводки. Поскольку текст невидим, добавление обводки просто создает форму вокруг контура текста. Таким образом, у вас останется только цветной контур с прозрачным центром!

№ 3.Эффект прозрачного текста со скосом

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

Вот как это сделать:

Возьмите текстовый инструмент, нажав T или щелкните по инструменту «Текст» на панели инструментов.

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

Написав текст, дважды щелкните текстовый слой, чтобы открыть панель стилей слоя.

На вкладке «Параметры наложения» уменьшите непрозрачность заливки до 0%. Это сделает ваш текст полностью невидимым.

Щелкните вкладку Bevel and Emboss на панели стилей слоев.

Установите стиль «Внутренний скос» , технику «Гладкий» и направление «Вверх» .

Установите глубину от 1% до 1000%. Для наилучшего эффекта я бы предложил от до 85% — 250%.

Выберите размер от 1px до 25px в зависимости от того, насколько очевидным вы хотите, чтобы прозрачный текст выглядел.

Оставьте настройку смягчения в диапазоне 1–10 пикселей.

Теперь вы добавите немного базового затенения, чтобы усилить эффект.Отметьте «Use Global Light» (Использовать глобальный свет) и установите угол, щелкнув внутри углового круга. Это установит, с какого направления применяется затенение.

Установите контур глянца, как показано ниже, и отметьте «Сглаживание».

Установите режим выделения «Нормальный» и выберите белый цвет. Выберите непрозрачность от 30% до 50%.

Убедитесь, что для параметра «Режим тени» установлено значение «Нормальный», и выберите черный цвет. Установите непрозрачность между 40% — 70% .

Нажмите ОК, чтобы сохранить изменения и закрыть панель стилей слоя.

— Результат

Этот метод позволяет сделать текст прозрачным в Photoshop, используя тени и блики для выравнивания текста. Таким образом, ваш текст приобретет вид прозрачного трехмерного текста, который виден только с черным и белым по краям!

№ 4. Текстовый эффект обводки нокаутом

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

Вот как это сделать:

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

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

Щелкните в любом месте экрана, чтобы нарисовать фигуру.

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

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

Дважды щелкните текстовый слой, чтобы открыть панель стилей слоя.

В разделе «Blending Options» установите непрозрачность заливки на 0% и установите Knockout на «Shallow».

Затем щелкните вкладку обводки, чтобы добавить обводку к тексту.Установите размер примерно на 5 пикселей, положение «снаружи», режим наложения «нормальный» и непрозрачность на 100%.

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

Нажмите ОК, чтобы сохранить изменения.

Удерживая нажатой клавишу Shift, щелкните слои с формой и текстом, затем нажмите Command + G (Mac) или Control + G (ПК), чтобы сгруппировать слои. Переименуйте эту группу в «Knockout Stroke Text».

— Результат

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

Заключение

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

Хотите больше подобных статей? Подпишитесь на мою еженедельную рассылку, чтобы получать больше уроков по фотографии и редактированию фотографий, которые будут доставлены прямо на ваш почтовый ящик!

Связанные

Как добавить прозрачный текст к изображению в Photoshop

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

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

Не можете просмотреть видео? Смотрите на YouTube

Подготовьте фоновое изображение и слои:

Начните с открытия изображения, которое хотите использовать в качестве фона.

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

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

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

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

Перейдите в «Редактировать> Заливка», чтобы заполнить новый слой цветом.

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

После заливки моего слоя он выглядел так:

Теперь уменьшите непрозрачность слоя до уровня, который, по вашему мнению, выглядит хорошо.Я снизил непрозрачность своего слоя до 80%.

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

Создайте свой текст:

Щелкните инструмент горизонтального типа на левой панели инструментов

Теперь введите текст, выберите тип шрифта, расположите текст и т. Д. Обратите внимание, что вы также можете изменить шрифт после завершения редактирования изображения.

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

Добавьте к тексту эффект прозрачности:

Теперь выберите слой, содержащий текст.

Теперь щелкните стрелку в правом верхнем углу окна слоев, которая выглядит так:

В раскрывающемся меню выберите «Параметры наложения».

В разделе расширенного наложения выберите «мелкое» для нокаута и измените непрозрачность заливки на 0%.

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

Теперь выберите инструмент прямоугольной области на левой панели инструментов.

Выберите область слоя заливки, которую вы хотите удалить.

После выбора области перейдите к «редактировать> очистить», чтобы удалить эту область.

Щелкните выделение правой кнопкой мыши и нажмите «Отменить выделение», чтобы очистить выделение.

После завершения ваше изображение должно быть похоже на мое:

Создание прозрачного текста в Photoshop

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

Создание прозрачного текста с помощью копирования слоя

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

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

Другими словами, вам нужно будет загрузить только выделенный текст в вашем слое; в выделенной области должны быть выделены только пиксели, составляющие текст. Самый быстрый способ сделать это — использовать сочетание клавиш «Cmd + щелчок» («Ctrl + щелчок» для Windows) на миниатюре слоя. После применения этого ярлыка должен быть выделен только текст. Если нет, убедитесь, что у вас выбран текстовый слой.

Теперь вы можете скрыть текстовый слой, переключив «значок глаза» рядом с ним. Выберите слой изображения и используйте сочетание клавиш «слой через копию» «Cmd + J» (Ctrl + J для Windows), чтобы скопировать только выбранную область изображения.

На данный момент у вас уже есть прозрачный текст, но пока он не виден. Вам нужно будет использовать стили слоя и инструменты настройки изображения, чтобы выделить его. Что касается стилей слоя, наиболее эффективный способ выделить ваш прозрачный текстовый слой — использовать эффект «Bevel and Emboss».Чтобы добавить стиль слоя, нажмите кнопку «Fx» на панели слоев и выберите в меню эффект «Bevel & Emboss…». На панели «Стиль слоя» поэкспериментируйте с различными типами фаски и тиснения и настройте структуру и оттенок, чтобы текст дополнял изображение.

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

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

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

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

После того, как вы создали новый слой, залейте его цветом по вашему выбору — лучше всего подходит белый или черный. Чтобы заполнить слой, используйте сочетание клавиш «Shift + Delete» на Mac (Shift + Backspace в Windows). Появится диалоговое окно, в котором вы можете выбрать цвет заливки — оставьте непрозрачность на 100%.

Теперь, когда слой заполнен, уменьшите непрозрачность слоя примерно до 60%.Число может варьироваться в зависимости от типа изображения, которое вы используете — не стесняйтесь экспериментировать. Вы найдете ползунок непрозрачности на панели слоев.

Затем выберите текстовый инструмент на панели инструментов Photoshop и создайте текстовое поле с текстом, который вы хотите прорезать через средний слой.

Используя этот метод, ключом к прозрачному тексту является изменение свойств смешивания текстового слоя. Чтобы получить доступ к «Параметры наложения», нажмите кнопку «Fx» и выберите вкладку «Режим наложения» в верхней части меню.

Откроется панель «Стиль слоя» с параметрами настройки наложения слоев. Найдите раздел «Расширенное смешивание» и измените параметр «Нокаут» на «Мелкий» или «Глубокий». Настройка «Shallow» добавит прозрачности только к нижней части набора слоев. Параметр «Глубокий» сделает слои в текстовой области прозрачными вплоть до фонового слоя. В этом сценарии, когда между вашим текстом и фоном есть только один слой, не будет никакой разницы между двумя настройками, так как оба будут проходить до нижнего слоя.Уменьшите непрозрачность заливки до 0%, идеальное число будет зависеть от коэффициента контрастности между вашим изображением и средним слоем заливки. Теперь текст прозрачен и редактируется одновременно. Как и в первом методе, вы можете добавить эффекты к своему тексту, чтобы он выделился еще больше.

И вот так! Теперь вы узнали, как этот «эффект цитаты», с которым мы сталкиваемся много раз в Интернете, применяется менее чем за 5 минут, хотя вы должны учитывать эти два фактора:

• Не все изображения подходят для применения этой корректировки: изображения с большим количеством оттенков, текстур и визуальных ссылок могут склонить нас смотреть под текстом и пытаться определить, что там происходит.Изображение, используемое в этом случае, или другие распространенные городские изображения являются яркими примерами того, что я пытаюсь объяснить, и причиной, по которой цитирующие изображения или рекламные объявления с использованием этого метода предпочитают естественные пейзажи в условиях заката / ночи вместо неприятных сценариев.
• Гарнитура, выбранная для применения этого эффекта, является наиболее важной частью самого эффекта, поскольку неправильно подобранный шрифт может свидетельствовать о недостатке ваших навыков графического дизайна, особенно если мы решим работать с более чем одним шрифтом.Вместо этого воспользуйтесь услугами множества приложений для сочетания шрифтов, которые мы можем найти в Интернете (это один из самых популярных и точных инструментов, которые вы можете найти на MyFont.com).

Вы нашли это руководство полезным? Попробуйте прочитать наше руководство о том, как импортировать узоры в Photoshop, чтобы улучшить свои навыки редактирования.

(БЕСПЛАТНО) Прозрачный текст — Принадлежности для Photoshop

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

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

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

Наложение текста Photoshop фактически создается за счет снижения непрозрачности вырезанного текста без использования режима наложения Overlay .

Как сделать текст прозрачным в Photoshop

Этот текстовый эффект также называется вырезанным текстом, прозрачным текстом, пустым текстом или выделенным текстом.

Итак, чтобы сделать прозрачный текст , вам нужно создать так называемый вырезанный текст с эффектом Photoshop .

Вот простые шаги, которые вы должны сделать, чтобы создать прозрачный текст :

• Напишите текст
• Добавьте прямоугольник за текстом
• Удерживая нажатой клавишу Control , нажмите на текст Миниатюра слоя , чтобы сделать выделение
• Перейдите на слой Rectangle и нажмите кнопку Добавить маску
• Скройте слой текста , чтобы увидеть вырезанный текст Эффект Photoshop
• Уменьшите непрозрачность Слой прямоугольника (этот шаг не является обязательным)

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

Если установить непрозрачность на 100% и добавить сплошной цвет, отличный от белого, вы получите вырезанный текст. Этот текстовый эффект чем-то похож на выделенный текстовый эффект . Вы можете воспользоваться нашим бесплатным экшеном для выделения текста в Photoshop .

Генератор прозрачных шрифтов в Photoshop

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

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

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

Чтобы создать наложение текста Photoshop , все, что вам нужно сделать, это , чтобы изменить режим наложения прозрачного текста на Overlay.Вы также можете использовать другие режимы наложения, такие как «Экран», «Умножение» и т. Д.

Как видите, вырезать текст в Photoshop очень просто.

Photoshop Прозрачный текст с контуром

Чтобы сделать текст Photoshop прозрачным с контуром, подобным этому, используйте наш экшен Photoshop с контурным текстом. Это бесплатное действие работает для всех типов слоев: текстовый слой, векторные фигуры, смарт-объекты и т. Д.

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

Если у вас нет Photoshop , используйте средство создания прозрачного текста из MockoFun для создания прозрачного текста в Интернете. Это бесплатно и просто в использовании!

Если у вас есть веб-сайт, вы, конечно, можете легко создать эффект CSS с прозрачным текстом.

Подробная информация об элементе

Этот бесплатный пакет содержит 1 файл ATN

Другие ресурсы, которые могут вам понравиться:

Основы Photoshop: дополнительные возможности со слоями

Урок 10: Делаем больше со слоями

/ ru / photoshopbasics / резкость и шумоподавление / содержание /

Введение

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

Если вы хотите продолжить, вы можете загрузить наш файл с примером.

Непрозрачность слоя

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

В этом примере используются два разных текстовых слоя и фоновый слой. Текстовый слой горы имеет непрозрачность 100% . Этот слой полностью непрозрачен, что означает, что под буквами ничего не видно. Напротив, текстовый слой appalachian имеет непрозрачность 15% .Этот слой в основном прозрачный, то есть вы можете видеть через букв фонового слоя.

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

Чтобы настроить непрозрачность слоя:

1. Выберите нужный слой, затем щелкните стрелку раскрывающегося списка Непрозрачность в верхней части панели Слои .
2. Щелкните и перетащите ползунок , чтобы настроить непрозрачность. Вы увидите изменение непрозрачности слоя в окне документа по мере перемещения ползунка. Если вы установите непрозрачность на 0%, слой станет полностью прозрачным или невидимым.

Попробуй!

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

Прозрачность фона

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

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

Если вы следуете примеру файла, попробуйте скрыть все слои, кроме слоя Acorn. Видите узор шахматной доски позади желудя? Это означает, что фон полностью прозрачный . На самом деле шахматная доска не будет экспортирована при сохранении изображения; это только указывает на прозрачность.

Обратите внимание: если вы хотите, чтобы ваше изображение имело прозрачный фон, вам необходимо сохранить его в формате , который поддерживает прозрачность .Мы рекомендуем использовать формат PNG-24 , который доступен в диалоговом окне «Сохранить для Интернета». Файлы JPEG не могут иметь прозрачный фон, поэтому они сохранят все прозрачные области как белые.

Режимы наложения

Помимо настройки непрозрачности, вы можете использовать различные режимы наложения для управления смешиванием слоев в документе. Меню режима наложения находится в верхней части панели Layers , рядом с Opacity.

Если вы следуете примеру файла, выберите слой Record .Обратите внимание, что режим наложения установлен на Умножить . Несмотря на то, что непрозрачность слоя записи установлена ​​на 100%, этот режим наложения позволяет просвечивать бирюзовый цвет нижележащего слоя.

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

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

Хотя режимы наложения дают вам большую гибкость, их также может быть сложно использовать. Чтобы узнать больше о режимах наложения, просмотрите этот урок на Photo Blog Stop.

Маски для стрижки

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

Если вы следуете примеру файла, найдите маленькую стрелку рядом со слоем Gradient Map . Это указывает на то, что была применена обтравочная маска, которая ограничивает корректирующий слой только слоем Acorn ниже.

Чтобы применить обтравочную маску, нажмите и удерживайте клавишу Alt на клавиатуре (или Option на Mac), затем щелкните между нужными слоями на панели Layers . В этом примере мы щелкаем между слоями Gradient Map и Acorn.

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

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

Попробуй!

Откройте файл примера. Выберите слой Acorn , затем добавьте корректирующий слой Curves . Убедитесь, что к новому слою применена обтравочная маска, затем измените кривые на панели «Свойства».Обратите внимание, как настройки кривых влияют только на слой Acorn. Затем попробуйте уменьшить непрозрачность корректирующих слоев до 70% .

Чтобы узнать больше об обтравочных масках, просмотрите это руководство от Adobe.

Маски слоя

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

Создание маски слоя может быть немного сложным, поэтому давайте начнем с рассмотрения уже готовой маски. Если вы следуете примеру файла, выберите слой Acorn . Здесь мы использовали маску слоя, чтобы скрыть, или замаскировать , фон, чтобы желудь был единственной видимой частью слоя. Маска слоя представлена ​​черно-белым эскизом справа от значка слоя на панели Layers .Обратите внимание, как области, видимые в окне документа, соответствуют белой области на миниатюре маски слоя.

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

Для редактирования маски слоя:

Чтобы лучше понять, как работают маски слоя, попробуем отредактировать маску слоя Acorn.Мы будем использовать инструмент Brush , поэтому, если вы никогда не использовали его, рекомендуем просмотреть наш урок по работе с кистями.

1. Выберите миниатюру маски слоя на панели Layers . В нашем примере мы выберем эскиз рядом со слоем Acorn .
2. Затем выберите инструмент Brush на панели инструментов Tools , затем установите Foreground Color на white .
3. Щелкните и перетащите изображение на , чтобы открыть области в слое.В этом примере мы раскрываем больше фона, добавляя белую краску к маске слоя.
4. Установите цвет переднего плана на черный , затем щелкните и перетащите изображение на , чтобы скрыть области на слое.
5. Продолжайте использовать инструмент «Кисть», пока не будете довольны результатом.

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

Чтобы создать новую маску слоя:

Теперь, когда вы знаете больше о масках слоев, вы можете попробовать создать свои собственные.

1. Выберите слой, затем нажмите кнопку Layer Mask в нижней части панели Layers . В нашем примере мы создадим новую маску слоя для слоя record .
2. Маска слоя будет отображаться в виде белого эскиза рядом со значком слоя на панели «Слои » . Затем вы можете выбрать эскиз и использовать инструмент Brush для редактирования маски слоя.

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

Использование масок слоев с корректирующими слоями

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

Каждый корректирующий слой по умолчанию имеет маску слоя, поэтому вам не нужно создавать новую. Вы можете просто щелкнуть маску слоя, а затем использовать инструмент «Кисть» для ее редактирования.

Чтобы удалить маску слоя:

1. Щелкните и перетащите миниатюру маски слоя в корзину Trash Can в нижнем правом углу панели Layers .
2. Появится диалоговое окно. Выберите Удалить , чтобы удалить маску слоя. Выбор Применить фактически удалит те части слоя, которые в настоящее время скрыты, поэтому вам следует избегать этой опции, если вы не абсолютно уверены, что эти части изображения вам больше не нужны.

Вы также можете нажать и удерживать клавишу Shift и щелкнуть миниатюру, чтобы временно отключить маску слоя.

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

Группы слоев

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

Для создания группы:

1. Найдите и нажмите кнопку Group в нижней части панели Layers .
2. Появится новая пустая группа. Если хотите, щелкните и перетащите группу на , изменив порядок на на панели «Слои».
3. Щелкните и перетащите любой слой на значок группы на панели «Слои», затем отпустите кнопку мыши.Слои, входящие в группу, будут иметь небольшой отступ от других слоев на панели.
4. Щелкните стрелку, чтобы свернуть или развернуть слой.
5. Теперь вы можете управлять всеми слоями в группе одновременно. В этом примере мы щелкаем значок глаза , чтобы скрыть все слои в группе.

Если вы используете Photoshop Elements, вы не сможете создавать новые группы. Однако вы сможете просматривать существующие группы при работе с файлами, созданными в полной версии Photoshop.

Попробуй!

Откройте файл примера и создайте группу . Щелкните и перетащите все слои Text в эту новую группу. Затем выберите Group 1 , затем уменьшите непрозрачность до 70% . Обратите внимание, как это изменяет непрозрачность для всех слоев в группе.

Чтобы узнать больше о группах слоев, просмотрите это руководство от Adobe.

Объединение и выравнивание слоев

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

Чтобы объединить слои, выберите первый слой, нажмите и удерживайте клавишу Shift и щелкните последний слой, который вы хотите объединить (будут выбраны все слои между первым и последним). Затем щелкните слои правой кнопкой мыши и выберите Объединить слои .Вы также можете выбрать слои и затем нажать Ctrl + E (или Command + E на Mac).

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

Примечание : Обязательно щелкните правой кнопкой мыши имя слоя , а не значок слоя. В противном случае меню не появится.

Вы также можете объединить все слои в документе в один слой Background .Это известно как сглаживание изображения. Для этого щелкните правой кнопкой мыши любой слой и выберите Flatten Image .

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

Попробуй!

Откройте файл примера.Выберите слои Gradient Map и Acorn , затем объедините их .