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

  Автор:
  1501
gradient

 

Здравствуйте!

Продолжаем изучать программу

Adobe Photoshop CC 2015,
Преследуя цель,
как заработать в интернете.
Сегодня тема:

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

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

На панели инструментов — Градиент имеет связь
с инструментом — Заливка. Выбор конкретного инструмента достигается
с помощью переключения с одного инструмента на другой
(на клавиатуре клавиша G):

Gradient Tool

Если переключили на — Градиент, то получаем:
Стартовый вид панели — Градиента.

Standard view gradient

Вверху видим множество настроек этого инструмента:

gradient Settings

Установка конкретного Градиента достигается в несколько шагов.

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

То есть определили границы — Градиента.

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

gradient Settings

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

Second Example gradient

Third Example

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

The fourth example of the gradien

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

The fifth example of the gradien

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

Gradient 45 degrees

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

A sixth example of gradient

Формы — Градиента

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

A linear gradient of

Второй — Градиент — Радиальный ( Круговой).
Первая точка — это центр, а вторая точка — Радиус,
отпустив вторую точку, получим такой — Градиент:

Radial Gradient

The circular gradient

Третий — Градиент — Конусовидный ( Угловой).

Tapered gradient

Похож на — Круговой, но с чёткой границе.
Думаю, что применяется не часто.

cone

Четвертый — Градиент- Зеркальный градиент (Отражающий).

Mirror gradient

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

Example reflective gradient

Пятый — Градиент — Ромбовидный (Форма бриллианта).

Diamond gradient

Здесь первая точка — центр, вторая — направление градиента.

Gradient Diamond

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

Blend modes

Дальше можно настраивать параметр — Непрозрачность.

Setting the opacity

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

Непрозрачность равна 100%.

Full transparency

Непрозрачность равна 24%.

Partial transparency

Следующий параметр — Градиента — Инверсия.
Если галочка не стоит, то градиент на изображении будет такой:

Inversion is no

Если галочка стоит, то градиент на изображении будет такой:

Change the order of inversion

Inversion enabled

Смысл параметра виден из скриншотов.

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

dithering

Последний параметр — Градиента — Прозрачность.

Transparency

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

EXAMPLE 1 of Library

Градиенты бывают сложной формы.
Есть библиотека стандартных градиентов
.
Вызывается она так:

sets of gradients

Достаточно выбрать нужный градиент и он сразу загружается:

An example from the library

Пример наложения, выбранного градиента:

EXAMPLE 2of Library

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

Gradient Library

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

Library - Bed

Add the library

Choosing a new gradient

Выбрав из предложенного градиент и получаем такой результат:

Outcome

Можно вернуться к стандартному набору градиентов:

Set Gradients

Replace the current gradients of

Standard Library

Градиенты можно сохранять на свой компьютер,
система спрашивает об этом.

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

Но и это ещё не все. Если нажать на саму полоску градиента,
а не на треугольник, то получим такое окно — Редактор градиентов:

Gradient Editor

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

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

Ниже есть окошко, в котором можно выбирать цвет:

Setting up the gradient

The choice of color

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

color mixing point

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

New Point

New slider

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

Old color

New color

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

The position of the reference point

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

Если настройка  — 0, то градиент полностью прозрачен,
если — 100, то градиент непрозрачен.

transparent

opaque

Настроив градиент как нужно, нажимаем окей и градиент сразу применяется.
Press ok

selected gradient

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

Writing in the library

В фотошопе есть два типа градиентов. Выбираются они так:

Selecting a gradient type

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

Второй тип градиента — Шум. Достаточно специфический тип градиента.
Он выглядит как набор, хаотично расположенных полосок, набора цветов.

Gradient noise

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

Choosing the right color

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

Automated gradient

Random numbers gradient

Можно Включить — Прозрачность.

Enable transparency

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

В градиенте — Шум ещё можно настраивать плавность перехода между цветами.

Smooth transition

Чем меньше эта величина, тем более размытые полоски цвета.
При плавности равной 100, полоски цвета очень чёткие.

Much smoother

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

Продолжение следует.

Лариса Тимощенко

Интересная статья? Поделитесь ею пожалуйста с другими:
Подписка на новости с блога
Оставьте свой комментарий:

на Блоге
в Вконтакте
в Фейсбук