Разное

Заливка градиентом в фотошопе: Использование градиентов в Photoshop Elements

Содержание

Использование градиентов в Photoshop Elements

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

Поиск

Последнее обновление Jan 13, 2022 03:02:22 AM GMT

  1. Photoshop Elements User Guide
  2. Introduction to Photoshop Elements
    1. What’s new in Photoshop Elements
    2. System requirements | Photoshop Elements
    3. Workspace basics
    4. Guided mode
    5. Making photo projects
  3. Workspace and environment
    1. Get to know the Home screen
    2. Workspace basics
    3. Tools
    4. Panels and bins
    5. Open files
    6. Rulers, grids, and guides
    7. Enhanced Quick Mode
    8. File information
    9. Presets and libraries
    10. Multitouch support
    11. Scratch disks, plug‑ins, and application updates
    12. Undo, redo, and cancel actions
    13. Viewing images
  4. Fixing and enhancing photos
    1. Resize images
    2. Cropping
    3. Process camera raw image files
    4. Add blur, replace colors, and clone image areas
    5. Adjust shadows and light
    6. Retouch and correct photos
    7. Sharpen photos
    8. Transforming
    9. Auto Smart Tone
    10. Recomposing
    11. Using actions to process photos
    12. Photomerge Compose
    13. Create a panorama
    14. Moving Overlays
    15. Moving Elements
  5. Adding shapes and text
    1. Add text
    2. Edit text
    3. Create shapes
    4. Editing shapes
    5. Painting overview
    6. Painting tools
    7. Set up brushes
    8. Patterns
    9. Fills and strokes
    10. Gradients
    11. Work with Asian type
  6. Guided edits, effects, and filters
    1. Guided mode
    2. Filters
    3. Guided mode Photomerge edits
    4. Guided mode Basic edits
    5. Adjustment filters
    6. Effects
    7. Guided mode Fun edits
    8. Guided mode Special edits
    9. Artistic filters
    10. Guided mode Color edits
    11. Guided mode Black & White edits
    12. Blur filters
    13. Brush Stroke filters
    14. Distort filters
    15. Other filters
    16. Noise filters
    17. Render filters
    18. Sketch filters
    19. Stylize filters
    20. Texture filters
  7. Working with colors
    1. Understanding color
    2. Set up color management
    3. Color and tonal correction basics
    4. Choose colors
    5. Adjust color, saturation, and hue
    6. Fix color casts
    7. Using image modes and color tables
    8. Color and camera raw
  8. Working with selections
    1. Make selections in Photoshop Elements
    2. Saving selections
    3. Modifying selections
    4. Move and copy selections
    5. Edit and refine selections
    6. Smooth selection edges with anti-aliasing and feathering
  9. Working with layers
    1. Create layers
    2. Edit layers
    3. Copy and arrange layers
    4. Adjustment and fill layers
    5. Clipping masks
    6. Layer masks
    7. Layer styles
    8. Opacity and blending modes
  10. Creating photo projects
    1. Project basics
    2. Making photo projects
    3. Editing photo projects
  11. Saving, printing, and sharing photos
    1. Save images
    2. Printing photos
    3. Share photos online
    4. Optimizing images
    5. Optimizing images for the JPEG format
    6. Dithering in web images
    7. Guided Edits — Share panel
    8. Previewing web images
    9. Use transparency and mattes
    10. Optimizing images for the GIF or PNG-8 format
    11. Optimizing images for the PNG-24 format
  12. Keyboard shortcuts
    1. Keys for selecting tools
    2. Keys for selecting and moving objects
    3. Keys for the Layers panel
    4. Keys for showing or hiding panels (expert mode)
    5. Keys for painting and brushes
    6. Keys for using text
    7. Keys for the Liquify filter
    8. Keys for transforming selections
    9. Keys for the Color Swatches panel
    10. Keys for the Camera Raw dialog box
    11. Keys for the Filter Gallery
    12. Keys for using blending modes
    13. Keys for viewing images (expertmode)

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

С помощью инструмента «Градиент» и окна «Редактор градиента» можно создать уникальное сочетание цветов на фотографии.

На панели параметров инструмента можно выбрать любой из следующих типов градиента:

Линейный градиент 

Выполняет затенение от начальной точки до конечной точки по прямой линии.

Радиальный градиент 

Выполняет затенение от начальной точки до конечной точки в виде кругового узора.

Угловой градиент 

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

Зеркальный градиент 

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

Ромбовидный градиент

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

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

Градиенты хранятся в библиотеках. Можно выбрать другую библиотеку градиентов для отображения в меню палитры «Выбор цвета», щелкнув меню и выбрав нужную библиотеку в конце списка. Это меню также позволяет сохранить и загрузить свою собственную библиотеку градиентов. Наряду с этими возможностями, управлять свойствами градиента можно в окне «Управление наборами».

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

  2. Выберите инструмент «Градиент» .

  3. Нажмите нужный тип градиента на панели параметров инструмента.

  4. Выберите градиентную заливку на панели «Выбор градиента» панели параметров инструмента.

  5. (Необязательно) Задайте по своему усмотрению параметры градиента на панели параметров инструмента.

    Режим

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

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

    Задает степень непрозрачности градиента. Низкое значение параметра непрозрачности позволяет пикселям под градиентом просвечиваться. Перетащите ползунок или введите значение непрозрачности в числовом поле.

    Обратить

    Заменяет на обратный порядок следования цветов в градиенте.

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

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

    Дизеринг

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

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

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

  2. Выполните команду «Слой» > «Упростить слой», чтобы преобразовать векторный текст в растровый формат. После растеризации текст нельзя будет отредактировать.

  3. Удерживая клавишу Ctrl (Command в ОС Mac OS), нажмите миниатюру текстового слоя на панели «Слои».

  4. Активизируйте инструмент «Градиент».

  5. Нажмите нужный тип градиента на панели параметров инструмента.

  6. Выберите градиентную заливку на панели «Выбор градиента».

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

Свои собственные градиенты можно задать в диалоговом окне «Редактор градиента». Градиент может включать два или несколько цветов или один и несколько цветов при переходе в прозрачность.

Диалоговое окно «Редактор градиента».

A. Контрольная точка цвета B. Средняя точка цвета C. Контрольная точка укрывистости 

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

  1. В разделе «Рисование» панели инструментов выделите инструмент «Градиент».

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

  3. В разделе «Заготовки» диалогового окна «Редактор градиента» выберите градиент, на основе которого вы собрались создать новый градиент.

  4. Чтобы выбрать цвета для градиента, дважды нажмите контрольную точку цвета или нажмите «Образец цвета», чтобы отобразить палитру цветов. Выберите нужный цвет и нажмите «ОК».

  5. Чтобы изменить положение оттенка в градиенте, перетащите маркер оттенка вправо или влево.

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

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

  8. Чтобы удалить редактируемый маркер оттенка, нажмите кнопку «Удалить».

  9. Чтобы отрегулировать гладкость перехода оттенков, введите значение в процентах в числовом поле «Гладкость» или перетащите ползунок.

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

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

  12. Нажмите кнопку «ОК». Новый градиент будет выделен и готов к использованию.

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

  1. Создание градиента

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

  3. Отрегулируйте степень непрозрачности, выполнив одно из следующих действий:

  4. Чтобы откорректировать непрозрачность конечной точки, нажмите правый маркер прозрачности над полоской градиента. Затем задайте степень непрозрачности, как описано в шаге 3.

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

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

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

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

    Чтобы удалить промежуточную непрозрачность, перетащите ее маркер вниз или вверх с полоски градиента или выделите маркер и нажмите кнопку «Удалить».

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

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

Градиент шума — это градиент, содержащий оттенки заданного спектра, распределенные беспорядочно.

