Создать градиент в фотошопе

Содержание
  1. Что такое градиент в Photoshop и как его сделать
  2. Что это такое
  3. Как это сделать
  4. Панель настройки
  5. Редактор
  6. Загрузка готовых градиентов
  7. Градиент в фотошоп
  8. Панель настраивания параметров градиента
  9. Что такое редактор градиентов?
  10. Как загрузить градиент из коллекции готовых градиентов Photoshop?
  11. Градиент в Фотошопе: как сделать
  12. Процесс создания градиента
  13. Основные настройки градиента
  14. Практический пример
  15. Заключение
  16. Как сделать градиент?
  17. Градиент в дизайне
  18. Панель настроек градиента
  19. Панель градиента
  20. Виды градиентов
  21. Режимы наложения и невидимость
  22. Дополнительные настройки градиента в Фотошопе
  23. Редактор градиента Gradient Editor
  24. Как сделать и сохранить градиент?
  25. Мягкость градиента
  26. Как настроить градиент
  27. Манипуляции с ползунками
  28. Как сделать полупрозрачный градиент?
  29. Режимы градиента в Фотошопе
  30. Панель градиентов в Photoshop CC 2020
  31. Новая панель градиентов в программе Photoshop CC 2020
  32. Где найти панель градиентов
  33. Новые градиенты по умолчанию в программе Photoshop
  34. Как открывать и закрывать наборы градиентов
  35. Как изменить размер миниатюр градиентов
  36. Ваши недавно использованные градиенты
  37. Опции Новая группа, Новый градиент и Удалить градиент
  38. Как загружать градиенты из более ранних версий программы
  39. Как создавать новые градиенты в программе Photoshop CC 2020
  40. Шаг 1. Создаем новый набор градиентов
  41. Шаг 2: Нажимаем на значок Создать новый градиент
  42. Шаг 3: Редактируем существующий градиент
  43. Как добавить градиенту больше цветов
  44. Как перемещать цвета в градиенте
  45. Как удалить цвет из градиента
  46. Как добавлять градиенту прозрачность
  47. Шаг 4: Выбираем набор градиентов
  48. Шаг 5: Даем название градиенту и нажимаем кнопку Новый
  49. Шаг 6: Закрываем редактор градиентов

Что такое градиент в Photoshop и как его сделать

Создать градиент в фотошопе

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

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

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

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

Что это такое

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

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

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

На практике добавить понравившийся градиент в популярном Photoshop не так сложно.

Как это сделать

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

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

Теперь поэтапно о том, как пользоваться в Photoshop соответствующей функцией. Сам по себе инструмент «Градиент» сравнительно прост в работе. От юзера требуется сделать следующее:

  • Выделяется область, которая в дальнейшем будет заполняться градиентной заливкой. Если не сделать выделение зоны, тогда зальётся весь слой. Это не всегда нужно.
  • Далее активируется сам инструмент под названием Gradient. Сделать это можно через панель инструментов, либо же с помощью клавиатуры. Во втором случае нажимается клавиша G.
  • Теперь выбираются необходимые параметры. Для этого потребуется воспользоваться панелью настроек параметров перехода.
  • На месте, где будет начинаться переход, щёлкаем мышкой и далее перетягиваем до конечной точки. При этом отпускать левую кнопку мышки нельзя.

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

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

Панель настройки

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

Для этого юзеру на помощь приходит панель настраивания.

ВНИМАНИЕ. Панель настройки перехода становится активной и доступной после включения инструмента Gradient.

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

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

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

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

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

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

Для всех пользователей предусмотрено несколько вариантов создания через программу Photoshop градиентов:

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

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

Речь идёт о следующих кнопках:

  • Режим (Mode). Позволяет определить применяемый метод наложения эффекта заливки на цвета уже существующих редактируемых пикселей. Пользователю предоставляется возможность выбрать один из режимов из выпадающего списка.
  • Непрозрачность (Opacity). Управляет показателями непрозрачности применяемой в Photoshop заливки. То есть с его помощью можно определить уровень видимости градиента, накладываемого на редактируемое изображение. Значения варьируются в диапазоне от 1 до 100%. Пользователь может указать нужные ему значения через клавиатуру, либо щелчком мышки по кнопки регулятора.
  • Инверсия (Reverse). Инструмент, который используется для отключения и активации режима инверсии заливки. Полезное дополнение. Суть заключается в том, что можно одним нажатием по этому флажку поменять направление изменения цветовой палитры или прозрачности на обратное (противоположное).
  • Дизеринг (Dither). Включает и отключает режим сглаживания. Если флажок активен, тогда Photoshop предотвратит появление полос, когда меняются цвета градиента.
  • Прозрачность (Transparency). Включает и выключает режим создания прозрачности. Если флажок активен, к градиенту будут добавляться полупрозрачные и прозрачные зоны на изображении.

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

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

Редактор

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

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

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

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

Теперь подробнее о том, как устроен редактор:

  • В верхней части активированного окна редактора располагается список заданных градиентов.
  • С правой стороны относительно кнопки для сохранения и загрузки. Пользователь может сохранить созданный самостоятельно градиент в файле, либо загрузить его из файла.
  • Ниже палитры и кнопок сохранения и загрузки находится набор параметров того градиента, который в настоящий момент выбран.
  • В центральной части изучаемого окна редактора разработчики разместили цветовую полосу. Она отображает текущую цветовую гамму и перехода в диапазоне выбранного градиента.
  • Под полосой предусмотрены маркеры. С их помощью юзер может задать цвет и положение используемого оттенка на градиенте. Между этими двумя маркерами происходит плавный и постепенный переход от одного выбранного цвета к другому.
  • По аналогии настраивается параметр прозрачности. Только регулятор этой характеристики находится уже над цветовой полосой.
  • Позиция (Position) используется для введения процентного положения маркера, то есть контрольной точки, на цветовой полосе перехода.
  • Если пользователю требуется поменять цвет, отвечающий тому или иному маркеру, достаточно кликнуть по нему мышкой. Это позволит внизу открыть настройки для необходимого цвета.
  • По аналогии меняется параметр прозрачности маркера, только уже кнопками вверху окна редактора. Требуется кликнуть по маркеру мышкой и затем задать степень непрозрачности. Тут также используется процентное значение.

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

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

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

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

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

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

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

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

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

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

Либо есть альтернативный вариант добавления. Тут нужно:

  • найти в главном меню программы вкладку под название «Редактирование» (Edit);
  • нажать на кнопку «Управление наборами» (Preset manager);
  • в списке выбрать «Тип набора» (Preset Type);
  • далее щёлкнуть на «Градиенты» (Gradients);
  • теперь на кнопку «Загрузить»;
  • выбрать файл, расположенный на компьютере.

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

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

Всем удачи и спасибо за внимание!

Подписывайтесь, оставляйте комментарии, задавайте актуальные вопросы и рассказывайте про наш проект своим друзьям!

Источник: https://nastroyvse.ru/programs/review/kak-sdelat-gradient-v-fotoshope.html

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

Создать градиент в фотошопе
Для работы с градиентом используют инструмент Gradient (Градиент)
на панели инструментов Photoshop и делают это таким образом:

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

Панель настраивания параметров инструмента Gradient (Градиент), становится доступной после его выбора на панели инструментов Photoshop.

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

Панель настраивания параметров инструментов Photoshop располагается в верхней части окна под меню.

На ней расположенные следующие элементы:

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

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

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

Рядом с полем Градиентов расположены кнопки:

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

Кроме коллекции готовых градиентов в Photoshop есть возможность создавать свои собственные градиенты. Для этого используют редактор градиентов.
Список Mode (Режим) определяет метод наложения градиентной заливки на цвет уже существующих пикселей изображения. Вы можете выбрать один из предложенных в списке вариантов.
Поле Opacity (Непрозрачность) предназначено для управления непрозрачностью градиента (то есть для определения степени видимости градиентной заливки, накладываемой на изображение). Допустимы значения в диапазоне от 1% (градиент будет практически прозрачным) до 100% (значение по умолчанию, полностью непрозрачный градиент). Вы можете ввести требуемое значение с клавиатуры либо щелкнуть по кнопке со стрелкой и установить величину параметра с помощью регулятора. Чем меньше заданное в этом поле значение, тем более прозрачной получится градиентная заливка на холсте.
Флажок Reverse (Инверсия) – предназначен для включения и отключения режима инверсии градиента. Очень полезный флажок. Позволяет быстро изменить порядок следования цветов в градиентной заливке на обратный.
Флажок Dither (Дизеринг) – предназначен для включения и отключения режима сглаживания градиента. Если этот флажок установлен, программа Photoshop CS4 будет предотвращать появление полос при смене цветов градиента.
Флажок Transparency (Прозрачность) – предназначен для включения и отключения режима прозрачности градиента. Если этот флажок установлен, в градиент включаются прозрачные и полупрозрачные области.

Что такое редактор градиентов?

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

Верхнюю часть занимает палитра заданных градиентов, справа – кнопки Загрузить и Сохранить. Градиенты можно сохранять в файле и загружать из файла. Ниже располагается набор параметров избранного в данный момент градиента. Создания новых градиентов осуществляется только на основе уже существующих. При этом вы должны сначала выбрать градиент, который послужит основой, а потом нажать кнопку New (Новый). Центральную часть окна редакторы градиентов занимает цветовая полоса, которая отображает цветовую гамму и цветовые переходы в рамках избранного градиента. Маркеры под полосой задают цвет градиента и положение этого цвета на полосе градиета. Между маркерами цвета плавно перетекают с одного в другой. Аналогично задается прозрачность, но маркеры прозрачности расположенные над полосой. Чтобы изменить цвет, который отвечает какому-нибудь цветовому маркеру, щелкните по нему мышкой, и внизу станут доступные настройки для этого цвета: Чтобы добавить новый маркер на полосу градиента просто щелкните мышкой на край полосы в том месте, где этот маркер хотите поставить (для создания маркера перехода прозрачности над полосой, а для создания маркера цветового перехода под полосой). Color (Цвет) – щелкнув по данному полю, вы сможете изменить цвет выбранного маркера. Position (Позиция) – в этом поле вы можете ввести процентное положение избранной контрольной точки (маркера) на цветовой полосе градиента. Например, если задано значение 50 – маркер будет установлен на середине полосы, 25 — первая четверть от левого края и т.д. Позицию можно задать и простым передвижением маркера. В такой же способ можно изменять прозрачность для маркеров, которые располагаются сверху. Нужно щелкнуть по маркеру мышкой и внизу задать степень непрозрачности в процентах.
Если вы в процессе работы создали новые красивые градиенты их можно сохранить в отдельном файле. Кнопка Save (Сохранить) предназначена именно для этого.

Как загрузить градиент из коллекции готовых градиентов Photoshop?

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

1 способ.

1.Откройте редактор градиентов Photoshop 2.Нажмите в окне редактора кнопку Load (Загрузить) 3.Выберите в открывшемся окне файл градиента.

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

2 способ.

1.Найдите в главном меню фотошоп вкладку Edit (Редактирование)и выберите команду Preset Manager (Управление наборами)
2.Выберите в списке Preset Type (Тип набора) – Gradients (Градиенты) 3.Нажмите в окне Load (Загрузить)4.Выберите в открывшемся окне файл градиента.

Источник: https://takpro100.net.ua/beginer/89-gradients.html

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

Создать градиент в фотошопе

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

Процесс создания градиента

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

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

  1. Выбираем “Градиент” в основной панели инструментов слева, кликнув по нему левой кнопкой мыши. В некоторых случаях, когда данный “Градиент” не выбран по умолчанию в группы инструментов заливки, сначала правой кнопкой мыши щелкаем по группе, затем в предложенном перечне выбираем нужный нам пункт.
  2. В появившейся вверху окна панели с настройками градиента находим кнопку, открывающую окно для его редактирования и кликаем по ней. ВАЖНО: окно с настройками градиента откроется только при нажатии на саму кнопку, а не на стрелку справа от нее.

Основные настройки градиента

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

Порядок действий здесь следующий:

  • создаем новый градиент (меняем имеющийся);
  • вводим название;
  • сохраняем градиент.

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

  1. Центральным элементом редактора является сам градиент. Снизу от него размещены цветовые контрольные точки, а сверху – контрольные точки непрозрачности.
  2. Для активации свойств цветовой контрольной точки щелкаем по ней левой кнопкой мыши. Таким образом мы получим доступ к изменению позиции или цвета контрольной точки.
  3. Активация точки непрозрачности происходит аналогичным образом, для нее возможна регулировка положения и уровня непрозрачности.
  4. Точка, расположенная посередине редактируемого градиента, предназначена для обозначения границ разделения цветов. Нажатие левой кнопки мыши на контрольной точке непрозрачности перемещает ее вверх и устанавливает в качестве средней точки непрозрачности.
  5. Чтобы добавить новую цветовую точку, достаточно подвести курсор к градиенту. Когда курсор изменит свой вид со стрелки на руку с указательным пальцем вверх, нажимаем левую кнопку мыши. Созданные таким образом точки можно настраивать и двигать влево-вправо относительно градиента.
  6. Для удаления контрольной точки используется соответствующая кнопка.

Практический пример

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

  1. Окрасим крайнюю левую точку в нужный цвет. Для этого кликаем на нее левой кнопкой мыши, чтобы активировать настройки. Далее кликаем по текущему цвету (параметр “Цвет”), чтобы запустить палитру цветов.
  2. В палитре цветов выбираем нужный цвет/оттенок и жмем ОК.
  3. Далее, по ранее описанному алгоритму, создаем новые контрольные точки в нужном количестве, определяем их позицию на градиенте и задаем для каждой цвет.
  4. Получаем новый градиент с заданными цветовыми контрольными точками.
  5. В поле “Имя” вводим произвольное название и жмем кнопку “Новый”. Этот этап завершает процесс создания градиента. Щелкаем OK, чтобы закрыть Редактор градиентов.
  6. Сперва создадим новое полотно требуемых размеров (Файл – Создать) или откроем существующий файл (Файл – Открыть). Затем выбираем в основной панели инструментов “Градиент”, переходим к палитре градиентов (на этот раз уже жмем стрелку справа от соответствующей кнопки), находим свой и кликаем по нему.
  7. Ставим курсор в левую часть рабочего полотна и, удерживая левую кнопку мыши, тянем курсор в противоположную сторону до конца листа.
  8. Получаем фон полотна, сформированный при помощи созданного нами ранее градиента.

Заключение

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

Источник: https://MyPhotoshop.ru/instrument-gradient/

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

Создать градиент в фотошопе

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

  • Применить градиент через стили слоя Gradient Overlay
  • Применить градиент инструментом Gradient Tool
  • Применить градиент через слой заливки Fill Layer

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

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

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

В отсутствии возможности настраивать инструмент Gradient Tool на лету лежит основа работы всех инструментов Фотошопа.

Мы выбираем инструмент, будь то Gradient Tool, или Brush Tool или Paint Bucket, или Clone Stamp. Кликаем по рабочей области, и получаем результат, в виде изменения пикселей.

И этот результат является изменение пикселей на прямую. Он окончателен и его невозможно изменить «на лету» поменяв настройки.

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

Градиент в дизайне

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

Самый простой и доступный способ применить градиент в Фотошопе, это выбрать инструмент Gradient Tool. Кликнуть по рабочей области и не отпуская клавишу мышки, провести курсором по рабочей области.

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

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

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

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

Если у вас нет панели настроек откройте Windows > Options По умолчанию все панели настроек для всех инструментов начинаются с менеджера настроек Preset Manager.

Подробности работы этого менеджера можно прочитать в статьях Preset manager и Preset Manager Tool.

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

Панель градиента

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

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

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

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

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

  Linear gradient (Линейный градиент) — заливает градиент по прямой линии от цвета А к цвету Б.

  Radial gradient (Радиальный градиент) — заливает градиент в виде окружности от цвета А к цвету Б.

  Angle gradient (Конусовидный градиент) — создает вращающийся градиент по 360 оси от цвета А к цвету Б.

  Reflected gradient (Зеркальный градиент) — вариация линейного градиента, с одной лишь разницей. Этот градиент отражает сам себя и возвращается к первоначальному цвету.  В этом случае градиент движется от цвета А, к цвету Б и опять к А.

  Diamond gradient (Ромбовидный градиент) — создает ромбовидные градиент от цвета А к цвету Б.

Далее я постараюсь быстро рассказать об остальных настройках этой панели и поскорее перейти к самому градиенту, то есть диалоговому окну редактора градиента Gradient Editor

Режимы наложения и невидимость

Следующие опции — режимы наложения и степень невидимости. Здесь все просто. Невидимость определяет невидимость, а режимы наложения предлагают на выбор различные режимы наложения, подробно о которых я написал в статье Режимы наложения blending mode в Фотошопе.

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

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

Интерес представляют следующие три галочки: Reverse, Dither, Transparency. Как обычно о них нет никакой информации нигде. Самые мощные сайты по фотошопу ограничиваются выдержками в пару слов, содранными с официального Хелпа. Интересно, кроме Хронофага их вообще кто-нибудь разбирает?

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

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

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

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

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

А если градация градиента ещё уже? А область ещё больше? На практике получаются следующие полосы.

Метод Dither применяет к градиенту в Фотошопе иной способ совмещения пикселей. Он как бы перемешивает пиксели между собой россыпью. Результат смешения увидеть не сложно.

При включении галочки Dither видно только то, что градиент неожиданно стал гладким. Вот что происходит с пикселями при использовании Dither.

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

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

Редактор градиента Gradient Editor

Ну и наконец пришла пора подробно разобрать сам редактор градиента. Как же в нем делать свои градиенты? Как делать полупрозрачный, как записывать, как сохранять? Чтобы попасть в редактор градиента сделайте двойной клик по полоске градиента и вот оно диалоговое окно Gradient Editor.

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

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

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

Мягкость градиента

Параметр Smoothness определяет мягкость градиента. Пожалуй без спец подготовки эту мягкость не просто разглядеть.

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

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

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

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

На панели редактора градиента вы видите местоположение градиента Location и цвет Color. Location — это местонахождения ползунка на полоске градиента.

Цвет можно выбрать из цвета заднего и передних фонов, которые установлены на панели инструментов Tools. Или произвольный цвет, который вы выберете в диалоговом окне Color Picker. Не обязательно выбирать цвет внизу диалогового окна.

Вы можете вызвать Color Picker просто кликнув по ползунку дважды.

Манипуляции с ползунками

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

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

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

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

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

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

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

Режимы градиента в Фотошопе

У градиента в Фотошопе есть два режима: Solid и Noise.

  • Solid — обычный стандартный градиент, сплошной переход от одного цвета к другому.
  • Noise — создает хаотичный шумовой градиент и настраивается совершенно иначе. Переключить режимы можно прямо в диалоговом окне Gradient Editor.

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

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

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

  • Restrict Colors — исключает особенно яркие или перенасыщенные цвета из шумового градиента. То есть если вы эту галочку поставили, то при нажатии на Randomize Фотошоп исключает слишком выбивающиеся из общего ряда цвета.
  • Add Transperancy — добавляет невидимость. Если выставить эту галочку вместе с произвольными цветами вы получите и произвольную невидимость. Фотошоп сам будет решать где и как она появится. Она может появиться либо вначале, либо в конце, либо местами в середине, и у вас нет возможности контролировать этот процесс.

Нажимая на Randomize вы оперируете всеми цветами. Но что если вы хотите создать градиент очень определенной цветовой гаммы. Для этого вам даны ползунки с цветом.

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

Она поставит все на места.

Лучше переключитесь на более понятную схему HSB. Допустим я хочу получить шумовой градиент в голубой тональности. Тогда я уменьшаю действие ползунков исключая лишний цвет.

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

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

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

Источник: http://verovski.com/2012/04/04/gradient-tool/

Панель градиентов в 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)

Источник: https://zen.yandex.ru/media/phmaster/panel-gradientov-v-photoshop-cc-2020-5eb1aa2f49d6c31325adc628

Все лайфхаки
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: