Эффект текста в фотошопе: Создание эффектов текста в Photoshop

Содержание

Создание эффектов текста в Photoshop

Руководство пользователя
Отмена

Поиск

Последнее обновление
Nov 15, 2022 09:21:40 AM GMT

  1. Руководство пользователя Photoshop
  2. Введение в Photoshop
    1. Мечтайте об этом. Сделайте это.
    2. Новые возможности Photoshop
    3. Редактирование первой фотографии
    4. Создание документов
    5. Photoshop | Часто задаваемые вопросы
    6. Системные требования Photoshop
    7. Перенос наборов настроек, операций и настроек
    8. Знакомство с Photoshop
  3. Photoshop и другие продукты и услуги Adobe
    1. Работа с графическим объектом Illustrator в Photoshop
    2. Работа с файлами Photoshop в InDesign
    3. Материалы Substance 3D для Photoshop
    4. Photoshop и Adobe Stock
    5. Работа со встроенным расширением Capture в Photoshop
    6. Библиотеки Creative Cloud Libraries
    7. Библиотеки Creative Cloud в Photoshop
    8. Работа в Photoshop с использованием Touch Bar
    9. Сетка и направляющие
    10. Создание операций
    11. Отмена и история операций
  4. Photoshop на iPad
    1. Photoshop на iPad | Общие вопросы
    2. Знакомство с рабочей средой
    3. Системные требования | Photoshop на iPad
    4. Создание, открытие и экспорт документов
    5. Добавление фотографий
    6. Работа со слоями
    7. Рисование и раскрашивание кистями
    8. Выделение участков и добавление масок
    9. Ретуширование композиций
    10. Работа с корректирующими слоями
    11. Настройка тональности композиции с помощью слоя «Кривые»
    12. Применение операций трансформирования
    13. Обрезка и поворот композиций
    14. Поворот, панорамирование, масштабирование и восстановление холста
    15. Работа с текстовыми слоями
    16. Работа с Photoshop и Lightroom
    17. Получение отсутствующих шрифтов в Photoshop на iPad
    18. Японский текст в Photoshop на iPad
    19. Управление параметрами приложения
    20. Сенсорные ярлыки и жесты
    21. Комбинации клавиш
    22. Изменение размера изображения
    23. Прямая трансляция творческого процесса в Photoshop на iPad
    24. Исправление недостатков с помощью восстанавливающей кисти
    25. Создание кистей в Capture и их использование в Photoshop
    26. Работа с файлами Camera Raw
    27. Создание и использование смарт-объектов
    28. Коррекция экспозиции изображений с помощью инструментов «Осветлитель» и «Затемнитель»
  5. Бета-версия веб-приложения Photoshop
    1. Часто задаваемые вопросы | Бета-версия веб-приложения Photoshop 
    2. Общие сведения о рабочей среде
    3. Системные требования | Бета-версия веб-приложения Photoshop
    4. Комбинации клавиш | Бета-версия веб-приложения Photoshop
    5. Поддерживаемые форматы файлов | Бета-вервия веб-приложения Photoshop
    6. Открытие облачных документов и работа с ними
    7. Совместная работа с заинтересованными сторонами
    8. Ограниченные возможности редактирования облачных документов
  6. Облачные документы
    1. Облачные документы Photoshop | Часто задаваемые вопросы
    2. Облачные документы Photoshop | Вопросы о рабочем процессе
    3. Работа с облачными документами и управление ими в Photoshop
    4. Обновление облачного хранилища для Photoshop
    5. Не удается создать или сохранить облачный документ
    6. Устранение ошибок с облачными документами Photoshop
    7. Сбор журналов синхронизации облачных документов
    8. Общий доступ к облачным документам и их редактирование
    9. Общий доступ к файлам и комментирование в приложении
  7. Рабочая среда
    1. Основные сведения о рабочей среде
    2. Более быстрое обучение благодаря панели «Новые возможности» в Photoshop
    3. Создание документов
    4. Работа в Photoshop с использованием Touch Bar
    5. Галерея инструментов
    6. Установки производительности
    7. Использование инструментов
    8. Сенсорные жесты
    9. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    10. Обзорные версии технологии
    11. Метаданные и комментарии
    12. Комбинации клавиш по умолчанию
    13. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    14. Помещение изображений Photoshop в другие приложения
    15. Установки
    16. Комбинации клавиш по умолчанию
    17. Линейки
    18. Отображение или скрытие непечатных вспомогательных элементов
    19. Указание колонок для изображения
    20. Отмена и история операций
    21. Панели и меню
    22. Помещение файлов
    23. Позиционирование элементов с привязкой
    24. Позиционирование с помощью инструмента «Линейка»
    25. Наборы настроек
    26. Настройка комбинаций клавиш
    27. Сетка и направляющие
  8. Разработка содержимого для Интернета, экрана и приложений
    1. Photoshop для дизайна
    2. Монтажные области
    3. Просмотр на устройстве
    4. Копирование CSS из слоев
    5. Разделение веб-страниц на фрагменты
    6. Параметры HTML для фрагментов
    7. Изменение компоновки фрагментов
    8. Работа с веб-графикой
    9. Создание веб-фотогалерей
  9. Основные сведения об изображениях и работе с цветом
    1. Изменение размера изображений
    2. Работа с растровыми и векторными изображениями
    3. Размер и разрешение изображения
    4. Импорт изображений из камер и сканеров
    5. Создание, открытие и импорт изображений
    6. Просмотр изображений
    7. Ошибка «Недопустимый маркер JPEG» | Открытие изображений
    8. Просмотр нескольких изображений
    9. Настройка палитр цветов и образцов цвета
    10. HDR-изображения
    11. Подбор цветов на изображении
    12. Преобразование между цветовыми режимами
    13. Цветовые режимы
    14. Стирание фрагментов изображения
    15. Режимы наложения
    16. Выбор цветов
    17. Внесение изменений в таблицы индексированных цветов
    18. Информация об изображениях
    19. Фильтры искажения недоступны
    20. Сведения о цвете
    21. Цветные и монохромные коррекции с помощью каналов
    22. Выбор цветов на панелях «Цвет» и «Образцы»
    23. Образец
    24. Цветовой режим (или режим изображения)
    25. Цветовой оттенок
    26. Добавление изменения цветового режима в операцию
    27. Добавление образцов из CSS- и SVG-файлов HTML
    28. Битовая глубина и установки
  10. Слои
    1. Основные сведения о слоях
    2. Обратимое редактирование
    3. Создание слоев и групп и управление ими
    4. Выделение, группировка и связывание слоев
    5. Помещение изображений в кадры
    6. Непрозрачность и наложение слоев
    7. Слои-маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Перемещение, упорядочение и блокировка слоев
    11. Маскирование слоев при помощи векторных масок
    12. Управление слоями и группами
    13. Эффекты и стили слоев
    14. Редактирование слоев-масок
    15. Извлечение ресурсов
    16. Отображение слоев с помощью обтравочных масок
    17. Формирование графических ресурсов из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких фрагментов в одно изображение
    21. Объединение изображений с помощью функции «Автоналожение слоев»
    22. Выравнивание и распределение слоев
    23. Копирование CSS из слоев
    24. Загрузка выделенных областей на основе границ слоя или слоя-маски
    25. Просвечивание для отображения содержимого других слоев
    26. Слой
    27. Сведение
    28. Совмещенные изображения
    29. Фон
  11. Выделения
    1. Рабочая среда «Выделение и маска»
    2. Быстрое выделение областей
    3. Начало работы с выделениями
    4. Выделение при помощи группы инструментов «Область»
    5. Выделение при помощи инструментов группы «Лассо»
    6. Выбор цветового диапазона в изображении
    7. Настройка выделения пикселей
    8. Преобразование между контурами и границами выделенной области
    9. Основы работы с каналами
    10. Перемещение, копирование и удаление выделенных пикселей
    11. Создание временной быстрой маски
    12. Сохранение выделенных областей и масок альфа-каналов
    13. Выбор областей фокусировки в изображении
    14. Дублирование, разделение и объединение каналов
    15. Вычисление каналов
    16. Выделение
    17. Ограничительная рамка
  12. Коррекции изображений
    1. Деформация перспективы
    2. Уменьшение размытия в результате движения камеры
    3. Примеры использования инструмента «Восстанавливающая кисть»
    4. Экспорт таблиц поиска цвета
    5. Корректировка резкости и размытия изображения
    6. Общие сведения о цветокоррекции
    7. Применение настройки «Яркость/Контрастность»
    8. Коррекция деталей в тенях и на светлых участках
    9. Корректировка «Уровни»
    10. Коррекция тона и насыщенности
    11. Коррекция сочности
    12. Настройка насыщенности цвета в областях изображения
    13. Быстрая коррекция тона
    14. Применение специальных цветовых эффектов к изображениям
    15. Улучшение изображения при помощи корректировки цветового баланса
    16. HDR-изображения
    17. Просмотр гистограмм и значений пикселей
    18. Подбор цветов на изображении
    19. Кадрирование и выпрямление фотографий
    20. Преобразование цветного изображения в черно-белое
    21. Корректирующие слои и слои-заливки
    22. Корректировка «Кривые»
    23. Режимы наложения
    24. Целевая подготовка изображений для печатной машины
    25. Коррекция цвета и тона с помощью пипеток «Уровни» и «Кривые»
    26. Коррекция экспозиции и тонирования HDR
    27. Фильтр
    28. Размытие
    29. Осветление или затемнение областей изображения
    30. Избирательная корректировка цвета
    31. Замена цветов объекта
  13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Новые возможности Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Виньетирование, зернистость и удаление дымки в Camera Raw
    7. Комбинации клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Обратимое редактирование в Camera Raw
    10. Инструмент «Радиальный фильтр» в Camera Raw
    11. Управление настройками Camera Raw
    12. Обработка, сохранение и открытие изображений в Camera Raw
    13. Совершенствование изображений с улучшенным инструментом «Удаление точек» в Camera Raw
    14. Поворот, обрезка и изменение изображений
    15. Корректировка цветопередачи в Camera Raw
    16. Краткий обзор функций | Adobe Camera Raw | Выпуски за 2018 г.
    17. Обзор новых возможностей
    18. Версии обработки в Camera Raw
    19. Внесение локальных корректировок в Camera Raw
  14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью функции «Заливка с учетом содержимого»
    2. Заплатка и перемещение с учетом содержимого
    3. Ретуширование и исправление фотографий
    4. Коррекция искажений изображения и шума
    5. Основные этапы устранения неполадок для решения большинства проблем
  15. Преобразование изображений
    1. Трансформирование объектов
    2. Настройка кадрирования, поворотов и холста
    3. Кадрирование и выпрямление фотографий
    4. Создание и редактирование панорамных изображений
    5. Деформация изображений, фигур и контуров
    6. Перспектива
    7. Использование фильтра «Пластика»
    8. Масштаб с учетом содержимого
    9. Трансформирование изображений, фигур и контуров
    10. Деформация
    11. Трансформирование
    12. Панорама
  16. Рисование и живопись
    1. Рисование симметричных орнаментов
    2. Варианты рисования прямоугольника и изменения обводки
    3. Сведения о рисовании
    4. Рисование и редактирование фигур
    5. Инструменты рисования красками
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавление цвета в контуры
    9. Редактирование контуров
    10. Рисование с помощью микс-кисти
    11. Наборы настроек кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Заливка и обводка выделенных областей, слоев и контуров
    15. Рисование с помощью группы инструментов «Перо»
    16. Создание узоров
    17. Создание узора с помощью фильтра «Конструктор узоров»
    18. Управление контурами
    19. Управление библиотеками узоров и наборами настроек
    20. Рисование при помощи графического планшета
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Рисование стилизованных обводок с помощью архивной художественной кисти
    25. Рисование с помощью узора
    26. Синхронизация наборов настроек на нескольких устройствах
  17. Текст
    1. Добавление и редактирование текста
    2. Универсальный текстовый редактор
    3. Работа со шрифтами OpenType SVG
    4. Форматирование символов
    5. Форматирование абзацев
    6. Создание эффектов текста
    7. Редактирование текста
    8. Интерлиньяж и межбуквенные интервалы
    9. Шрифт для арабского языка и иврита
    10. Шрифты
    11. Поиск и устранение неполадок, связанных со шрифтами
    12. Азиатский текст
    13. Создание текста
    14. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Windows 8
  18. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактирование слоев видео и анимации
    3. Общие сведения о видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Рисование кадров в видеослоях
    6. Импорт видеофайлов и последовательностей изображений
    7. Создание анимации кадров
    8. 3D-анимация Creative Cloud (предварительная версия)
    9. Создание анимаций по временной шкале
    10. Создание изображений для видео
  19. Фильтры и эффекты
    1. Использование фильтра «Пластика»
    2. Использование эффектов группы «Галерея размытия»
    3. Основные сведения о фильтрах
    4. Справочник по эффектам фильтров
    5. Добавление эффектов освещения
    6. Использование фильтра «Адаптивный широкий угол»
    7. Фильтр «Масляная краска»
    8. Эффекты и стили слоев
    9. Применение определенных фильтров
    10. Растушевка областей изображения
  20. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
    4. Сохранение файлов в других графических форматах
    5. Перемещение проектов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
  21. Печать
    1. Печать 3D-объектов
    2. Печать через Photoshop
    3. Печать и управление цветом
    4. Контрольные листы и PDF-презентации
    5. Печать фотографий в новом макете раскладки изображений
    6. Печать плашечных цветов
    7. Дуплексы
    8. Печать изображений на печатной машине
    9. Улучшение цветной печати в Photoshop
    10. Устранение неполадок при печати | Photoshop
  22. Автоматизация
    1. Создание операций
    2. Создание изображений, управляемых данными
    3. Сценарии
    4. Обработка пакета файлов
    5. Воспроизведение операций и управление ими
    6. Добавление условных операций
    7. Сведения об операциях и панели «Операции»
    8. Запись инструментов в операциях
    9. Добавление изменения цветового режима в операцию
    10. Набор средств разработки пользовательского интерфейса Photoshop для внешних модулей и сценариев
  23. Управление цветом
    1. Основные сведения об управлении цветом
    2. Обеспечение точной цветопередачи
    3. Настройки цвета
    4. Работа с цветовыми профилями
    5. Управление цветом документов для просмотра в Интернете
    6. Управление цветом при печати документов
    7. Управление цветом импортированных изображений
    8. Выполнение цветопробы
  24. Подлинность контента
    1. Подробнее об учетных данных для содержимого
    2. Идентичность и происхождение токенов NFT
    3. Подключение учетных записей для творческой атрибуции
  25. 3D-объекты и технические изображения
    1. 3D в Photoshop | Распространенные вопросы об упраздненных 3D-функциях
    2. 3D-анимация Creative Cloud (предварительная версия)
    3. Печать 3D-объектов
    4. 3D-рисование
    5. Усовершенствование панели «3D» | Photoshop
    6. Основные понятия и инструменты для работы с 3D-графикой
    7. Рендеринг и сохранение 3D-объектов
    8. Создание 3D-объектов и анимаций
    9. Стеки изображений
    10. Процесс работы с 3D-графикой
    11. Измерения
    12. Файлы формата DICOM
    13. Photoshop и MATLAB
    14. Подсчет объектов на изображении
    15. Объединение и преобразование 3D-объектов
    16. Редактирование 3D-текстур
    17. Коррекция экспозиции и тонирования HDR
    18. Настройки панели «3D»

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

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

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

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