Градиент шума с разными значениями шума.

A. 10% шум B. 50% шум C. 90% шум 

  1. Активизируйте инструмент «Градиент».

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

  3. Выберите «Шум» из меню «Тип градиента».

  4. Задайте параметры градиента.

    Грубость

    Задает степень плавности перехода между оттенками градиента.

    Цветовая модель

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

    Ограничить цвета

    Предотвращает перенасыщение цвета.

    Добавить прозрачность

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

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

  6. Введите имя нового градиента.

  7. Чтобы добавить созданный образец градиента к библиотеке заготовок, нажмите кнопку «Новый».

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

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

  • Создание слоев заливки
  • Упрощение слоя
  • Работа с палитрой «Выбор цвета»

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

Войти

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

Использование градиентов в Photoshop

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

Поиск

Последнее обновление Jul 21, 2022 04:21:14 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»

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

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

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

  2. Выберите инструмент «Градиент» . (Если инструмент не отображается, нажмите и удерживайте в нажатом положении инструмент «Быстрая заливка».)

  3. На панели параметров в поле с образцом градиента выберите заливку:

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

    • Щелкните внутри образца, чтобы вызвать окно «Редактор градиентов». Выберите подготовленный вариант градиентной заливки или создайте новую градиентную заливку. (См. раздел Создание гладкого градиента.)

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

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

    Линейный градиент

    Выполняет затенение от начальной до конечной точки по прямой линии.

    Радиальный градиент

    Выполняет затенение от начальной до конечной точки в виде кругового узора.

    Конусовидный градиент

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

    Зеркальный градиент

    Отражает один и тот же линейный градиент по обе стороны от начальной точки.

    Ромбовидный градиент

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

  5. На панели выбора параметров выполните следующие действия.

    • Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)
    • Чтобы сменить порядок цветов в градиентной заливке на противоположный, установите флажок «Инверсия».
    • Для создания более гладкого наложения с меньшим количеством полос установите флажок «Дизеринг».
    • Чтобы использовать маску прозрачности для градиентной заливки, установите флажок «Прозрачность». (См. раздел Определение прозрачности градиента.)
    • Чтобы выбрать способ градиентной заливки, выберите один из вариантов: «Перцепционный», «Линейный» или «Классический». (См. раздел «Градиентная интерполяция в Photoshop».)

  6. Поместите курсор в то место изображения, где необходимо установить начальную точку градиента, и перетащите курсор, чтобы определить конечную точку. Чтобы ограничить угол наклона линии значением, кратным 45°, удерживайте клавишу «Shift» во время перетаскивания курсора.

Обновления в выпуске Photoshop 21. 0 (ноябрь 2019 г.)

Использование новой панели «Наборы настроек» в Photoshop

Узнайте все о применении новых и улучшенных панелей «Наборы настроек» в Photoshop. Джулианна Кост (Julieanne Kost) подробно рассматривает все аспекты: от образцов до узоров, от градиентов до стилей и фигур.

Джулианна Кост (Julieanne Kost)

Применение градиентов к слоям

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

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

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

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

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

  • Удерживая клавишу Command (Mac)/Alt (Win), перетащите градиент с панели «Градиенты» на текст в области холста.
  • Удерживая клавишу Command (Mac)/Alt (Win), перетащите градиент с панели «Градиенты» на нужный слой на панели «Слои».  

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

  1. Перетащите градиент с панели «Градиенты» на нужный пиксельный слой на панели «Слои».
  2. Photoshop автоматически создает слой-заливку поверх пиксельного слоя.  

Организация наборов настроек градиентов по группам

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

  1. На панели «Градиенты» («Окно» > «Градиенты») щелкните значок «Создать новую группу». 
  2. Укажите имя группы и нажмите «OK». 
  3. Перетащите градиент или используйте клавишу Shift, чтобы выбрать несколько градиентов для перетаскивания в группу.

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

  1. Выберите группу на панели «Градиенты».
  2. Теперь перетащите эту группу под другую группу.

Отображение градиентов прежней версии

В меню панели «Градиенты» выберите команду «Градиенты прежней версии».

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

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

Изменение способа отображения подготовленных градиентов

В меню панели задайте значение режима отображения.

Только имена

Отображает градиенты в виде списка.

«Маленькие миниатюры» или «Большие миниатюры»

Отображает градиенты в виде миниатюр.

«Маленькие миниатюры и имена» или «Большие миниатюры и имена»

Отображает градиенты в виде списка с миниатюрами.

Переименование подготовленного градиента

  • Если панель настроена на отображение градиентов в виде миниатюр, дважды щелкните градиент, введите новое имя и нажмите кнопку ОК.
  • Если панель настроена на отображение градиентов в виде списка или только текста, дважды щелкните градиент, непосредственно введите новое имя и нажмите клавишу «Enter» (Windows) или «Return» (Mac OS).

Чтобы открыть диалоговое окно «Редактор градиентов», щелкните текущий образец градиента на панели параметров. (При наведении курсора на образец градиента появляется всплывающая подсказка «Щелкните для редактирования градиента».)

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

диалоговое окно «Редактор градиентов»

A. Меню панели B. Контрольная точка непрозрачности C. Контрольные точки цвета D. Коррекция значений или удаление выбранной контрольной точки непрозрачности или цвета E. Средняя точка 

Сохранение набора подготовленных градиентов в виде библиотеки

  1. Нажмите кнопку «Сохранить» в диалоговом окне «Редактор градиентов» или выберите пункт «Сохранить градиенты» в меню селектора «Градиенты» на панели параметров.

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

    Библиотеку можно сохранить в любом месте. Но если файл библиотеки будет помещен в папку Presets/Gradients папки наборов, используемой по умолчанию, то имя библиотеки появится в нижней части меню панели после перезапуска Photoshop.

Загрузка библиотеки подготовленных градиентов

Выполните одно из следующих действий в диалоговом окне «Редактор градиентов».

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

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

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

Можно также выбрать команду «Загрузить градиенты», «Заменить градиенты» или выбрать библиотеку градиентов в меню селектора «Градиенты» на панели параметров.

  1. Выберите инструмент «Градиент».

  2. Щелкните внутри образца градиента на панели параметров, чтобы отобразить диалоговое окно «Редактор градиентов».

  3. Чтобы взять за основу нового градиента существующий градиент, выберите градиент в разделе «Наборы» диалогового окна.

  4. Выберите пункт «Непрерывный» в раскрывающемся меню «Градиент».

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

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

    • Дважды щелкните контрольную точку цвета или щелкните образец цвета в разделе «Контрольные точки» диалогового окна. Выберите цвет и нажмите кнопку ОК.

    • Выберите параметр во всплывающем меню «Цвет» в разделе «Контрольные точки» диалогового окна.

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

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

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

    • Перетащите соответствующую контрольную точку цвета влево или вправо в нужное местоположение.

    • Щелкните соответствующую контрольную точку цвета и задайте значение для параметра «Позиция» в разделе «Контрольные точки» диалогового окна. При значении 0% точка помещается в крайний левый конец панели выбора градиента, а при значении 100% — в крайний правый конец.

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

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

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

  12. Для управления переходом между цветными полосами в градиенте задайте значение в текстовом поле «Гладкость»или перетащите всплывающий ползунок «Гладкость».
    Параметр «Гладкость» определяет, как мы выбираем цвет в том или ином диапазоне, когда мы переходим от контрольной точки цвета к средней точке и вновь к контрольной точке по всему градиенту. При использовании простого градиента с 2 контрольными точками и средней точкой по умолчанию теоретически параметр «Гладкость» не создает никакого эффекта. Значения контрольной точки уже находятся на одной линии. При установлении параметра «Гладкость» на 0 контрольные и средние точки соединяются прямыми линиями, а при значении 100 % — сплайновой кривой.

  13. В случае необходимости установите значения прозрачности для градиента.

  14. Введите имя для нового градиента.

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

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

