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

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

Поиск

Последнее обновление Dec 23, 2022 05:54:20 PM 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 для создания текстурных эффектов на текстовых слоях или слоях-фигурах

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

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

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

При создании эффекта просвечивания учитывайте следующее:

  • Слой, который задает прозрачные области
  • Слой, который будет частично удален (просвечиваемый)
  • Содержимое слоя, которое будет отображено

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

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

  • Разместите слой, задающий прозрачные области, поверх просвечиваемого слоя. Эти области заполнятся изображением фонового слоя. Убедитесь, что нижний слой изображения является фоновым. (Чтобы преобразовать обычный слой в фоновый, выберите меню «Слой» > «Новый» > «Преобразовать в фон».)

    Или,

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

    Или,

  • Чтобы прозрачные области просвечиваемого слоя заполнялись изображением базового слоя обтравочной маски, необходимо поместить в указанную маску все используемые слои (см. раздел «Отображение слоев с помощью обтравочных масок»). Убедитесь, что для базового слоя задан параметр «Наложить обтравочные слои как группу» (см. раздел «Группирование эффектов наложения»).

  1. Выделите верхний слой (задающий прозрачные области).

  2. Чтобы просмотреть параметры наложения, дважды нажмите на слой (в любом месте вне имени слоя или его миниатюры) и выберите меню «Слой» > «Стиль слоя» > «Параметры наложения» или пункт «Параметры наложения» в меню панели «Слои».

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

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

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

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

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

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

  5. Нажмите «ОК», и эффект просвечивания будет готов.

Больше по теме

  • Непрозрачность и наложение слоев
  • Слои и обтравочные маски

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

Войти

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

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

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


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

1. Прозрачность изображения. Делаем картинку более блеклой.
Сохраняем исходный вариант рисунка на свой компьютер, открываем с помощью Adobe Photoshop. Мы попробуем отредактировать корень имбиря для волос.

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

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

Теперь включите глаз у основной картинки, сделайте активным белый слой (т.е. он должен быть выделен синим как у меня на рисунке Layer 1). Над ним найдите Fill 100%, нажмите на стрелочку — выпадет бегунок. Изменение прозрачности элементарно — перемещайте бегунок так, пока не найдете нужную степень прозрачности.

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

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

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

Теперь поступаем по принципу, рассмотренному в первом примере — регулируем Fill. Получаем photoshop прозрачность.

3. Как сделать прозрачность текста в фотошопе.
Рассмотрим с вами последний пример в этой теме — прозрачный текст в фотошопе. Самый элементарный способ применение — создание вотемарков. Открываем картинку в фотошопе. На левой панели ищем букву Т — это и есть инструмент написания текстов. Нажимаем на него, выделяем на рисунке площадь, на которой должна находиться надпись. Пишем текст белым цветом (или другим).

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

С этой темой еще читают:

.

Как применить прозрачность к изображению в Photoshop CS6 | Малый бизнес

Автор: Эндрю Теннисон Обновлено 27 июля 2018 г.

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

Применение прозрачности к PSD с прозрачным фоном

  1. Нажмите «Файл», затем «Создать», а затем введите желаемые размеры и разрешение в диалоговом окне «Новый файл».

  2. Нажмите раскрывающееся меню «Содержимое фона», выберите «Прозрачный» и нажмите «ОК», чтобы создать новое изображение с прозрачным фоном.

  3. Откройте изображение, которое вы хотите скопировать в новую прозрачность.

  4. Выделите части изображения, которые вы хотите скопировать на пленку, и нажмите «Ctrl-C» на клавиатуре, чтобы скопировать их в буфер обмена.

  5. Вернитесь к новому прозрачному изображению и нажмите «Ctrl-V», чтобы применить скопированное изображение к прозрачному.

  6. Нажмите «Файл», нажмите «Сохранить как» и выберите «Photoshop» в раскрывающемся меню «Формат». Введите имя файла в поле «Сохранить как» и нажмите «Сохранить».

