Растяжки акварелью: Цветовые растяжки акварелью, градиент, заливки и отмывки

Содержание

Цветовые растяжки акварелью, градиент, заливки и отмывки

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

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

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

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

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

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

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

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

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

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

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

Упражнение

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

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

акварели.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

принципу.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

примере.

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

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

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

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

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

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

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

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

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

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

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

дальше барханы, тем меньше они будут по размеру.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

картины.

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

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

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

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

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

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

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

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

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

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

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

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

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

каравана.

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

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

1. Базовый курс карандашом. Учимся видеть и рисовать как художник

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

2. Наброски. Постановка руки. Развитие глазомера. Скетчбук.

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

3. Тушь и Чернила

Отличный курс для тех, кто любит черно-белые стильные рисунки.

А еще этот курс помогает начать рисовать жидкими красками, убирает страх перед кистью и акварелью.

4. Акварель для начинающих

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

5. Масляная живопись для начинающих: техники старинных мастеров

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

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

Мила Наумова

Урок 2. Тоновая растяжка поэтапно для начинающих

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

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

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

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

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

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

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

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

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

[direct]

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

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

2. Продолжайте «наполнять» краской влажные полосы до достижения результата.

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

Акварель онлайн. Сегодня — только практика! Цветовые растяжки и зачем они художнику | Краски моей жизни

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

===

А мы продолжаем живопись онлайн. И сегодня в нашей программе — цветовые растяжки. По ссылке читаем теорию, а сегодня — практика.

УПРАЖНЕНИЕ 4.

Цветовые растяжки.

1. Берём лист акварельной бумаги – формата А3 или А 4.

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

НО если пока чувствуете себя всё-таки неуверенно – возьмите лист поменьше – 210*297.

2. Делим лист на 4 части – у нас будут 4 растяжки:

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

1) От жёлтого к зелёному

2) От красного к синему

3) От оранжевого к жёлтому

4) От белого – к голубому.

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

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

Как выглядит цветовая растяжка я уже показывала — в предыдущем посте, с теорией. Покажу здесь ещё раз. Цветовая растяжка от

Цветовая растяжка от белого к зелёному.

Цветовая растяжка от оранжевого к желто-зеленому.

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

Работа моей ученицы Галины Блиновой из Ишима. Ошибки — растяжка выполнена не плавно, видим резкие полоски, растяжка должна быть более плавной и размытой. Так получилось потому, что недостаточно была смочена бумага.

Работа моей ученицы Ольги Блохиной из г. Ишима. Вот здесь все выполнено верно и мне придраться не к чему. Всё переходы плавные.

С нетерпением жду ваших упражнений!

❤️ Спасибо за внимание, с любовью, Ольга.

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

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

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

В этом уроке мы изучим основы рисования градиентов с помощью самого простого (и, возможно, самого полезного) средства – инструмента «Градиент» (Gradient Tool). В дальнейших уроках мы рассмотрим другие способы применения градиентов, но все они работают одинаково, поэтому, изучив основы работы инструмента «Градиент», вы без труда сможете воспользоваться преимуществами других возможностей градиентов в программе Photoshop!

Кроме рисования градиентов, мы также рассмотрим, как выбирать градиенты из палитры градиентов и как загружать дополнительные наборы градиентов. Мы изучим различные стили градиентов и подробно рассмотрим несколько наиболее часто используемых градиентов, в том числе градиент «От основного к фоновому».

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

В этом уроке я буду работать в версии программы Photoshop CC, однако версия Photoshop CS6 также подойдет. Давайте приступим!

Создание нового документа

Давайте начнем с создания нового документа. Для этого, я перейду в раздел «Файл» (File) в строке меню в верхней части экрана и выберу пункт «Новый» (New):

Выбираем Файл > Новый (File > New)

В результате, откроется диалоговое окно «Новый» (New). В рамках данного урока я задам для документа следующие параметры: Ширина (Width) 1200 пикселей, Высота (Height) 800 пикселей. Особой причины, почему я выбрал именно такие параметры, нет, поэтому если вы хотите, задайте другие значения, которые вам нравятся. Параметр «Разрешение» (Resolution) я оставлю без изменения по умолчанию – 72 пикселя на дюйм (pixels/inch), а параметр «Содержимое заднего фона» (Background Contents) — «Белый» (White). Я нажму ОК, когда закончу вводить данные, чтобы закрыть диалоговое окно, и на экране появится новый документ с белым фоном:

Диалоговое окно «Новый»

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

Инструмент «Градиент» (Gradient Tool) находится на панели инструментов в левой части экрана. Я выберу инструмент, кликнув по соответствующему значку. Вы также можете выбрать инструмент «Градиент», нажав на клавиатуре клавишу G:

На панели инструментов выбираем инструмент «Градиент»

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

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

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

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

В результате этого действия откроется палитра градиентов с предлагаемыми образцами градиентов. Чтобы выбрать градиент, кликните по его миниатюре, а затем нажмите клавишу Enter (Win) / Return (Mac ) или щелкните по пустому месту на панели настроек для закрытия палитры. Вы также можете дважды щелкнуть по миниатюре образца градиента, чтобы и выбрать градиент, и закрыть палитру за раз.

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

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

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

Щелкаем по иконке шестерни в палитре градиентов

Если вы посмотрите в нижнюю часть появившегося меню, то увидите список дополнительных наборов градиентов, каждый из которых – на определенную тему, например, металлы, пастельные тона, гармонизированные цвета и т.д. Если вы занимаетесь фотографией, то градиенты «Нейтральная плотность » (Neutral Density) и «Фотографическое тонирование» (Photographic Toning) будут особенно полезными для вас:

Другие наборы градиентов

Чтобы загрузить любой из наборов, кликните по его названию. Я выбрал набор «Фотографическое тонирование». Программа Photoshop спросит нас, хотим ли мы заменить текущие градиенты новыми. Если вы щелкните по кнопке «Добавить» (Append), то вместо замены текущих градиентов программа просто добавит новые градиенты к существующим. Как будет видно далее, восстановить исходные градиенты легко, поэтому я кликну по кнопке ОК и заменю существующие градиенты градиентами из набора «Фотографическое тонирование»:

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

И теперь в палитре градиентов видно, что вместо исходных градиентов появились градиенты из набора «Фотографическое Тонирование». Чтобы узнать больше о наборе «Фотографическое тонирование» и возможностях его применения, изучите урок «Образцы фотографического тонирования» (http://www.photoshopessentials.com/photo-editing/photographic-toning-cs6/):

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

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

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

Кликаем по иконке шестерни

Затем выбираем из списка меню команду «Восстановить градиенты» (Reset Gradients):

Выбираем команду «Восстановить градиенты»

Программа Photoshop спросит вас о необходимости замены текущих градиентов градиентами по умолчанию. Нажмите ОК

Заменяем текущие градиенты градиентами по умолчанию

И теперь, мы снова вернулись к исходным градиентам:

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

Градиент «От основного к фоновому»

Прежде чем мы начнем рисовать градиенты, давайте рассмотрим подробно один градиент – «От основного к фоновому» (Foreground to Background). Это тот градиент, который программа по умолчанию выбирает для нас, но мы также можем выбрать его вручную, если нам понадобится, кликнув по его миниатюре (первый слева в верхнем ряду):

Как вы уже, возможно, догадались, градиент «От основного к фоновому» использует цвета переднего плана и фона. Вы можете увидеть текущие цвета переднего плана и фона на соответствующих образцах в нижней части панели инструментов. Верхний левый образец отображает цвет переднего плана (Foreground), а правый нижний – цвет фона (Background). По умолчанию, цвет переднего плана – черный, а цвет фона – белый:

Текущие цвета переднего плана (верхний левый образец) и фона (правый нижний образец)

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

Рисование градиента с помощью инструмента «Градиент»

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

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

Кликните кнопкой мыши и переместите курсор (удерживая кнопку мыши нажатой) от одной стороны документа до другой

Когда я отпущу кнопку мыши, программа Photoshop нарисует градиент. Так как цвет переднего плана был установлен на черный, а цвет фона – на белый, я нарисовал черно-белый градиент:

Когда вы отпустите кнопку мыши, программа Photoshop нарисует градиент

Замена цветов на обратные (инверсия)

Вы можете поменять цвета местами в своем градиенте, выбрав на панели настроек опцию «Инверсия» (Reverse):

Выбираем опцию «Инверсия» на панели настроек

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

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

Конечно, не обязательно рисовать градиенты в горизонтальной плоскости. Они могут располагаться в любом выбранном вами направлении. Я нарисую еще один градиент, но этот раз сверху вниз. Обратите внимание, что мне не нужно отменять или удалять мой нарисованный градиент. Программа Photoshop просто заменит текущий градиент новым. Я щелкну кнопкой мыши в верхней части документа и, удерживая кнопку мыши нажатой, протяну курсор до низа. Так же, как и в случае с горизонтальным градиентом, проще нарисовать вертикальный градиент, удерживая нажатой клавишу Shift. Не забудьте отпустить клавишу Shift только после того, как вы отпустите кнопку мыши. И снова, сначала мы видим только тонкий контур:

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

Когда я отпущу кнопку мыши, программа Photoshop закончит рисовать градиент, заменив первоначальный горизонтальный градиент вертикальным черно-белым градиентом:

Новый черно-белый вертикальный градиент

Изменение цветов в градиентах по умолчанию

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

Нажимаем на образец цвета переднего плана

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

Выбираем красный цвет в качестве цвета переднего плана

Нажимаем на образец цвета фона

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

Выбираем желтый цвет в качестве нового цвета фона

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

Образцы отобразили новые цвета

Окошко предварительного просмотра на панели настроек также стало отображать новые цвета градиента:

Окошко предварительного просмотра на панели настроек также отображает новые цвета градиента:

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

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

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

Новый красно-желтый градиент

Восстановление цветов переднего плана и фона

Обратите внимание, что если я открою палитру градиентов на панели настроек, то увижу, что миниатюра градиента от основному цвета к фоновому стала красно-желтой:

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

Вы можете изменять цвета для этого градиента в любой момент, когда вам потребуется, кликнув по значку образца цвета переднего цвета или/и фона на панели настроек и выбрав другие цвета. Если вам нужно быстро вернуть цвета переднего плана и фона к настройкам по умолчанию и сделать цвет переднего плана черным, а цвет фона — белым, просто нажмите клавишу D (от англ. Defaults) на вашей клавиатуре. Таким образом, образцы на панели инструментов опять станут заполнены черным и белым цветом:

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

В окошке предварительного просмотра градиентов на панели настроек и в палитре градиентов градиент от основного цвета к фоновому опять стал черно-белым:

Все вернулось к первоначальному варианту

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

Если мы посмотрим на панель слоев, то увидим, что до сих пор я рисовал градиенты прямо на слое заднего фона (Background):

На панели слоев видно, что градиент нарисован на слое заднего фона

Возможно, для нашего урока и подошло бы рисование градиентов на слое заднего фона, но, чтобы лучше изучить программу Photoshop, давайте воспользуемся преимуществом слоев и поместим каждый объект на отдельном слое. Для этого я сначала уберу текущий градиент, перейдя в раздел меню «Редактирование» «Выполнить заливку» (Fill):

Выбираем «Редактирование» > «Выполнить заливку» (Edit > Fill)

Когда откроется диалоговое окно «Заполнить» (Fill), я установлю для опции «Содержимое» (Contents) значение «Белый» (White) и нажму ОК. В результате задний фон заполнится белым цветом:

Диалоговое окно «Заполнить»

При нажатой клавише Alt (Win) / Option (Mac) кликаем по значку «Создать новый слой»

Удержание нажатой клавиши Alt (Win) / Option (Mac) позволяет перед добавлением слоя открыть диалоговое окно «Новый слой» (New Layer), где мы можем ввести имя слоя. Я назову слой «Градиент», а затем нажму ОК:

Диалоговое окно «Новый слой»

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

Теперь у меня есть отдельный слой для градиента

Область перехода

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

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

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

Рисуем градиент с большой областью перехода

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

Градиент с последовательным переходом между цветами

Я отменю этот градиент для простоты восприятия, перейдя в раздел «Редактирование» (Edit) в верхней части экрана и выбрав пункт «Отменить градиент» (Undo Gradient). Я также мог бы нажать на клавиатуре сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac):

Выбираем «Редактирование» > «Отменить градиент» (Edit > Undo Gradient).

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

Рисуем градиент с маленькой областью перехода

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

Похожий градиент, но с меньшей областью перехода

Прежде чем мы продолжим, давайте взглянем на панель слоев. Поскольку я ранее добавил новый слой, мой градиент стал нарисован на отдельном слое “Градиент», а не на слое заднего фона. И снова, в данном уроке нам это не важно, но если вы приучите себя рисовать каждый объект на отдельном слое, вам будет легче работать в программе Photoshop:

Градиент теперь расположен на отдельном слое, выше слоя заднего фона

Градиент «От основного к прозрачному»

До сих пор мы с вами, главным образом, изучали градиент по умолчанию – «От основного к фоновому» (Foreground to Background), однако существует еще один часто используемый градиент – «От основного к прозрачному» (Foreground to Transparent). Я предлагаю также его рассмотреть, потому что принцип работы данного градиента немного отличается от остальных. Я выберу градиент из палитры градиентов, дважды кликнув по его миниатюре, расположенной рядом с миниатюрой градиента от основного цвета к фоновому:

Выбираем градиент «От основного к прозрачному»

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

Я отменю мой текущий градиент, перейдя в раздел «Редактирование» (Edit) и выбрав пункт «Отменить градиент» (Undo Gradient). Затем я выберу цвет, кликнув по образцу цвета переднего плана на панели инструментов, который в данный момент заполнен черным цветом:

Кликаем по образцу цвета переднего плана

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

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

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

Градиент от фиолетового цвета к прозрачному

Я нарисую вертикальный градиент от верхнего края документа до центра:

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

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

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

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

Отключаем видимость слоя с задним фоном

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

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

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

Добавляем второй градиент «От основного к прозрачному»

Я отпущу кнопку мыши, и программа Photoshop вместо перезаписи градиентов добавит второй градиент к первому. Если бы я нарисовал третий или четвертый градиенты (от левого и от правого края, например), программа бы также добавила эти градиенты к существующим:

Оба градиента смешались вместе

Я включу обратно видимость слоя с задним фоном, повторно кликнув по значку видимости слоев:

Включаем видимость слоя с задним фоном

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

Тот же самый градиент с включенным слоем заднего фона

Опция «Прозрачность»

С помощью градиента от основного цвета к прозрачному можно затемнять края фотографии или небо на изображении, чтобы подчеркнуть детали (это мы рассмотрим в другом уроке). Но чтобы прозрачная часть градиента была нарисована, вы должны быть уверены, что опция «Прозрачность» (Transparency) на панели настроек выбрана:

Убедитесь, что опция «прозрачность» включена, когда вы рисуете градиент с прозрачной частью

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

Без выбранной опции «Прозрачность» программа не сможет нарисовать прозрачную часть градиента

Градиент «Черный, белый»