Каждая градиентная заливка содержит значения параметра, которые управляют непрозрачностью заполнения в других местоположениях на градиенте. Например, можно установить для начального цвета непрозрачность 100% и предусмотреть, чтобы во время заливки постепенно осуществлялось смешивание для достижения конечного цвета с непрозрачностью 50%. Узор в виде шахматной доски указывает величину прозрачности в окне просмотра градиента.

  1. Создание градиента

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

  3. В разделе «Контрольные точки» диалогового окна задайте значение в текстовом поле «Непрозрачность» или перетащите всплывающий ползунок «Непрозрачность».

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

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

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

  7. Чтобы удалить редактируемую контрольную точку непрозрачности, нажмите кнопку «Удалить».

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

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

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

Градиент шума с различными значениями неровности

A. Неровность 10 % B. Неровность 50 % C. Неровность 90 % 

  1. Выберите инструмент «Градиент» .

  2. Щелкните внутри образца градиента на панели параметров, чтобы отобразить диалоговое окно «Редактор градиентов».

  3. Чтобы взять за основу нового градиента существующий градиент, выберите градиент в разделе «Наборы» диалогового окна.

  4. Выберите «Шум» в раскрывающемся меню «Тип градиента» и задайте следующие параметры.

    Плавность

    Управляет плавностью перехода между полосами цвета в градиенте.

    Цветовая модель

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

    Ограничить цвета

    Предотвращает появление чрезмерно насыщенных цветов.

    Включить прозрачность

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

    Рандомизировать

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

  5. Для создания градиента с указанными параметрами введите имя в текстовом поле «Имя» и нажмите «Создать».

Похожие темы

  • Использование панели параметров

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

Войти

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

Как в фотошопе залить градиентом фигуру

Главная » Разное » Как в фотошопе залить градиентом фигуру

Как наложить градиент на фигуру в фотошопе. Что такое градиент.

Создаем новый документ

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

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

Виды градиента

В Фотошопе имеется набор готовых градиентов, с разной формой цветовых переходов.

Линейный градиент

Линейный градиент

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

Радиальный градиент

Радиальный градиент

Радиальный градиент обеспечит цветовой переход от центральной точки к радиусу.

Конусовидный градиент

Конусовидный градиент

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

Зеркальный градиент

Зеркальный градиент

Зеркальный градиент отражает один и тот же линейный градиент по обе стороны от начальной точки.

Ромбовидный градиент

Ромбовидный градиент выполняет цветовой переход от центра к углам ромба.

Как создать градиент в фотошопе

Чтобы создать градиент в фотошопе, выберите область, которую будете заливать. Если этого не сделать, градиентная заливка применяется ко всему активному слою. Выберите инструмент «Градиент».

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

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

Как создать градиент с прозрачностью

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

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

Как создать сложный градиент из трех и более цветов

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

Обзор редактора градиентов

Чтобы открыть «Редактор градиентов», щелкните ЛКМ по текущему образцу градиента на панели параметров.

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

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

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

Кроме того в редакторе градиентов можно загрузить готовые градиенты, найденные на просторах Интернета.

Корректирующий слой «Градиент»

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

Tagged

В прошлом уроке мы научились рисовать градиенты с помощью инструмента «Градиент». Также мы рассмотрели, как использовать палитру градиентов и выбирать необходимый градиент из множества предложенных градиентов. Однако независимо от того, как много градиентов включено в программу Photoshop, полезнее (и всегда веселее) уметь создавать собственный градиент!

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

Рисование фигур с помощью инструментов Photoshop

Сплошной цвет: Заполняет или обводит слой-фигуру текущим цветом переднего плана. Используйте палитру цветов или предустановки цвета, чтобы выбрать другой цвет.

Градиент: Выберите предустановку градиента или щелкните градиент, чтобы открыть диалоговое окно «Редактор градиента». Установить дополнительные параметры градиента:

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

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

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

.

Полное руководство по инструменту Gradient Tool в Adobe Photoshop

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

Изображение на обложке через Ксению Перминову.

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

Следуйте инструкциям, чтобы узнать об особенностях инструмента Gradient Tool в Adobe Photoshop и о том, как применять градиенты для создания визуально потрясающих изображений. После того, как вы разобрались с инструментом «Градиент» в Photoshop, перейдите к нашему руководству по инструменту «Градиент» в Illustrator.

Градиентная заливка

Включите инструмент Gradient Tool в Photoshop, нажав G или выбрав значок прямоугольного градиента , расположенный на левой панели инструментов в программе. После активации инструмента Gradient Tool (G) выберите градиент по вашему выбору на верхней панели инструментов: линейный, радиальный, угловой, отраженный и ромбовидный.

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

Давайте рассмотрим, как каждый градиент выглядит при применении к слою.

Линейный градиент

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

Радиальный градиент

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

Угловой градиент

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

Отраженный градиент

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

Алмазный градиент

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

Библиотека градиентов

Adobe Photoshop предлагает огромную библиотеку предустановленных градиентных заливок, когда выбран инструмент Gradient Tool (G) . Найдите их, щелкнув стрелку раскрывающегося списка рядом с диалоговым окном градиентной заливки.

При активации вы увидите выбранные Photoshop градиенты по умолчанию. Добавьте больше градиентов в свою библиотеку, нажав значок настроек и выбрав из библиотек, таких как Pastels , Color Harmonies и другие.Вы можете добавить новый выбранный градиент в вашу текущую библиотеку или полностью заменить их, нажав OK .

Пользовательские градиенты

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

Градиенты

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

Создание сплошного градиента

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

  • Гладкость: Влияет на переход цвета в градиенте. При 100% ваш градиент создает более плавный переход; значения менее 100% переходят более резко.
  • Color Stop: Указывает цвета в градиенте. Для редактирования дважды щелкните , чтобы открыть диалоговое окно «Палитра цветов ». Вы также можете перемещать каждую цветовую границу внутри ползунка градиента, чтобы влиять на переход цвета.
  • Средняя точка: Эта форма ромба управляет потоком вашего градиента. По умолчанию средняя точка равна средней точке, или 50%, между точками цвета для плавного градиента. Вы можете перемещать среднюю точку, чтобы настроить переход и поток.
  • Остановка непрозрачности: Эти остановки, расположенные над отметкой цвета, влияют на непрозрачность каждого цвета в градиенте. Просто нажмите на остановку непрозрачности, чтобы отрегулировать ее непрозрачность в меню Остановки .Значения менее 100% покажут узор шахматной доски , указывающий уровни прозрачности.
  • Расположение: Влияет на фактическое расположение точек цвета и непрозрачности. Расположение по адресу 0% расположено слева от ползунка, а 100% — справа от ползунка.
  • Удалить: Позволяет удалить границы цвета или непрозрачности в пределах ползунка градиента. Нажмите на стоп, чтобы включить черный треугольник , затем нажмите Удалить .
  • Добавление точек: Добавьте точку цвета или непрозрачности к ползунку градиента, щелкнув над , ползунок для значений непрозрачности , или ниже , ползунок для остановок цвета .

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

