Градиентный маникюр. Как сделать градиент на ногтях. Набор инструментов Градиент (Gradient) в Фотошопе

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

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

Для наложение градиента на прямоугольник или любой другой слой я буду использовать такую полезную функцию фотошопа "Стиль слоя". Активируем нужный слой и выбираем "Добавить стиль слоя > Наложение градиента "

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

1. Непрозрачность. Если Вы хотите что бы после наложения градиента оставалось видимой изображение слоя, то эта настройка для Вас
2. Градиент. Позволяет выбрать цвета градиента. Ниже опишу подробнее эту настройку.
3. Стиль. Можно выбрать разные стили для наложения поэкспериментируйте и все поймете.
4. Угол. Позволяет менять направление наложения градиента.
5. Масштаб. То насколько сильно распространяется градиент по слою. На пальцах тоже не объяснить пробуйте.
6. Инверсия. Можно поменять местами цвета градиента.

Разберем настройку цветов из пункта 2, которая позволяет сделать градиент в фотошопе .

1. Тут можно выбрать готовый стиль градиента.
2. Шкала градиентов для настройки собственного стиля
3. Маркер непрозрачности. При клике на него активируется пункт 4
4. Ползунок настройки непрозрачности цвета градиента
5. Маркер при клике по которому активируется выбор цвета пункт 6
6. Кликнув по данному полю откроется цветовая палитра

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

Точно таким же способом можно сделать градиент текста :

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

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

1. Кликните по нужному маркеру
2. Измените прозрачность цвета

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

Работа с градиентами.

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

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

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

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

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

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

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

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

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

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

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

1. Выбрать инструмент Gradient на панели инструментов.
2. Щёлкнуть мышкой на том месте изображения,где вы хотите поставить стартовую точку вашего градиента.
3. Не отпуская кнопку мыши, протяните направление градиента.
4. Там, где будет отпущена кнопка мыши вы установите конечную точку градиента.

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

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

Управление градиентом, как и любым инструментом находится на палитре Options.

Photoshop имеет ряд заготовок градиентных переходов. Заготовка включает в себя понятие заранее созданного набора параметров для градиента, т.е. количества ключевых точек, цвета ключевых точек расстояние между ключевыми точками и многие другие, пока неизвестные нам параметры. Если щёлкнуть на треугольничке выпадающего меню заготовок, то можно узреть весь список заготовок, предоставленных нам создателями Photoshop. Этот список можно редактировать, удаляя и добавляя свои заготовки. Справа находится кнопочка для получения дополнительного меню. Разберём подробнее:

• Команда New Gradient вызывает окно редактирования параметров градиента
• Команда Rename Gradient даёт новое название старым заготовкам градиентов.
• Команда Delite Gradient удаляет заготовку.
• Команда Text Only включяет режим палитры, при котором вместо иконок будут только подписи.
• Команда Small Tambnails включяет режим палитры, при котором в палитре будет отображено содержимое в виде небольших по размеру иконок.
• Команда Large Tambnails включяет режим палитры, при котором в палитре будет отображено содержимое в виде больших по размеру иконок.
• Команда Small list включяет режим палитры, при котором в палитре будет отображено содержимое в виде небольших иконок и текстовой информации.
• Команда Large list включяет режим палитры, при котором в палитре будет отображено содержимое в виде больших иконок и текстовой информации.
• Команда Preset Manager вызывает менеджер (интерфейс) позволяющий загрузить заготовки из файлов, сохранить в виде файлов, перименовать и удалить.
• Команда Reset Gradients сбрасывает изменённые настройки заготовок до начальных згначений параметров.
• Команда Load Gradients загружает заготовки из файла. Полезно сохранять удачно получившиеся градиенты для дальнейшего использования.
• Команда Save Gradients сохраняет настройки градиента в виде заготовки.
• Команда Repalce Gradients змещает существующий градиент загружаемым.
• Команда Color Harmonis 1 загружает набор градиентов, который создатели Photoshop считают гармоничным по цветовой гамме.
• Команда Color Harmonis 2 загружает набор градиентов, который создатели Photoshop считают гармоничным по цветовой гамме. Серия №2.
• Команда Metals загружает набор градиентов, иммитирующмх всевозможные металлические блески.
• Команда Noise Samples загружает градиенты с некоторым цветовым "шумом".
• Команда Pastels загружает градиенты пастельных тонов.
• Команда Simple загружает совершенно простые градиенты.
• Команда Special Effects загружает нечто визуально приятное.
• Команда Spectrums загружает градиенты спектральных цветов.

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

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

1. Foregraund Color - Установить в качестве стартового цвета основной цвет (выбирается на панели инструментов). Это означает, что стартовый цвет вашего градиента всегда будет такой же, как и выставленный вами основной цвет.
2. Background Color - Установить в качестве стартового цвета фоновый цвет (выбирается на панели инструментов). Это означает, что стартовый цвет вашего градиента всегда будет такой же, как и выставленный вами фоновый цвет.
3. User Color - Вы устанавливаете фиксированный стартовый цвет, который можно выбрать в открывшемся диалоговом окне если щёлкнуть по пиктограмме цвета.

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

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

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

Для промежуточных ключевых точек существует ещё несколько характеристик. Параметр Location (поле этого параметра расположено так же внизу диалогового окна) указывает на расстояние между этой точкой и стартовой точкой градиента. Это расстояние измеряется в процентах, а за 100% процентов принимается расстояние между стартовой и конечной точкой.

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

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

После того, как это у вас получится, сохрание результат и предъявите преподавателю. Это часть вашего домашнего задания.

Есть ещё одно очень полезное свойство у градиента в Photoshop - это локальная, градиентная прозрачность. Название я выдумал жуткое, но на самом деле всё относительно просто. Для проведения эксперемента проведём следующие подготовительные действия. Откройте любой документ (рисунок). Далее создадим новую заготовку градиента нажав кнопочку NEW в редакторе (конструкторе градиентов). У нас будет всего 2 ключевые точки - стартовая и конечная. Задайте обоим точкам одинаковый цвет, к примеру чёрный. Теперь обратите внимание на ползунки над образцом градиента. Это стартовая и конечная точка управления локальной прозрачностью или точнее говоря непрозрачностью. Щёлкните на левом верхнем ползунке (стартовая прозрачность градиента).

В нижней части окна станет доступным поле Opacity. По умолчанию этот параметр равен 100%, т.е. абсолютно непрозрачно. Установите значение opacity для стартовой точки равным 0. Теперь У вас появились шашечки которые свидетельствуют о том, что прозрачность появилась. Если применить полученный градиент в "линейном типе" слева направо, то получится следующая картина:

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

Для получения резких границ можно использовать по две ключевые точки в одном месте (location). Ромбики между ползунками также помогут вам акцентировать прозрачность к началу градиента или к конечной точке. Орла вы сможете взять из папки sample находящейся в папке Adobe. Как только получится, сразу сохраняйте и приносите преподавателю на занятие. Это тоже домашнее задание.

Мы щё не разобрали выпадающее меню Gradient Type. Оно даёт вам возможность выбрать тип перехода. Всего два типа - solid и noise. Состоят в способе фофирования переходных цветов. В случае, если тип solid, то промежуточные пиксели (пиксели находящиеся между статовой точкой и конечной точкой) принимают значение промежуточных цветов (как вы помните пиксел имеет только одно значение - цвет). В случае если тип градиента noise то оттенок цвета получается при перемешивании пикселей начального и конечного цвета в разных пропорциях. Визуально это производит впечатление некоторого "шума".

Теперь, разобрав редактор градиентов вернёмся к палитре Options инструмента Gradient.

Теперь можно переключать тип градиента.

В Photoshop, кроме стандартных типов градиентов, присутствует ещё один тип - отражённый градиент. Он иммитирует блеск на какой либо поверхности.

При нанесении градиента на изображение можно изменять прозрачность инструмента. Это то, что я назвал глобальной прозрачностью. действие такое же как и у прозрачности инструмента "Кисть". Опция REVERSE позволяет менять местами стартовую и конечную точку градиента. Опция Transparency включает или выключает прозрачность настроенную в редакторе градиентов. Так же существует понятие режимов наложение - смысл тот же, что и у кистей (см. урок первый).

• Просмотров: 96434

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

Модные тенденции маникюра омбре 2018

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

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

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

Как сделать маникюр омбре: два мастер-класса за 5 минут

Главное, на что в модной технике обращается внимание – это постепенная растяжка без огрехов. Еще в прошлом году можно было намазюкать пару полосок на губке и припечатать ее к ногтю. С вероятностью 99,9 % результат был бы не аккуратным, да еще с пузырьками.

Сегодня маневр на «и так сойдет!» не пройдет. Стоит только рассмотреть маникюр омбре 2018 на фото – в глаза бросается безупречность и чистота слияния оттенков. Такой красоты проще всего в домашних условиях добиться двумя способами. О них и пойдет речь.