Горизонтальный и вертикальный текст на незамкнутом контуре

Горизонтальный и вертикальный текст на замкнутом контуре, созданном инструментом фигуры

Ввод текста по контуру

  1. Выполните одно из следующих действий.

  2. Установите курсор так, чтобы индикатор базовой линии инструмента «Текст»  находился на контуре, и щелкните его. После этого на контуре появляется курсор вставки.

    Индикатор базовой линии инструмента «Текст» (слева) и инструмент «Текст» с индикатором базовой линии на контуре (справа)

  3. Введите текст. Горизонтальный текст выводится вдоль контура перпендикулярно базовой линии. Вертикальный текст выводится вдоль контура параллельно базовой линии.

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

Перемещение или отражение текста по контуру

  1. Выберите инструмент «Стрелка» или «Выделение контура»  и переместите его на текст. Курсор примет I-образную форму со стрелкой  .

    • Чтобы переместить текст, щелкните его и перетаскивайте вдоль контура. Будьте внимательны: не перетаскивайте поперек контура.

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

Применение инструментов «Стрелка» и «Выделение контура» для перемещения или отражения текста по контуру.

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

Ввод текста внутри замкнутого контура

  1. Выберите инструмент «Горизонтальный текст»  .

  2. Поместите курсор внутри контура.

  3. Когда курсор инструмента «Текст» будет окружен пунктирными круглыми скобками , щелкните, чтобы вставить текст.

Перемещение контура с текстом

  1. Выберите инструмент «Выделение контура» или «Перемещение»  , затем щелкните контур и перетащите его на новое место. Если используется инструмент «Выделение контура», убедитесь в том, что курсор не принял I-образную форму со стрелкой  , и что текст не перемещается вдоль контура.

Изменение формы контура с текстом

  1. Выберите инструмент «Стрелка»  .

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

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

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

Пример текста, деформированного стилем «Рыба»

Деформация текста

  1. Выберите текстовый слой.

  2. Выполните одно из следующих действий.

    Для деформации текста в текстовом слое можно воспользоваться командой «Деформация». Выберите «Редактирование» > «Трансформирование контура» > «Деформация».  

  3. Выберите стиль деформации из всплывающего меню «Стиль».

  4. Выберите ориентацию эффекта деформации — по горизонтали или по вертикали.

  5. При желании укажите значения дополнительных параметров деформации.

Отмена деформации текста

  1. Выделите текстовый слой, к которому была применена деформация.

  2. Выберите инструмент «Текст» и нажмите кнопку «Деформация»  на панели параметров или выберите команду меню «Слой» > «Текст» > «Деформировать текст».

  3. Выберите «Нет» во всплывающем меню «Стиль» и нажмите кнопку «ОК».

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

  1. Выделите текстовый слой и выберите меню «Текст» > «Создать рабочий контур».

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

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

  1. Выделите текстовый слой и выберите меню «Текст» > «Преобразовать в фигуру».

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

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

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

  2. Выберите инструмент «Горизонтальный текст-маска»  или «Вертикальный текст-маска»  .

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

    При вводе текста на активном слое появится красная маска. После нажатия кнопки «Применить»  граница выделения текста появится на изображении активного слоя.

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

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

  2. Нажмите кнопку «Добавить стиль слоя»  в нижней части панели «Слои» и выберите в появившемся списке пункт «Тень».

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

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

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

    Чтобы использовать такие же настройки тени в другом слое, удерживая клавишу «Alt», перетащите слой «Тень» на панели «Слои» на другой слой. Когда кнопка мыши будет отпущена, Photoshop применит в этом слое те же атрибуты тени.

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

  1. Откройте файл, содержащий изображение, которое необходимо поместить внутрь текста.

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

  3. Щелкните вкладку «Символ», чтобы панель «Символ» переместилась на передний план, или, если панель не открыта, выберите меню «Окно» > «Символ».

  4. На панели «Символ» выберите шрифт и другие атрибуты текста. Лучше выбрать большие, полужирные, толстые буквы.

  5. Щелкните курсор вставки в окне документа и введите желаемый текст. После этого нажмите клавиши «Ctrl» + «Ввод» (Windows) или «Command» + «Return» (Mac OS).

  6. Щелкните вкладку «Слои», чтобы панели «Слои» переместилась на передний план, или, если эта панель не открыта, выберите меню «Окно» > «Слои».

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

    Задний план заблокирован и не позволяет перемещать его на панели «Слои». Чтобы разблокировать задний план, его необходимо превратить в обычный слой.

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

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

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

  11. Выберите инструмент «Перемещение»  и перетащите изображение так, чтобы оно заняло нужное положение внутри текста.

    Чтобы переместить текст, а не изображение, выберите текстовый слой на панели «Слои» и воспользуйтесь инструментом «Перемещение».

Справки по другим продуктам

  • Воспроизведение операции для файла
  • Общие сведения о фигурах и контурах
  • Смещение базовой линии
  • Деформация элемента
  • Сегменты, компоненты и точки контура
  • Общие сведения о фигурах и контурах
  • Об эффектах и стилях слоев
  • Слои-маски с обтравочными масками
  • Ввод текста
  • Форматирование символов

Вход в учетную запись

Войти

Управление учетной записью

Как сделать эффект каменного текста в Photoshop с помощью стандартных инструментов.

Содержание

быстрая навигация по статье

  • #1. Печатаем текст и подготавливаем его под эффект
  • #2. Накладываем фильтры (работаем с маской)
  • #3. Накладываем текстуру камня
  • #4. Накладываем фильтры, задаём объём, дорабатываем эффект
  • #5. Накладываем тень от текста
  • #6. Делаем фон из текстуры
  • Посмотреть видео-урок

    Для работы создаем новый проект, я сделаю холст размером FullHD, т.е. 1920 на 1080 пикселей, цвет фона пусть остаётся белым. Так как сам эффект мы будем накладывать на текст, для начала нужно что-то напечатать.

    1. Печатаем текст и подготавливаем его под эффект

    Создаём новый слой, кликнув по соответствующей пентаграмме в панели слоёв, берём инструмент «Текст», выбираем какой-нибудь шрифт и печатаем.

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

    Для начала обработаем края текста, чтобы он выглядел не идеально ровным, а имел некие зазубрины и сколы. Для этого создаём новый слой над слоем с текстом и заливаем его черным цветом. Берём инструмент «Заливка», установливаем чёрный цвет и заливаем.

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

    2. Накладываем фильтры (работаем с маской)

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

    Далее, мы будем работать с этой маской слоя. Чтобы получить неровности на краях текста, наложим на маску несколько фильтров. Для этого выделяем маску слоя, кликнув по ней левой кнопкой мыши и переходим в верхнем меню в «Фильтр» — «Галерея фильтров» и ищем тут фильтр «Разбрызгивание». Он находится во вкладке «Штрихи». Выставим значение радиуса разбрызгивания примерно на 15-ть, а смягчение на максимум, получилось тоже значение 15-ть.

    Далее наложим на маску еще один фильтр, который называется «Линогравюра». Для этого кликаем по соответствующему значку, чтобы добавить новый слой с эффектом. Затем выбираем сам эффект, его можно найти в этой панели, во вкладке «Эскиз», либо выбрать прямо в настройках. Данному фильтру выставим такие же значения настроек, как и предыдущему. Т.е. «Тоновый баланс» ставим значение на 15-ть и «Смягчение» тоже. Применяем эффекты, кликнув «Ок».

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

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

    Теперь выделяем созданную маску, кликнув по ней левой кнопкой мыши и в верхнем меню выбираем «Фильтр» — «Оформление» — «Кристаллизация».

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

    В результате получается вот такой эффект сколов по краям текста.

    3. Накладываем текстуру камня

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

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

    4. Накладываем фильтры, задаём объём, дорабатываем эффект

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

    Затем накладываем этот слой на слой с текстурой. Как и в предыдущий раз, удерживаем Alt, наводим курсор между слоями и при появлении пинтограммы кликаем левой кнопкой мыши.

    Выделяем маску слоя и переходим в верхнем меню в «Фильтр» — «Оформление» — «Кристаллизация». В появившемся окне настроек выкручиваем параметр «Размер ячейки» примерно до значения 80-ть и применяем фильтр.

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

    В результате по краям появилось больше сколов.

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

    Здесь ищем стиль «Тиснение» и подключаем его к слою, поставив галочку. Тут мы установим «Внешний скос», глубину выставим примерно на 70%, размер установим около 50 пикселей. Далее, режим подсветки поставим «Осветление основы», непрозрачность установим около 20%, режим тени выберем «Затемнение основы» и непрозрачность поставим около 60%. Ну и последнее, что тут можно сделать — настроить угол освещения. По умолчанию он установлен в 90 градусов, давайте выставим его примерно на 60, чтобы свет падал с верхнего правого угла, а не прямо сверху вниз.

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

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

    Берём слой с текстом и копируем его вниз, под все слои. Для этого удерживаем Alt на клавиатуре и левой кнопкой мыши перетаскиваем слой вниз.

    Теперь удалим маску, так как она нам не понадобиться. Кликаем по ней правой кнопкой мыши и выбираем «Удалить слой-маску».

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

    И накладываем на этот слой текстуру. Выделяем слой с текстурой, удерживая Alt левой кнопкой мыши тащим её и размещаем над слоем с боковыми гранями.

    Теперь удерживая Alt наводим курсор между слоями, до появления пинтаграммы, и кликаем левой кнопкой мыши.

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

    Подключаем тиснение и здесь жмем кнопку «Восстановить значения по умолчанию». Теперь настраиваем параметры тиснения. Глубину выставим на 300%, размер на 70 пикселей, непрозрачность на 20%, режим подсветки — осветление основы, режим тени — затемнение основы и её непрозрачность на 60%. Потом, контур глянца — выбираем кривую и применяем все изменения.

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

    Подключаем тень и выставляем следующие настройки. Режим наложения — «затемнение основы», непрозрачность 60%, угол — глобальное освещение, на 60 градусов, смещение — 50 пикселей, размах — ноль, размер — 100 пикселей и применяем изменения.

    5. Накладываем тень от текста

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

    Далее выбираем в верхнем меню «Фильтр» — «Галерея размытия» — «Размытие контура». Теперь перетаскиваем точку в положение, чтобы получилось примерно 60 градусов. В настройках фильтра вместо «Базовое размытие» ставим «Синхронизация вспышки по задней шторке». Очень сложное название, но такой вот перевод на русский. Скорость выставляем на 60%, скорость конечной точки поставим где-то на 200 пикселей.

    6. Делаем фон из текстуры

    Ну и сделаем теперь фон. Копируем текстуру камня под все слои. Удерживаем Alt и тащим слой левой кнопкой мыши вниз.

    Чтобы фон не сливался с буквами откорректируем на глаз его яркость и контрастность с помощью уровней. Создаём корректирующий слой с уровнями над слоем с фоном, кликнув по соответствующей пентограмме в панели слоёв и выбрав «Уровни». Затем настраиваем уровни на глаз, до нужного результата.

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

    Поделиться:

    Бесплатные учебники по текстовым эффектам в Photoshop

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

    Как деформировать градиент в тексте с помощью Photoshop

    Команда Photoshop «Деформация текста» деформирует ваш текст, но игнорирует его градиентную заливку. Итак, вот хитрость, как деформировать градиент и текст вместе!

    Создайте золотой текстовый эффект в Photoshop CC и CS6

    Теперь обновлено для Photoshop CC 2019! Узнайте, как легко превратить текст в блестящее золото с помощью Photoshop, используя стили слоя, собственный золотой градиент и кисть!

    Как нарезать текст в Photoshop

    Шаг за шагом узнайте, как нарезать текст в Photoshop и как сохранить текст редактируемым даже после того, как вы его нарежете!

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

    Подожгите текст с помощью Photoshop! Узнайте, как охватить ваш текст горящим пламенем с помощью этого пошагового текстового эффекта огня.

    Разноцветный текстовый эффект перекрывающихся букв в Photoshop

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

    Ретро текстовый эффект 80-х с Photoshop

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

    Как поместить изображение в текст с помощью Photoshop CC и CS6

    Узнайте, как возможности обтравочных масок упрощают создание одного из самых популярных и классических эффектов Photoshop — размещение изображения внутри текста! Теперь полностью обновлено для Photoshop CS6 и CC!

    Множественные обводки текста со смарт-объектами в Photoshop

    Нужно добавить несколько штрихов вокруг текста? Обычно Photoshop позволяет добавить к слою только один эффект «Обводка», но в этом уроке вы узнаете, как легко обойти эту проблему с помощью смарт-объектов, чтобы вы могли добавлять к тексту столько контуров обводки, сколько вам нужно!

    Редактируемый размытый текст с помощью стилей слоя в Photoshop

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

    Обводка текста кистью в Photoshop

    Узнайте, как создавать интересные рисунки из текста в Photoshop, преобразуя текст в контур, а затем используя кисти, добавляйте контуры обводки вокруг букв!

    Металлический текстовый эффект в Photoshop

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

    Текстурированный текстовый эффект в Photoshop

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

    Размещение нескольких изображений в тексте с помощью Photoshop

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

    Имитация обтекания текстом в Photoshop

    Реальность — не единственное, что мы можем имитировать в Photoshop! Благодаря путям и способности Photoshop использовать путь в качестве контейнера для текста, мы можем легко подделать функцию «Обтекание текстом», которую вы обычно найдете в программе верстки!

    Обтекание текста в 3D с помощью Photoshop

    Перенесите свои навыки работы с Photoshop в третье измерение! Обтекание текстом объекта в 3D не может быть проще и требует всего несколько простых шагов!

    Изношенный и рваный текст в Photoshop

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

    Позолоченный текстовый эффект в Photoshop

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

    Текстовый эффект выбивания в Photoshop

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

    Создание золотого текстового эффекта в Photoshop CC и CS6

    Превратите текст в золото с помощью этого пошагового руководства, которое покажет вам, как создавать блестящие золотые буквы и текст в Photoshop!

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

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

    Я обновил это руководство, чтобы включить последние изменения в Photoshop, такие как новая панель «Кисти» в Photoshop CC 2018 и новые сочетания клавиш «Свободное преобразование» в CC 2019. Поэтому для достижения наилучших результатов вам нужно использовать последнюю версию Фотошоп. Но там, где это необходимо, я также включаю исходные шаги, чтобы пользователи Photoshop CS6 могли по-прежнему следовать им.

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

    Финальный эффект.

    Начнем!

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

    Шаг 1. Создайте новый документ Photoshop

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

    Перейдите в меню «Файл» > «Создать».

    И в диалоговом окне Новый документ установите Ширину вашего документа на 1600 пикселей , высоту на 800 пикселей и разрешение на 72 пикселей на дюйм .

    Затем в Photoshop CC нажмите кнопку «Создать» или в CS6 нажмите «ОК»:

    Установка ширины, высоты и разрешения нового документа.

    Появится новый документ:

    Новый документ Photoshop.

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

    Шаг 2: Залейте документ черным цветом

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

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

    Переходим к Правка > Заполнить.

    Затем в диалоговом окне «Заливка» установите Содержание 9от 0098 до Черный и нажмите OK:

    Изменение содержимого на черный.

    Фотошоп заливает фон черным цветом:

    Документ после заливки фона черным цветом.

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

    Чтобы добавить свой текст, выберите Type Tool на панели инструментов:

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

    Шаг 4: Выберите шрифт

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

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

    .

    Выбор шрифта и установка размера 72 пт.

    Шаг 5: Установите белый цвет шрифта

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

    Щелкните образец цвета на панели параметров:

    Щелчок по образцу цвета.

    И в палитре цветов выберите белый цвет, установив значения R , G и B (красный, зеленый и синий) на 255 . Затем закройте палитру цветов, нажав OK:

    .

    Изменение цвета шрифта на белый.

    Шаг 6. Добавьте текст в документ

    Щелкните внутри документа и добавьте свой текст. Я напечатаю слово «ЗОЛОТО».

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

    .

    Добавление текста.

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

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

    Шаг 7: измените размер и положение текста с помощью Free Transform

    Чтобы изменить размер текста и переместить его в центр холста, перейдите в меню Edit и выберите Free Transform :

    Перейдите в Редактирование > Свободное преобразование.

    Затем измените размер текста, щелкнув и перетащив любой из угловых маркеров вокруг него.

    Но здесь мы сталкиваемся с различием между Photoshop CC и CS6.

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

    Начиная с Photoshop CC 2019, Free Transform теперь автоматически блокирует соотношение сторон при перетаскивании маркеров, поэтому вы не искажаете формы букв при изменении размера текста. Это то поведение, которое нам нужно, поэтому, если вы используете Photoshop CC, вы можете просто перетаскивать маркеры, не добавляя никаких клавиш-модификаторов.

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

    Но в CS6 вам нужно нажать и удерживать клавишу Shift при перетаскивании маркеров, чтобы зафиксировать соотношение сторон на месте. И когда вы закончите изменять размер текста, убедитесь, что вы отпустили кнопку мыши 90 239 до того, как 90 240 отпустили клавишу Shift.

    Как переместить текст в центр документа

    После изменения размера текста переместите его в центр холста, щелкнув внутри поля «Свободное преобразование» и перетащив текст в нужное место.

    Когда вы закончите, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы закрыть Free Transform:

    Изменение размера текста путем перетаскивания угловых маркеров.

    Шаг 8: Сделайте копию слоя Type

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

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

    Перетаскивание слоя «Тип» на значок «Добавить новый слой».

    Копия слоя «Тип» появляется над оригиналом:

    Появится слой «ЗОЛОТАЯ копия».

    Очистите панель «Слои» в Photoshop с помощью этих важных советов!

    Шаг 9. Раскрасьте текст с помощью эффекта слоя Gradient Overlay

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

    Убедитесь, что на панели «Слои» выбран слой «ЗОЛОТАЯ копия». Затем нажмите Стили слоя значок (значок «fx») внизу:

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

    И в меню эффектов слоя выберите Gradient Overlay :

    Выбор эффекта слоя Gradient Overlay.

    Шаг 10. Создайте собственный золотой градиент

    Photoshop открывает диалоговое окно «Стиль слоя» с параметрами «Наложение градиента».

    Во-первых, удалите все предыдущие настройки, которые вы могли использовать, нажав кнопку Reset to Default 9Кнопка 0098:

    Сброс параметров наложения градиента.

    Затем отредактируйте цвета градиента, щелкнув образец градиента :

    .

    Щелчок по образцу цвета градиента.

    В редакторе градиентов дважды щелкните точку цвета под левой стороной градиента:

    Двойной щелчок по левой цветовой остановке.

    Добавление цветов золотого градиента

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

    В палитре цветов установите значение R на 247 , значение G на 238 и значение B на 173 . Затем нажмите OK, чтобы закрыть палитру цветов:

    .

    Изменение цвета левой стороны золотого градиента.

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

    Двойной щелчок по правой цветовой остановке.

    И в палитре цветов установите R на 193 , G на 172 и B на 81 . Затем нажмите OK:

    Изменение цвета правой стороны золотого градиента.

    Узнайте, как сэмплировать цвета текста с ваших изображений!

    Шаг 11. Сохраните золотой градиент как предустановку

    Вам снова понадобится этот градиент, так что сохраните его как пресет.

    В редакторе градиентов назовите градиент «Золотой», а затем щелкните значок 9.0097 Новая кнопка для сохранения:

    Сохранение пользовательского градиента в качестве предустановки.

    В области Presets появляется эскиз золотого градиента:

    Photoshop добавляет миниатюру для нашего нового набора настроек «Золотой градиент».

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

    Вот текст с примененным золотым градиентом:

    Текст окрашен золотым градиентом.

    Шаг 12. Измените стиль градиента на Reflected

    Вернувшись в диалоговое окно Layer Style, измените Style градиента на Reflected :

    .

    Изменение параметра «Стиль» на «Отраженный».

    Это перемещает более темный золотой цвет вверху и внизу текста, а более светлый цвет проходит через середину:

    Эффект со стилем градиента, установленным на «Отраженный».

    Шаг 13. Добавьте эффект слоя Bevel & Emboss

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

    Выберите Bevel & Emboss , нажав непосредственно на название эффекта:

    Добавление эффекта слоя Bevel & Emboss.

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

    Сброс параметров Bevel & Emboss до значений по умолчанию.

    Шаг 14. Измените технику на «Долото твердое»

    Убедитесь, что в разделе «Структура» для параметра «Стиль » установлено значение «Внутренний скос 9».0098 .

    Затем измените Technique на Chisel Hard :

    Изменение техники на жесткое долото.

    Шаг 15. Измените контур блеска на кольцо — двойное

    В разделе Shading щелкните маленькую стрелку справа от эскиза Gloss Contour . Убедитесь, что вы нажимаете на стрелку, а не на миниатюру.

    Затем дважды щелкните контур Ring — Double , чтобы выбрать его (третий эскиз слева, нижний ряд):

    Изменение параметра Gloss Contour на Ring-Double.

    Шаг 16. Измените угол и включите сглаживание

    Все еще в разделе Shading установите Angle на 120° .

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

    Установка угла 120° и включение сглаживания.

    Шаг 17. Установите непрозрачность света и тени на 75%

    Чтобы добавить больше контраста эффекту, увеличьте оба0097 Highlight Opacity и Shadow Opacity от до 75% :

    Параметры непрозрачности Highlight Mode и Shadow Mode.

    А вот и эффект:

    Текст после применения Bevel and Emboss.

    Шаг 18: Увеличьте значение размера, чтобы заполнить буквы

    Чтобы текст больше походил на чистое золото, закройте пространство внутри букв, увеличив Size эффекта Bevel and Emboss.

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

    Необходимое значение размера будет зависеть от размера вашего текста. Для меня значение 41 пиксель делает работу:

    Увеличение значения размера.

    А вот и золотой эффект с заполненными буквами:

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

    Шаг 19: Увеличьте значение глубины

    Затем увеличьте значение Depth , перетащив ползунок вправо. Это улучшит освещение и добавит больше контраста отражению в буквах. Я установлю значение глубины примерно на 170% :

    Увеличение значения глубины.

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

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

    Шаг 20: добавьте эффект внутреннего свечения слоя

    Добавьте эффект слоя Внутреннее свечение , щелкнув его имя в левой части диалогового окна «Стиль слоя»:

    Добавление эффекта слоя «Внутреннее свечение».

    Затем удалите все предыдущие настройки, щелкнув Сброс до значений по умолчанию :

    Сброс настроек внутреннего свечения до значений по умолчанию.

    Измените Режим наложения Внутреннего свечения с Экранного на Умножить .

    И установите Непрозрачность на 50% :

    Установка режима наложения и непрозрачности эффекта внутреннего свечения.

    Затем измените цвет свечения, щелкнув образец цвета :

    .

    Щелчок по образцу цвета.

    И в палитре цветов выберите оттенок оранжевого, установив значение R на 232 , G на 128 и B на 31 (я взял этот цвет с фотографии золотого кирпич). Затем нажмите OK в палитре цветов:

    Выбор оранжевого цвета для внутреннего свечения.

    Наконец, увеличьте Size свечения, пока оно полностью не заполнит буквы. В моем случае я установлю значение размера 75 пикселей:

    .

    Увеличьте значение размера.

    Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно Layer Style.

    Теперь ваш золотой эффект должен выглядеть примерно так:

    Эффект золотой буквы после применения внутреннего свечения.

    Шаг 21: Выберите оригинальный слой Type

    Вернувшись на панель «Слои», щелкните исходный слой «Тип», чтобы выбрать его:

    Выбор исходного слоя типа.

    Шаг 22: Добавьте Обводку вокруг букв

    Затем щелкните значок Стили слоя внизу:

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

    И на этот раз выберите Stroke :

    Выбор стиля слоя «Обводка».

    В диалоговом окне «Стиль слоя» нажмите кнопку «Восстановить по умолчанию». 9009Кнопка 8, чтобы сбросить все предыдущие настройки Stroke:

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

    Шаг 23. Залейте обводку предустановленным золотым градиентом

    Измените Тип заливки обводки с Цвет на Градиент .

    Затем щелкните маленькую стрелку справа от образца градиента и выберите «Золотой» градиент, который мы сохранили ранее, дважды щелкнув его миниатюру:

    Изменение типа заливки на градиент и выбор пользовательского золотого градиента.

    Шаг 24. Задайте стиль, положение и размер штриха

    Измените стиль градиента с Linear на Reflected .

    Затем установите Position обводки на Outside и увеличьте Size примерно до 8 пикселей :

    Изменение параметров стиля, положения и размера.

    И теперь у нас есть обводка вокруг текста, которая настроена на те же цвета, что и сам текст:

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

    Шаг 25: Примените Bevel & Emboss к обводке

    Мы собираемся применить еще один эффект Bevel & Emboss, но не к буквам, а к обводке.

    Нажмите на слова Bevel & Emboss в левой части диалогового окна Layer Style:

    Нажатие на Bevel & Emboss.

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

    Вместо этого просто измените Style с Inner Bevel на Stroke Emboss . Technique должен быть установлен на Chisel Hard .

    Установите значение Размер на тот же размер, который вы выбрали для обводки, который в моем случае был 8 пикселей :

    Изменение параметров стиля, техники и размера.

    Повторная проверка других настроек Bevel & Emboss

    Убедитесь, что все остальные настройки Bevel & Emboss такие же, как и раньше. Если по какой-то причине это не так, вам нужно их изменить:

    Глубина: 170%
    Угол: 120°
    Контур глянца: Двойное кольцо
    Сглаживание: Отмечено
    Непрозрачность света: 75%
    Непрозрачность теней: 75%

    Параметры Bevel и Emboss для обводки.

    Включение опции Контур

    Ниже Bevel & Emboss в левой части диалогового окна Layer Style находится эффект с именем Contour . Нажмите внутри флажка, чтобы включить его.

    Это еще больше улучшит освещение вокруг штриха:

    Выбор контура для обводки.

    А вот как золотой текст теперь выглядит с Bevel & Emboss, примененным к обводке:

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

    Шаг 26. Применение эффекта внешнего свечения к слою

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

    Нажмите прямо на слова Внешнее свечение слева от диалогового окна «Стиль слоя»:

    Выбор внешнего свечения.

    Установите Непрозрачность свечения на 40% , а затем щелкните образец цвета :

    Настройка непрозрачности и изменение цвета внешнего свечения.

    В палитре цветов установите для параметра R значение 232 , для G значение 128 и для B значение 31 , а затем нажмите кнопку ОК:

    Выбор нового цвета внешнего свечения.

    И, наконец, увеличьте Size свечения примерно до 60 px :

    Увеличение размера внешнего свечения.

    Узнайте, как копировать эффекты слоев между слоями в Photoshop!

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

    А вот и золотой текстовый эффект со всеми примененными эффектами слоя, включая новое внешнее свечение:

    Эффект почти завершен.

    Шаг 27: Выберите слой «ЗОЛОТАЯ копия»

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

    На панели «Слои» щелкните слой «ЗОЛОТАЯ копия» (верхний слой), чтобы выбрать его:

    Выбор верхнего слоя Type.

    Шаг 28: Добавьте новый слой над текстом

    Затем нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и нажмите Добавить новый слой 9Значок 0098:

    Щелкните значок «Добавить новый слой», удерживая клавишу «Alt» (Win)/Option (Mac).

    В диалоговом окне «Новый слой» назовите слой «Искры» и нажмите «ОК»:

    Имя нового слоя.

    Photoshop добавляет новый пустой слой с именем «Искры» над текстом:

    Новый слой добавляется поверх остальных.

    Шаг 29. Выберите инструмент «Кисть»

    Мы создадим блестки с помощью одной из кистей Photoshop.

    Выберите Инструмент «Кисть» на панели инструментов:

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

    Шаг 30: Выберите кисть «Crosshatch 4» в наборе «Различные кисти»

    Кисть «Crosshatch 4», которая нам нужна для наших блесток, включена в Photoshop как часть набора Ассорти кистей. Но Ассорти кистей не загружаются автоматически, поэтому нам нужно будет загрузить набор самостоятельно. И это подводит нас к еще одному различию между Photoshop CC и CS6.

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

    Как загрузить набор кистей в Photoshop CC

    В Photoshop CC с выбранным инструментом «Кисть» щелкните правой кнопкой мыши (Win) / , удерживая нажатой клавишу «Control», щелкните (Mac) внутри документа, чтобы открыть Средство выбора настроек кисти .

    Затем щелкните значок меню в правом верхнем углу:

    Щелчок по значку меню средства выбора набора кистей в Photoshop CC.

    И выберите в меню Устаревшие кисти :

    Выбор «Устаревших кистей».

    Нажмите OK , чтобы загрузить набор старых кистей:

    Восстановление набора старых кистей.

    Вернитесь в палитру пресетов кистей, прокрутите вниз до новой папки «Устаревшие кисти» и откройте ее, вращая:

    Открытие папки «Устаревшие кисти».

    И внутри папки откройте папку Ассорти кистей :

    Открытие набора «Ассорти кистей».

    Затем прокрутите список различных кистей, пока не найдете Штриховка 4 9Кисть 0098.

    Дважды щелкните ее миниатюру, чтобы выбрать кисть и закрыть палитру предустановок кисти:

    Дважды щелкните миниатюру кисти «Штриховка 4».

    Как загрузить набор кистей в Photoshop CS6

    В Photoshop CS6 с выбранным инструментом «Кисть» щелкните правой кнопкой мыши (Win) / Удерживая нажатой клавишу Control, щелкните (Mac) внутри документа, чтобы открыть Средство выбора набора кистей .

    Затем щелкните значок меню в правом верхнем углу:

    Щелчок по значку меню средства выбора предустановленных кистей.

    И выберите в меню набор кистей Ассорти :

    Выбор «Разные кисти» из меню.

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

    Добавление различных кистей вместе с текущими кистями.

    Вернувшись в палитру предустановок кистей, прокрутите список кистей, пока не найдете 48 пикселей Перекрестная штриховка 4 кисть. Найдите кисть, которая выглядит как «X» с числом 48 под ним (48 означает, что размер кисти по умолчанию составляет 48 пикселей).

    Дважды щелкните ее миниатюру, чтобы выбрать кисть и закрыть палитру предустановок кисти:

    Двойной щелчок по миниатюре кисти «Перекрестие 4».

    Шаг 31: Образец золотого цвета для блесток

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

    Нажмите и удерживайте Alt (Win) / Option (Mac) на клавиатуре, чтобы временно переключиться с инструмента «Кисть» на инструмент «Пипетка» , а затем щелкните светло-золотой цвет, чтобы попробовать его.

    Выберу светлую область на букву «О»:

    Удерживая Alt (Win)/Option (Mac) и выбирая цвет из текста.

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

    Отпустите клавишу Alt (Win) / Option (Mac), чтобы вернуться к инструменту «Кисть» . А затем щелкните несколько случайных точек вокруг текста, чтобы добавить блестки.

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

    Не добавляйте слишком много блесток, иначе вы переборщите. Пара больших и меньших — это все, что вам действительно нужно. Если вам не нравится последний добавленный вами блеск, нажмите Ctrl+Z (Win) / Command+Z (Mac) на клавиатуре, чтобы отменить действие, а затем повторите попытку.

    Здесь я добавил пару блёсток к букве «G», третью блёстку поменьше в нижней части буквы «L» и четвёртую в левом верхнем углу буквы «D»:

    Эффект после добавления блесток.

    Шаг 33. Уменьшите непрозрачность блесток (необязательно)

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

    Вы найдете параметр Opacity в правом верхнем углу панели «Слои».