Загрузить градиенты в фотошоп: Как установить градиент?

Как установить новый градиент. Этот урок поможет вам установить новые… | by PFY (Твой фотошоп)

Этот урок поможет вам установить новые градиенты для версии программы Photoshop CC 2017. Для других версий алгоритм будет тот же.

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

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

Откройте программу Photoshop и перейдите в главном меню в верхней части экрана во вкладку Редактирование — Наборы — Управление наборами (Edit — Preset Manager). Появится вот такое окошко:

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

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

Кликаем по маленькой черной стрелке и из появившегося списка, путем нажатия левой кнопки мышки, выбираем вид дополнения — Градиенты (Gradients):

Далее, нажимаем кнопку Загрузить (Load)

Появляется новое окошко. Здесь Вы указываете адрес скаченного файла с градиентом. Этот файл находится у вас на рабочем столе или помещен в специальную папку для скачанных дополнений. В моем случае, файл находится в папке “Градиенты” на рабочем столе:

Снова нажимаем Загрузить (Load)

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

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

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

Я вместе с вами установила себе новый градиент! Посмотрим, что получилось!

Супер!

PFY

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

Здравствуйте уважаемые читатели ps-blog. ru! Представьте такую ситуацию, как то одним прекрасным, осенним вечерком вы сёрфили в интернете сайты и блоги с обучающими материалами по Фотошоп и вдруг нашли кучу классных градиентов, разумеется вы скачали их к себе на компьютер. Сразу возникает вопрос, а как правильно загрузить эти самые градиенты и начать ими пользоваться уже сейчас? В этом уроке я покажу вам и расскажу как установить градиент в Фотошоп.

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

Шаг №1

Теперь давайте откроем программу Фотошоп и перейдем в главное верхнее меню. Выбираем вкладку Редактирование/Наборы/Управление наборами

Переходим в меню Редактирование/Наборы/Управление наборами

Перед вами откроется вот такое окошко, которое называется «Управление наборами». Ниже мы будем знакомиться с этим окошком более подробно.

Окно «Управление наборами»

Описание окна «Управление наборами»:

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

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

Оставшиеся кнопочки «Готово«, «Загрузить«, «Сохранить«, «Переименовать«, «Удалить» я думаю в разъяснениях не нуждаются и так всё понятно по названиям.

Шаг №2

Теперь путём нажатия левой кнопки мыши в выпадающем меню «Тип набора» выбираем — Градиенты.

Выбрали тип набора — Градиенты

После того как мы выбрали тип набора — Градиенты, видим окошко с набором градиентов по умолчанию.

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

Шаг №3

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

Указываем путь к файлу градиента

Шаг №4

Путь к скаченному файлу мы указали, далее жмём кнопку «Загрузить«. Наблюдаем результат, теперь в диалоговом окошке «Управление наборами» в конце набора, вы видите новые градиенты, которые мы только что загрузили.

Новые только что загруженные градиенты

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

На этом сегодняшний урок подходит к концу. Теперь вопрос Как установить градиент в Фотошоп можно закрыть. Программа Фотошоп скопировала наш градиент к себе в набор и теперь мы можем этим градиентом полноценно пользоваться. Чтоб показать вам мой градиент, я нарисовал окружность и залил её новым, загруженным градиентом-металлом. Получился вот такой симпатичный железный шарик:)

Железный шарик

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

P.S. Если Вы ещё не ознакомились с моим новым бесплатным видео-курсом «Фотошоп Быстрый Старт», тогда заберите его прямо сейчас по этой ссылке.

На этом сегодня всё, спасибо за внимание, увидимся в следующих уроках!

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

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

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

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

Есть два способа установить новый градиент в Photoshop:

1. Первый – выбрать соответствующий инструмент и обратить свой взор на верхнюю панель, где и вызвать меню редактирования градиента. Щелкнув по кнопочке со стрелкой в правом верхнем углу, мы увидим контекстное меню, где в верхней части – команды управления наборами градиентов, а в нижней – список уже загруженных в Photoshop наборов. Нажмите на один из этого списка, и программа вас «спросит», хотите ли вы заменить текущие градиенты на градиенты выбранного набора, или же добавить их. Выбираем нужный ответ, и вот уже новые градиенты доступны для применения. Что делать, если набора нет в этом списке? Выбираем в том же меню пункт Загрузить градиенты (Load Gradients), открывается диалоговое окно, в котором надо указать Фотошопу нужный . GRD-файл. По умолчанию программа ищет новый градиент в «своей» папке (путь 1), вы можете заранее скопировать туда скачанный градиент, или указать свой путь к нужному файлу (путь2). Далее – указываем конкретный файл с расширением . grd и нажимаем кнопку «Загрузить». Все градиенты выбранного набора автоматически добавятся к текущим
2. Вариант второй. Заходим в пункт меню Редактирование/Управление наборами (Edit/Preset Manager). В появившемся окошке выбираем Градиенты – отобразятся все текущие наборы. Нажимаем кнопку «Загрузить» и видим меню для выбора нужного файла, такое же, как в предыдущем варианте. Аналогичным образом указываем путь к набору градиентов, нажимаем «Загрузить» и «Готово» и приходим к нужному результату. А дальше – обычная работа: выбираем «самый-самый» градиент из загруженного набора и творим, творим, творим…

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

Как установить в фотошоп плагины, шрифты, кисти, градиенты.

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

Установка.

 Если плагин посложнее, то обычно он требует установки и имеет установочный фаил с расширением exe, устанавливается как любая программа, часто прилагается инструкция. Устанавливаются плагины как правило в папку C:\Program Files\Adobe\Adobe Photoshop CS5\Plug-ins\, если установится непонятно куда, просто перетащите, что установилось в эту папку.

Плагин попроще, без всяких установок перетаскивается туда же — C:\Program Files\Adobe\Adobe Photoshop CS5\Plug-ins\Filters, только в зависимости от плагина в папки Filters или File-Formates и т.д.

 При перезагрузке программы ими можно пользоваться. Появятся в панели Filters/Фильтры в самом низу.

Некоторые плагины, не работают в разных версиях программы. Например, плагин для CS2  может не работать в более новых версиях CS3 и выше. 

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

1. Скачиваете градиенты. Тип фаила градиент GRD. Устанавливаете (просто вставляете) в папку. C:\Program Files\Adobe\Adobe Photoshop CS5\Presets/Gradients

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

2. Второй способ установить градиенты.

 Кликаете в панели меню Edit – Preset manager – в строке Preset type выбираете из списка Gradients, откроется окошко, ищем файл градиентов на своем компьютере, выбираем его и жмем  Load (загрузить) . Загрузятся и появятся в списке.

 Можно открыть Preset manager не через Edit… а др путем, через список градиентов как на скриншоте .

Как установить кисти в фотошоп.

1.Установка кистей точно так же как и гарадиента . Берем скаченный фаил с кистями и вставляем в папку  C:\Program Files\Adobe\Adobe Photoshop CS5\Presets/Brushes. Расширение фаила кисти – abr. После перезагрузки программы кисти появятся в списке. При выборе, вы можете набор кистей менять на другой нажав ОК ( тогда в пользовании будет только один конкретный набор) или добавлять к общим кистям в конец списка нажав Append. Потом сбрасывать по умолчанию если нужно. Reset brushes.

2.Второй способ добавить кисти. Так же как и градиенты через Preset manager. Edit – Preset manager – строка Preset Type выбираем из списка  brushes. Загрузятся и появятся в списке.

 Можно открыть Preset manager не через Edit… а др. путем, через список кистей как на рисунке.

Как установить шривты в фотошоп.

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

Кликаете:  Пуск – Настройка – Панель управления – Папка Шрифты. Переносите файлик со шрифтами туда.

❶ Как добавить градиент в Photoshop

Инструкция

Установите программу Adobe Photoshop CS5, именно эта версия обладает наибольшими возможностями (по состоянию на конец 2011 года). Запустите ее, затем создайте файл: «Файл» – «Создать». В открывшемся окне выберите необходимые размеры, например, по 1000 пикселей в высоту и ширину.

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

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

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

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

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

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

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

• Применить градиент через 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 Tool
.

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

и режимом наложения Multiply

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

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

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

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

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

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

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

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

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

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

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

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

Режимы наложения как таковые прикручены ко всем инструментам которые могут рисовать. Данные режимы являются неотменяемыми. Вы не сможете сменить их задним числом, как это можно сделать у слоя. Режим применяется сразу и необратимо. Открутить назад можно только в панели Истории 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
, читайте статью . Она поставит все на места.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Перевод: Оксана Гудкова
;

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

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

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

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

Инструмент Gradient (Градиент) находится в панели инструментов слева, иконка выглядит так:

Нажав на эту иконку вы увидите сверху настройки градиента:

Нажав на полоску градиента вы попадете в Gradient Editor (Редактор градиента). Здесь задаётся количество точек и цвета переходов. Стандартный набор градиентов должен выглядеть примерно таким образом:

Если вы нажмёте на стрелку, то откроется список всех установленных в фотошоп градиентов:

Чтобы установить новый градиент, нужно положить файл формата.grd в папку фотошопа/Presets/Gradients (Например, C:\Program Files\Adobe\Photoshop CS5\Presets\Gradients). А сейчас я расскажу, как создать свой градиент в фотошопе
. В редакторе градиента выберите любой из градиентов (желательно обычный чёрно-белый) и начните редактировать точки:

Затем нажмите кнопку New, и ваш градиент будет сохранён. Для того, чтобы сохранить полученный набор в отдельный файл, нажмите кнопку Save. Обратите внимание, что у нижних точек активны параметры цвета и положения, а у верхних непрозрачности (Opacity) и положения. Таким образом, вы можете сделать градиент прозрачным, уменьшив для одной или нескольких точек параметр Opacity. Ну что, с редактором градиента мы разобрались, теперь остановимся на том, как собственно пользоваться градиентом. Допустим вы настроили нужный градиент, и хотите залить им текущий слой. Нет ничего проще. Для этого выберите точку начала градиента (она будет соответствовать положению 0% на полосе градиента) и протяните градиент в другую часть изображения. Обратите внимание, что чем дальше вы растяните градиент, тем шире будут полосы:

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

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

Всего существует 5 видов градиента в фотошопе.

— Линейный (Linear). Градиент строится по прямой линии по заданному направлению:

— Радиальный (Radial). Этот тип градиента распределяется равномерно во всех направлениях от заданной точки:

— Конус (Angle). Градиент строится по кругу, начиная из заданной точки:

— Зеркальный (Reflected). Этот градиент представляет собой 2 линейный градиента, распространяющихся в противоположных направлениях:

— Ромб (Diamond). Градиент строится по форме ромба:

Режимы наложения градиента

Галочка Reverse инвертирует цвета градиента:

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

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

На этом я прощаюсь с вами до следующего урока photoshop
и желаю вам творческих успехов.

P.S. Не забывайте оставлять комментарии 🙂

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

Adobe Photoshop дает дизайнеру очень много возможностей

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дополнительные режимы

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

Процесс применения дополнительных инструментов

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

Используя поле «Непрозрачность», можно варьировать визуальное отображение основного фона, устанавливая параметры прозрачности от 1 до 100%. Следует помнить, что выбрав максимальный показатель, выбранная область после заливки станет полностью непрозрачной.

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

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

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

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

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

Примеры градиентов:

Как сделать градиентную заливку в Photoshop?

Для работы с градиентом используют инструмент 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.Выберите в открывшемся окне файл градиента.

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

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

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

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

Этот урок посвящен созданию градиентов в Фотошопе.

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

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

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

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

Приступаем…

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

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

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

Все точки можно перемещать вдоль градиента.

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

Удалить контрольную точку можно, нажав на кнопку «Удалить»
.

Итак, давайте окрасим одну из точек в какой-нибудь цвет. Активируем точку, нажимаем на поле с названием «Цвет»
и выбираем нужный оттенок.

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

Теперь, когда градиент готов, даем ему название и нажимаем кнопку «Новый»
. Наш градиент появится внизу набора.

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

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

Инструмент ГРАДИЕНТ в Photoshop.

Давайте рассмотрим настройки инструмента градиент в Photoshop
.

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

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

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

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

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

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

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

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

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

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

Щелкнув по верхнему ползуночку мы можем изменить непрозрачность цвета, щелкнув по строке НЕПРОЗРАЧНОСТЬ
и поставив, к примеру, непрозрачность 50%.
Что мы видим? В полосе градиента
нам стала видна шахматка, что и означает непрозрачность цвета.

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

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

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

Остальные настройки градиента в Photoshop.

Так же в настройках инструмента градиент в Photoshop
можно изменить РЕЖИМ
, НЕПРОЗРАЧНОСТЬ
, использовать ИНВЕРСИЮ
(поменять в градиенте местами цвета, т.е. начальный цвет станет конечным и наоборот).

Инструмент ЗАЛИВКА в Photoshop.

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

Давайте рассмотрим его настройки.

Залить слой можно основным цветом
, а можно и узором
(в другой версии фотошопа называется — регулярный
).

Если мы выбираем заливку узором
, то нам будут предложены варианты этих самых узоров.

Нажав на маленькую черную стрелочку (на рисунке я обвела ее красным цветом) у нас откроются дополнительные папочки с узорами. Вы можете дополнительные узоры как добавить, так и заменить ими узоры по умолчанию.
Для возврата узоров, которые стояли по умолчанию, выбираете команду ВОССТАНОВИТЬ УЗОРЫ
.

Так же заливку в Photoshop
можно выполнять, выбрав в МЕНЮ
команду ВЫПОЛНИТЬ ЗАЛИВКУ
. Откроется диалоговое окно, в котором нам предложат выбрать цвет заливки: основной или фоновый цвет, цвет
(откроется палитра цветов), узор, черный, серый 50%
или белый
.
А так же выбрать режимы и непрозрачность
.

Инструкция

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

В окне редактора градиента в разделе Presets вы можете выбрать один из стандартных градиентов. Для этого щелкните по нему мышкой и нажмите ОК для подтверждения. Если выбор вас не устраивает, вы можете создать авторский градиент. Раскройте список Gradient Type («Тип градиента») и выберите Solid («Непрерывный») или Noise («Шумовой»).

Чтобы добавить цветовой оттенок в непрерывный градиент, щелкните левой клавишей по нижней кромке цветовой полосы. Добавится новый движок вместе окошком Color («Цвет»). Изменить цвет можно, щелкнув по этому окошку. Раскроется цветовая палитра. Отметьте нужный оттенок и нажмите ОК.

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

Прозрачность заливки регулируется ползунками вдоль верхней кромки полосы. Вызывайте щелчком окошко Opacity (Непрозрачность») и выставляйте нужное значение.

Если вы выбрали шумовой градиент, изменить его вид можно с помощью ползунков R («Красный»), G («Зеленый») и B («Синий») под цветовой полосой. Чтобы оттенки распределялись случайным образом, нажмите Randomize. Уровень резкости переходов определяется в окошке Roughness – чем выше это значение, тем ниже плавность.

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

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

Что помогает сделать градиент в Фотошопе?

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

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

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

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

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

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

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

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

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

Например с шириной 500, а высотой 400 (естественно пикселей). Цвет фона выберете белый. Теперь выберете инструмент «Градиент»
. Он находится так же, где и «Заливка»
. Т.е. если на данный момент у вас активирована заливка, то нажмите на ней правой кнопкой и выберете градиент. Ну вы знаете весь процесс. Чего я вам объясняю?

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

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

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

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

Я уже как-то говорил, что на цвет градиента в фотошопе влияют . Смотрите. У меня основной цвет стоит красный, а фоновый — белый. Соответственно и будет такой градиент по умолчанию.

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

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

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

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

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

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

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

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

Типы градиентов

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

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

Другие свойства

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

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

С уважением, Дмитрий Костин.

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

• Применить градиент через 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 Tool
.

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

и режимом наложения Multiply

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

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

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

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

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

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

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

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

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

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

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

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

Режимы наложения как таковые прикручены ко всем инструментам которые могут рисовать. Данные режимы являются неотменяемыми. Вы не сможете сменить их задним числом, как это можно сделать у слоя. Режим применяется сразу и необратимо. Открутить назад можно только в панели Истории 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
, читайте статью . Она поставит все на места.

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

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

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

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

Добавить шум в градиент photoshop

кто-нибудь знает, как добавить шум к градиенту в photoshop cs3 ?

источник

Filter > Noise > Add Noise...

EDIT: если это стиль слоя (хорошая информация для добавления), вы можете щелкнуть правой кнопкой мыши кнопку FX рядом со слоем и выбрать «Создать слои». Это разделит Наложение градиента на его собственный слой. Затем примените фильтр шума к этому слою.

отвечен kcoppock 2010-12-07 18:12:33

источник

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

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

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

• создать новый пустой слой, выберите
  оба слоя, щелкните правой кнопкой мыши и выберите «объединить слои»
  это будет растрировать стиль слоя.
  Теперь можно добавить фильтр шума
  прямо к нему.

• Добавить маску слоя слой>слой
  маска>показать все. Затем примените шум
  фильтр к маске слоя.

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

источник

Элтон Валентини,

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

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

Фильтр > Шум > Добавить Шум…

и для любого другого вопроса, связанного с графикой photoshop, пожалуйста, спросите здесь graphicdesign.stackexchange его полностью посвящен дизайн сообщества

отвечен Jack 2017-04-13 12:46:18

источник

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

193

02.07.2011 | Автор: Трофименко Владимир | Просмотров: 5755 | видео + текст

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

Градиенты для программы фотошоп необходимо качать в формате *.grd.

Чтобы добавить новый файл в набор для начала открываем программу, затем в верхнем меню переходим в «Редактирование -> Наборы -> Управление наборами» (Edit -> Presets -> Preset Manager).

В новом окне из выпадающего списка «Тип набора» выбираем пункт «Градиенты» (Gradients) и нажимаем кнопку «Загрузить» (Load).

На следующем шаге нужно указать файл градиента на компьютере и нажать кнопку «Загрузить».

После этого в списке со всеми градиентами появляются новые.

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

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

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

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

Видеоурок:

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

Как установить в фотошоп плагины, шрифты, кисти, градиенты.

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

Установка.

 Если плагин посложнее, то обычно он требует установки и имеет установочный фаил с расширением exe, устанавливается как любая программа, часто прилагается инструкция. Устанавливаются плагины как правило в папку C:\Program Files\Adobe\Adobe Photoshop CS5\Plug-ins\, если установится непонятно куда, просто перетащите, что установилось в эту папку.

Плагин попроще, без всяких установок перетаскивается туда же — C:\Program Files\Adobe\Adobe Photoshop CS5\Plug-ins\Filters, только в зависимости от плагина в папки Filters или File-Formates и т.д.

 При перезагрузке программы ими можно пользоваться. Появятся в панели Filters/Фильтры в самом низу.

Некоторые плагины, не работают в разных версиях программы. Например, плагин для CS2  может не работать в более новых версиях CS3 и выше. 

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

1. Скачиваете градиенты. Тип фаила градиент GRD. Устанавливаете (просто вставляете) в папку. C:\Program Files\Adobe\Adobe Photoshop CS5\Presets/Gradients

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

2. Второй способ установить градиенты.

 Кликаете в панели меню Edit – Preset manager – в строке Preset type выбираете из списка Gradients, откроется окошко, ищем файл градиентов на своем компьютере, выбираем его и жмем  Load (загрузить) . Загрузятся и появятся в списке.

 Можно открыть Preset manager не через Edit… а др путем, через список градиентов как на скриншоте .

Как установить кисти в фотошоп.

1.Установка кистей точно так же как и гарадиента . Берем скаченный фаил с кистями и вставляем в папку  C:\Program Files\Adobe\Adobe Photoshop CS5\Presets/Brushes. Расширение фаила кисти – abr. После перезагрузки программы кисти появятся в списке. При выборе, вы можете набор кистей менять на другой нажав ОК ( тогда в пользовании будет только один конкретный набор) или добавлять к общим кистям в конец списка нажав Append. Потом сбрасывать по умолчанию если нужно. Reset brushes.

2.Второй способ добавить кисти. Так же как и градиенты через Preset manager. Edit – Preset manager – строка Preset Type выбираем из списка  brushes. Загрузятся и появятся в списке.

 Можно открыть Preset manager не через Edit… а др. путем, через список кистей как на рисунке.

Как установить шривты в фотошоп.

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

Кликаете:  Пуск – Настройка – Панель управления – Папка Шрифты. Переносите файлик со шрифтами туда.

❶ Как добавить градиент в Photoshop

Инструкция

Установите программу Adobe Photoshop CS5, именно эта версия обладает наибольшими возможностями (по состоянию на конец 2011 года). Запустите ее, затем создайте файл: «Файл» – «Создать». В открывшемся окне выберите необходимые размеры, например, по 1000 пикселей в высоту и ширину.

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

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

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

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

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

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

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

• Применить градиент через 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 Tool
.

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

и режимом наложения Multiply

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

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

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

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

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

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

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

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

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

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

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

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

Режимы наложения как таковые прикручены ко всем инструментам которые могут рисовать. Данные режимы являются неотменяемыми. Вы не сможете сменить их задним числом, как это можно сделать у слоя. Режим применяется сразу и необратимо. Открутить назад можно только в панели Истории 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
, читайте статью . Она поставит все на места.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Перевод: Оксана Гудкова
;

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

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

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

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

Инструмент Gradient (Градиент) находится в панели инструментов слева, иконка выглядит так:

Нажав на эту иконку вы увидите сверху настройки градиента:

Нажав на полоску градиента вы попадете в Gradient Editor (Редактор градиента). Здесь задаётся количество точек и цвета переходов. Стандартный набор градиентов должен выглядеть примерно таким образом:

Если вы нажмёте на стрелку, то откроется список всех установленных в фотошоп градиентов:

Чтобы установить новый градиент, нужно положить файл формата.grd в папку фотошопа/Presets/Gradients (Например, C:\Program Files\Adobe\Photoshop CS5\Presets\Gradients). А сейчас я расскажу, как создать свой градиент в фотошопе
. В редакторе градиента выберите любой из градиентов (желательно обычный чёрно-белый) и начните редактировать точки:

Затем нажмите кнопку New, и ваш градиент будет сохранён. Для того, чтобы сохранить полученный набор в отдельный файл, нажмите кнопку Save. Обратите внимание, что у нижних точек активны параметры цвета и положения, а у верхних непрозрачности (Opacity) и положения. Таким образом, вы можете сделать градиент прозрачным, уменьшив для одной или нескольких точек параметр Opacity. Ну что, с редактором градиента мы разобрались, теперь остановимся на том, как собственно пользоваться градиентом. Допустим вы настроили нужный градиент, и хотите залить им текущий слой. Нет ничего проще. Для этого выберите точку начала градиента (она будет соответствовать положению 0% на полосе градиента) и протяните градиент в другую часть изображения. Обратите внимание, что чем дальше вы растяните градиент, тем шире будут полосы:

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

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

Всего существует 5 видов градиента в фотошопе.

— Линейный (Linear). Градиент строится по прямой линии по заданному направлению:

— Радиальный (Radial). Этот тип градиента распределяется равномерно во всех направлениях от заданной точки:

— Конус (Angle). Градиент строится по кругу, начиная из заданной точки:

— Зеркальный (Reflected). Этот градиент представляет собой 2 линейный градиента, распространяющихся в противоположных направлениях:

— Ромб (Diamond). Градиент строится по форме ромба:

Режимы наложения градиента

Галочка Reverse инвертирует цвета градиента:

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

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

На этом я прощаюсь с вами до следующего урока photoshop
и желаю вам творческих успехов.

P.S. Не забывайте оставлять комментарии 🙂

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

Adobe Photoshop дает дизайнеру очень много возможностей

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дополнительные режимы

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

Процесс применения дополнительных инструментов

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

Используя поле «Непрозрачность», можно варьировать визуальное отображение основного фона, устанавливая параметры прозрачности от 1 до 100%. Следует помнить, что выбрав максимальный показатель, выбранная область после заливки станет полностью непрозрачной.

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

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

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

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

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

Примеры градиентов:

Как сделать градиентную заливку в Photoshop?

Для работы с градиентом используют инструмент 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.Выберите в открывшемся окне файл градиента.

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

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

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

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

Этот урок посвящен созданию градиентов в Фотошопе.

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

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

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

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

Приступаем…

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

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

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

Все точки можно перемещать вдоль градиента.

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

Удалить контрольную точку можно, нажав на кнопку «Удалить»
.

Итак, давайте окрасим одну из точек в какой-нибудь цвет. Активируем точку, нажимаем на поле с названием «Цвет»
и выбираем нужный оттенок.

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

Теперь, когда градиент готов, даем ему название и нажимаем кнопку «Новый»
. Наш градиент появится внизу набора.

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

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

Инструмент ГРАДИЕНТ в Photoshop.

Давайте рассмотрим настройки инструмента градиент в Photoshop
.

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

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

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

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

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

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

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

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

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

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

Щелкнув по верхнему ползуночку мы можем изменить непрозрачность цвета, щелкнув по строке НЕПРОЗРАЧНОСТЬ
и поставив, к примеру, непрозрачность 50%.
Что мы видим? В полосе градиента
нам стала видна шахматка, что и означает непрозрачность цвета.

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

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

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

Остальные настройки градиента в Photoshop.

Так же в настройках инструмента градиент в Photoshop
можно изменить РЕЖИМ
, НЕПРОЗРАЧНОСТЬ
, использовать ИНВЕРСИЮ
(поменять в градиенте местами цвета, т.е. начальный цвет станет конечным и наоборот).

Инструмент ЗАЛИВКА в Photoshop.

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

Давайте рассмотрим его настройки.

Залить слой можно основным цветом
, а можно и узором
(в другой версии фотошопа называется — регулярный
).

Если мы выбираем заливку узором
, то нам будут предложены варианты этих самых узоров.

Нажав на маленькую черную стрелочку (на рисунке я обвела ее красным цветом) у нас откроются дополнительные папочки с узорами. Вы можете дополнительные узоры как добавить, так и заменить ими узоры по умолчанию.
Для возврата узоров, которые стояли по умолчанию, выбираете команду ВОССТАНОВИТЬ УЗОРЫ
.

Так же заливку в Photoshop
можно выполнять, выбрав в МЕНЮ
команду ВЫПОЛНИТЬ ЗАЛИВКУ
. Откроется диалоговое окно, в котором нам предложат выбрать цвет заливки: основной или фоновый цвет, цвет
(откроется палитра цветов), узор, черный, серый 50%
или белый
.
А так же выбрать режимы и непрозрачность
.

Инструкция

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

В окне редактора градиента в разделе Presets вы можете выбрать один из стандартных градиентов. Для этого щелкните по нему мышкой и нажмите ОК для подтверждения. Если выбор вас не устраивает, вы можете создать авторский градиент. Раскройте список Gradient Type («Тип градиента») и выберите Solid («Непрерывный») или Noise («Шумовой»).

Чтобы добавить цветовой оттенок в непрерывный градиент, щелкните левой клавишей по нижней кромке цветовой полосы. Добавится новый движок вместе окошком Color («Цвет»). Изменить цвет можно, щелкнув по этому окошку. Раскроется цветовая палитра. Отметьте нужный оттенок и нажмите ОК.

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

Прозрачность заливки регулируется ползунками вдоль верхней кромки полосы. Вызывайте щелчком окошко Opacity (Непрозрачность») и выставляйте нужное значение.

Если вы выбрали шумовой градиент, изменить его вид можно с помощью ползунков R («Красный»), G («Зеленый») и B («Синий») под цветовой полосой. Чтобы оттенки распределялись случайным образом, нажмите Randomize. Уровень резкости переходов определяется в окошке Roughness – чем выше это значение, тем ниже плавность.

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

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

Что помогает сделать градиент в Фотошопе?

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

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

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

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

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

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

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

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

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

Например с шириной 500, а высотой 400 (естественно пикселей). Цвет фона выберете белый. Теперь выберете инструмент «Градиент»
. Он находится так же, где и «Заливка»
. Т.е. если на данный момент у вас активирована заливка, то нажмите на ней правой кнопкой и выберете градиент. Ну вы знаете весь процесс. Чего я вам объясняю?

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

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

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

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

