Как найти в фотошопе градиентом

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

Научитесь создавать градиенты различных видов в Photoshop

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

Применение градиентной заливки

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

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

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

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

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

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

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

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

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


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

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


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

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


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

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


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

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


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

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

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

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

Интерактивные градиенты

  Бета-функция, доступная в приложении Photoshop (бета-версия)

 Попробуйте функции бета-версии Photoshop уже сегодня!
Бета-версии функций теперь доступны для разработки, тестирования и обратной связи в приложении Photoshop (бета-версия) для настольного ПК.

Чтобы установить Photoshop (бета-версия), перейдите на вкладку «Бета-версии приложений» в своем приложении Creative Cloud для настольных ПК и нажмите «Установить» рядом с надписью Photoshop (бета-версия).

За дополнительной поддержкой обращайтесь в сообщество, посвященное обсуждению бета-версий Adobe Photoshop.

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

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

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

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

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

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

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

    Интерактивные градиенты в Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

добавить градиенты по умолчанию

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

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


Только имена

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


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

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


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

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

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

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

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

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

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

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

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

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. Для создания предварительно заданного градиента введите имя в
    текстовом поле «Имя» и нажмите «Создать». В результате создается новая установка градиента с заданным
    значением прозрачности.

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

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

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

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

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

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

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

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

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


    Плавность

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


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

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


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

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


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

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


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

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

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

Инструкции по использованию наборов градиентов

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

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

Всем привет! Сегодня я хочу рассказать вам о том, как пользоваться инструментами для создания градиентов в Фотошопе.

Градиенты и цветовые переходы часто используются в современном графическом дизайне – этот тренд ворвался в визуальную среду еще в 2018 и все еще не теряет своей актуальности. Дизайнеры используют градиенты для оформления фонов, иконок, типографики и многого другого, а еще с его помощью можно имитировать 3D!

Что самое главное для новичков в Photoshop – сделать градиент очень просто. Давайте разберем процесс на примерах.

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

  1. Откройте инструмент «Градиент». Он находится на панели инструментов в левой части экрана Adobe Photoshop. Если он не отображается сразу – просто кликните правой кнопкой мыши по «Заливке» и выберите его в выпадающем меню. Инструмент Градиент
  2. В верхней части экрана появится изображение градиента. Кликните по нему. Меню градиентов в Фотошопе
  3. Открылось окно редактора градиентов. Щелкните по контрольной точке, а затем на окошко «Цвет». Редактор градиента
  4. Теперь задайте цвет. Я хочу сделать переход от сиреневого к темно-фиолетовому. Выбираю для этой точки наиболее светлый оттенок и нажимаю ОК. Настройка цвета градиента
  5. Таким же образом настройте второй цвет. Если вы хотите добавить больше оттенков в градиент, создайте новую контрольную точку. Чтобы это сделать, щелкните на область прямо под линией градиента. Создание градиента
  6. Сохраните свой новый градиент, нажав на кнопку «Новый». Теперь он всегда будет лежать в списке градиентов в этом окне. Сохранить новый градиент

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Подписаться

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

  1. Чтобы залить фон градиентом, выберите инструмент «Градиент». 
  2. Затем кликните мышью в той части экрана, откуда будет начинаться заливка. 
  3. Проведите мышью по экрану.

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

Заливка фона градиентом

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

Градиент на фоне в Фотошопе

Как залить объект градиентом

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

Заливка объектов градиентом

Какой получается объем! На этом примере вы поймете все основные принципы использования градиента на объектах в Photoshop. Смотрите пошаговую инструкцию:

  1. Я создаю новый документ и заливаю фон сохраненным градиентом, как я показывала в предыдущем пункте. 
  2. Чтобы создать шары, я воспользуюсь инструментом «Эллипс». Находится он вот здесь. Создание эллипса
  3. С зажатой клавишей Shift создаю эллипс. Он автоматически появляется на новом слое. В меню «Заливка» можно выбрать цвет. Заливка цветом
  4. Теперь дважды кликаю по слою с эллипсом, и появляется окно стилей. Окно стилей слоя
  5. Тут нужно нажать «Наложение градиента» (слева), а потом кликнуть по окошку с градиентом, чтобы настроить цвет. Заливка объекта градиентом
  6. Я хочу сделать шарик в малиновых тонах. Выбираю, какого цвета будет светлая и теневая сторона шара. Наложение градиентов
  7. Настраиваю угол, чтобы «освещение» объекта совпадало с градиентом фона. Угол наклона градиента

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

 Давайте добавим немного «натуральности», чтобы шарик выглядел объемнее.

  1. Добавляю пункт «Внутренняя тень» и щелкаю по цвету.Наложение внутренней тени в ФШ
  2. Выбираю цвет тени. Пусть уходит в фиолетовый. Настройка цвета тени
  3. Теперь настрою угол, непрозрачность, смещение и размер этой тени. Поиграйте с ползунками, чтобы создать наиболее натуральный и мягкий эффект. После этого закройте окно стилей.Тень в настройках стилей

Теперь я хочу скопировать и изменить размер объекта. Для копирования щелкните по объекту с инструментом «Перемещение» (V на клавиатуре) и с зажатой клавишей Ctrl сдвиньте его в сторону. Объект оказался на новом слое.

Копирование объекта в Фотошопе

Чтобы он масштабировался с эффектами, нажмите правой кнопкой мыши по слою, а затем на «Преобразовать в смарт-объект».

Смарт-объект

Таким образом я несколько раз копирую и размещаю шарик в разных местах. Далее с помощью инструмента «Перо кривизны» (P) я нарисую еще один объект.

Рисование пером кривизны

Нужно сделать заливку этого объекта с такими же настройками, как у шаров. Для этого я нажимаю правой кнопкой мыши по слою с первым шаром (который не смарт-объект) и копирую стиль слоя. Эта функция позволяет скопировать все настройки, которые мы делаем в окне стилей слоя.

Как скопировать стиль слоя

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

Вклеить стиль слоя

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

Вставка стиля слоя на другой объект

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

Эффект свечения объекта

Можете скопировать еще несколько шаров и добавить фильтр «Размытие по Гауссу», чтобы казалось, что они плавают где-то вдалеке. То же самое и для объекта на переднем плане – так будет выглядеть правдивее. Вот вам и имитация 3D в Фотошопе.

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

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

Наложить градиент на текст очень просто: мы будем пользоваться тем же окном стилей слоя. Давайте напишем какой-нибудь текст. Я просто возьму слово «Gradient», написанное жирным шрифтом черного цвета. Итак:

  1. Дважды кликните по слою с текстом и выберите «Наложение градиента» в новом окне. Цветовой переход на текст
  2. Выберите градиент из готовых наборов либо создайте свой. О том, как сделать собственный градиент, я писала выше в этой статье. Применение градиента к тексту
  3. Вы можете изменять угол и масштаб наложения градиента, чтобы добиться желаемого эффекта. Редактирование градиентов
  4. Если добавить новую точку цвета, можно создавать градиент из трех или более оттенков. Экспериментируйте! Трехцветный градиент на тексте

Как наложить градиент на фото в Adobe Photoshop

Наложение градиента на фото

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

  1. Откройте фотографию в новом документе и выберите слой с фото. Слой с фотографией
  2. Пройдите по вкладкам «Изображение» – «Коррекция» – «Карта градиента». Карта градиента
  3. Щелкните по линии с градиентом, чтобы открыть редактор и изменить цвета контрольных точек.Замена цвета градиента

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

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

Coolors

Сервис Coolors

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

Перейти на ресурс можно по ссылке.

Uigradients

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

Здесь вы можете посмотреть самые невероятные варианты сочетаний. Хорош сервис тем, что градиенты можно посмотреть в полноэкранном формате. И еще есть маленькая фишка: каждый градиент имеет уникальное название, поэтому выглядит это очень атмосферно. Как вам градиент под именем Moonlit Asteroid?

Изучите остальные варианты здесь.

CoolHue

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

Небольшая, но очень милая коллекция готовых градиентов. Любой из них можно загрузить в виде PNG-изображения.

Ссылка на официальный сайт сервиса

Заключение

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

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

Набор инструментов Градиент (Gradient) в Фотошопе

Инструмент «Градиент» (Gradient Tool / G) на примере Photoshop CC (2014) (Rus)

Инструмент «Градиент» (Gradient Tool / G) на примере Photoshop CC (2014) (Rus)

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

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

Значок Градиент (1) Набор инструментов Градиент (Gradient) в Фотошопе. вы найдёте в одной группе с инструментом Заливка (Paint Bucker), клавиша G (или Shift+G для переключения между ними).

Вид градиента задаётся кнопками на панели параметров (2):

Линейный градиент (Linear Gradient) – переход осуществляется по прямой линии вдоль определённого направления.

Радиальный градиент (Radial Gradient) – изменение цвета равномерно во все стороны от центральной точки.

Конусовидный градиент (Angle Gradient) – переход цвета по кругу с центром в заданной точке по часовой стрелке.

Зеркальный градиент (Reflected Gradient) – два линейных градиента, которые распространяются от начальной точки в противоположных направлениях.

Ромбовидный градиент (Diamond Gradient) – образующие линии выстраиваются в виде ромба.

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

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

Вы можете выбрать нужный вам градиент, щёлкнув на нём кнопкой мыши.

Набор инструментов Градиент (Gradient) в Фотошопе.

Окно редактирования градиента открывается при щелчке на образце градиентной заливки (3).

Раздел Наборы (Presets) содержит готовые градиенты.

Имя (Name) – имя градиента.

Заказной (Custom) – это градиент с пользовательскими настройками.

Градиент (Gradient Type) – есть два варианта: Непрерывный (Solid) и Шумовой (Noise).

Сглаживание (Smoothness) – мягкость перехода цветов в градиенте.

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

Обратите внимание на цветовую полосу в центре окна – это образец редактируемого градиента с переходами цвета и прозрачности. Под полосой и над ней расположились маркеры (4) (квадратики с треугольниками над или под ними).

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

Для этого щёлкните на окошке Цвет (Color) (5) и в окне Цветовая палитра (Color Picker) выберите нужный оттенок (6).

Набор инструментов Градиент (Gradient) в Фотошопе.
Набор инструментов Градиент (Gradient) в Фотошопе.

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

0% – левый край цветовой полосы, 100% – правый.

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

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

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

Создадим новый градиент. Откроем диалоговое окно (щёлкнув по окошку 3). Выберите цвет заливки для левого цветового маркера, кликните по правому маркеру (8), установите для него свой цвет, в поле Имя (Name) (10) введите его название и нажмите кнопку Новый (New) (11), ваш градиент появится в окошке Наборы (Presets), нажмите ok.

Набор инструментов Градиент (Gradient) в Фотошопе.

Перевод: ;

Источник;

Содержание

  • #Новая панель градиентов в программе Photoshop CC 2020
  • #Как создавать новые градиенты в программе Photoshop CC 2020
  • #  Комментарии


Изучите все о новой панели градиентов в Photoshop CC 2020, о новых необычных наборах, включенных в программу, о создании и сохранении ваших собственных градиентов!

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

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

Для дальнейшего изучения вам потребуется версия программы Photoshop CC 2020. Если вы уже работаете в Photoshop CC, убедитесь, что ваша версия обновлена.

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

Новая панель градиентов в программе Photoshop CC 2020

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

Где найти панель градиентов

По умолчанию, панель градиентов расположена в одном месте с панелями Цвет (Color), Образцы (Swatches) и Узоры (Patterns):


Новая панель градиентов в программе Photoshop CC 2020

Если вы не видите панель градиентов, то вы можете ее открыть, перейдя в раздел меню Окно (Window) в верхней части экрана и выбрав Градиенты (Gradients). Но если рядом со словом Градиенты (Gradients) вы увидите галочку, это означает, что панель уже где-то открыта на вашем экране, и повторный выбор панели ее закроет:


Перейдите в меню Окно – Градиенты

Новые градиенты по умолчанию в программе Photoshop

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

Все наборы сгруппированы в зависимости от цветовых оттенков, поэтому можно увидеть следующие названия: Синие (Blues), Лиловые (Purples), Розовые (Pinks), Красные (Reds), Зеленые (Greens) и т.д.


Новые наборы градиентов по умолчанию в программе Photoshop CC 2020

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

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


Открываем один из исходных наборов градиентов

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


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

Как изменить размер миниатюр градиентов

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


Нажимаем на значок меню

И выбираем или Маленькие миниатюры (Small Thumbnail), или Большие миниатюры (Large Thumbnail). Вы также можете выбрать просмотр градиентов в виде списка (Маленькие миниатюры и имена (Small List), Большие миниатюры и имена (Large List)), который включает название каждого градиента наряду с его миниатюрой:


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

Ваши недавно использованные градиенты

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


Градиенты, которые вы недавно применяли

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


Открываем меню панели градиентов

И отключаем опцию Показать недавние (Show Recents):


Опция «Показать недавние»

Опции Новая группа, Новый градиент и Удалить градиент

В нижней части панели градиентов можно найти параметры Создать новую группу (Create New Group), Создать новый градиент (Create New Gradient) и Удалить градиент (Delete Gradient).