Создание градиента шума

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

  • Шероховатость: Значения шероховатости больше, чем 20% создаст отчетливые цветные линии на ползунке градиента; по мере увеличения значения линии становятся более резкими. Значения меньше 20% будут напоминать плавный градиент.
  • Цветовая модель: Выберите из цветовых режимов RGB , HSB и LAB . RGB сочетает в себе красный, зеленый и синий цвета для получения широкого диапазона оттенков. HSB использует Hue , Saturation и Brightness для создания цветов. LAB описывает человеческое восприятие цвета и описывает, как цвет выглядит, что делает его цветовой моделью в зависимости от устройства. Ползунки с серыми стрелками и со стрелками определяют диапазон оттенков, присутствующих в градиенте шума.
  • Ограничить цвета: Если этот флажок установлен, цвета, представленные в ползунке градиента, будут ограничены менее насыщенными оттенками.
  • Добавить прозрачность: Если этот флажок установлен, ползунок добавляет шум прозрачности, обозначенный шаблоном шахматной доски .
  • Произвольный: Щелкните, чтобы рандомизировать оттенки, присутствующие в ползунке градиента.
Как применять градиенты к фотографиям

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

Загрузите изображение в Photoshop, затем добавьте корректирующий слой Black & White на панель Layers . Настройте внешний вид вашего изображения с помощью ползунков цвета.

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

Чтобы связать градиент с вашей фотографией, настройте Blend Mode на Screen на панели Layers . Та-да! Вы создали визуально интересное наложение градиента на простых изображениях.

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

Посмотреть цены

Хотите расширить свои знания в области Adobe Photoshop? Ознакомьтесь с этими информационными статьями:

.

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

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

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

  1. Сначала запустите новый проект Photoshop и создайте форму с помощью инструмента «Прямоугольник», расположенного на главной панели инструментов. В этом проекте мы хотим заполнить всю фигуру радиальным градиентом, но Photoshop также позволяет вам выбрать меньшую область фигуры с помощью лассо и применить градиент только к этой части.
  2. Выделив фигуру, выберите инструмент «Градиент» на главной панели инструментов.Значок выглядит как прямоугольник, меняющий цвет с черного на белый, и вам может потребоваться сначала нажать и удерживать значок ведерка с краской, чтобы найти его.
  3. Инструмент «Градиент» имеет ряд мощных функций, которые можно настроить на верхней горизонтальной панели инструментов. Здесь вы найдете множество значков, соответствующих различным стилям градиента. Чтобы включить радиальный градиент, выберите значок с исчезающим белым кружком посередине.
  4. Затем, если вы хотите изменить цветовую схему градиента, дважды щелкните любой из двух цветных квадратов в нижней части главной панели инструментов. Верхний квадрат — ваш начальный цвет (в данном случае цвет исчезающего круга), а нижний квадрат — последний цвет.
  5. Наконец, чтобы убедиться, что ваш радиальный градиент начинается в нужном месте (и с правильным цветом), щелкните и удерживайте указатель мыши там, где вы хотите, чтобы градиент начинался. Вы также можете щелкнуть за пределами экрана, если хотите, чтобы на вашей фигуре появлялась только часть затемнения. Затем переместите курсор туда, куда вы хотите, чтобы градиент исчез, продолжая удерживать кнопку мыши.
  6. Когда вы отпустите кнопку мыши, к форме будет применен радиальный градиент. Рисование длинной линии перед тем, как отпустить мышь, приведет к постепенному градиенту, а рисование короткой линии создаст более быстрый градиент. Для еще большего контроля вы можете настроить непрозрачность, гладкость и другие параметры в редакторе градиентов, который можно открыть, щелкнув предварительный просмотр градиента в верхнем левом углу панели инструментов градиента.

.

ios — Как заполнить форму градиентом в SwiftUI

Переполнение стека

  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
  5. Реклама Обратитесь к разработчикам и технологам со всего мира
  6. О компании

.

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

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

Использование градиентов в Photoshop

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

Поиск

Последнее обновление: 08 июля 2022 г. , 12:07:42 по Гринвичу

  1. Руководство пользователя Photoshop
  2. Знакомство с Photoshop
    1. Мечтай. Сделай это.
    2. Что нового в Photoshop
    3. Отредактируйте свою первую фотографию
    4. Создание документов
    5. Фотошоп | Общие вопросы
    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
    7. Библиотеки Creative Cloud в Photoshop
    8. Используйте сенсорную панель с Photoshop
    9. Сетка и направляющие
    10. Создание действий
    11. Отмена и история
  4. Photoshop на iPad
    1. Photoshop на iPad | Общие вопросы
    2. Знакомство с рабочим пространством
    3. Системные требования | Фотошоп на 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. Отрегулируйте экспозицию ваших изображений с помощью Dodge and Burn
  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. Настройки
    3. Учитесь быстрее с помощью Photoshop Discover Panel
    4. Создание документов
    5. Разместить файлы
    6. Сочетания клавиш по умолчанию
    7. Настройка сочетаний клавиш
    8. Инструментальные галереи
    9. Параметры производительности
    10. Использовать инструменты
    11. Предустановки
    12. Сетка и направляющие
    13. Сенсорные жесты
    14. Используйте сенсорную панель с Photoshop
    15. Сенсорные возможности и настраиваемые рабочие пространства
    16. Превью технологий
    17. Метаданные и примечания
    18. Сенсорные возможности и настраиваемые рабочие пространства
    19. Поместите изображения Photoshop в другие приложения
    20. Правители
    21. Показать или скрыть непечатаемые дополнения
    22. Укажите столбцы для изображения
    23. Отмена и история
    24. Панели и меню
    25. Позиционные элементы с привязкой
    26. Положение с помощью инструмента «Линейка»
  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. Изображения с высоким динамическим диапазоном
    11. Сопоставьте цвета на изображении
    12. Преобразование между цветовыми режимами
    13. Цветовые режимы
    14. Стереть части изображения
    15. Режимы наложения
    16. Выберите цвет
    17. Настройка индексированных таблиц цветов
    18. Информация об изображении
    19. Фильтры искажения недоступны
    20. О цвете
    21. Настройка цвета и монохрома с использованием каналов
    22. Выбор цветов на панелях «Цвет» и «Образцы»
    23. Образец
    24. Цветовой режим или режим изображения
    25. Цветной оттенок
    26. Добавить условное изменение режима к действию
    27. Добавить образцы из HTML CSS и SVG
    28. Битовая глубина и настройки
  10. Слои
    1. Основы слоев
    2. Неразрушающий монтаж
    3. Создание и управление слоями и группами
    4. Выбрать, сгруппировать и связать слои
    5. Поместите изображения в рамки
    6. Непрозрачность слоя и смешивание
    7. Слои маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Переместить, сложить и заблокировать слои
    11. Слои маски с векторными масками
    12. Управление слоями и группами
    13. Эффекты слоя и стили
    14. Редактировать маски слоя
    15. Извлечение активов
    16. Отображение слоев с помощью обтравочных масок
    17. Создание ресурсов изображения из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких изображений в групповой портрет
    21. Объединение изображений с помощью Auto-Blend Layers
    22. Выравнивание и распределение слоев
    23. Копировать CSS из слоев
    24. Загрузить выделение из границ слоя или маски слоя
    25. Knockout для отображения содержимого других слоев
    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. Изображения с высоким динамическим диапазоном
    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. Исправление изображений с помощью инструмента Enhanced Spot Removal Tool в Camera Raw
    14. Поворот, обрезка и настройка изображений
    15. Настройка цветопередачи в Camera Raw
    16. Обзор функций | Adobe Camera Raw | 2018 выпусков
    17. Обзор новых возможностей
    18. Версии процесса в Camera Raw
    19. Внесение локальных корректировок в Camera Raw
  14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью Content-Aware Fill
    2. Content-Aware Patch and Move
    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. Создание рисунка с помощью Pattern Maker
    18. Управление путями
    19. Управление библиотеками шаблонов и пресетами
    20. Рисуйте или раскрашивайте на графическом планшете
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Нарисуйте стилизованные мазки с помощью Art History Brush
    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. Creative Cloud 3D-анимация (предварительная версия)
    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. Устранение проблем с печатью | Фотошоп
  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. Photoshop 3D | Общие вопросы о снятых с производства 3D-функциях
    2. Creative Cloud 3D-анимация (предварительная версия)
    3. Печать 3D-объектов
    4. 3D живопись
    5. Усовершенствования 3D-панели | Фотошоп
    6. Основные концепции и инструменты 3D
    7. 3D-рендеринг и сохранение
    8. Создание 3D-объектов и анимации
    9. Стопки изображений
    10. Рабочий процесс 3D
    11. Измерение
    12. DICOM-файлы
    13. Photoshop и MATLAB
    14. Подсчет объектов на изображении
    15. Объединение и преобразование 3D-объектов
    16. Редактирование 3D-текстур
    17. Настройка экспозиции и тонирования HDR
    18. Настройки панели 3D