Я уже как-то говорил, что на цвет градиента в фотошопе влияют . Смотрите. У меня основной цвет стоит красный, а фоновый — белый. Соответственно и будет такой градиент по умолчанию.

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

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

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

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

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

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

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

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

Типы градиентов

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

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

Другие свойства

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

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

С уважением, Дмитрий Костин.

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

• Применить градиент через 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 Tool
.

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

и режимом наложения Multiply

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

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

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

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

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

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

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

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

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

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

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

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

Режимы наложения как таковые прикручены ко всем инструментам которые могут рисовать. Данные режимы являются неотменяемыми. Вы не сможете сменить их задним числом, как это можно сделать у слоя. Режим применяется сразу и необратимо. Открутить назад можно только в панели Истории 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
, читайте статью . Она поставит все на места.

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

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

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

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

Добавить шум в градиент photoshop

кто-нибудь знает, как добавить шум к градиенту в photoshop cs3 ?

источник

Filter > Noise > Add Noise...

EDIT: если это стиль слоя (хорошая информация для добавления), вы можете щелкнуть правой кнопкой мыши кнопку FX рядом со слоем и выбрать «Создать слои». Это разделит Наложение градиента на его собственный слой. Затем примените фильтр шума к этому слою.

отвечен kcoppock 2010-12-07 18:12:33

источник

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

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

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

• создать новый пустой слой, выберите
  оба слоя, щелкните правой кнопкой мыши и выберите «объединить слои»
  это будет растрировать стиль слоя.
  Теперь можно добавить фильтр шума
  прямо к нему.

• Добавить маску слоя слой>слой
  маска>показать все. Затем примените шум
  фильтр к маске слоя.

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

источник

Элтон Валентини,

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

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

Фильтр > Шум > Добавить Шум…

и для любого другого вопроса, связанного с графикой photoshop, пожалуйста, спросите здесь graphicdesign.stackexchange его полностью посвящен дизайн сообщества

отвечен Jack 2017-04-13 12:46:18

источник

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

193

02.07.2011 | Автор: Трофименко Владимир | Просмотров: 5755 | видео + текст

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

Градиенты для программы фотошоп необходимо качать в формате *.grd.

Чтобы добавить новый файл в набор для начала открываем программу, затем в верхнем меню переходим в «Редактирование -> Наборы -> Управление наборами» (Edit -> Presets -> Preset Manager).

В новом окне из выпадающего списка «Тип набора» выбираем пункт «Градиенты» (Gradients) и нажимаем кнопку «Загрузить» (Load).

На следующем шаге нужно указать файл градиента на компьютере и нажать кнопку «Загрузить».

После этого в списке со всеми градиентами появляются новые.

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

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

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

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

Видеоурок:

Источник: https://psdmaster.ru

Узнайте как скачать видеоурок с сайта

Что еще посмотреть:

20.07.2014 | Просмотров: 2886

Новый фотошоп видеоурок по работе с инструментами для создания фигур. Рассматриваем инструменты «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Многоугольник», «Линия» и «Произвольная фигура».

13.10.2015 | Просмотров: 15925 | видео + текст

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

15.01.2014 | Просмотров: 3795

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

23.08.2014 | Просмотров: 2772

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

15.12.2014 | Просмотров: 3907

Фотошоп видеоурок для новичков в котором рассматривается панель инструментов.

Учебник по загрузке / установке градиентов Photoshop, как это сделать в CC CS6 CS5 и т. Д.

Как установить градиенты Photoshop в CC 2017 2015 2014 CS6 CS5 CS4 и т. Д. Градиенты Photoshop имеют формат GRD

1. Выберите файлы градиентов Photoshop GRD и скопируйте

   .

2. Перейдите в папку приложений или программных файлов (mac или pc)

3. Разверните папку приложения Adobe / Photoshop

4. Заходим в папку «пресеты»

5. Вставьте или поместите градиенты GRD Photoshop в папку «градиенты»

6. Запустите Photoshop

7. Выберите инструмент градиента на панели инструментов Photoshop

8. Перейдите в верхнюю часть Photoshop (слева) и откройте раскрывающийся список «Градиенты» средства выбора предустановок.

9. Доступ к градиентам GRD через меню справа на панели градиентов в Photoshop по имени

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

.

Установка градиентов Photoshop — папки для привилегированных и непривилегированных учетных записей

1. Добавьте файлы GRD в папку «градиенты» пресетов в папке приложений / программных файлов

2. Или добавьте GRD в папки «градиенты» ваших пресетов в вашей учетной записи (не требует прав)

Расположение для Mac: HD / Applications / Adobe Photoshop CC 2017 / Presets / Gradients (требуются права администратора)

Местоположение для Mac и прав администратора (учетная запись): ~ / Library / Application Support / Adobe / Adobe Photoshop CC 2017 / Presets / Gradients

Эквивалентными местами на компьютере являются папка «программные файлы» и папка «appdata» (в вашей учетной записи).Если вы все еще используете Photoshop CS6 и т. Д., Перейдите к эквивалентным папкам для версий приложения CS6, CS5 или CS4 и т. Д.

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

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

Загрузка / замена градиентов с помощью средства выбора предустановок градиентов Photoshop

1. выберите инструмент градиента

2. перейти на панель градиентов / выбор предустановок (вверху слева)

3. перейти в правое боковое меню

4. выберите команду загрузки или замены

5. найдите файл GRD с градиентами

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

.

Менеджер предустановок и загрузка градиентов

1. меню редактирования

2. предустановки

3. менеджер предустановок

4. выберите тип предустановки для градиентов

5. загрузить градиенты GRD файл

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

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

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

1. Один из подходов, который, кажется, хорошо работает в некоторых версиях, — это выбрать набор файлов GRD.

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

или

1. выберите количество файлов GRD градиента Photoshop

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

3. , вы увидите набор и сможете выбрать из 1000 отличных дизайнов (особенно если вы выберете 32 000 наборов градиентов, доступных на этом сайте).

Вы также можете просто перейти к команде сохранения на панели и затем сохранить их все в один файл GRD. Вы можете объединить все градиенты в один файл GRD градиента. Я позабочусь о том, чтобы вы сделали резервную копию файла на случай повреждения. Хорошим местом будут библиотеки CC

.

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

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

Источники и ссылки

1.Градиенты на Adobe.com

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

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

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

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

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

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

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

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

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

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

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

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

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

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

Панель «Слои», отображающая фотографию на фоновом слое.

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

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

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

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

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

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

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

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

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

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

Связано: Как рисовать градиенты с помощью Gradient Tool

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

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

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

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

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

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

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

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

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

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

Понижение непрозрачности градиента

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

Понижение значения непрозрачности.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нажмите OK, когда закончите, чтобы закрыть диалоговое окно Gradient Fill:

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

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

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

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

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

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

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

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

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

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

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

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

Загрузите это руководство в виде готового к печати PDF-файла!

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

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

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

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

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

Панель «Слои» показывает изображение на фоновом слое.Выше каждая из трех фигур появляется на своем собственном слое фигур. А вверху мы видим слово «ГРАДИЕНТЫ» на текстовом слое:

.

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

По теме: Что делает векторные фигуры лучше пикселей?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вместо градиентной заливки откроется диалоговое окно Photoshop Layer Style , в котором вы найдете те же параметры. Вы можете изменить стиль градиента, настроить угол , поменять местами цвета, установив флажок Обратный и т. Д. По завершении нажмите OK, чтобы закрыть диалоговое окно:

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

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

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

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

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

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

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

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

Но, в отличие от слоев-фигур, текстовые слои в Photoshop не поддерживают градиентную заливку. Итак, на панели «Слои» мы видим, что вместо непосредственного заполнения текста Photoshop применил градиент как эффект слоя Gradient Overlay .

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

Photoshop применяет градиенты к тексту как эффекты наложения градиента.

Куда пойти дальше

И вот оно! Это новые способы применения градиентов к пиксельным слоям, слоям-фигурам и слоям текста в Photoshop CC 2020. Ознакомьтесь с нашим разделом «Основы Photoshop» для получения дополнительных руководств.И не забывайте, что все наши руководства по Photoshop доступны для скачивания в формате PDF!

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

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

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

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

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

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

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Новая панель «Градиенты» в Photoshop CC 2020

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

Где мне найти панель «Градиенты»?

По умолчанию панель «Градиенты» вложена в панели «Цвет», «Образцы» и «Узоры»:

Новая панель «Градиенты» в Photoshop CC 2020.

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

Переход к окну> Градиенты.

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

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

Наборы основаны на цветовых темах. Итак, у нас есть наборы для синего, фиолетового, розового, красного, зеленого и т. Д .:

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

Как перетаскивать цвета в Photoshop CC 2020!

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

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

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

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

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

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

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

Щелкните значок меню панели.

И выберите Small или Large Thumbnail . Или вы можете выбрать просмотр градиентов в виде Small или Large List , который включает имя каждого градиента вместе с его миниатюрой:

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

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

В верхней части панели «Градиенты» находится строка, показывающая градиенты, которые вы недавно использовали. Щелкните любой из эскизов, чтобы повторно выбрать градиент:

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

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

Открытие меню панели «Градиенты».

И выключение Показать последние :

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

Создавайте эффекты цвета радуги с помощью Photoshop!

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

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

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

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

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

Открытие меню панели «Градиенты».

И выберите Legacy Gradients :

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

Новый набор устаревших градиентов появится под наборами по умолчанию. Поверните набор, чтобы увидеть все градиенты внутри него:

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

Загрузите это руководство в виде готового к печати PDF-файла!

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

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

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

Во-первых, вам нужно создать новый набор для хранения ваших градиентов.Итак, начните с нажатия значка Create New Group в нижней части панели Gradients:

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

Затем присвойте набору имя, например «Мои градиенты», и нажмите «ОК»:

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

Вернувшись на панель «Градиенты», ваш новый набор появится под остальными:

Появится новый набор «Мои градиенты».

Шаг 2. Щелкните значок «Создать новый градиент»

Затем щелкните значок Create New Gradient :

Щелкните значок «Создать новый градиент».

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

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

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

Шаг 3. Отредактируйте существующий градиент

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

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

Затем выберите новый цвет в палитре цветов и нажмите OK:

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

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

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

Затем я выберу другой новый цвет в палитре цветов и снова нажму ОК:

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

Как превратить изображения в образцы цвета с помощью Photoshop!

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

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

Щелкните, чтобы добавить новую цветовую точку.

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

Редактирование нового цвета.

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

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

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

Добавлен новый цвет.

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

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

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

Или, выбрав цветовую границу, вы можете указать точное местоположение в процентах, введя значение в поле Местоположение . Значение 0 процентов помещает точку цвета в крайний левый угол градиента, 100 процентов помещает ее в крайний правый угол, а 50 процентов помещает ее в середину:

Установка точного местоположения с помощью параметра «Местоположение».

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

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

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

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

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

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

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

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

Непрозрачность градиента прекращается.

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

Здесь я выбрал ограничитель непрозрачности справа и снизил его значение непрозрачности до 0 процентов .И обратите внимание на панели предварительного просмотра, что градиент теперь изменяется от красного слева до прозрачности справа. Шаблон шахматной доски на панели предварительного просмотра — это то, как Photoshop представляет прозрачность:

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

Я верну значение непрозрачности на 100 процентов , чтобы вернуть цвет:

Возвращение непрозрачности стопа к 100 процентам.

Как выбрать цвета текста из изображений в Photoshop!

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

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

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

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

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

Назовите градиент и нажмите New.

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

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

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

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

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

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