Мы не будем рассматривать каждый градиент, который предлагает нам программа Photoshop (поскольку вы сами с легкостью сможете сделать), однако если вам нужно нарисовать черно-белый градиент, а ваши цвета переднего плана и фона отличаются от черного и белого, просто выберите градиент «Черный, Белый» (Black, White) из палитры градиентов (третий слева в верхнем ряду). В отличие от градиента от основного цвета к фоновому, градиент «Черный, Белый» всегда использует черный и белый цвет, независимо от того, какие текущие цвета переднего плана и фона:

Миниатюра градиента «Черный, Белый»

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

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

Если мы посмотрим вправо от окошка предварительного просмотра градиентов на панели настроек, то увидим пять значков, обозначающих различные стили градиентов (слева направо): Линейный (Linear), Радиальный (Radial), Конусовидный (Angle), Зеркальный (Reflected) и Ромбовидный (Diamond)

Линейный, Радиальный, Конусовидный, Зеркальный и Ромбовидный градиенты

Давайте изучим, на что способен каждый из этих стилей градиентов. Я нажму несколько раз сочетание клавиш Ctrl+Alt+Z (Win) / Command+Option+Z, чтобы отменить предыдущие шаги и вернуться к пустому документу, заполненному белым цветом. Далее я переключусь обратно на градиент «От основного к фоновому» (Foreground to Background), выбрав его в палитре градиентов:

Выбираем градиент «От основного к фоновому»

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

Цвета переднего плана и фона (последний вариант)

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

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

Выбираем стиль градиента «Линейный»

Мы с вами уже рассмотрели несколько примеров линейного стиля градиента, который дает возможность рисовать градиент по прямой линии от начальной до конечной точки в направлении перемещения курсора. Опция «Инверсия» (Reverse) позволяет изменять порядок цветов на обратный:

Пример обычного линейного градиента

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

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

Выбираем стиль градиента «Радиальный»

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

Рисуем радиальный градиент от центра документа

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

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

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

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

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

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

Выбираем Конусовидный стиль градиента

Так же как и радиальный стиль, конусовидный (Angle) стиль использует начальную точку в качестве центра градиента. Но вместо того чтобы совершать равномерный переход во всех направлениях, он начинает закручиваться вокруг начальной точки против часовой стрелки. Я снова нажму сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для отмены последнего градиента. Далее я начну рисовать конусовидный градиент таким же способом, как и радиальный: кликнув кнопкой мыши в центре документа для определения начальной точки и переместив курсор по направлению к краю:

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

На скриншоте ниже представлен конусовидный градиент после того, как отпущу кнопку мыши. Как и во всех стилях градиентов, выбор опции «Инверсия» (Reverse) приведет к замене местами используемых цветов:

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

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

Зеркальный (Reflected) стиль (четвертый значок слева) градиента очень похож на стандартный линейный стиль за исключением того, что он зеркально отражает цвета с двух сторон от начальной точки:

Выбираем зеркальный стиль градиента

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

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

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

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

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

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

Выберите самый тёмный оттенок будущей отмывки (его проще подобрать) и смешайте ещё один оттенок, средней интенсивности (30-50%). В чистой части вашей палитры смешайте следующий цвет, примерно с половиной интенсивности исходной смеси.

Использованные материалы:

В этот раз я беру плоскую кисть для отмывки 1,5 (381мм) Winsor & Newton Series 965 и кобальтовую синюю (cobalt blue) акварельную краску. Бумага — Arches #140 cold press.

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

Шаг 1

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

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

Шаг 2

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

Шаг 3

Промойте и окуните влажную кисточку в последний оттенок.

Проведите полосу.

СОВЕТ 1: Если низ полосы растёкся неравномерно, или полоса искривилась, НЕМЕДЛЕННО возьмите ещё краски и проведите полосу ещё раз.

Завершение размывки

Тщательно промойте кисть и чистой водой начните последнюю полосу.

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

Готовая работа

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

В моём случае видна некоторая зернистость на окончательном результате. Кобальтовый голубой (cobalt blue) грубее и тяжелее ложится на текстуру бумаги.

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

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

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