Инструмент «Градиент» создает плавное смешение нескольких цветов. Ты Вы можете выбрать одну из предустановленных градиентных заливок или создать свою собственную.

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

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

  2. Выберите инструмент «Градиент»  . (Если инструмент не виден, удерживайте инструмент Paint Bucket.)

  3. На панели параметров выберите заливку из широкого градиента образец:

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

    • Щелкните внутри образца, чтобы просмотреть редактор градиентов. Выберите предустановленную градиентную заливку или создайте новую градиентную заливку. (См. раздел Создание плавного градиента.)

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

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

    Линейный градиент

    Оттенки от начальной до конечной точки по прямой линии.

    Радиальный градиент

    Оттенки от начальной до конечной точки по кругу.

    Угловой градиент

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

    Отраженный градиент

    Отражает один и тот же линейный градиент по обе стороны от начальной точки.

    Алмазный градиент

    Оттенки от середины к внешним углам ромба.

  5. На панели параметров выполните следующие действия:

    • Укажите режим наложения и непрозрачность краски. (См. Режимы наложения. )
    • Чтобы изменить порядок цветов в градиентной заливке, выберите «Обратный».
    • Чтобы создать более плавное смешение с меньшим количеством полос, выберите Dither.
    • Чтобы использовать маску прозрачности для градиентной заливки, выберите «Прозрачность». (См. Указание прозрачности градиента.)
    • Чтобы выбрать метод градиентной заливки, выберите один из вариантов метода: Перцепционный, Линейный или Классический. (См. Интерполяция градиента в Photoshop.)

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

Обновлено в Photoshop 21.0 (выпуск за ноябрь 2019 г.)

Как использовать новые стили в Photoshop

Узнайте все о применении новых и улучшенных панелей Стили в Photoshop. Джулианна Кост исследует все: от образцов до узоров, от градиентов до стилей и форм.

Julieanne Kost

Применение градиентов к слоям

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

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

Чтобы применить градиент к слою-фигуре в качестве заливки , выполните одно из следующих действий:

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

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

  • Удерживайте Command (Mac)/Alt (Win) и перетащите градиент с панели «Градиенты» на текстовое содержимое. на площади холста.
  • Удерживайте Command (Mac)/Alt (Win) и перетащите градиент с панели «Градиенты» на слой на панели «Слои».

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

  1. Перетащите градиент с панели «Градиенты» на пиксельный слой на панели «Слои».
  2. Photoshop автоматически создает слой-заливку поверх слоя пикселей.

Организация наборов настроек градиента в группы

Чтобы организовать градиенты в новую группу:

  1. На панели «Градиенты» («Окно» > «Градиенты») нажмите значок «Создать новую группу».
  2. Укажите имя группы и нажмите OK.
  3. Перетащите градиент или используйте клавишу Shift, чтобы выбрать несколько градиентов, чтобы перетащить их в группу.

Чтобы создать вложенные группы:

  1. Выберите группу на панели «Градиенты».
  2. Теперь перетащите эту группу в другую группу.

Показать устаревшие градиенты

В меню панели «Градиенты» выберите «Устаревшие градиенты».

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

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

Изменение предустановленных градиентов отображается

Выберите параметр отображения в меню панели «Градиенты»:

Только текст

Отображает градиенты в виде списка.

Маленькая или большая миниатюра

Отображает градиенты в виде эскизов.

Маленький или большой список

Отображает градиенты в виде списка с миниатюрами.

Переименование предустановленного градиента

  • Если панель настроена на отображение градиенты в виде эскизов, дважды щелкните градиент, введите новое имя, и нажмите ОК.
  • Если панель настроена на отображение градиентов в виде списка или только текст, дважды щелкните градиент, введите новое имя и нажмите Enter (Windows) или Return (Mac OS).

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

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

Диалоговое окно «Редактор градиента»

А. Меню панели B. Непрозрачность стоп  C. Конец цвета  D. Настройка значения или удалить выбранную точку непрозрачности или цвета  E. Средняя точка

Сохранить набор предустановленных градиентов как библиотека

  1. Нажмите Сохраните в диалоговом окне «Редактор градиентов» или выберите «Сохранить градиенты». из меню Gradient Picker на панели параметров.

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

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

Загрузить библиотеку предустановленных градиентов

Выполнить в диалоговом окне «Редактор градиентов» один из следующих вариантов:

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

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

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

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

  1. Выбирать инструмент «Градиент».

  2. Щелкните внутри образца градиента на панели параметров, чтобы отобразить диалоговое окно Редактор градиентов.

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

  4. Выберите «Сплошной» во всплывающем меню «Тип градиента».

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

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

    • Дважды щелкните точку цвета или щелкните значок образец цвета в разделе «Остановки» диалогового окна. Выберите цвет, и нажмите ОК.

    • Выберите параметр во всплывающем меню «Цвет» в Останавливает раздел диалогового окна.

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

  7. Чтобы определить конечный цвет, щелкните правую цветовую точку под полосой градиента. Затем выберите цвет.

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

    • Перетащите соответствующий цветовой маркер влево. или прямо в нужное место.

    • Щелкните соответствующую точку цвета и введите значение для местоположения в разделе «Остановки» диалогового окна. Ценность 0% помещает точку в дальний левый конец полосы градиента; значение 100%, в крайнем правом конце.

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

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

  11. Чтобы удалить редактируемую точку цвета, щелкните Удалить, или перетащите стопор вниз, пока он не исчезнет.

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

  13. При желании установите значения прозрачности для градиента.

  14. Введите имя для нового градиента.

  15. Кому сохраните градиент как предустановку, нажмите «Создать» после того, как закончите создание градиента.

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

Каждая градиентная заливка содержит настройки, управлять непрозрачностью заливки в разных местах градиента. Например, вы можете установить начальный цвет с непрозрачностью 100% и заливка постепенно переходит в конечный цвет с непрозрачностью 50%. шахматная доска показывает степень прозрачности предварительный просмотр градиента.

  1. Создать градиент.

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

  3. В разделе «Остановки» диалогового окна введите значение в текстовом поле «Непрозрачность» или перетащите всплывающий ползунок «Непрозрачность».

  4. Чтобы настроить непрозрачность конечной точки, нажмите правую остановка прозрачности над полосой градиента. Затем установите непрозрачность в раздел «Остановки».

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

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

  7. Чтобы удалить редактируемую точку непрозрачности, щелкните Удалить.

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

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

А Градиент шума — это градиент, который содержит случайно распределенные цвета в указанном диапазоне цветов.

Градиент шума с разными значениями шероховатости

A. 10% шероховатость B. 50% шероховатость C. 90% шероховатость

  1. Выберите инструмент «Градиент».

  2. Щелкните образец градиента на панели параметров, чтобы отобразить диалоговое окно Редактор градиентов.

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

  4. Выберите «Шум» во всплывающем меню «Тип градиента» и установите следующие параметры:

    Шероховатость

    Управляет постепенным переходом между цветами. полосы в градиенте.

    Цветовая модель

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

    Ограничить цвета

    Предотвращает перенасыщение цветов.

    Добавить прозрачность

    Добавляет прозрачность случайным цветам.

    Рандомизировать

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

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