Новый градиент на панели «Градиенты».

Куда пойти дальше

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

Или посетите наш раздел «Основы Photoshop» для получения дополнительных руководств.И не забывайте, что все наши руководства по Photoshop доступны для скачивания в формате PDF!

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

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

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

Шаг 1. Настройте холст

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

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

Шаг 2: Использование редактора градиентов

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

В верхней части редактора вы увидите ряд из пресетов , которые поставляются с Photoshop CC. В правой части редактора находятся параметры Загрузить , Сохранить и создать Новые градиенты . Внизу редактора находятся инструменты для настройки градиента.

Вы можете создавать градиенты двух разных стилей. Первый, который мы собираемся создать, называется градиент Solid .Вы можете увидеть эту опцию в раскрывающемся меню, где написано Gradient Type: Solid в середине редактора. Прежде чем начать, убедитесь, что этот параметр выбран.

Шаг 3. Создайте сплошной градиент

Градиентные переходы Photoshop по умолчанию между двумя цветами, но что, если вы хотите перейти между тремя? Для этого щелкните одну из Color Stops , расположенных на левом и правом концах ползунка цвета.В этом уроке мы собираемся настроить левую Color Stop, перетащив ее к центру полосы. Там, где он сидит, мой третий цвет будет сливаться с другими.

Чтобы выбрать третий цвет, дважды щелкните Color Stop . Он откроет вашу палитру цветов и позволит вам выбрать оттенок по вашему выбору. После выбора нажмите ОК . Photoshop добавит вашему слайдеру третий цвет.

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

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

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

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

Попробуйте разные типы градиента

Первый тип градиента, который мы собираемся попробовать, — это линейный градиент , который выглядит довольно стандартно.

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

Если вам нужен резкий край света, Angle Gradient — действительно хороший вариант.

Reflective Gradients хороши для жидких поверхностей и закатов.

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

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

Шаг 4: Создайте градиент шума

Чтобы создать градиент шума, дважды щелкните цветовую полосу, чтобы открыть редактор градиентов . Рядом с параметром Gradient Type щелкните раскрывающееся меню, чтобы выбрать Noise . Вы сразу увидите новый ползунок цвета в нижней части редактора, а также два раздела для настройки Roughness и Color Model .

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

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

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

Вы сразу заметите, что градиенты шума сильно отличаются от сплошных.Радиальный градиент — хороший тому пример.

Как сохранить градиент в качестве предустановки

Допустим, вам действительно нравится созданный вами градиент, и вы хотите снова использовать его на другом изображении. Для этого перейдите в Gradient Editor> New . Это добавит новый образец к градиенту, который вы создали в окне Presets .

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

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

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

Теперь, когда вы знаете, как создать собственный градиент в Photoshop, вы готовы приступить к работе. Но градиенты — не единственный инструмент, который вы можете настроить с помощью этой программы. К счастью, ранее мы объяснили, как создать собственную кисть в Photoshop CC.

6 странных советов по улучшению настроения и продуктивности

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

Читать далее

Об авторе

Шианн Эдельмайер
(136 опубликованных статей)

Шианн имеет степень бакалавра дизайна и опыт работы в сфере подкастинга. Сейчас она работает старшим писателем и 2D-иллюстратором.Она занимается творческими технологиями, развлечениями и производительностью для MakeUseOf.

Более
От Шианн Эдельмайер

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

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

Нажмите здесь, чтобы подписаться

photoshopHelp: Gradient Organization

Кала пишет,

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

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

Начните с копирования существующего набора градиентов, найденного здесь… Adobe> Photoshop CS> Шаблоны> Градиенты> xxx.grd (Скопируйте и вставьте любой .grd, щелкнув правой кнопкой мыши.)
Дайте дублирующему набору уникальное имя. Я назвал свой newGradients.grd.
Перезапустите Photoshop.
Выберите инструмент Градиент .
Щелкните маленькую стрелку рядом с образцом градиента, чтобы открыть средство выбора градиента .
Нажмите кнопку выбора палитры Gradient Picker .
Выберите newGradients.grd .
Появится диалоговое окно с предупреждением: « Замените текущих градиента на градиенты из newGradients.grd ?
Нажмите OK .
Загружен дублирующий набор, newGradients.grd, .
Начать удаление градиентов.
Щелкните правой кнопкой мыши и выберите «Удалить градиент».
Когда набор пуст, вы можете добавить новые градиенты, которые вы загрузили по одному.
Нажмите кнопку « Gradient Picker » с параметрами палитры.
Выберите Загрузить градиенты …
Если вы столкнулись с предупреждением о необходимости замены, выберите вместо этого Добавить . Параметр «Добавить» добавляет к набору градиент . Идеально подходит для создания коллекции индивидуальных градиентов.
Когда вы заполнили набор нужными градиентами …
Нажмите кнопку параметров палитры Gradient Picker .
Выберите Сохранить градиенты …
Откроется диалоговое окно Сохранить .
Вы уже дали набору уникальное имя, и Photoshop автоматически добавит расширение.grd, поэтому все, что осталось, это нажать Сохранить .
Ваш новый набор создан.

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

Как настроить и использовать инструмент Photoshop Gradient Tool

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

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

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

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

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

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

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

Помимо выбора цветов, вы также можете выбрать начальную и конечную точки градиента.

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

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

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

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

Градиент Reflected создает зеркальный эффект, используя начальную точку в качестве центра.

Наконец, градиент Diamond исходит из начальной точки в форме ромба.

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

Наконец, у вас есть три флажка:

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

В этом примере для верхней половины включена опция прозрачности, а для нижней — нет:

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

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

Затем сделайте его черно-белым, применив корректирующий слой Black & White.

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

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

Наконец, установите Blending Mode на Screen.

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

Создание и сохранение настраиваемых градиентов