Работа с прозрачными файлами PNG и GIF

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

  2. Нажмите «Файл» и нажмите «Сохранить для Интернета и устройств», чтобы открыть диалоговое окно «Сохранить для Интернета и устройств».

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

  4. Щелкните значок «Сопоставить выбранные цвета с прозрачными», расположенный под палитрой «Таблица цветов», чтобы сделать выбранные цвета прозрачными.

  5. Щелкните раскрывающееся меню «Оптимизированный формат файла» в правом верхнем углу диалогового окна «Сохранить для Интернета и устройств» и выберите формат, в котором вы хотите сохранить изображение. Для использования в Интернете выберите «GIF» или «PNG-8».

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

  7. Совет

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

Справочные материалы

  • Обучение работе с VHO: Adobe Photoshop CS6 Создание прозрачных фоновых изображений
  • Панорама дизайна: Photoshop CS6 Совет: установите непрозрачность слоя на 100 % с помощью клавиатуры

Советы

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

Биография писателя

Эндрю Теннисон пишет о культуре, технологиях, здоровье и множестве других тем с 2003 года. Он публикуется в The Gazette, DTR и ZCom. Он имеет степень бакалавра искусств в области истории и магистра изящных искусств в области письма.

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

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

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

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

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

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

Исходное изображение.

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

Один из наших окончательных результатов.

Этот урок из нашей серии фотоэффектов. Давайте начнем!

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

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

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

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

Выбрав инструмент «Текст» и выбрав белый цвет переднего плана, перейдите на панель параметров в верхней части экрана и выберите шрифт. Ваш выбор шрифтов, конечно же, будет зависеть от того, какие шрифты в настоящее время установлены в вашей системе. Я собираюсь выбрать Helvetica Black Condensed для своего шрифта. Вы также можете установить размер шрифта на панели параметров, если хотите, но часто проще настроить размер после того, как вы добавили шрифт с помощью команды Free Transform в Photoshop, что я и сделаю через мгновение. Так что пока я продолжу и добавлю свой тип. Я наберу слова «ПОДВОД С АКВАЛИЗАТОРОМ» (хотя технически люди на фото занимаются снорклингом, но я уверен, что они будут нырять с аквалангом позже):

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

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

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

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

Нажмите Ctrl+T (Win) / Command+T (Mac), чтобы открыть окно Photoshop Free Transform и маркеры вокруг текста. Переместите текст в нужное положение, щелкнув в любом месте поля «Свободное преобразование» и перетащив текст по экрану (но не нажимайте на маленький значок цели в центре, иначе вы переместите цель, а не изображение). Чтобы изменить размер текста, удерживайте Shift+Alt (Win) / Shift+Option (Mac) и перетащите любой из угловых маркеров. Удерживание «Shift» указывает Photoshop ограничивать пропорции ширины и высоты текста при перетаскивании, чтобы вы не искажали его внешний вид, а удерживание Alt / Option указывает Photoshop изменять размер текста из центра. Я также собираюсь немного растянуть свой текст по вертикали, поэтому, как только я переместил его в нужное положение и изменил его размер с помощью угловых маркеров, я собираюсь снова удерживать Alt (Win) / Option (Mac) и щелкнуть на верхнем центральном маркере и перетащите его вверх, чтобы растянуть текст. Еще раз, удерживая нажатой клавишу Alt/Option, вы растягиваете текст от его центра:

При необходимости перемещайте и изменяйте размер текста с помощью команды Free Transform в Photoshop.

Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование.

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

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

Палитра слоев Photoshop, показывающая наши два слоя.

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

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

А вот мое изображение после снижения прозрачности моего текста:

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

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

Текст теперь выглядит еще более прозрачным после снижения его непрозрачности до 35%.

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

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

.

Установка значения непрозрачности текста обратно на полные 100%.

Шаг 4. Уменьшите значение «Заливка» до 0 %

Минуту назад мы видели, как уменьшение значения непрозрачности текстового слоя может сделать его прозрачным. Чем больше мы уменьшали значение, тем более прозрачным становился текст. Если вы посмотрите непосредственно под параметром значения непрозрачности в правом верхнем углу палитры слоев, вы увидите параметр «Заливка». Разница между «Непрозрачностью» и «Заливкой» связана с любыми стилями слоя, которые были добавлены к слою, и понимание этой разницы открывает целых мир возможностей в Photoshop, поэтому очень важно, чтобы вы знали разницу. В настоящее время у меня нет никаких стилей слоя, примененных к моему текстовому слою, поэтому, если бы я уменьшил значение Заливки, результат был бы точно таким же, как если бы я уменьшил значение Непрозрачности. Чем ниже я устанавливаю значение Заливки, тем более прозрачным будет шрифт. На самом деле, давайте сделаем это сейчас. Уменьшите значение заливки вашего текстового слоя до 0%:

.

Уменьшите значение «Заливка» вашего текстового слоя Photoshop до 0%.

Ваш текст полностью исчезнет с изображения, что и произошло бы, если бы мы снизили значение непрозрачности до 0%:

Текст исчез внутри изображения.

Шаг 5. Добавьте стиль слоя «Внешнее свечение»

Разница между «Непрозрачностью» и «Заливкой» заключается в том, что если бы мы снизили значение непрозрачности до 0%, не только сам текст был бы полностью прозрачным и скрытым от просмотра, но и любые стили слоя, которые мы пытались добавить к нему, также были бы быть полностью прозрачным, а это значит, что мы ничего не увидим, что бы мы ни делали с шрифтом, а это значит, что все это будет на самом деле бессмысленным. Но вместо этого, снизив значение заливки до 0%, тип по-прежнему становится прозрачным, но любые добавляемые нами стили слоя остаются полностью видимыми! Щелкните значок «Стили слоя» (значок, похожий на «f») в нижней части палитры «Слои» и выберите стиль слоя «Внешнее свечение» из списка: 9.0003

Добавьте стиль слоя «Внешнее свечение» к текстовому слою Photoshop.

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

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

.

Нажмите на образец цвета, чтобы изменить цвет внешнего свечения.

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

Щелкните внутри изображения, чтобы выбрать цвет для внешнего свечения.

После того, как вы выбрали цвет для внешнего свечения, нажмите «ОК» в правом верхнем углу палитры цветов Photoshop, чтобы закрыть его и вернуться к параметрам «Внешнее свечение» в среднем столбце диалогового окна «Стиль слоя». Увеличьте непрозрачность вашего внешнего свечения до 100%, затем увеличьте размер свечения примерно до 20 пикселей:

.

Увеличьте непрозрачность внешнего свечения до 100% и увеличьте размер примерно до 20 пикселей.

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

Текст Photoshop после применения стиля слоя «Внешнее свечение» с цветом, взятым из изображения.

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

Шаг 6. Установите значение «Заливка» обратно на 100 %

Вернитесь в правый верхний угол палитры Слоев и установите значение Заливки для типового слоя обратно на полные 100%:

Верните значение Заливки слоя Photoshop на 100%.

Это снова временно заполнит ваш текст белым цветом:

Теперь текст снова залит сплошным белым цветом.

Шаг 7. Измените режим наложения текстового слоя на «Перекрытие»

Другой способ сделать текст прозрачным на изображении — изменить его режим наложения. По умолчанию режим наложения слоя установлен на «Нормальный», что в основном означает «ничего особенного». Текстовый слой просто сидит там и никак не взаимодействует с изображением под ним, но мы можем это изменить. Перейдите к параметрам режима наложения в верхнем левом углу палитры «Слои», прямо напротив параметра «Непрозрачность». Щелкните стрелку вниз справа от слова «Обычный» и выберите «Наложение» в появившемся раскрывающемся списке:

Измените режим наложения слоя Photoshop с «Обычный» на «Наложение».

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

.

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

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

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

Шаг 8: добавьте стиль слоя «Внутреннее свечение» к типу

Вернитесь на значок «Стили слоя» в нижней части палитры «Слои» и на этот раз выберите «Внутреннее свечение» из списка:

Добавьте стиль слоя «Внутреннее свечение» к текстовому слою Photoshop.

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

Нажмите на образец цвета внутреннего свечения, чтобы изменить его цвет.

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

Выберите темный цвет из изображения, которое станет внутренней «тенью».

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