Больше похожих

  • Использование панели параметров

Купите Adobe Photoshop или начните бесплатную пробную версию .​

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

  • 2 Войти

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

    Как рисовать градиенты с помощью инструмента «Градиент» в Photoshop

    Создание нового документа

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

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

    Откроется диалоговое окно «Создать». Для этого урока я установлю ширину моего документа на 1200 пикселей и высоту на 800 пикселей. Нет особых причин, по которым я использую этот размер, поэтому, если вы работаете вместе со мной и имеете в виду другой размер, не стесняйтесь использовать его. Я оставлю Резолюцию установлено значение по умолчанию 72 пикселя/дюйм , и я удостоверюсь, что Background Contents установлено на White . Я нажму OK , когда закончу, чтобы закрыть диалоговое окно, и в этот момент на экране появится новый документ с белой заливкой:

    Новое диалоговое окно.

    Выбор инструмента «Градиент»

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

    Выбор инструмента «Градиент» на панели «Инструменты».

    Выбор градиента

    С выбранным инструментом «Градиент» следующее, что нам нужно сделать, это выбрать градиент, и есть несколько способов сделать это. Один из них — открыть Photoshop Gradient Picker ; другой — открыть более крупный редактор градиентов . Разница между ними заключается в том, что Gradient Picker просто позволяет нам выбирать из готовых предустановленных градиентов, а Gradient Editor, как следует из его названия, — это место, где мы можем редактировать и настраивать наши собственные градиенты. В этом уроке мы сосредоточимся на самой палитре градиентов. Мы узнаем все о редакторе градиентов в следующем уроке.

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

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

    Щелчок по стрелке открывает палитру градиентов с миниатюрами всех предустановленных градиентов, из которых мы можем выбирать. Чтобы выбрать градиент, щелкните его миниатюру, затем нажмите Enter (Win) / Return (Mac) на клавиатуре или щелкните любое пустое место на панели параметров, чтобы закрыть средство выбора градиента. Вы также можете дважды щелкнуть по миниатюре, которая одновременно выберет градиент и закроет окно выбора градиента:

    Выбор градиента.

    Загрузка большего количества градиентов

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

    Щелкните значок шестеренки в палитре градиентов.

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

    Другие наборы градиентов, которые мы можем выбрать.

    Чтобы загрузить любой из наборов, нажмите на его название в списке. Я нажал на набор Photographic Toning. Photoshop спросит, хотите ли вы заменить текущие градиенты новыми. Если вы нажмете Добавить вместо замены исходных градиентов, он просто добавит новые под исходными. Как мы вскоре увидим, восстановить оригиналы несложно, поэтому я нажму OK , чтобы заменить их набором Photographic Toning:

    Нажмите OK, чтобы заменить исходные градиенты новым набором.

    И теперь мы видим в палитре градиентов, что исходные градиенты были заменены градиентами Photographic Toning. Чтобы узнать больше о наборе Photographic Toning и о том, как его использовать, ознакомьтесь с нашим полным руководством по Photographic Toning Presets:

    .

    Оригинальные градиенты заменены новым набором.

    Восстановление градиентов по умолчанию

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

    Щелкните значок шестеренки.

    Затем выберите Сбросить градиенты из меню:

    Выбор «Сбросить градиенты».

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

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

    А теперь мы вернулись к оригиналу:

    Восстановлены градиенты по умолчанию.

    Градиент от переднего плана к фону

    Прежде чем мы научимся рисовать градиенты, давайте быстро рассмотрим один конкретный градиент — градиент от переднего плана к фону . Это тот, который Photoshop выбирает для нас по умолчанию, но вы также можете выбрать его вручную, если вам нужно, нажав на его миниатюру (первый слева, верхний ряд):

    Выбор градиента от переднего плана к фону.

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

    Текущие цвета переднего плана (вверху слева) и фона (внизу справа).

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

    Рисование градиента с помощью инструмента «Градиент»

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

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

    Щелчок и перетаскивание (с нажатой кнопкой мыши) с одной стороны документа на другую.

    Когда я отпускаю кнопку мыши, Photoshop рисует градиент. Поскольку мой цвет переднего плана был установлен на черный, а цвет фона — на белый, я получаю градиент от черного к белому:

    Photoshop рисует градиент, когда вы отпускаете кнопку мыши.

    Меняем местами цвета

    Вы можете обратить цвета в градиенте, выбрав Обратный вариант на панели параметров:

    Выбор «Реверс» на панели параметров.

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

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

    Конечно, градиенты не обязательно должны располагаться горизонтально. Они могут бежать в любом направлении, которое вы выберете. Я нарисую еще один градиент, на этот раз сверху вниз. Обратите внимание, что мне не нужно отменять или удалять существующий градиент. Photoshop просто заменит текущий градиент новым. Я нажму в верхней части документа, затем, удерживая нажатой кнопку мыши, перетащу вниз к нижней части. Так же, как и при рисовании горизонтального градиента, гораздо проще нарисовать вертикальный градиент, если нажать и удерживать Нажимайте клавишу Shift во время перетаскивания, обязательно подождите, пока после вы не отпустите кнопку мыши, прежде чем отпустить клавишу Shift. Здесь снова мы сначала видим лишь тонкий контур:

    .

    Щелкните и перетащите вертикальный градиент сверху вниз.

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

    Новый вертикальный градиент от черного к белому.

    Изменение цветов градиента по умолчанию

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

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

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

    Выбор красного цвета в качестве нового цвета переднего плана.

    Затем я изменю цвет фона, щелкнув образец цвета (тот, который в настоящее время заполнен белым):

    Щелкните образец цвета фона.

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

    Выбор желтого цвета для нового цвета фона.

    Обратите внимание, что образцы цветов были обновлены, чтобы показать новые цвета, которые я выбрал для переднего плана и фона:

    Образцы обновлены новыми цветами.

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

    Панель предварительного просмотра градиента всегда показывает текущие цвета градиента.

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

    Рисование нового градиента из левого нижнего угла в правый верхний угол документа.

    Когда я отпускаю кнопку мыши, Photoshop рисует градиент от красного к желтому по диагонали документа:

    Новый диагональный градиент от красного к желтому.

    Сброс цветов переднего плана и фона

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

    Обновленный эскиз «От переднего плана к фону» в палитре «Градиент».

    Вы можете изменить цвета этого градиента в любое время, щелкнув образцы цвета переднего плана и/или фона на панели параметров и выбрав разные цвета. Но если нужно быстро сбросить цвета до их значений по умолчанию, сделав цвет переднего плана черным и цвет фона белым , просто нажмите букву D (думаю, «D» для «по умолчанию») на клавиатуре. Вы увидите, что образцы на панели «Инструменты» снова станут черно-белыми по умолчанию:

    .

    Образцы переднего плана и фона были сброшены.

    И вы увидите, что и панель предварительного просмотра градиента на панели параметров, и миниатюра градиента от переднего плана к фону в палитре градиентов снова показывают цвета по умолчанию:

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

    Рисование градиента на собственном слое

    Если мы посмотрим на мою панель «Слои», мы увидим, что до этого момента я рисовал свои градиенты непосредственно на фоновом слое:

    Панель «Слои», показывающая градиент фонового слоя.

    Рисунок на фоновом слое может подойти для наших целей, но гораздо лучший способ работы в Photoshop — использовать преимущества слоев и размещать каждый элемент в нашем документе на отдельном слое. Для этого я сначала уберу свой градиент, поднявшись до Меню Edit в верхней части экрана и выбор Fill :

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

    Когда откроется диалоговое окно «Заливка», я установлю для параметра Contents вверху значение White , затем нажму OK . Это заполняет фоновый слой белым цветом:

    .

    Диалоговое окно «Заливка».

    Затем я добавлю новый слой для своего градиента, нажав и удерживая клавишу Alt (Win) / Option (Mac) на клавиатуре и щелкнув Значок нового слоя в нижней части панели «Слои»:

    Нажатие и удерживание клавиши «Alt» (Win)/Option (Mac) при щелчке по значку «Новый слой».

    Добавление клавиши Alt (Win) / Option (Mac) при нажатии значка «Новый слой» сообщает Photoshop, что сначала нужно открыть диалоговое окно «Новый слой», в котором мы можем назвать слой перед его добавлением. Я назову свой слой «Градиент», затем нажму OK :

    Диалоговое окно «Новый слой».

    Photoshop добавляет новый пустой слой с именем «Градиент» над фоновым слоем. Теперь я могу нарисовать свой градиент на этом новом слое и отделить его от всего остального (хотя «все остальное» в данном случае — это просто фоновый слой, но это все еще хорошая привычка рабочего процесса):

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

    Зона перехода

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

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

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

    Рисование градиента с широкой областью перехода.

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

    Градиент с постепенным переходом между цветами.

    Я отменю градиент, просто для того, чтобы его было легче увидеть, перейдя в меню Редактировать в верхней части экрана и выбрав Отменить градиент . Я также могу нажать Ctrl+Z (Win) / Command+Z (Mac) на клавиатуре:

    Перейдите в Редактирование > Отменить градиент.

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

    Рисование градиента с узкой областью перехода.

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

    Аналогичный градиент, но с гораздо меньшей площадью перехода.

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

    Теперь градиент находится на отдельном слое над фоновым слоем.

    Передний план к прозрачному градиенту

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

    .

    Выбор градиента от переднего плана к прозрачному.

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

    Я отменю текущий градиент, перейдя в меню Edit и выбрав Undo Gradient . Затем я выберу цвет, щелкнув образец цвета переднего плана на панели инструментов. На данный момент установлено черное:

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

    Когда откроется палитра цветов, я выберу фиолетовый и нажму OK:

    Выбор фиолетового цвета в качестве нового цвета переднего плана.

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

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

    Я нарисую вертикальный градиент от верхнего края документа к центру:

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

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

    Фиолетовый — это градиент, а белый — фон под ним.

    Чтобы доказать это, я временно отключу свой фоновый слой, щелкнув его значок видимости (значок глазного яблока) на панели «Слои»:

    Отключение фонового слоя.

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

    .

    Фактический градиент от фиолетового до прозрачного.

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

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

    Я отпущу кнопку мыши, и вместо того, чтобы перезаписать исходный градиент, Photoshop добавит к нему второй. Если бы я нарисовал третий или четвертый градиент (может быть, один слева, а другой справа), он добавил бы и их:

    Оба градиента от переднего плана к прозрачному были объединены вместе.

    Я снова включу свой фоновый слой в документе, щелкнув еще раз его значок видимости :

    Включение фонового слоя.

    И теперь мы снова видим то, что выглядит как градиент от фиолетового к белому (к фиолетовому), хотя мы знаем, что белый цвет на самом деле просто фоновый слой, просвечивающий через прозрачность:

    Тот же градиент с включенным фоновым слоем.

    Опция прозрачности

    Градиент от переднего плана к прозрачному в Photoshop отлично подходит для таких вещей, как затемнение краев фотографии или затемнение неба на изображении, чтобы выделить больше деталей (что мы увидим, как это сделать в другом уроке). Но чтобы часть прозрачности работала, вам нужно убедиться, что на панели параметров выбрана опция Transparency :

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

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

    Если параметр «Прозрачность» отключен, Photoshop не может нарисовать прозрачную часть градиента.

    Черный, белый градиент

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

    Миниатюра черно-белого градиента.

    Стили градиента

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

    Если вы посмотрите справа от панели предварительного просмотра градиента на панели параметров, вы увидите пять значков Gradient Style . Начиная слева, у нас есть Linear , Radial , Angle , Reflected , и Diamond :

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

    Давайте посмотрим, на что способен каждый из этих стилей градиента. Я нажму Ctrl+Alt+Z (Win) / Command+Option+Z (Mac) несколько раз на клавиатуре, чтобы отменить предыдущие шаги, пока не вернусь к документу с белой заливкой. Затем я вернусь к градиенту от переднего плана к фону , выбрав его в палитре градиентов:

    Выбор градиента от переднего плана к фону.

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

    Мои последние цвета переднего плана и фона.

    Линейный

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

    Выбор стиля линейного градиента.

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

    Пример стандартного линейного градиента.

    Радиальный

    Стиль Radial (второй значок слева) будет рисовать круговой градиент наружу от начальной точки:

    Выбор стиля радиального градиента.

    Я отменю свой линейный градиент, нажав Ctrl+Z (Win) / Command+Z (Mac) на клавиатуре. Чтобы нарисовать радиальный градиент, я щелкну в центре документа, чтобы установить начальную точку, затем перетащу наружу к краю:

    Рисование радиального градиента от центра документа.

    Я отпущу кнопку мыши, и мы увидим, как выглядит радиальный градиент. Он начинается с моего цвета переднего плана (черный) в моей начальной точке в центре и движется наружу во всех направлениях, переходя в мой цвет фона (синий):

    Радиальный градиент.

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

    Тот же радиальный градиент с перевернутыми цветами.

    Угол

    Стиль Angle (значок посередине) — это место, где все становится интереснее (хотя, возможно, не так полезно):

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

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

    Рисование углового градиента от центра.

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

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

    Отражение

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

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

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

    Рисование градиента в отраженном стиле.

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

    Градиент в отраженном стиле.

    Вот как будет выглядеть отраженный градиент с инвертированными цветами:

    Градиент в отраженном стиле с выбранным параметром «Обратный» на панели параметров.

    Алмаз

    Наконец, градиентный стиль Diamond переходит наружу от начальной точки, подобно радиальному стилю, за исключением того, что он создает форму ромба:

    Выбор стиля ромбовидного градиента.

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

    Рисование ромбовидного градиента от центра.

    Когда я отпускаю кнопку мыши, мы получаем вот такую ​​интересную ромбовидную форму:

    Градиент в виде ромба.

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

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

    Опция дизеринга

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

    Параметр Dither помогает уменьшить некрасивые полосы между цветами.

    Параметры режима и прозрачности

    На панели параметров есть несколько других параметров инструмента «Градиент», которые мы сохраним для другого урока, поскольку они немного выходят за рамки основ. Как вариант Mode (сокращение от Blend Mode), так и Опция Opacity влияет на то, как градиент будет гармонировать с исходным содержимым слоя. Если вы знакомы с режимами наложения слоев, режимы наложения градиента работают почти так же, а параметр непрозрачности градиента работает так же, как параметр непрозрачности на панели «Слои». В большинстве случаев вы захотите оставить их по умолчанию, но опять же, мы подробно рассмотрим эти два параметра в отдельном руководстве:

    Параметры Режим и Непрозрачность.

    новых способов добавления градиентов в Photoshop CC 2020

    Добавление градиентов к изображениям, формам и типам теперь быстрее и проще, чем когда-либо, благодаря новой панели «Градиенты» в Photoshop CC 2020!

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

    В предыдущем уроке мы узнали все о новой панели «Градиенты» в Photoshop CC 2020 и множестве новых впечатляющих градиентов, которые теперь включены в Photoshop. Я также показал вам, как создавать и сохранять собственные градиенты с помощью редактора градиентов Photoshop.

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

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

    Чтобы продолжить, вам потребуется Photoshop CC 2020. Если вы уже являетесь подписчиком Creative Cloud, убедитесь, что ваша копия Photoshop обновлена.

    Начнем!

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

    Самый простой способ применить градиент в Photoshop CC 2020 — перетащить его с панели «Градиенты». Чтобы настроить таргетинг на определенный слой, просто перетащите градиент прямо на содержимое слоя. Но, как и в случае с образцами цвета на улучшенной панели «Образцы», Photoshop будет применять градиент по-разному в зависимости от типа слоя. Итак, давайте начнем с фонового слоя.

    Настройка документа

    Вот изображение, открытое в Photoshop. Я скачал этот с Adobe Stock:

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

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

    Панель «Слои», показывающая фотографию на фоновом слое.

    Как перетащить градиент

    Чтобы применить градиент к фоновому слою, сначала выберите градиент на панели «Градиенты»:

    Выбор градиента на панели «Градиенты».

    Затем перетащите миниатюру градиента с панели «Градиенты» на изображение:

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

    Градиент заполняет весь документ, блокируя содержимое фонового слоя. Я покажу вам, как смешать градиент с изображением через мгновение:

    Результат после перетаскивания градиента.

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

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

    Градиент был добавлен как слой градиентной заливки.

    Связано: Как рисовать градиенты с помощью инструмента «Градиент»

    Как выбрать другой градиент

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

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

    Как смешать цвета градиента с изображением

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

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

    Изменение режима наложения слоя градиентной заливки на Цвет.

    Режим наложения цветов объединяет цвета градиента со значениями яркости изображения. И просто так мы добавили интересный цветовой эффект.

    Загрузите мое полное руководство по режимам наложения слоев в формате PDF, чтобы узнать все о режимах наложения Photoshop:

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

    Уменьшение непрозрачности градиента

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

    Уменьшение значения непрозрачности.

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

    Результат после снижения непрозрачности слоя-заливки.

    Как применить градиент к пиксельному слою

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

    Настройка документа

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

    Панель «Слои» теперь показывает исходное изображение на фоновом слое и копию пары на отдельном пиксельном слое над ним:

    Пара выбрана и скопирована на отдельный слой.

    Как настроить таргетинг на определенный уровень

    Чтобы выбрать определенный слой при применении градиента, просто перетащите градиент с панели «Градиенты» непосредственно на содержимое слоя.

    Поскольку я хочу применить градиент к паре, я нанесу на них градиент:

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

    И на этот раз градиент применяется только к паре (содержимому пиксельного слоя). Остальная часть изображения не затрагивается:

    Градиент применен только к содержимому целевого слоя.

    Градиенты добавляются к пиксельным слоям как обрезанные слои градиентной заливки

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

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

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

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

    .

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

    Откроется диалоговое окно Photoshop Gradient Fill . Отсюда вы можете изменить градиент Style с Linear (по умолчанию) на Radial, Angle, Reflected или Diamond. Вы можете изменить Угол градиента, и вы можете поменять местами цвета в градиенте, отметив Реверс Опция:

    Основные параметры диалогового окна «Градиентная заливка».

    Вы также можете выбрать другой градиент в диалоговом окне «Градиентная заливка», щелкнув стрелку справа от образца градиента, а затем выбрав новый градиент из списка. Это те же градиенты, что и на панели «Градиенты»:

    .

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

    Или вы можете отредактировать цвета текущего градиента, щелкнув непосредственно на образец градиента . Откроется Редактор градиентов Photoshop . Я рассказал о редакторе градиентов и о том, как редактировать градиенты, в предыдущем уроке:

    .

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

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

    Закрытие диалогового окна.

    Смешивание градиента со слоем

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

    Я снова установлю режим наложения «Цвет» и уменьшу непрозрачность до 75 процентов:

    Параметры режима наложения и непрозрачности на панели «Слои».

    И вот мой результат:

    Эффект с градиентом, смешанным со слоем.

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

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

    Чтобы добавить слой градиентной заливки над пиксельным слоем без обрезки по пиксельному слою, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре при перетаскивании градиента на пиксельный слой. содержание.

    А чтобы применить градиент как эффект слоя Наложение градиента вместо слоя заливки градиентом, нажмите и удерживайте Ctrl+Alt (Win) / Command+Option (Mac) при перетаскивании градиента:

    Градиенты также можно применять в качестве эффектов наложения градиента.

    Как применить градиенты к слоям формы

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

    Настройка документа

    Для нашего взгляда на слои-фигуры я создал этот отдельный документ. Фоновое изображение было загружено из Adobe Stock. Перед изображением я разместил три фигуры людей. Это лишь некоторые из многих новых фигур, включенных в Photoshop CC 2020. И внизу я добавил слово «ГРАДИОНЫ»:

    Документ, содержащий как фигуры, так и текст.

    На панели «Слои» отображается изображение на фоновом слое. Над этим каждая из трех фигур появляется на своем собственном слое формы. А вверху мы видим слово «GRADIENTS» на текстовом слое:

    .

    Изображение, три фигуры и немного текста.

    Связанный: Чем векторные формы лучше пикселей?

    Перетаскивание градиента на фигуру

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

    Перетаскивание градиента на первую фигуру.

    Форма мгновенно заполняется градиентом:

    Добавлен первый градиент.

    Градиенты применяются непосредственно к фигурам

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

    Чтобы открыть диалоговое окно «Градиентная заливка», которое мы рассмотрели ранее, дважды щелкните непосредственно на миниатюра предварительного просмотра :

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

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

    Несмотря на то, что Photoshop по умолчанию применяет градиенты непосредственно к фигурам, вы можете применять их как слои градиентной заливки. Просто нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре, перетаскивая градиент на фигуру:

    Удерживая Ctrl (Win)/Command (Mac) при перетаскивании градиента.

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

    Результат после перетаскивания того же градиента на вторую фигуру.

    Но поскольку я удерживал нажатой клавишу Ctrl (Win)/Command (Mac), на этот раз Photoshop добавил градиент в качестве слоя градиентной заливки, который обрезается по слою формы под ним:

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

    Как применить градиент к фигуре в качестве эффекта «Наложение градиента»

    А если вы хотите применить градиент к фигуре в качестве эффекта слоя Gradient Overlay , нажмите и удерживайте Ctrl+Alt (Win) / Command+Option (Mac) на клавиатуре при перетаскивании градиент:

    Удерживая Ctrl+Alt (Win)/Command+Option (Mac) при перетаскивании градиента.

    Снова в документе градиент заполняет форму:

    Средняя фигура заполнена градиентом.

    Но градиент отображается на панели «Слои» как эффект «Наложение градиента» под слоем формы:

    Третий градиент был добавлен как эффект слоя Gradient Overlay.

    Параметры градиента в диалоговом окне «Стиль слоя»

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

    Вместо градиентной заливки открывается диалоговое окно Photoshop Layer Style , в котором вы найдете те же параметры. Вы можете изменить Стиль градиента, отрегулируйте Угол , поменяйте местами цвета, отметив Реверс и многое другое. Нажмите OK, чтобы закрыть диалоговое окно, когда вы закончите:

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

    Как применять градиенты к текстовым слоям

    И, наконец, давайте посмотрим, что происходит, когда мы перетаскиваем градиент на текстовый слой.

    Я перетащу градиент с панели «Градиенты» и перетащу его на свой текст:

    Добавление градиента к тексту.

    Текст мгновенно обновляется цветами градиента:

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

    Градиенты применяются к типу как эффекты Gradient Overlay

    Но, в отличие от слоев-фигур, текстовые слои в Photoshop не поддерживают градиентную заливку.

    • Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *