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

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

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

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

1. Создаем новый документ нужного размера и заливаем фон черным цветом.
2. Затем меняем основной цвет на белый и выбираем инструмент «Горизонтальный текст».
3. Лучше всего будут смотреться шрифты, имеющие плавные линии. Я выбрал шрифт «Forte». Пишем наш текст.
4. Создаем копию слоя с текстом (CTRL+J), затем переходим на оригинальный слой и дважды кликаем по нему, вызывая стили слоя.
5. Первым делом выбираем пункт «Тиснение». Выставляем настройки, как показано на скриншоте.
6. Затем выбираем пункт «Контур» и снова смотрим на скриншот.
7. Добавим Обводку с такими настройками:
8. И Тень.
9. Готово, нажимаем ОК. Не переживайте, что ничего не видно, скоро все покажется…
10. Переходим на верхний слой и снова вызываем стили.
11. Снова добавляем Тиснение, но с такими настройками:
12. Затем определяем Контур.
13. Настраиваем Внутреннее свечение.
14. Нажимаем ОК.
15. Дальше самое интересное. Сейчас мы будем делать текст действительно прозрачным. Все очень просто. Снижаем прозрачность заливки для каждого текстового слоя до нуля:
16. Стеклянный текст готов, осталось добавить фон, который, собственно, и будет определять прозрачность надписи. В данном случае фон добавляется между текстовыми слоями. Обратите внимание, что непрозрачность размещенного изображения нужно снизить («на глаз»), чтобы через него проступил нижний текстовый слой. Старайтесь не делать его слишком ярким, иначе эффект прозрачности будет не так хорошо выражен, как нам хотелось бы. Фон можно взять готовый, либо нарисовать свой.

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

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

Оформление текста в Photoshop: полное руководство для новичков

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

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

Добавляем текст в Фотошопе

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

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

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

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

Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей

Редактирование текста в Photoshop

Начало положено – у нас есть заголовок и абзац под ним. Давайте посмотрим, как мы можем изменить внешний вид текстов с помощью базовых инструментов Adobe Photoshop. Я создам новую надпись и маленький абзац, а на фон поставлю какую-нибудь картинку. Давайте теперь откроем вкладки «Окно» – «Символ» и «Окно» – «Абзац».

Это два главных окошка для форматирования текста, где есть все параметры. В окне «Символ» вы можете выбирать и менять шрифты, настраивать расстояние между буквами и многое другое. В окошке «Абзац» – настраивать выравнивание текстов и отступы. А теперь я расскажу обо всем подробнее.

Как поменять шрифт и размер текста

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

Если ваш Photoshop был выпущен до июня 2019 года, то для пропорционального изменения размера необходимо зажимать Shift.

Поменять размер текста можно другим способом – просто выберите необходимый размер шрифта. Выберите слой с текстом, а затем нажмите на инструмент «Текст» (Т). В верхней панели или в окне «Символ» появятся все необходимые параметры: чтобы изменить размер шрифта, впишите значение или выберите что-то из предложенного в меню. Здесь же вы можете выбрать шрифт – чтобы увидеть все установленные шрифты, нажмите на стрелочку.

Как сделать выравнивание текста

Чтобы настроить выключку, пользуйтесь окном «Абзац». На иконках изображены миниатюры способов выравнивания.

Как изменить текст в Photoshop

Существует два способа поменять текст:

1. Нажмите на инструмент «Перемещение» (V), а затем дважды щелкните на текст.
2. Выберите инструмент «Текст» (Т) и щелкните на текст на холсте.

Как поменять цвет текста

Давайте теперь попробуем добавить красок – поменяем цвет заголовка. Чтобы это сделать, нажмите на инструмент «Текст», затем выберите нужный слой в панели слоев, а наверху нажмите на квадратик с цветом.

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

Также можно менять цвет текста в окне «Символ», о котором я писала выше. Выберите слой с текстом, а потом щелкните по полю «Цвет». Вы прекрасны!

Если вы хотите поменять цвет только одной буквы, просто выделите ее инструментом «Текст». Я сделала новую картинку с кукурузкой и теперь хочу покрасить первую букву в желтый цвет. Выделяю ее, а затем нажимаю на окошечко «Цвет» в любой области – у меня целых три варианта.

Появляется палитра, и вот он – желтый! Кстати, цвет можно взять пипеткой с картинки или другой надписи: просто нажмите мышкой на нужный цвет на холсте, а курсор сам превратится в пипетку.

Как скопировать текст

Чтобы скопировать текст в Фотошопе, необходимо выбрать нужный слой на холсте (снова убедитесь, что включен «Автовыбор»), зажмите Alt и потяните мышкой в сторону. Так вы можете сразу проконтролировать, куда разместить копию. Другой способ – бессмертные сочетания клавиш Ctrl + C и Ctrl + V, но в этом случае текст поместится на холст рандомно.

Если вы хотите скопировать текст так, чтобы он оказался ровно на том же месте, то потяните этот слой на панели «Слои» вверх или вниз с зажатым Alt.

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

Создаем эффекты для текста

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

Как сделать обводку текста

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

Как сделать контур текста

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

Далее действуем примерно так же, как с обводкой: заходим в «Стили слоя» и выставляем цвет и толщину обводки. А теперь магия! В панели слоев выкручиваем пункт «Заливка» на 0%. Теперь у надписи виден лишь контур.

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

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

Дальше следите за руками:

1. Нажимаем на инструмент «Прямоугольник» (U), чтобы сделать подложку. Я возьму прямоугольник белого цвета со скругленными углами.
2. Перемещаем эту фигуру под слой с текстом (потяните его на панели слоев вниз на один пункт).
3. Нажимаем правой кнопкой мышки на панели слоев по слою прямоугольника, затем на «Растрировать слой».
4. Теперь с зажатой кнопкой Ctrl кликаем по слою с текстом, прямо по значку «Т».
5. Скрываем текстовый слой, ткнув на иконку с глазиком.
6. Выбираем слой с плашкой и нажимаем Delete.

Как изменить прозрачность текста

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

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

Как сделать неоновые буквы

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

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

После всех настроек текст можно изменить. А если вы скопируете слой, то все настройки неона тоже сохранятся. Покрутите ползунки, поиграйте с прозрачностью, оттенками и мягкостью свечения. Экспериментируйте, у вас все получится!

Как сделать градиент текста

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

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

Меняем форму

Наклон

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

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

Деформация

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

Есть еще один способ деформировать надпись. Если нажать правой кнопкой мышки по текстовому слою и затем на «Растрировать текст», то откроется новое поле возможностей.

Помните, что после растрирования текст нельзя будет редактировать. Растрировав его, зайдите во вкладку «Редактирование» – «Трансформирование», а там выберите, к примеру, «Искажение».

Можно тянуть слово в любую сторону, попробуйте!

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

Как сделать текст по кругу

Текст по кругу в Adobe Photoshop делается буквально в пару кликов. Итак, для начала нам необходимо нарисовать круг. Найдите инструмент «Эллипс». Он может прятаться за «Прямоугольником» – щелкните по нему правой кнопкой мышки, и вы сразу его увидите.

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

Заключение

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

Надеюсь, что эта статья помогла вам немного прокачать свой уровень владения Фотошопом 🙂

Редактирование текста

Чтобы выбрать текстовый слой, выполните одно из следующих действий.

• Выберите инструмент «Перемещение» и дважды щелкните текстовый слой на холсте.
• Выберите инструмент «Горизонтальный текст» или «Вертикальный текст» . Выберите текстовый слой на панели «Слои» или щелкните текст на изображении для автоматического выбора текстового слоя.
• Выбрав любой инструмент, дважды щелкните миниатюру типового слоя (значок T) на панели «Слои».

Установите точку вставки в тексте и выполните одно из следующих действий:

• Щелкните, чтобы установить курсор вставки.
• Выделите один или несколько символов, которые необходимо редактировать.

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

• Выберите новый инструмент.
• Щелкните слой на панели «Слои». (Это действие автоматически применяет изменения и выбирает слой.)
• Нажмите кнопку «Применить» на панели параметров.
• Нажмите клавишу «Esc». Обратите внимание, что клавиша Esc по умолчанию настроена на фиксацию текста. Вы можете изменить это, чтобы отменить изменения, выбрав Правка > Установки > Тип (Windows) или Photoshop > Установки > Тип (MacOS) . Затем снимите флажок Использовать клавишу Esc для фиксации текста.
• Щелкните место на холсте вдали от редактируемого текстового слоя. Следите, как курсор превращается в обычную стрелку указателя, затем щелкните.

Примечание: Если фокус перемещается на другие приложения, ваши изменения фиксируются автоматически.

Чтобы отменить изменения, нажмите кнопку «Отмена» на панели параметров или нажмите клавишу Esc, если вы изменили настройку по умолчанию для функции клавиши Esc в разделе Настройки > Тип > Использовать клавишу Esc для фиксации текста.

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

Ранее размер шрифта по умолчанию всегда устанавливался на 12 пт и иногда оказывался слишком мал в зависимости от разрешения и коэффициента масштабирования. Отключение этого параметра вернет устаревшие функции/функции по умолчанию.

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

Указание фигурных или прямых кавычек

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

Выберите меню «Редактирование» > «Установки» > «Шрифты» (Windows) или «Photoshop» > «Установки» > «Шрифты» (Mac OS).

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

Применение сглаживания к текстовому слою

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

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

Примечание.

При использовании сглаживания при малых размерах и низкой разрешающей способности (например, в веб-изображениях) текст может показаться неразборчивым. Чтобы повысить разборчивость, сбросьте флажок «Дробная ширина» в меню панели «Символ».

Выберите текстовый слой на панели «Слои».

Установите параметр в меню сглаживания на панели параметров или на панели «Символ». Или выберите меню «Слой» > «Шрифт», а затем выберите параметр во вложенном меню.

Как сделать прозрачный текст в 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. Сам “стеклянный” текст теперь готов, нужно лишь добавить между текстовыми слоями фон с любым изображением, на котором будет видна прозрачная надпись. При этом непрозрачность этого фона нужно будет снизить самостоятельно, на глаз, чтобы через него проступал нижний слой с текстом. Фон можно нарисовать самостоятельно или выбрать уже готовый. Лучше не делать очень ярким, иначе прозрачность будет не столь заметна, как хочется.

Результат

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

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