Слева направо: «Новая группа», «Новый градиент» и «Удалить градиент»

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

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


Открываем меню панели градиентов

И выбираем Градиенты прежней версии (Legacy Gradients)


Загружаем градиенты прежней версии

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


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

Как создавать новые градиенты в программе Photoshop CC 2020

В программе Photoshop CC 2020 на выбор есть много новых необычных градиентов, но еще интереснее создавать свои собственные градиенты. Давайте рассмотрим, как это делать.

Шаг 1. Создаем новый набор градиентов

Для начала, вам нужно создать новый набор, где будут храниться ваши градиенты. Поэтому кликните по значку Создать новую группу (Create New Group) в нижней части панели градиентов:


Кликните по значку «Создать новую группу»

Затем дайте набору какое-нибудь название, например, Мои градиенты (My Gradients) и нажмите ОК:


Дайте название новому набору градиентов

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


На панели появился новый набор «Мои градиенты»

Шаг 2: Нажимаем на значок Создать новый градиент

Далее, кликните по значку Создать новый градиент (Create New Gradient) 


Нажимаем на значок «Создать новый градиент»

В результате, откроется редактор градиентов, в котором по умолчанию настроен градиент от черного к белому (Black, White). Для создания нового градиента нам нужно просто его отредактировать.

Обратите внимание, что вам необязательно начинать с градиента от черного к белому. Вы можете выбрать любой другой градиент в разделе Наборы (Presets) в верхней части редактора градиентов. Те же самые градиенты расположены и на панели градиентов:


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

Шаг 3: Редактируем существующий градиент

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


Дважды щелкните по контрольной точке цвета

Далее выберите новый цвет из палитры цветов и нажмите ОК:


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

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


Дважды кликните по другой контрольной точке цвета

Далее я выберу еще один цвет из палитры и снова нажму ОК:


Выбираем еще один цвет градиента

Как добавить градиенту больше цветов

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


Кликните для добавления новой контрольной точки цвета

И далее дважды щелкните по новой точке, чтобы изменить ее цвет:


Редактируем новый цвет

Выберите ваш новый цвет из палитры цветов:


Выбираем третий цвет для градиента

Далее кликните ОК, и теперь у нас есть три основных цвета градиента. При необходимости вы можете добавить еще больше цветов:


Был добавлен новый цвет

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

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


Перетащите контрольную точку цвета вдоль шкалы градиента

Или выбрав контрольную точку цвета, вы можете точно задать ее расположение в процентном соотношении, введя соответствующее значение в поле Позиция (Location). Значение, равное 0, разместит точку на левом конце градиента; значение, равное 100% – на правом; 50% – соответствует позиции посередине градиента:


Задаем точное расположение с помощью параметра «Позиция»

Как удалить цвет из градиента

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


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

После удаления цвета, который был посередине градиента, я снова вернулся к двухцветному градиенту:


Результат после удаления третьей контрольной точки цвета

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

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

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


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

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

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


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

Далее я снова установлю значение непрозрачности на 100%, чтобы вернуть назад цвет:


Возвращаем значение непрозрачности градиента, равное 100%

Шаг 4: Выбираем набор градиентов

Когда вы будете готовы сохранить градиент, перейдите в раздел Наборы (Presets) в редакторе градиентов и выберите набор, в котором вы хотите сохранить градиент. Я выберу набор «Мои градиенты», который я создал ранее:


Выбираем набор, в который включим градиент

Шаг 5: Даем название градиенту и нажимаем кнопку Новый

Дайте вашему новому градиенту название и нажмите кнопку Новый (New):


Дайте название градиенту и нажмите кнопку «Новый»

Ваш новый градиент отобразится в наборе:


Новый градиент был сохранен

Шаг 6: Закрываем редактор градиентов

Нажмите ОК, чтобы закрыть редактор градиентов:


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

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


Новый градиент на панели градиентов

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

Автор: Стив Паттерсон (Steve Patterson)

Источник:

www.photoshopessentials.com

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

1. Создайте новый документ в программе. Можете использовать сочетание клавиш Ctrl+N. Задайте необходимые параметры, например: «Ширина» – 800, «Высота» – 600, «Содержимое фона» – «Белый».

Параметры нового документа

2. Затем вызовите окно редактора градиента. На данном этапе вы можете выбрать любой вариант – мы полностью его трансформируем.

Размытие снимка в Фотошоп

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

Выбор оттенка из палитры

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

Цветовая гамма в редакторе градиентов

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

Многоцветный градиент

6. Теперь давайте определим степень непрозрачности для дополнительных цветов. Это нужно, чтобы один цвет плавно перетекал в другой. Подведите курсор к верхнему ползунку, зажмите «Alt» и потяните ползунок мышкой. Он разделится на два. Установите новую контрольную точку там, где требуется сгладить цвета, и установите уровень прозрачности на 70%. Повторите манипуляции, если у вас более одной дополнительной контрольной точки.

Степень непрозрачности для дополнительных цветов

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

Сохранение собственного пресета

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

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

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

1. После того как вы создали новый документ, активируйте инструмент «Градиент».

Градиентный фон

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

Линия градиентного фона

Вот, собственно, и все.

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

Заливка градиентом в Фотошопе

А теперь давайте посмотрим, как наложить градиент на фото в Фотошопе.

1. Откройте в программе картинку, к которой нужно применить эффект цветового перехода.

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

2. Пройдите по пути «Слой» – «Новый слой-заливка» – «Градиент».

Новый слой-заливка

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

Угол направления заливки

4. Поменяйте для слоя с градиентом режим наложения на «Мягкий свет» и понизьте уровень прозрачности.

Мягкий свет

А что делать, если вы хотите выделить конкретный объект, а не залить все фото в целом?

1. Выделите предмет или человека любым удобным вам способом. В последних версиях Photoshop алгоритмы выделения были усовершенствованы, так что экстракция объектов осуществляется быстро и точно. Если вы не являетесь обладателем актуальной версии программы, то скачайте Фотошоп 2022 с торрента бесплатно.

Активное выделение фигуры

2. При активном выделении выполните команду Ctrl+J. Таким образом, объект будет перенесен на новый слой.

Перенос объекта на новый слой

3. Выберите последовательно «Слой» – «Новый слой-заливка» – «Градиент».

Пошаговая инструкция

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

Создание обтравочной маски

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

Собственный градиент

Результат:

Результат: красивый градиент

Такой способ может пригодиться при подготовке флаеров.

Не только фото, но и текст можно залить красивым градиентом. Вот как это сделать:

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

Залить текст градиентом

2. Затем активируйте функцию, ответственную за стили слоя. Она находится справа снизу на панели слоев и представляет собой сочетание букв: «fx». Нажмите на нее ЛКМ и выберите пункт «Наложение градиента…».

Наложение градиента

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

Подбор сочетания оттенков

4. Нажмите «Ок» и оцените результат.

Текст в градиенте

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

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

Карта градиента

2. Нажмите на градиент, чтобы осуществить выбор пресета. Подтвердите свой выбор, нажав на «Ок».

Выбор пресета

3. Теперь установите режим смешивания «Мягкий свет» и подберите процент прозрачности. Для нашего примера подойдет 35%. Этот параметр подберется индивидуально.

Режим смешивания

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

Градиент на фото в программе ФотоМАСТЕР

Отличный способ добавить красивый эффект перехода на фото, не используя сложный софт, – обратить внимание на софт более простой. Например, ФотоМАСТЕР. Его можно считать альтернативой Photoshop, нацеленной на новичков и тех людей, которым не хочется осваивать продукт от Adobe. Работать в ФотоМАСТЕРе гораздо проще, в чем вы сейчас убедитесь сами.

1. Загрузите в редактор отобранный снимок и перейдите в раздел «Ретушь». На панели инструментов, сдвинув ползунок до самого низа, выберите «Градиентный фильтр».

Градиент в ФотоМАСТЕРе

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

Ролик-инструкция

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

Направление градуирования

4. Перейдите к меню с настройками, при помощи которых настройте фильтр: выберите оттенок, температуру, насыщенность, а при необходимости измените экспозицию выделенной области.

Настройка градиента в ФотоМАСТЕРе

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

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

6. Для сохранения изменений нажмите кнопку «Применить».

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

Заключение

Из статьи вы узнали, как делать градиент в Фотошопе и более простой графической программе. Половина успеха при создании цветового перехода – это правильное гармоничное сочетание оттенков. Для их выбора вы можете опираться на цветовой круг Иттена или брать образцы цвета с редактируемого снимка. Если вам сложно освоить функционал Photoshop, попробуйте воспользоваться инструментами ФотоМАСТЕРа. В нем вы сможете не только с легкостью создавать градиенты, но и выполнять множество других манипуляций над фото.

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