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

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

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

Photoshop является самой популярной программой для обработки изображений растровой графики. Ежедневно количество ее поклонников увеличивается. Поэтому есть смысл рассказать, где градиент в фотошопе находится. Несмотря на то, что инструмент градиент является одним из основных инструментов Photoshop, незнающий человек сразу его не найдет. Итак, где градиент в фотошопе находится?
Выбор инструмента градиент осуществляется кликом правой клавиши мыши по группе с инструментом "Заливка" (Paint Bucker) (1) на панели инструментов. При открытии дополнительного окна, кликом левой клавишей мыши непосредственно по иконке "инструмент градиент" (2), переходим в режим работы с градиентами. Так же для перехода в режим работы с градиентами можно воспользоваться клавишей G, или Shift+G, для переключения между инструментами группы.

При этом на панели свойств появятся: изображение градиента в окне активного инструмента (3), окно текущего градиента (4) и кнопки выбора типа градиента (6-10).

Тип градиента выбираем в зависимости от спланированной работы при помощи кнопок на панели параметров (6-10).

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

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

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

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

Ромбовидный градиент (10) позволяет задать переход цвета или прозрачности по диагоналям ромба от его центра. Или другими словами - четыре линейных градиента, расходящихся из одной точки под углом 90 градусов относительно друг друга.

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

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

Кроме уже перечисленных вышее свойств градиента, на панели свойств мы увидим: "Режим" (14), "Непрозрачность" (15), "Инверсия" (16), "Дизеринг" (17) и "Прозрачность" (18).

При этом Свойством градиента "Непрозрачность" мы регулируем уровень непрозрачности всего градиента. Устанавливаем либо цифрами в окне, либо перемещением ползунка по шкале, вызываемой нажатием треугольной стрелки справа от окна.

Свойство "Инверсия" меняет порядок цветов в градиенте на обратный. "Дизеринг" предотвращает появление полос. "Прозрачность" применяет маску прозрачности градиента (включает или отключает градиент прозрачности как составной части всего градиента). Включение (отключение) данных свойств градиента осуществляется установкой (снятием) галочки в их окне.

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

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

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

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

Итак, начинаем:

1. Входим в фотошоп, выбираем инструмент "Градиент" - правой клавишей кликаем по панели (палитре) инструментов там, где находится инструмент "Заливка". Левой клавишей кликаем по инструменту "Градиент". Затем кликнем левой клавишей мыши по окну образца градиента на панели "Свойства" (на рисунке показано красной стрелочкой).

Откроется окно редактора градиента, где мы увидим:

А) Наборы (Presets) - содержит поставляемые с программой градиенты. Отображаются градиенты активного набора градиентов.
б) Имя (Name) - имя выбранного градиента, которое мы можем менять как нам удобно для пользования. Просто выделяем название и вписываем свое. В данном случае у нас на скиншоте - "Заказная" (Custom), градиент с пользовательскими настройками.
в) Градиент (Gradient Type). Нажав на стрелку увидим два варианта: Непрерывный (Solid) и Шум (Noise)
г) Гладкость (Smoothness) - мягкость перехода цветов в градиенте. Так же можем менять при необходимости.
д) Цветовая полоса с ползунками (движками) сверху и снизу. Ползунки определяют местонахождение контрольных точек цвета (синие стрелки) и непрозрачности (красные стрелки). В центре окна - образец выбранного градиента.

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

2. Теперь давайте кликнем левой клавишей мыши по левому нижнему ползунку (1), треугольник над ним станет цветным, значит, ползунок стал активным. Об этом нам говорит и окно цвета (2), которое стало активныи и окрасилось в цвет ползунка.

3. Кликнем по окну "Цвет" левой клавишей мыши и откроется дополнительное окно "Выберите цвет". Здесь мы и выберем цвет начала градиента, кликнув по цветовому полю (3). Если Вы хотите выбрать цвет другой цветовой гаммы, то переместите ползунок (5) на цветовой шкале в нужный Вам диапазон. Или просто кликните по цветовой шкале в нужном месте. В случае, если у Вас есть номер цвета, то введите его в окно (4). После выбора цвета нажмите "ОК" для его сохранения. Если Вы желаете сделать градиент от основного цвета к фону, то кликните по черной стрелке справа от окна "Цвет" (2). Откроется дополнительное окно, где мы можем выбрать "Основной цвет", "Фон" или "Заказной". Основной цвет и фон соответствуют установленным на панели инструментов цвету и фону.

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

4. Чтобы у нас было понимание, какую роль играет положение ползунков, переместим их на 10% от краев удерживая нажатой левую клавишу мыши. Или введем цифровые значения "10" - для левого ползунка и "90" - для правого в окно "Позиция" (6). Предварительно не забудьте активировать соответствующие ползунки. Цифровые значения крайних контрольных точек: 0% - левой и 100% - правой. Мы видим что цвет, оставшийся за пределами ползунков, не подвергается обработке градиентом.