Урок № 1: градиент гель-лаком (растушевка кисточкой-гребешком)

Специальная кисть позволит оформить градиент на ногтях гель-лаком быстрее, чем все другие инструменты. Волоски у нее разной длины, причем к кончику они разрежены. Можно выстричь такую же форму из обычной плоской кисти, если, конечно, у вас руки растут из правильного места. А можно купить готовую.
Гель-лаки для этой техники нужны с четкой пигментацией, но и не очень плотные. Они не должны заметно полосить, иначе итог окажется неопрятным. К тому же у вас не будет возможности накладывать по 3-4 слоя. Начинать практику всегда проще со светлых тонов, а после приступать к сочным контрастным.

Итак, вам понадобятся:

• База и финиш для гель-лака.
• Синий и черный гель-лаки.
• Кисточка-гребешок.
• LED-лампа.
• Жидкость для снятия липкости.
• Ватные диски.

1. Подпилите края ногтей, поработайте бафиком, стряхните опил и обезжирьте ногти.
2. Нанесите базу и просушите 60 секунд.
3. Покройте ноготь синим лаком, по которому будете растягивать градиент, и высушите.
4. «Гребешок» осторожно распушите.
5. Область около лунулы закрасьте черным. Отступив символическую границу в пару миллиметров, остальную часть до края покройте синим лаком.
6. Теперь маленькими штришками вверх-вниз стягивайте черное озерцо к низу. Сделайте пару рядков и вытрите кисточку. Продолжайте штрихи с того места, где остановились.
7. Когда мазки станут почти прозрачными, вытрите кисть и разделите ворсинки.
8. Начинайте снова растягивать пигмент с первого ряда. К этому времени переход станет заметным. Дойдя до торца, полимеризуйте результат.
9. Опять наложите черного и синего на те же границы и тяните вниз. После двух-трех рядков протирайте инструмент.
10. В качестве финального аккорда похлопывающими движениями чистым «гребешком» пройдитесь по всей растяжке. Это делается для того, чтобы не осталось пузырьков. Высушите.
11. Перекройте свою работу финишем.

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

А этот видео-урок наглядно показывает весь процесс:

Урок № 2: градиент аэрографом

Аэрограф – это приспособление в виде ручки с соплом наверху. В воронку заливаете специальную краску и «выдуваете» ее на ноготки. Плюс техники – экономия времени и качественный результат. Минус – хороший инструмент довольно дорогой, стоит около двух тысяч рублей.

Инструменты:

• Аэрограф.
• Краска для него.
• Отрез бумаги (чтобы не запачкать все вокруг).
• База, топ и гель-лак.
• Дефендер.
• Жидкость для обезжиривания и удаления липкости.
• УФ-лампа.

1. На подготовленные и обезжиренные пластины наложите базу, просушите и покройте гель-лаком.
2. После высыхания снимите липкий слой и чуточку забафьте поверхность. Стряхните опил.
3. Обмажьте кожу вокруг пластин дефендером и дождитесь высыхания.
4. В сопло залейте краски и, держа «ручку» под углом, с расстояния в 15-20 сантиметров распылите на кончики ногтей.
5. Стяните пленку дефендера.
6. Когда все высохнет, перекройте свои труды финишем и отправьте на полимеризацию.

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

Радужные идеи нейл-арта в сегодняшних трендах

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

На коротких ногтях

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

На длинных ногтях

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

А теперь о каждом нейл-арте поподробнее!

Матовый

Все просто. Перекройте свою работу матовым финишем и получите изысканный приглушенный арт. Для осеннего и зимнего маникюра это беспроигрышный вариант.

Геометрия

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

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

«Битое стекло»

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

Вензеля

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

Лунный

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

Просмотрите этот мастер-класс и научитесь необычному арту:

Френч

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

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

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

А еще можно прибегнуть к аэрографу. Для этого пригодятся ленты-трафареты.

1. Покройте пластины гель-лаком, топом, снимите липкость и около боковых валиков наклейте полоски так, чтобы они прилегали очень плотно.
2. Распылите краску, снимите трафарет.
3. Очередь финиша. При желании можно полоску присыпать блестками или пудрой.

Камифубуки

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

С рисунком

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

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

Со стразами

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

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

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

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

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

Инструмент 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. Не забывайте оставлять комментарии 🙂

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

• Применить градиент через 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 определяет степень грубости и резкости ваших цветов от самого обычного мягкого градиента до взрывного и кислотного.

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