5. Кликнем левой клавишей мыши в любом свободном месте между ползунками. Появится новый ползунок. Его так же можно передвигать и задавать настройки. Перемещение ползунка осуществляется мышью, или вводом числового значения в поле Позиция (Location). Если мы хотим создать контрольную точку, аналогичную по цветовому значению существующей, то просто копируем выбранную точку, перетаскивая ее левой клавишей мыши при нажатой кнопке "Alt".
При желании удалить ненужную контрольную точку, мы просто перетаскиваем ее за пределы цветовой полосы. Или активируем ее и нажимаем кнопоку "Удалить" на диалоговом окне. Также возможно использование кнопок Delete и Backspace.

6. Аналогично создаем еще одну контрольную точку цвета (Рис. 7) и задаем ей более темный оттенок цвета (см. п.3 настоящей статьи).

7. Для дальнейшего изучения функционала градиента переместим одну из средних точек цвета. Для этого активируем один из ближайших ползунков. Между ними появится точка светлого цвета. Кликнем по ней. Цвет поменяется на черный, значит она стала активной. Перемещение средней точки цвета производится так же как и ползунков (см. п.4).

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

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

10. Градиент готов. Применим созданный градиент и посмотрим, что у нас получилось:

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

12. Теперь применим градиент функцию "Шум". Здесь нам открываются новые просторы. Мы можем менять плавность, цветовую модель, показатели каналов и другие параметры градиента.

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

Заканчиваем наш урок фотошоп "Как сделать градиент". Дальнейшее освоение свойств градиента, с имеющимися теперь у Вас знаниями, не составит особого труда.

Прежде всего нарисуйте контуры квадрата на бумаге, затем выберите оттенок краски потемнее, чтобы легче было видеть переходы краски на светлые тона. Разведите немного краски средней насыщенности (30-50%) и промокните ею кисть. На чистой части вашей палитры разведите другую смесь акварели приблизительно на половину насыщенности оригинальной смеси. Автор для урока использовал кисть 1 Ѕ" (381mm) Winsor & Newton серии 965 и акварель той же фирмы Cobalt Blue (кобальтовая синяя краска), бумага от Arches #140 CP.
Обмокните вашу кисть в более темную краску (более насыщенную) и начиная с верхнего левого угла коснувнись кистью бумаги мягко тяните прямую линию к правому верхнему углу.

Светлые тона

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


Еще светлее.

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


Снова промойте хорошенько вашу кисть, и макнув ее в самый светлый оттенок краски на вашей палитре проведите еще одну дополнительную линию.


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

Чистый край.

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


Все готово!

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

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

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

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

оригинал
перевод: wienta

Цветовая растяжка - это плавный переход от одного

цвета к другому, например от зеленого к синему.

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

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

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

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

четырех, пяти цветов...

В этой растяжке использовались всего два цвета: синий и зеленый

А в этой уже три цвета: красный, желтый и зеленый.

кажется, что цвет перетекает:-).

Надеюсь теория понятна. Переходим к практике.

Упражнение

Для упражнений нам нужна бумага формата А4 (размер альбомного листа), гуашь

и синтетическая кисть для гуаши, акварель и мягкая колонковая или беличья кисть для

акварели.

Поделите лист на четыре части, вот так:

Сделаем две растяжки (в верхних прямоугольниках) используя гуашь, и две

(в нижних) используя акварель, техника

нанесения этих красок немного отличается.

Начнем с гуаши

Выберите два цвета для первой растяжки. Я выбрала фиолетовый и

белила, это будет тоновая цветовая растяжка.

Выкладываем на палитру немного фиолетовой краски и разводим водой до консистенции сметаны,

рядом на палитру помещаем немного белил. Теперь набираем на кисть

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

маленьком прямоугольнике. После этого в фиолетовую краску на палитре

добавляем совсем немного белил, смешиваем, получается цвет чуть-чуть

светлее, чем был. Этим новым оттенком проводим следующую полосу,

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

добавляем в фиолетовую смесь еще белил, смешиваем и вновь проводим

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

Должно получится примерно так:

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

принципу.

Я выполнила растяжку от синего к красному, потом к оранжевому, вот что вышло:

Теперь выполним растяжку акварелью

Точно так же как и гуашью наведите на

палитре отдельно два выбранных цвета.

Я возьму желтый и зеленый. Краска

на палитре должна быть похожа на две цветных лужицы.

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

Когда вода впитается так, что бумага станет влажной, но не мокрой, можно

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

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

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

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

И последнее упражнение, это переход от белого к любому цвету в акварели.

Как его выполнить, если белила в акварели

использовать нельзя?

Очень просто, за белый цвет возьмем сам лист, то есть первую полосу

напишем обыкновенной чистой водой, а потом к воде по чуть-чуть будем

добавлять выбранный цвет. Если же наоборот, требуется растяжка от цвета

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

бумагу, немного разбавляем цвет водой.

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

Урок "Растяжка цвета для неба и барханов"

Для чего может пригодиться умение растягивать цвет?

Это долго и скучно объяснять, лучше давайте я покажу Вам на

примере.

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

надо учиться выполнять растяжки:-).

Для упражнения нам понадобится бумага для акварели (чем плотнее, тем лучше),

акварель и мягкая колонковая или беличья кисть.

Прикрепите лист бумаги к мольберту или столу кнопками (или малярным скотчем),

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

Теперь представьте себе пустыню с барханами.

Легкими (без нажима) линиями карандаша нанесите

волнообразные линии. Сначала определите линию горизонта, а потом

рисуйте пустыню с барханами.

По правилам линейной перспективы , чем

Нарисуем небо

Возле горизонта небо всегда светлее, чем над головой.

Сначала намочим бумагу, чтобы краска ложилась более ровно и

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

кистью всю область неба до горизонта. Подождите несколько секунд, надо,

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

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

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

верхнего края бумаги.

Теперь, надо работать быстро, не позволяя мазкам высыхать по краям,

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

Просто макайте (не мойте, а именно обмакивайте кончик кисти в воду,

так чтобы к оставшейся на кисти краске добавлялась вода) и

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

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

чтобы она немного захватывала предыдущую,

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

Рисуем барханы

Когда небо подсохнет, точно так же рисуем пустыню.

Смачиваем дальние барханы, и делаем

растяжку желтого или оранжевого, охристого или красного

цвета, если Вам нравятся Марсианские пейзажи:-).

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

тона к темному. Первый мазок делаем чуть окрашенной водой (очень

разбавленной краской), и в каждый последующий мазок добавляем

немного цвета.

Написав барханы на горизонте, даем им просохнуть, и

смачиваем следующий ряд барханов и снова прописываем их с

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

Так же продолжаем писать каждый

следующий ряд холмов-барханов.

Не забывайте о правилах воздушной перспективы : то,

что ближе к нам прописываем более четко, то, что дальше от нас

пишем с меньшей четкостью, так сказать, не переживаем если

краска немного растеклась, это только усилит живописность

картины.

Вот что у нас должно получиться.

Красиво, но не совсем правдоподобно. Мы забыли про тени.

Например, если солнце будет светить слева, то тени будут с правых сторон

холмов-барханов.

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

на переднем плане более контрастно, что находится на дальнем

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

переднем более резкие)

Я никогда не была в пустыне, но сейчас поняла,

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

Исправлять не буду:)

С помощью колонковой кисти №2 - наметим следы на песке, а

несколько вертикальных мазков создадут эффект ушедшего вдаль

каравана.

Вместо каравана можно нарисовать кактус, или ящерку, или еще что-нибудь.

А если вы хотите рисовать свои картины, а не копировать чужие по мастер-классам, то у нас в нашей онлайн-школе для взрослых "Рисовать могут ВСЕ!" есть курсы для новичков с системно-поэтапным обучением рисованию своих картин:

Курс для умеющих рисовать карандашом, и мечтающих научиться писать акварелью. Окунитесь в волшебство цвета:)

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

До встречи на наших курсах:)

Мила Наумова

Плавный переход от одного цвета к другому называют цветовой растяжкой . Наличие нескольких цветов отличает нашу героиню от тональной. Тональную можно сделать одной краской. Для чего она нужна? Без владения этим техническим приёмом невозможно представить живопись. Цветовые переливы лежат в основе большинства живописных полотен. Давайте поучимся её делать двумя непохожими красками.

Цветовая растяжка акварелью

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

1. Возьмите чистый лист ватмана и нарисуйте на нём 4 длинных прямоугольника друг под другом.
2. Разделите каждую полоску на 8 равных частей.
3. Теперь возьмите акварель и кисть. Сильно смочите кисть водой и наберите чёрную краску. Залейте ею весь верхний прямоугольник.
4. Следующую полосу залейте синей краской.
5. Следующий красной.
6. Последний жёлтой.
7. После того как первый слой высохнет, нанесите вторые слои в прямоугольники теми же цветами, опять сильно разбавленными водой. Только на этот раз заливать надо не весь прямоугольник, а только семь его частей. Одну часть оставляем прежнего расцветки и тональности.
8. По этому принципу делаем до тех пор, пока не закончатся все части наших полосок.

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

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

Цветовая растяжка гуашью

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

1. Первые два пункта повторяем. Рисуем прямоугольники так же, как и для упражнения с акварелью.
2. Закрашиваем первые из восьми частей в каждой полоске чистым цветом. Верхняя - чёрным, под ней - синим, ещё ниже - красным, последняя - жёлтым.
3. Добавляем в чистый цвет немного белил, закрашиваем следующие части.
4. Повторяем операцию с добавлением белил и закраской следующих частей до тех пор, пока не запишем все ячейки. Главное в этом процессе добавлять белил всё больше и больше для новых квадратиков.

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