Как пользоваться градиентом в фотошопе cs6: Использование градиентов в Photoshop

Содержание

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

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


Градиенты и цветовые переходы часто используются в современном графическом дизайне – этот тренд ворвался в визуальную среду еще в 2018 и все еще не теряет своей актуальности. Дизайнеры используют градиенты для оформления фонов, иконок, типографики и многого другого, а еще с его помощью можно имитировать 3D!


Что самое главное для новичков в Photoshop – сделать градиент очень просто. Давайте разберем процесс на примерах.


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


  1. Откройте инструмент «Градиент». Он находится на панели инструментов в левой части экрана Adobe Photoshop. Если он не отображается сразу – просто кликните правой кнопкой мыши по «Заливке» и выберите его в выпадающем меню. 
  2. В верхней части экрана появится изображение градиента. Кликните по нему. 
  3. Открылось окно редактора градиентов. Щелкните по контрольной точке, а затем на окошко «Цвет». 
  4. Теперь задайте цвет. Я хочу сделать переход от сиреневого к темно-фиолетовому. Выбираю для этой точки наиболее светлый оттенок и нажимаю ОК. 
  5. Таким же образом настройте второй цвет. Если вы хотите добавить больше оттенков в градиент, создайте новую контрольную точку. Чтобы это сделать, щелкните на область прямо под линией градиента. 
  6. Сохраните свой новый градиент, нажав на кнопку «Новый». Теперь он всегда будет лежать в списке градиентов в этом окне. 

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


  1. Чтобы залить фон градиентом, выберите инструмент «Градиент». 
  2. Затем кликните мышью в той части экрана, откуда будет начинаться заливка. 
  3. Проведите мышью по экрану.

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



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



Как залить объект градиентом


Если делать заливку объектов градиентом в Фотошопе, можно добиться классного эффекта 3D, который в этом году самый трендовый. Я хочу показать вам, как сделать вот такую картинку:



Какой получается объем! На этом примере вы поймете все основные принципы использования градиента на объектах в Photoshop. Смотрите пошаговую инструкцию:


  1. Я создаю новый документ и заливаю фон сохраненным градиентом, как я показывала в предыдущем пункте. 
  2. Чтобы создать шары, я воспользуюсь инструментом «Эллипс». Находится он вот здесь. 
  3. С зажатой клавишей Shift создаю эллипс. Он автоматически появляется на новом слое. В меню «Заливка» можно выбрать цвет. 
  4. Теперь дважды кликаю по слою с эллипсом, и появляется окно стилей. 
  5. Тут нужно нажать «Наложение градиента» (слева), а потом кликнуть по окошку с градиентом, чтобы настроить цвет. 
  6. Я хочу сделать шарик в малиновых тонах. Выбираю, какого цвета будет светлая и теневая сторона шара. 
  7. Настраиваю угол, чтобы «освещение» объекта совпадало с градиентом фона. 

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


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


  1. Добавляю пункт «Внутренняя тень» и щелкаю по цвету.
  2. Выбираю цвет тени. Пусть уходит в фиолетовый. 
  3. Теперь настрою угол, непрозрачность, смещение и размер этой тени. Поиграйте с ползунками, чтобы создать наиболее натуральный и мягкий эффект. После этого закройте окно стилей.

Теперь я хочу скопировать и изменить размер объекта. Для копирования щелкните по объекту с инструментом «Перемещение» (V на клавиатуре) и с зажатой клавишей Ctrl сдвиньте его в сторону. Объект оказался на новом слое.



Чтобы он масштабировался с эффектами, нажмите правой кнопкой мыши по слою, а затем на «Преобразовать в смарт-объект».



Таким образом я несколько раз копирую и размещаю шарик в разных местах. Далее с помощью инструмента «Перо кривизны» (P) я нарисую еще один объект.



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



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



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



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



Можете скопировать еще несколько шаров и добавить фильтр «Размытие по Гауссу», чтобы казалось, что они плавают где-то вдалеке. То же самое и для объекта на переднем плане – так будет выглядеть правдивее. Вот вам и имитация 3D в Фотошопе.


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



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


  1. Дважды кликните по слою с текстом и выберите «Наложение градиента» в новом окне. 
  2. Выберите градиент из готовых наборов либо создайте свой. О том, как сделать собственный градиент, я писала выше в этой статье. 
  3. Вы можете изменять угол и масштаб наложения градиента, чтобы добиться желаемого эффекта. 
  4. Если добавить новую точку цвета, можно создавать градиент из трех или более оттенков. Экспериментируйте! 

Как наложить градиент на фото в Adobe Photoshop



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


  1. Откройте фотографию в новом документе и выберите слой с фото. 
  2. Пройдите по вкладкам «Изображение» – «Коррекция» – «Карта градиента». 
  3. Щелкните по линии с градиентом, чтобы открыть редактор и изменить цвета контрольных точек.

Где взять идеи для градиентов: лучшие сервисы


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


Coolors



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


Перейти на ресурс можно по ссылке.


Uigradients



Здесь вы можете посмотреть самые невероятные варианты сочетаний. Хорош сервис тем, что градиенты можно посмотреть в полноэкранном формате. И еще есть маленькая фишка: каждый градиент имеет уникальное название, поэтому выглядит это очень атмосферно. Как вам градиент под именем Moonlit Asteroid?


Изучите остальные варианты здесь.


CoolHue



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


Ссылка на официальный сайт сервиса


Заключение


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


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

Эффект складок и складок в Photoshop CS6

В этом уроке по фотоэффектам мы узнаем, как добавлять складки и складки к изображению, чтобы оно выглядело, как если бы оно было сложено и развернуто как карта! Мы будем использовать направляющие и выделения для создания сложенных участков изображения, а также некоторые градиенты, режим наложения слоев и один из фильтров Photoshop для добавления бликов и теней. Мы даже будем использовать собственную кисть, чтобы придать линиям сгиба изношенный вид. Эта версия руководства была полностью обновлена ​​для Photoshop CS6 (версия, которую я буду использовать здесь), а также полностью совместима с Photoshop CC (Creative Cloud). Если вы используете Photoshop CS5 или более раннюю версию, вам нужно ознакомиться с оригинальным руководством «Эффект сгиба и складки в Photoshop».

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

Исходное изображение.

И вот как будет выглядеть конечный результат:

Конечный эффект.

Как создать эффект складок и складок

Шаг 1: Добавить новый пустой слой

Начните с добавления нового пустого слоя в документ. Нажмите на значок « Новый слой» в нижней части панели «Слои»:

Нажав на иконку Новый слой.

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

Панель «Слои», показывающая добавленный слой.

Шаг 2: Включите Правителей

Далее мы вытащим несколько горизонтальных и вертикальных направляющих, чтобы выручить нас. Однако прежде чем мы сможем это сделать, нам нужно включить линейки Photoshop. Поднимитесь в меню « Вид» в строке меню в верхней части экрана и выберите « Линейки» . Вы также можете включить линейки, нажав клавиши Ctrl + R (Win) / Command + R (Mac) на клавиатуре:

Перейдите в «Просмотр»> «Линейки».

Линейки появятся в верхней и левой части документа:

Линейки отображаются выше и слева от изображения.

Шаг 3: перетащить две вертикальные направляющие

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

Нажмите на левую линейку и вытяните вертикальную направляющую на треть пути по изображению.

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

Нажмите и перетащите вторую вертикальную направляющую, расположив ее на две трети поперек изображения.

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

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

Шаг 4: выберите инструмент Rectangular Marquee Tool

Выберите инструмент Rectangular Marquee Tool на панели «Инструменты» или нажмите букву M на клавиатуре, чтобы быстро выбрать его с помощью ярлыка:

Выбор Прямоугольного Marquee Tool.

Шаг 5: перетащите схему выбора вокруг первого раздела

Выбрав Rectangular Marquee Tool, перетащите выделенный контур вокруг первого раздела (тот, что в левом верхнем углу изображения). Выбор будет привязан к направляющим:

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

Шаг 6: выбери инструмент градиента

Выберите инструмент «Градиент» на панели «Инструменты» или нажмите букву G на клавиатуре, чтобы выбрать его с помощью сочетания клавиш (сочетания клавиш для инструмента «Прямоугольная область» и «Инструмент градиента» пригодятся через мгновение):

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

Шаг 7: выбери черный, белый градиент

Выбрав инструмент «Градиент», щелкните правой кнопкой мыши (Победа) или удерживая нажатой клавишу « Control» (Mac) в любом месте окна документа, чтобы быстро открыть средство выбора градиентов в Photoshop, затем выберите « Черный, Белый градиент», дважды щелкнув его миниатюру (третий эскиз на панели инструментов). слева, верхний ряд). Двойной щелчок по миниатюре выберет градиент и закроет вас из окна выбора градиента:

Двойной щелчок по миниатюре черного, белого градиента.

Шаг 8: нарисуйте градиент от черного к белому через выделение

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

Рисование градиента от черного к белому внутри выделения.

Шаг 9: нарисуйте схему выбора вокруг следующего раздела

Вернитесь к инструменту Rectangular Marquee Tool, нажав на клавиатуре букву M, затем перетащите выделенную область вокруг следующего раздела (тот, что находится в верхнем центре):

Вытаскивая контур выделения вокруг верхней средней части.

Шаг 10: нарисуйте градиент от черного к белому через выделение в другом направлении

Нажмите букву G на клавиатуре, чтобы быстро переключиться на инструмент «Градиент», затем щелкните и перетащите градиент от черного к белому внутри второго выделения. Убедитесь, что вы рисуете это в другом направлении, поэтому оба градиента выглядят по-разному. Это добавит разнообразие нашему световому эффекту, как мы скоро увидим:

Рисование второго градиента под другим углом, чем первый.

Шаг 11: Повторите шаги 9 и 10 для оставшихся разделов

Мы должны сделать то же самое для всех шести разделов, но это просто вопрос повторения одной и той же пары шагов для каждого из них. Сначала нажмите букву M на клавиатуре, чтобы переключиться на инструмент « Прямоугольная область», и перетащите контур выделения вокруг раздела, затем нажмите букву G на клавиатуре, чтобы переключиться на инструмент «Градиент», и нарисуйте градиент от черного к белому внутри выделения., рисуя каждый градиент под другим углом, чтобы добавить разнообразие. Когда вы закончите, у вас должен быть градиент по каждому разделу. Нажмите Ctrl + D (Победа) / Command + D (Mac) на клавиатуре после того, как вы нарисовали последний градиент, чтобы удалить контур выделения вокруг него:

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

Шаг 12: скрой правителей и гидов

Нам больше не нужны линейки или направляющие, поэтому, чтобы скрыть линейки, вернитесь в меню « Вид» вверху экрана и снова выберите линейки или нажмите Ctrl + R (Победа) / Command + R (Mac). на вашей клавиатуре. Чтобы скрыть направляющие, перейдите в меню « Вид», выберите « Показать», затем выберите « Направляющие» или нажмите Ctrl +; (Победа) / Command +; (Mac), чтобы отключить их с клавиатуры:

Выберите View> Show> Guides, чтобы скрыть направляющие, когда они видны на экране.

Шаг 13: измени режим смешивания на мягкий свет

Перейдите к параметру « Режим наложения» в верхнем левом углу панели «Слои» и измените режим наложения слоя градиентов с «Обычный» (по умолчанию) на « Мягкий свет» :

Измените режим наложения слоя 1 на Soft Light.

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

Изображение после изменения режима наложения на Soft Light.

Шаг 14: примени фильтр пластиковой обертки

Чтобы вывести линии сгиба немного больше, мы будем использовать фильтр Photoshop’s Plastic Wrap. Перейдите в меню « Фильтр» вверху экрана и выберите « Галерея фильтров» :

Перейдите в Фильтр> Галерея фильтров.

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

Twirl откройте категорию Artistic и выберите Plastic Wrap.

Параметры фильтра «Пластиковая упаковка» находятся в верхней части столбца справа. Установите значение Highlight Strength на 20 и Smoothness на 15, перетаскивая оба ползунка вправо. Затем установите параметр Detail в диапазоне от 5 до 10. Чем выше вы установите значение Detail, тем сильнее будет эффект вокруг линий сгиба, поэтому при перетаскивании ползунка следите за большим окном предварительного просмотра слева. значение, которое вы думаете, работает лучше всего. Я собираюсь установить значение моей детализации в 10:

Параметры фильтра «Пластиковая пленка».

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

Изображение после применения фильтра Plastic Wrap.

Шаг 15: добавь еще один новый пустой слой

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

Добавление второго нового слоя.

Шаг 16: выбери инструмент кисти

Чтобы еще больше усилить эффект, давайте добавим несколько линий износа к складкам, и мы сделаем это с помощью специальной кисти. Выберите инструмент « Кисть» в Photoshop на панели «Инструменты» или нажмите букву B, чтобы выбрать ее с помощью сочетания клавиш:

Выбор инструмента «Кисть».

Шаг 17: выбери разбрызгивающую кисть из подборщика

Выбрав Brush Tool, щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте окна документа, чтобы быстро открыть Brick Picker и выбрать кисть Spatter 59 пикселей, дважды щелкнув ее миниатюру, которая выберет кисть и закроем вас из палитры кистей (если в настройках Photoshop включены подсказки для инструментов, вы увидите, что имя кисти появляется, когда вы наводите курсор мыши на миниатюру):

Дважды щелкните кисть Spatter 59 пикселей, чтобы выбрать ее.

Шаг 18: открой панель кистей и выбери параметры формы кончика кисти

Выбрав кисть, щелкните значок панели «Кисть» в дальнем левом углу панели параметров вдоль верхней части экрана, чтобы переключить основную панель «Кисти» в Photoshop:

Щелкнув значок панели «Кисть» на панели параметров.

Нажмите на слова « Форма кисти» в верхнем левом углу панели, затем установите круглость кисти на 10% и увеличьте расстояние до 50% :

Настройка округлости до 10% и расстояния до 50% в разделе «Форма кисти».

Шаг 19: выберите параметры формы Shape Dynamics

В левой части панели «Кисть» находится столбец, в котором перечислены различные категории параметров кисти (динамика формы, разброс, текстура и т. Д.). Прежде чем мы пойдем дальше, убедитесь, что ни одна из этих категорий не выбрана, сняв отметку с любой из них, имеющей галочку рядом с их именем. Затем щелкните непосредственно слова « Динамика формы» в верхней части левого столбца, чтобы просмотреть различные параметры «Динамика формы» в основной части панели «Кисти». Убедитесь, что вы нажимаете непосредственно на слова «Shape Dynamics». Не устанавливайте флажок рядом со словами, в противном случае вы просто включите категорию, не получив доступ к каким-либо фактическим параметрам Shape Dynamics.

Увеличьте значение размера джиттера до 100%, переместив ползунок вправо, а затем установите для параметра « Управление» непосредственно под ползунком « Угол джиттера» значение « Направление» . Пока не закрывайте панель, потому что у нас еще есть еще одна категория для выбора:

Настройка размера джиттера до 100% и угла наклона в направлении в параметрах динамики формы.

Шаг 20: выберите параметры двойной кисти

Нажмите непосредственно на слова « Двойная кисть» в столбце слева, чтобы переключиться на параметры «Двойная кисть» в основной части панели «Кисть». Эти параметры позволяют нам смешать вторую кисть с нашей оригинальной. Выберите кисть Spatter 27 пикселей, щелкнув ее миниатюру, затем измените режим в верхней части панели «Кисть» на « Умножение» . Наконец, увеличьте размер кисти примерно до 55 пикселей, а расстояние до 55% . Когда вы закончите, вы можете закрыть панель Brush, нажав на тот же значок панели Brush на панели параметров или нажав F5 на клавиатуре:

Выберите кисть Spatter 27 пикселей, установите для параметра «Режим наложения» значение «Умножение», «Размер» — 55 пикселей и «Интервал» — 55%.

Шаг 21: установите цвет переднего плана на белый

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

Цвет переднего плана (вверху слева) должен быть белым.

Шаг 22: раскрась линии сгиба

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

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

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

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

Если угол или положение мазка кисти немного смещены, просто нажмите Ctrl + Z (Победа) / Command + Z (Mac) на клавиатуре, чтобы отменить его, затем повторите попытку. Чтобы увеличить интенсивность эффекта износа, добавьте еще несколько мазков поверх первого. Изменение размера вашей кисти с каждым ударом добавит больше разнообразия. Нажатие клавиши левой скобки ( ( ) на клавиатуре сделает кисть меньше. Нажатие клавиши правой скобки () увеличит ее. Просто нажмите над линией сгиба, затем, удерживая нажатой клавишу Shift, щелкните по линии сгиба, чтобы добавить каждый новый мазок кисти:

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

Повторите те же шаги со второй вертикальной линией сгиба, чтобы нарисовать несколько мазков, затем сделайте то же самое с горизонтальной линией сгиба, щелкнув кистью слева от линии, затем удерживая Shift и щелкнув справа от линия. Если это поможет, вы можете снова включить направляющие, нажав Ctrl +; (Победа) / Command +; (Mac) на клавиатуре, что может упростить выстраивание линий. Снова нажмите сочетание клавиш, чтобы выключить их. Вот мое изображение после добавления мазков кисти по всем трем линиям сгиба:

Изображение после добавления мазков кисти.

Шаг 23: понизь непрозрачность слоя (необязательно)

Наконец, если мазки кисти выглядят слишком белыми и интенсивными, вы можете добавить их в изображение, уменьшив непрозрачность слоя. Параметр « Непрозрачность» находится прямо напротив параметра «Режим наложения» в верхней части панели слоя. По умолчанию непрозрачность установлена ​​на 100%. Я собираюсь уменьшить мой до 65%:

Понижение непрозрачности верхнего слоя.

И с этим мы закончили! Вот мой последний эффект «складок и складок»:

Конечный результат.

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

И там у нас это есть! Вот так можно добавить складки и складки к изображению с помощью Photoshop CS6 и Photoshop CC! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об эффектах Photoshop!

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

Как нанести градиент на фото с помощью adobe photoshop

Сегодня мы наконец-то узнаем, как нанести на фото градиент с помощью замечательной программы adobe photoshop…

Почему говорю «наконец-то» а потому, что сам, задавшись таким вопросом, не мог нигде отыскать исчерпывающей информации: сколько ни Яндексил, ни Googleл ни в какую… и нужно сказать, что безрезультатно пытал этот вопрос периодически на протяжении месяцев… — посты попадались или слишком заумные, либо чувствовалось будто б автор сам не знает о чём толкует, сердешный…

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

Что жж, приступим:

 

 

 

Однако прямо-таки зло вскипает от другого вопроса: кто эти авторы и как они отыскивают и находят заказчиков для своих ТРУДОВ?! ведь их верши, мягко говоря, странны и невразумительны…

Хотя да, нынче множество программ, которые замечательным образом способствуют написанию деревянно-железных текстов: это ещё сегодня называют «лаконичным и деловым информативным языком» ))

 

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

Но мы-то, читатели !? должны быть в здравом рассудке ! Ведь текст, сляпанный программкой-роботом, по которому нельзя ничему выучиться, но возможно больше запутаться — виден невооружённым глазом…

 

 

Я за человеческий труд! И пусть текст получается не всегда гладкий слогом, однако, не математически зудящий))  Ведь все мы всегда чему-то учимся…

 

 

…и если нынче для вас настройка adobe photoshop и в частности инструмента «Градиент» будет непонятна, смело пишите и ругайтесь. Пропущу любой комментарий!

 

 

 

 

вернуться к оглавлению

уроки photoshop, как работать инструментом градиент

 

 

 

 

 

 

 

 

Итак: прежде всего нужна сама программа adobe фотошоп: если её у вас нет — скачайте и установите. Как это делается правильно, расскажу в следующей статье.

 

 

 

МИГ подписки — ЭРА полезных знаний!!

 

 

 

…а коли уже есть этот замечательный помощник в веб дизайне, — открывайте его!

 

 

 

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

в верхнем горизонтальном меню наводите курсор на имя меню «Файл», а затем «Открыть»…

 

 

Фото -1.

 

 

 

 

В итоге у вас в окошке редакции появится нужная для редактирования в photoshop картинка.

 

 

 

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

 

 

Фото — 2.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1 — слева есть вертикальное меню (всевозможные полезные инструменты photoshop) выбираете «Градиент» см. фото:

 

 

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

 


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

вернуться к оглавлению

adobe фотошоп и подстройка инструментария градиента

 

 

 

 

Фото — 3.

 

 

 

 

 

В регулировках, показанных на фотке 3 немного разберёмся:

 

Зелёненький овал показывает менюшку настроек adobe photoshop, а именно инструменты цветности градиента (если кликнуть по стрелочке справа)… Советую для начала выбрать светлый, как показано на фотке, ибо проще учиться

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

 

 

Коричневый овал — поставьте такие же как на картинке величины цветового перехода градиента: «Режим» — «осветление» (хотя возможен выбор множества эффектов в выподающем меню). Самые оптимальные «Осветление» и «Линейный осветлитель» — а впрочем, разберётесь сами: ведь требования у нас у всех разные…

 


 

Далее подчёркнуто зелёным: поставьте галочку в чекбоксах «Инверсия», «Дизеринг» и «Прозрачность»… Описывать нюансы отработки всяких инверсий не стану, чтобы не путать ваше сознание и цели… Во всём этом замечательным образом разберётесь и без меня: ибо только практическим экспериментом приходят знания.

 

 

Коли что неясно, вопрошайте в комментариях.

 

 

 

 

вернуться к оглавлению

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

 

 

 

 

Фото — 4.

фотку можно увеличить…

 

 

 

осветляем нижнюю часть картинки

 

 

 

Теперь самое главное!!

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

чтобы получилась чётко горизонтальная смена цвета — осветления, прижмите одновременно с клавишей мыши клавишу «Shift» и проводите линию как на фото…

 

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

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

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

 

 

 

 

 

 

По шагам:

 

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

 

Чтобы регулировать интенсивность (насыщенность) ЦВЕТА — кликните стрелочку (фото 3) зелёный овал «шахматного» прямоугольника и выбирайте различные цветовые гаммы и оттенки, — словом, творите как душе угодно…

 

А если кликнете на само размеченное прямоугольное поле менюшки, откроется окно «Редактор градиента» (фото справа от «редиски») — боле тонкие настройки переходов цветовой интенсивности: цветовая яркость… шумовой эффект (опять же различных цветов)…

 

 

 

Вот и вся настроечная работа… Остаётся только экспериментировать…

 

 

 

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

Смею спросить: ну что получается..!?

 

 

Тогда смело делитесь с другом в соцсетях.

 

 

 

 

…а на этой дивной фотке дивы Eniko-Mihalik, и по случаю нашей и студии ATs media fashion вензелной дамой, эксить с градиентом рука не поднимается… ))

 

 

МИГ подписки — ЭРА полезных знаний!!

!..подписываясь —
мы расстаёмся с невежеством..!

 

 

 

 

 

На этом моё повествование решительно окончено!..

 

 

Однако, пользы для, вот вам видео: в нём рассказано о полезной программе менеджере паролей KeePass.

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

 

 

Если что-то не ясно и остались вопросы, делитесь ими в комментариях…

Самое время рассказать о статье в соцсетях, буду признателен… complitra.ru !

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

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

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

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

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

Необходимый инструмент находится на левой панели инструментов.

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

Основные настройки

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

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

Клик по контрольной точке активирует ее свойства.

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

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

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

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

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

Практика

Итак, давайте окрасим точки в какой-нибудь цвет и применим материал к слою.

  1. Активируем точку, нажимаем на поле с названием «Цвет» и выбираем нужный оттенок.
  2. Дальнейшие действия сводятся к добавлению контрольных точек, присваиванию им цвета и перемещению их вдоль градиента. Мы создали вот такой градиент:
  3. Теперь, когда градиент готов, даем ему название и нажимаем кнопку «Новый». Наш градиент появился внизу набора, осталось только применить его на практике.
  4. Создаем новый документ, выбираем соответствующий инструмент и ищем в списке наш только что созданный градиент.
  5. Теперь зажимаем левую кнопку мыши на холсте и тянем градиент.
  6. Получаем градиентный фон из материала, сделанного своими руками.

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

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

Помогла ли вам эта статья?

ДА НЕТ

Как работать с Редактором градиентов / Creativo.one

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

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

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

Создаем новый документ

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

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

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

Создаем новый файл размером 1200х800 px

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

После создания нового документа я выберу инструмент «Градиент» (Gradient Tool) на панели инструментов:

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

Открываем Редактор градиентов

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

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

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

Редактор градиентов

Область готовых образцов градиентов

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

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

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

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

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

В конце списка появившегося на экране меню вы увидите другие наборы градиентов, каждый из которых имеет определенную тематику, например, «Гармонизированные цвета» (Color Harmonies), «Металлик» (Metals), «Пастель» (Pastels) и т.д. Для выбора какого-либо набора кликните по его названию. В моем случае, я выберу набор Гармонизированные цвета 1 (Color Harmonies 1):

Выбираем набор «Гармонизированные цвета 1»

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

Нажимаем ОК, чтобы заменить текущие градиенты по умолчанию новыми из набора

И теперь нам видно, что вместо исходных градиентов появились новые градиенты из набора:

Градиенты из набора «Гармонизированные цвета 1»

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

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

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

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

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

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

И теперь мы снова можем видеть исходные градиенты:

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

Область редактирования

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

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

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

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

По крайней мере, это один из вариантов. Однако на самом деле создавать любой градиент с помощью Редактора градиентов так легко, что часто вы будете для начала просто выбирать один из основных градиентов «Черный, белый» (Black, White). Я выберу его, кликнув по соответствующей миниатюре (третья слева в верхнем ряду):

Выбираем градиент «Черный, белый»

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

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

Тип градиента

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

Убедитесь, что в качестве типа градиента выбран «Непрерывный»

Замена цветов в градиенте

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

Контрольные точки цвета под каждым из краев градиента

Для того чтобы изменить текущий цвет, сначала кликните по соответствующей контрольной точке для ее выбора. Далее, кликните по образцу цвета в секции «Контрольные точки» (Stops) в нижней части Редактора градиентов, чтобы выбрать другой цвет. Например, допустим, я хочу изменить цвет в моем градиенте с черного на красный. Для этого, я кликну по черной точке цвета:

Щелкаем по точке того цвета, который вы хотите изменить

Выбрав точку, я кликну по образцу цвета

Щелкаем по образцу, чтобы изменить цвет

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

Выбираем в Палитре цветов красный цвет

После этого, мой исходный черно-белый градиент превратится в красно-белый градиент:

Черный цвет в моем градиенте изменился на красный

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

Дважды кликаем кнопкой мыши по белой контрольной точке цвета

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

Изменяем белый цвет в градиенте на желтый

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

Новые цвета градиента

Настройка средней точки цвета

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

Значок средней точки цвета

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

Настраиваем область перехода с помощью перемещения средней точки цвета

Параметр «Позиция»

По мере перемещения иконки средней точки цвета параметр «Позиция» (Location) под шкалой градиента меняется, отражая в процентах точное место, где средняя точка расположена между двумя цветами. По умолчанию, значение местоположения средней точки равно 50% (точно посередине между цветами), но после перемещения средней точки влево значение местоположения изменяется до 25%. Другими словами, переход между цветом градиента слева и средней точкой занимает теперь четвертую часть от всей длины градиента, а переход между средней точкой и цветом градиента справа — три четверти от всей длины:

Текущая позиция средней точки цвета

Мы с вами уже рассмотрели, как можно изменить позицию средней точки цвета при помощи перемещения ее значка, однако также мы можем изменить ее месторасположение, введя конкретные значения в окошко ввода данных параметра «Позиция» (Location). Если я захочу, например, переместить среднюю точку с отметки «1/4» до отметки «3/4», то я смогу сделать это, изменив значение параметра «Позиция» с 25% до 75%:

Вручную вводим новое значение параметра «Позиция»

И теперь нам видно, что средняя точка переместилась на отметку 75%, одновременно удлинив расстояние между красной точкой цвета и средней точкой и сократив расстояние между средней точкой и желтой точкой цвета:

Новая позиция средней точки цвета

Я верну среднюю точку обратно на ее исходную позицию по молчанию, установив значение параметра «Позиция» (Location) на 50%:

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

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

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

Кликаем кнопкой мыши в соответствующем месте, чтобы добавить третий цвет

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

Дважды кликаем кнопкой мыши по новому образцу цвета

Затем в появившейся Палитре цветов выберите нужный цвет. В моем случае, я выберу голубой:

Выбираем для градиента третий цвет

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

Третий цвет был добавлен

Перемещение цветов в градиенте

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

Передвигаем цвет с помощью перемещения его контрольной точки вдоль градиента

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

Выбираем желтую точку цвета

Я изменю местоположение точки, введя значение, равное 50%, что приведет к перемещению желтой точки на середину градиента:

Перемещаем цвет с помощью ввода новых значений параметра «Позиция»

Далее я кликну по голубой точке цвета, чтобы выбрать ее:

Выбираем голубую точку цвета

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

Перемещаем голубую точку цвета до конца правого края градиента

Удаление цвета

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

Выбираем голубую контрольную точку цвета

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

Перемещаем контрольную точку цвета вниз для ее удаления

Копирование существующего цвета

Еще один способ добавления цвета к градиенту заключается в создании копии существующего цвета. Для этого, необходимо нажать и удержать клавишу Alt (Win) / Option (Mac) по мере выделения контрольной точки цвета и перемещения ее вправо или влево. Таким образом, вместо передвижения исходной точки вы переместите копию точки, которую впоследствии можно разместить на вашем градиенте в нужном месте.

Предположим, что я в действительности хочу создать градиент с переходом от красного к желтому цвету и опять к красному. У меня уже есть красный цвет с левой стороны градиента. Вместо того чтобы добавить еще один цвет к градиенту и вручную подобрать в Палитре цветов тот же оттенок красного, я просто нажму и удержу клавишу Alt (Win) / Option (Mac), затем кликну по красной точке цвета и перемещу ее вправо, создав точную копию:

Кликните по точке цвета и переместите ее при нажатой клавише Alt (Win) / Option (Mac), чтобы создать копию

Далее я перемещу точку до правого края градиента и таким образом создам градиент с переходом от красного к желтому цвету и обратно к красному:

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

Добавление прозрачности

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

Контрольные точки непрозрачности

Некоторые из готовых образцов градиентов уже содержат прозрачность, некоторые – нет, но мы с легкостью можем добавить ее к градиенту по мере необходимости. Например, если я хочу, чтобы мой градиент имел переход от сплошного цвета слева до полностью прозрачного справа, то я могу достичь этого, кликнув по точке непрозрачности, расположенной над шкалой градиента с правой стороны. В результате, станут активными опции прозрачности в секции «Контрольные точки» (Stops) под градиентом. Обратите внимание, что текущее значение параметра «Непрозрачность» (Opacity) 100%, и это означает, что на данном участке градиента прозрачности нет совсем:

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

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

Обратите внимание, что цвет контрольной точки непрозрачности изменился с черного на белый. Черный цвет означает, что значение непрозрачности равно 100%, белый – что значение непрозрачности равно 0% (полностью прозрачный цвет). Частичная непрозрачность представлена различными оттенками серого. Заметьте также, что шкала градиента теперь имеет переход от сплошного цвета слева до узора шахматной доски справа. Узор шахматной доски отвечает в программе Photoshop за изображение прозрачности:

Уменьшаем значение непрозрачности контрольной точки справа до 0%

Перемещение контрольных точек непрозрачности

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

Перемещаем контрольную точку непрозрачности от левого края до центра градиента

Добавление контрольных точек непрозрачности

Во-вторых, я могу оставить две исходных точки непрозрачности на их исходных позициях и просто добавить третью точку над серединой шкалы градиента. Для начала я верну контрольную точку непрозрачности обратно на ее исходную позицию в левой части градиента, изменив значение параметра «Позиция» (Location) с 50% на 0%:

Так же, как и контрольные точки цвета, контрольные точки непрозрачности можно перемещать с помощью изменения значения параметра «Позиция»

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

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

Программа Photoshop добавит новую точку непрозрачности. Обратите внимание, что значение параметра «Непрозрачность» (Opacity) для данной точки уже равно 100%, поэтому нам его менять не нужно. Однако я мог бы при необходимости ввести любое значение непрозрачности от 0% до 100%. Также заметьте, что значение параметра «Позиция» (Location) равно 50%, но снова, при необходимости я мог бы изменить данное значение либо с помощью перемещения самой точки, либо ввода нового значения в окошко параметра «Позиция». Вы можете добавлять к градиенту столько контрольных точек непрозрачности, сколько вам требуется для лучшего контроля перехода цвета:

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

Вы можете копировать существующие контрольные точки непрозрачности, так же как вы это делали с контрольными точками цвета. Просто нажмите и удержите клавишу Alt (Win) / Option (Mac) при перемещении точки непрозрачности влево или вправо, чтобы создать копию и поместить ее в нужном месте. Так же, как и в случае с контрольными точками цвета, вы можете увидеть значок средней точки непрозрачности для каждого набора точек непрозрачности. Кликните по данному значку и переместите его поближе к одной или к другой точки непрозрачности, чтобы настроить нужным образом переход между цветами:

Смещаем среднюю точку непрозрачности вправо

Удаление контрольных точек непрозрачности

Чтобы удалить контрольную точку непрозрачности, кликните по ней для выбора и далее переместите вверх за пределы градиента до тех пор, пока она не исчезнет. Я удалю точку непрозрачности с правого края, кликнув по ней и переместив вверх. Поскольку только у этой точки из трех существующих степень непрозрачности (Opacity) отличалась от 100%, при ее удалении наш градиент опять стал полностью непрозрачным:

Удаляем контрольную точку непрозрачности справа

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

Перемещаем контрольную точку непрозрачности из середины градиента в правую часть

Параметр «Гладкость»

Последний параметр, который нам надо рассмотреть в сегодняшнем уроке – параметр «Гладкость» (Smoothness), который отвечает за плавность и постепенность перехода между основными цветами. По умолчанию, его значение равно 100%, и все переходы распределены как можно более равномерно. По мере уменьшения его значения, при переходе между цветами появятся дополнительные тени, что приведет к появлению в градиенте нежелательных полос. В большинстве случаев, лучше оставлять параметр «Гладкость» равным 100%:

Параметр «Гладкость»

Сохранение градиента в качестве нового образца

Когда вы будете довольны видом получившегося градиента, вы можете сохранить его как новый образец. Для этого, сначала введите название градиента в поле «Имя» (Name). Я назову свой градиент «Красно-желто-красный»:

Даем название новому градиенту

Затем, кликните по кнопке «Новый» (New):

Щелкаем по кнопке «Новый»

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

Новый градиент появится в области готовых образцов градиентов

Когда вы закончите, нажмите ОК, чтобы закрыть Редактор градиентов:

Щелкните по кнопке ОК

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

Автор: Стив Паттерсон (Steve Patterson)

Как сделать градиент в Photoshop. Градиент в дизайне — Медиасвод

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

Градиенты вдохновляют художников на создание творческих работ. Так, дизайнер Magdiel Lopez активно использует градиенты в своих проектах. Такая заливка позволяет сочетать красоту линий с эффектами объема и освещения. 

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

В Фотошопе имеется набор готовых градиентов, с разной формой цветовых переходов.

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

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

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

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

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

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

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

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

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

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

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

Зеркальный градиент отражает один и тот же линейный градиент по обе стороны от начальной точки.

Ромбовидный градиент

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

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

Чтобы создать градиент в фотошопе, выберите область, которую будете заливать. Если этого не сделать, градиентная заливка применяется ко всему активному слою. Выберите инструмент «Градиент».

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

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

Посмотрите видеоурок о том, как создать неоновый  градиент

Как создать градиент с прозрачностью

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

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

Как создать сложный градиент из трех и более цветов

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

Обзор редактора градиентов

Чтобы открыть «Редактор градиентов», щелкните ЛКМ по текущему образцу градиента на панели параметров. 

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

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

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

Кроме того в редакторе градиентов можно загрузить готовые градиенты, найденные на просторах Интернета.

Корректирующий слой «Градиент» 

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

Как работать с Редактором градиентов / Creativo.one

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

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

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

Создаем новый документ

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

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

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

Создаем новый файл размером 1200х800 px

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

После создания нового документа я выберу инструмент «Градиент» (Gradient Tool) на панели инструментов:

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

Открываем Редактор градиентов

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

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

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

Редактор градиентов

Область готовых образцов градиентов

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

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

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

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

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

В конце списка появившегося на экране меню вы увидите другие наборы градиентов, каждый из которых имеет определенную тематику, например, «Гармонизированные цвета» (Color Harmonies), «Металлик» (Metals), «Пастель» (Pastels) и т.д. Для выбора какого-либо набора кликните по его названию. В моем случае, я выберу набор Гармонизированные цвета 1 (Color Harmonies 1):

Выбираем набор «Гармонизированные цвета 1»

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

Нажимаем ОК, чтобы заменить текущие градиенты по умолчанию новыми из набора

И теперь нам видно, что вместо исходных градиентов появились новые градиенты из набора:

Градиенты из набора «Гармонизированные цвета 1»

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

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

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

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

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

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

И теперь мы снова можем видеть исходные градиенты:

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

Область редактирования

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

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

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

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

По крайней мере, это один из вариантов. Однако на самом деле создавать любой градиент с помощью Редактора градиентов так легко, что часто вы будете для начала просто выбирать один из основных градиентов «Черный, белый» (Black, White). Я выберу его, кликнув по соответствующей миниатюре (третья слева в верхнем ряду):

Выбираем градиент «Черный, белый»

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

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

Тип градиента

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

Убедитесь, что в качестве типа градиента выбран «Непрерывный»

Замена цветов в градиенте

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

Контрольные точки цвета под каждым из краев градиента

Для того чтобы изменить текущий цвет, сначала кликните по соответствующей контрольной точке для ее выбора. Далее, кликните по образцу цвета в секции «Контрольные точки» (Stops) в нижней части Редактора градиентов, чтобы выбрать другой цвет. Например, допустим, я хочу изменить цвет в моем градиенте с черного на красный. Для этого, я кликну по черной точке цвета:

Щелкаем по точке того цвета, который вы хотите изменить

Выбрав точку, я кликну по образцу цвета

Щелкаем по образцу, чтобы изменить цвет

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

Выбираем в Палитре цветов красный цвет

После этого, мой исходный черно-белый градиент превратится в красно-белый градиент:

Черный цвет в моем градиенте изменился на красный

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

Дважды кликаем кнопкой мыши по белой контрольной точке цвета

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

Изменяем белый цвет в градиенте на желтый

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

Новые цвета градиента

Настройка средней точки цвета

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

Значок средней точки цвета

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

Настраиваем область перехода с помощью перемещения средней точки цвета

Параметр «Позиция»

По мере перемещения иконки средней точки цвета параметр «Позиция» (Location) под шкалой градиента меняется, отражая в процентах точное место, где средняя точка расположена между двумя цветами. По умолчанию, значение местоположения средней точки равно 50% (точно посередине между цветами), но после перемещения средней точки влево значение местоположения изменяется до 25%. Другими словами, переход между цветом градиента слева и средней точкой занимает теперь четвертую часть от всей длины градиента, а переход между средней точкой и цветом градиента справа — три четверти от всей длины:

Текущая позиция средней точки цвета

Мы с вами уже рассмотрели, как можно изменить позицию средней точки цвета при помощи перемещения ее значка, однако также мы можем изменить ее месторасположение, введя конкретные значения в окошко ввода данных параметра «Позиция» (Location). Если я захочу, например, переместить среднюю точку с отметки «1/4» до отметки «3/4», то я смогу сделать это, изменив значение параметра «Позиция» с 25% до 75%:

Вручную вводим новое значение параметра «Позиция»

И теперь нам видно, что средняя точка переместилась на отметку 75%, одновременно удлинив расстояние между красной точкой цвета и средней точкой и сократив расстояние между средней точкой и желтой точкой цвета:

Новая позиция средней точки цвета

Я верну среднюю точку обратно на ее исходную позицию по молчанию, установив значение параметра «Позиция» (Location) на 50%:

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

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

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

Кликаем кнопкой мыши в соответствующем месте, чтобы добавить третий цвет

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

Дважды кликаем кнопкой мыши по новому образцу цвета

Затем в появившейся Палитре цветов выберите нужный цвет. В моем случае, я выберу голубой:

Выбираем для градиента третий цвет

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

Третий цвет был добавлен

Перемещение цветов в градиенте

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

Передвигаем цвет с помощью перемещения его контрольной точки вдоль градиента

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

Выбираем желтую точку цвета

Я изменю местоположение точки, введя значение, равное 50%, что приведет к перемещению желтой точки на середину градиента:

Перемещаем цвет с помощью ввода новых значений параметра «Позиция»

Далее я кликну по голубой точке цвета, чтобы выбрать ее:

Выбираем голубую точку цвета

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

Перемещаем голубую точку цвета до конца правого края градиента

Удаление цвета

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

Выбираем голубую контрольную точку цвета

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

Перемещаем контрольную точку цвета вниз для ее удаления

Копирование существующего цвета

Еще один способ добавления цвета к градиенту заключается в создании копии существующего цвета. Для этого, необходимо нажать и удержать клавишу Alt (Win) / Option (Mac) по мере выделения контрольной точки цвета и перемещения ее вправо или влево. Таким образом, вместо передвижения исходной точки вы переместите копию точки, которую впоследствии можно разместить на вашем градиенте в нужном месте.

Предположим, что я в действительности хочу создать градиент с переходом от красного к желтому цвету и опять к красному. У меня уже есть красный цвет с левой стороны градиента. Вместо того чтобы добавить еще один цвет к градиенту и вручную подобрать в Палитре цветов тот же оттенок красного, я просто нажму и удержу клавишу Alt (Win) / Option (Mac), затем кликну по красной точке цвета и перемещу ее вправо, создав точную копию:

Кликните по точке цвета и переместите ее при нажатой клавише Alt (Win) / Option (Mac), чтобы создать копию

Далее я перемещу точку до правого края градиента и таким образом создам градиент с переходом от красного к желтому цвету и обратно к красному:

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

Добавление прозрачности

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

Контрольные точки непрозрачности

Некоторые из готовых образцов градиентов уже содержат прозрачность, некоторые – нет, но мы с легкостью можем добавить ее к градиенту по мере необходимости. Например, если я хочу, чтобы мой градиент имел переход от сплошного цвета слева до полностью прозрачного справа, то я могу достичь этого, кликнув по точке непрозрачности, расположенной над шкалой градиента с правой стороны. В результате, станут активными опции прозрачности в секции «Контрольные точки» (Stops) под градиентом. Обратите внимание, что текущее значение параметра «Непрозрачность» (Opacity) 100%, и это означает, что на данном участке градиента прозрачности нет совсем:

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

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

Обратите внимание, что цвет контрольной точки непрозрачности изменился с черного на белый. Черный цвет означает, что значение непрозрачности равно 100%, белый – что значение непрозрачности равно 0% (полностью прозрачный цвет). Частичная непрозрачность представлена различными оттенками серого. Заметьте также, что шкала градиента теперь имеет переход от сплошного цвета слева до узора шахматной доски справа. Узор шахматной доски отвечает в программе Photoshop за изображение прозрачности:

Уменьшаем значение непрозрачности контрольной точки справа до 0%

Перемещение контрольных точек непрозрачности

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

Перемещаем контрольную точку непрозрачности от левого края до центра градиента

Добавление контрольных точек непрозрачности

Во-вторых, я могу оставить две исходных точки непрозрачности на их исходных позициях и просто добавить третью точку над серединой шкалы градиента. Для начала я верну контрольную точку непрозрачности обратно на ее исходную позицию в левой части градиента, изменив значение параметра «Позиция» (Location) с 50% на 0%:

Так же, как и контрольные точки цвета, контрольные точки непрозрачности можно перемещать с помощью изменения значения параметра «Позиция»

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

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

Программа Photoshop добавит новую точку непрозрачности. Обратите внимание, что значение параметра «Непрозрачность» (Opacity) для данной точки уже равно 100%, поэтому нам его менять не нужно. Однако я мог бы при необходимости ввести любое значение непрозрачности от 0% до 100%. Также заметьте, что значение параметра «Позиция» (Location) равно 50%, но снова, при необходимости я мог бы изменить данное значение либо с помощью перемещения самой точки, либо ввода нового значения в окошко параметра «Позиция». Вы можете добавлять к градиенту столько контрольных точек непрозрачности, сколько вам требуется для лучшего контроля перехода цвета:

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

Вы можете копировать существующие контрольные точки непрозрачности, так же как вы это делали с контрольными точками цвета. Просто нажмите и удержите клавишу Alt (Win) / Option (Mac) при перемещении точки непрозрачности влево или вправо, чтобы создать копию и поместить ее в нужном месте. Так же, как и в случае с контрольными точками цвета, вы можете увидеть значок средней точки непрозрачности для каждого набора точек непрозрачности. Кликните по данному значку и переместите его поближе к одной или к другой точки непрозрачности, чтобы настроить нужным образом переход между цветами:

Смещаем среднюю точку непрозрачности вправо

Удаление контрольных точек непрозрачности

Чтобы удалить контрольную точку непрозрачности, кликните по ней для выбора и далее переместите вверх за пределы градиента до тех пор, пока она не исчезнет. Я удалю точку непрозрачности с правого края, кликнув по ней и переместив вверх. Поскольку только у этой точки из трех существующих степень непрозрачности (Opacity) отличалась от 100%, при ее удалении наш градиент опять стал полностью непрозрачным:

Удаляем контрольную точку непрозрачности справа

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

Перемещаем контрольную точку непрозрачности из середины градиента в правую часть

Параметр «Гладкость»

Последний параметр, который нам надо рассмотреть в сегодняшнем уроке – параметр «Гладкость» (Smoothness), который отвечает за плавность и постепенность перехода между основными цветами. По умолчанию, его значение равно 100%, и все переходы распределены как можно более равномерно. По мере уменьшения его значения, при переходе между цветами появятся дополнительные тени, что приведет к появлению в градиенте нежелательных полос. В большинстве случаев, лучше оставлять параметр «Гладкость» равным 100%:

Параметр «Гладкость»

Сохранение градиента в качестве нового образца

Когда вы будете довольны видом получившегося градиента, вы можете сохранить его как новый образец. Для этого, сначала введите название градиента в поле «Имя» (Name). Я назову свой градиент «Красно-желто-красный»:

Даем название новому градиенту

Затем, кликните по кнопке «Новый» (New):

Щелкаем по кнопке «Новый»

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

Новый градиент появится в области готовых образцов градиентов

Когда вы закончите, нажмите ОК, чтобы закрыть Редактор градиентов:

Щелкните по кнопке ОК

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

Автор: Стив Паттерсон (Steve Patterson)

Применение стиля слоя «Наложение градиента»

Важно! Так же как и в случае со стилем слоя «Наложение цвета», помощью этого стиля можно заполнить цветом слой или объект в случае, если параметр «Заливка» в Панели слоёв равен 0%.

Примечание. Об опциях «Заливка» (Fill) и «Непрозрачность» (Opasity), а также об их различиях рассказывается в этом материале.

Режимы наложения (Blend Mode)

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

В следующем примере показано, как меняется вид текста при разных режимах наложения:

Непрозрачность (Opacity)

Эта опция регулирует прозрачность градиентной заливки относительно слоя, к которому она применяется. Действует по принципу опции «Непрозрачность» в панели слоёв.

Градиент (Gradient)

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

В примере ниже Вы можете увидеть разницу между простым, двухцветным и сложным многоцветным градиентами:

Стиль (Style)

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

Галка в чекбоксе «Выровнять по слою» (Align with Layer) выравнивает градиент по слою. к которому он применяется.

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

Угол (Angle)

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

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

Масштаб (Scale)

С помощью этой регулировки Вы можете изменить положение начальной и конечной точки расположения вашего градиента:

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

Сохранение и загрузка настроек стиля слоя по умолчанию

Сохранение и загрузка значений по умолчанию осуществляется точно так же, как и у стиля слоя «Тени».

Как применить предустановленный градиент к выделению в Photoshop CS6

  1. Программное обеспечение
  2. Adobe
  3. Photoshop
  4. Как применить предустановленный градиент к выделению в Photoshop CS6

Автор: Барбара Обермайер

Градиенты добавляют творческой ценности вашей работе, а в Photoshop CS6 есть предустановленные градиенты для вас, пока вы не научитесь создавать свои собственные. Вот как применить предустановленный градиент к выделению в Adobe Photoshop CS6:

  1. Выберите слой на панели «Слои» и / или сделайте выделение, к которому вы хотите применить градиент.

  2. Выберите инструмент «Градиент» на панели «Инструменты» (или нажмите G или Shift + G), пока инструмент «Градиент» не станет активным.

  3. Выберите один из предустановленных градиентов в раскрывающейся панели «Выбор градиента» на панели параметров.

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

    Создайте новый слой поверх слоя изображения и перетащите инструмент «Градиент» (установлен на «Линейный») сверху вниз, используя этот набор настроек. Затем поиграйте с различными режимами наложения для этого слоя. Overlay и Soft Light обычно работают хорошо. Вы также можете попробовать использовать этот новый пресет при маскировке слоя.

  4. Выберите тип градиента, щелкнув один из значков на

.

Полное руководство по инструменту Gradient Tool в Adobe Photoshop

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

Изображение на обложке через Ксению Перминову.

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

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


Градиентная заливка

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

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

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

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

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

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

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

Угловой градиент

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

Отраженный градиент

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

Алмазный градиент

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


Библиотека градиентов

Adobe Photoshop имеет огромную библиотеку предустановленных градиентных заливок, когда выбран инструмент Gradient Tool (G) . Найдите их, щелкнув стрелку раскрывающегося списка рядом с диалоговым окном градиентной заливки.

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


Пользовательские градиенты

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

Градиенты

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

Создание сплошного градиента

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

  • Гладкость: Влияет на переход цвета в градиенте. При 100% ваш градиент создает более плавный переход; значения менее 100% переходят более резко.
  • Color Stop: Указывает цвета в градиенте. Для редактирования дважды щелкните , чтобы открыть диалоговое окно «Палитра цветов ». Вы также можете перемещать каждую цветовую точку внутри ползунка градиента, чтобы влиять на переход цвета.
  • Средняя точка: Эта форма ромба управляет потоком вашего градиента. По умолчанию средняя точка равна средней точке, или 50%, между точками цвета для плавного градиента. Вы можете перемещать среднюю точку, чтобы настроить переход и поток.
  • Контрольная точка непрозрачности: Эти остановки, расположенные над контрольной точкой цвета, влияют на непрозрачность каждого цвета в градиенте. Просто нажмите на остановку непрозрачности, чтобы отрегулировать ее непрозрачность в меню Остановки .Значения менее 100% покажут узор шахматной доски , указывающий уровни прозрачности.
  • Расположение: Влияет на фактическое расположение точек цвета и непрозрачности. Расположение по адресу 0% расположено слева от ползунка, а 100% — справа от ползунка.
  • Удалить: Позволяет удалить границы цвета или непрозрачности в пределах ползунка градиента. Нажмите на стоп, чтобы включить черный треугольник , затем нажмите Удалить .
  • Добавление точек: Добавьте точку цвета или непрозрачности к ползунку градиента, щелкнув над , ползунок для значений непрозрачности или ниже ползунок для остановок цвета .

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

Создание градиента шума

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

  • Шероховатость: Значения шероховатости больше, чем 20% создадут отчетливые цветные линии на ползунке градиента; по мере увеличения значения линии становятся более резкими. Значения меньше 20% будут напоминать плавный градиент.
  • Цветовая модель: Выберите из цветовых режимов RGB , HSB и LAB . RGB сочетает в себе красный, зеленый и синий цвета для получения широкого диапазона оттенков. HSB полагается на Hue , Saturation и Brightness для создания цветов. LAB описывает человеческое восприятие цвета и описывает, как цвет выглядит, что делает его цветовой моделью в зависимости от устройства. Ползунки с серыми стрелками и со стрелками определяют диапазон оттенков, присутствующих в градиенте шума.
  • Ограничить цвета: Если этот флажок установлен, цвета, представленные в ползунке градиента, будут ограничены менее насыщенными оттенками.
  • Добавить прозрачность: Если этот флажок установлен, ползунок добавляет шум прозрачности, обозначенный шаблоном шахматной доски .
  • Произвольный: Щелкните, чтобы рандомизировать оттенки, присутствующие в ползунке градиента.

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

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

Загрузите изображение в Photoshop, затем добавьте корректирующий слой Black & White на панели Layers . Настройте внешний вид вашего изображения с помощью ползунков цвета.

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

Чтобы связать градиент с вашей фотографией, настройте Blend Mode на Screen на панели Layers . Та-да! Вы создали визуально интересное наложение градиента на простых изображениях.

Лицензируйте потрясающий контент с планом, который соответствует вашим потребностям.

Посмотреть цены


Хотите расширить свои знания в области Adobe Photoshop? Ознакомьтесь с этими информационными статьями:

.

Как сделать наложение градиента в Adobe Photoshop

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

Взгляните на технику Лукьяновой на минуту; шаги описаны ниже.

Перед тем, как начать

Используйте этот образец изображения, если хотите, или поупражняйтесь на своем собственном.

Шаг 1. Начните с контрастности

Этот метод лучше всего работает с высококонтрастными фотографиями, поэтому Лукьянова применила его к этой черно-белой фотографии. Затем она выбрала Волшебную палочку (W) и щелкнула, чтобы выбрать черное платье.

Шаг 2. Раскрасьте выделенную область

Затем она добавила корректирующий слой «Градиент».

Шаг 3: Выберите свою палитру

Затем

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

Шаг 4: Сделайте его своим

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

Шаг 5. Увидимся до конца

Чтобы добавить прозрачности к верхнему цвету, Лукьянова нажала кнопку «Непрозрачность» и снизила непрозрачность.

Шаг 6. Сделайте плавный переход

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

Шаг 7: Уточнить края

Регулировка градиентной заливки создает маску слоя над слоем модели, заполняя выбранную область фотографии цветным градиентом.Лукьянова хотела улучшить края маски, поэтому щелкнула большим пальцем маски градиентной заливки на панели «Слои» («Окно»> «Слои»). Затем она выбрала инструмент «Кисть (B)», установила мягкий круглый край и закрасила черным, чтобы обнажить верхнюю часть платья. Она уточнила край выделения, используя кисть меньшего размера, и нарисовала белой кистью по маске, чтобы выявить части градиента, которые она случайно скрыла.

Шаг 8: Цветовая оценка композиции

Для тонкой коррекции цвета Лукьянова добавила к изображению корректирующий слой сплошного фиолетового цвета, нажала кнопку «ОК» и снизила непрозрачность для нового корректирующего слоя.

Создай свой образ

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

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

.

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

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

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

  1. Сначала запустите новый проект Photoshop и создайте форму с помощью инструмента «Прямоугольник», расположенного на главной панели инструментов. В этом проекте мы хотим заполнить всю фигуру радиальным градиентом, но Photoshop также позволяет выбрать меньшую область фигуры с помощью лассо и применить градиент только к этой части.
  2. Выделив фигуру, выберите инструмент «Градиент» на главной панели инструментов.Значок выглядит как прямоугольник, меняющий цвет с черного на белый, и вам может потребоваться сначала нажать и удерживать значок ведерка с краской, чтобы найти его.
  3. Инструмент «Градиент» имеет ряд мощных функций, которые можно настраивать на верхней горизонтальной панели инструментов. Здесь вы найдете множество значков, соответствующих различным стилям градиента. Чтобы включить радиальный градиент, выберите значок с исчезающим белым кружком посередине.
  4. Затем, если вы хотите изменить цветовую схему градиента, дважды щелкните любой из двух цветных квадратов в нижней части главной панели инструментов.Верхний квадрат — ваш начальный цвет (в данном случае цвет исчезающего круга), а нижний квадрат — последний цвет.
  5. Наконец, чтобы убедиться, что ваш радиальный градиент начинается в нужном месте (и с правильным цветом), щелкните и удерживайте указатель мыши там, где вы хотите, чтобы градиент начинался. Вы также можете щелкнуть за пределами экрана, если хотите, чтобы на вашей фигуре появлялась только часть затемнения. Затем переместите курсор туда, куда вы хотите, чтобы градиент исчез, продолжая удерживать кнопку мыши.
  6. Когда вы отпустите кнопку мыши, к форме будет применен радиальный градиент. Рисование длинной линии перед тем, как отпустить мышь, приведет к постепенному градиенту, а рисование короткой линии создаст более быстрый градиент. Для еще большего контроля вы можете настроить непрозрачность, гладкость и другие параметры в редакторе градиентов, который можно открыть, щелкнув предварительный просмотр градиента в верхнем левом углу панели инструментов градиента.

.

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

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

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

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

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

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

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

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

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

Создаем новый документ

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

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

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

Создаем новый файл размером 1200х800 px

После создания нового документа я выберу инструмент «Градиент»
(Gradient Tool) на панели инструментов:

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

Открываем Редактор градиентов

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

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

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

Редактор градиентов

Область готовых образцов градиентов

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

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

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

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

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

В конце списка появившегося на экране меню вы увидите другие наборы градиентов, каждый из которых имеет определенную тематику, например, «Гармонизированные цвета»
(Color Harmonies), «Металлик»
(Metals), «Пастель»
(Pastels) и т.д. Для выбора какого-либо набора кликните по его названию. В моем случае, я выберу набор Гармонизированные цвета 1
(Color Harmonies 1):

Выбираем набор «Гармонизированные цвета 1»

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

Нажимаем ОК, чтобы заменить текущие градиенты по умолчанию новыми из набора

И теперь нам видно, что вместо исходных градиентов появились новые градиенты из набора:

Градиенты из набора «Гармонизированные цвета 1»

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

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

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

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

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

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

И теперь мы снова можем видеть исходные градиенты:

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

Область редактирования

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

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

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

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

По крайней мере, это один из вариантов. Однако на самом деле создавать любой градиент с помощью Редактора градиентов так легко, что часто вы будете для начала просто выбирать один из основных градиентов «Черный, белый»
(Black, White). Я выберу его, кликнув по соответствующей миниатюре (третья слева в верхнем ряду):

Выбираем градиент «Черный, белый»

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

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

Тип градиента

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

Убедитесь, что в качестве типа градиента выбран «Непрерывный»

Замена цветов в градиенте

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

Контрольные точки цвета под каждым из краев градиента

Для того чтобы изменить текущий цвет, сначала кликните по соответствующей контрольной точке для ее выбора. Далее, кликните по образцу цвета в секции «Контрольные точки
» (Stops) в нижней части Редактора градиентов, чтобы выбрать другой цвет. Например, допустим, я хочу изменить цвет в моем градиенте с черного на красный. Для этого, я кликну по черной точке цвета:

Щелкаем по точке того цвета, который вы хотите изменить

Выбрав точку, я кликну по образцу цвета

Щелкаем по образцу, чтобы изменить цвет

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

Выбираем в Палитре цветов красный цвет

После этого, мой исходный черно-белый градиент превратится в красно-белый градиент:

Черный цвет в моем градиенте изменился на красный

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

Дважды кликаем кнопкой мыши по белой контрольной точке цвета

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

Изменяем белый цвет в градиенте на желтый

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

Новые цвета градиента

Настройка средней точки цвета

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

Значок средней точки цвета

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

Настраиваем область перехода с помощью перемещения средней точки цвета

Параметр «Позиция»

По мере перемещения иконки средней точки цвета параметр «Позиция»
(Location) под шкалой градиента меняется, отражая в процентах точное место, где средняя точка расположена между двумя цветами. По умолчанию, значение местоположения средней точки равно 50% (точно посередине между цветами), но после перемещения средней точки влево значение местоположения изменяется до 25%. Другими словами, переход между цветом градиента слева и средней точкой занимает теперь четвертую часть от всей длины градиента, а переход между средней точкой и цветом градиента справа — три четверти от всей длины:

Текущая позиция средней точки цвета

Мы с вами уже рассмотрели, как можно изменить позицию средней точки цвета при помощи перемещения ее значка, однако также мы можем изменить ее месторасположение, введя конкретные значения в окошко ввода данных параметра «Позиция»
(Location). Если я захочу, например, переместить среднюю точку с отметки «1/4» до отметки «3/4», то я смогу сделать это, изменив значение параметра «Позиция» с 25% до 75%:

Вручную вводим новое значение параметра «Позиция»

И теперь нам видно, что средняя точка переместилась на отметку 75%, одновременно удлинив расстояние между красной точкой цвета и средней точкой и сократив расстояние между средней точкой и желтой точкой цвета:

Новая позиция средней точки цвета

Я верну среднюю точку обратно на ее исходную позицию по молчанию, установив значение параметра «Позиция»
(Location) на 50%:

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

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

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

Кликаем кнопкой мыши в соответствующем месте, чтобы добавить третий цвет

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

Дважды кликаем кнопкой мыши по новому образцу цвета

Затем в появившейся Палитре цветов выберите нужный цвет. В моем случае, я выберу голубой:

Выбираем для градиента третий цвет

Третий цвет был добавлен

Перемещение цветов в градиенте

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

Передвигаем цвет с помощью перемещения его контрольной точки вдоль градиента

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

Выбираем желтую точку цвета

Я изменю местоположение точки, введя значение, равное 50%, что приведет к перемещению желтой точки на середину градиента:

Перемещаем цвет с помощью ввода новых значений параметра «Позиция»

Выбираем голубую точку цвета

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

Перемещаем голубую точку цвета до конца правого края градиента

Удаление цвета

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

Выбираем голубую контрольную точку цвета

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

Перемещаем контрольную точку цвета вниз для ее удаления

Копирование существующего цвета

Еще один способ добавления цвета к градиенту заключается в создании копии существующего цвета. Для этого, необходимо нажать и удержать клавишу Alt (Win) / Option (Mac) по мере выделения контрольной точки цвета и перемещения ее вправо или влево. Таким образом, вместо передвижения исходной точки вы переместите копию точки, которую впоследствии можно разместить на вашем градиенте в нужном месте.

Предположим, что я в действительности хочу создать градиент с переходом от красного к желтому цвету и опять к красному. У меня уже есть красный цвет с левой стороны градиента. Вместо того чтобы добавить еще один цвет к градиенту и вручную подобрать в Палитре цветов тот же оттенок красного, я просто нажму и удержу клавишу Alt (Win) / Option (Mac), затем кликну по красной точке цвета и перемещу ее вправо, создав точную копию:

Кликните по точке цвета и переместите ее при нажатой клавише Alt (Win) / Option (Mac), чтобы создать копию

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

Добавление прозрачности

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

Контрольные точки непрозрачности

Некоторые из готовых образцов градиентов уже содержат прозрачность, некоторые — нет, но мы с легкостью можем добавить ее к градиенту по мере необходимости. Например, если я хочу, чтобы мой градиент имел переход от сплошного цвета слева до полностью прозрачного справа, то я могу достичь этого, кликнув по точке непрозрачности, расположенной над шкалой градиента с правой стороны. В результате, станут активными опции прозрачности в секции «Контрольные точки»
(Stops) под градиентом. Обратите внимание, что текущее значение параметра «Непрозрачность»
(Opacity) 100%, и это означает, что на данном участке градиента прозрачности нет совсем:

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

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

Обратите внимание, что цвет контрольной точки непрозрачности изменился с черного на белый. Черный цвет означает, что значение непрозрачности равно 100%, белый — что значение непрозрачности равно 0% (полностью прозрачный цвет). Частичная непрозрачность представлена различными оттенками серого. Заметьте также, что шкала градиента теперь имеет переход от сплошного цвета слева до узора шахматной доски справа. Узор шахматной доски отвечает в программе Photoshop за изображение прозрачности:

Уменьшаем значение непрозрачности контрольной точки справа до 0%

Перемещение контрольных точек непрозрачности

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

Перемещаем контрольную точку непрозрачности от левого края до центра градиента

Добавление контрольных точек непрозрачности

Во-вторых, я могу оставить две исходных точки непрозрачности на их исходных позициях и просто добавить третью точку над серединой шкалы градиента. Для начала я верну контрольную точку непрозрачности обратно на ее исходную позицию в левой части градиента, изменив значение параметра «Позиция»
(Location) с 50% на 0%:

Так же, как и контрольные точки цвета, контрольные точки непрозрачности можно перемещать с помощью изменения значения параметра «Позиция»

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

Программа Photoshop добавит новую точку непрозрачности. Обратите внимание, что значение параметра «Непрозрачность»
(Opacity) для данной точки уже равно 100%, поэтому нам его менять не нужно. Однако я мог бы при необходимости ввести любое значение непрозрачности от 0% до 100%. Также заметьте, что значение параметра «Позиция»
(Location) равно 50%, но снова, при необходимости я мог бы изменить данное значение либо с помощью перемещения самой точки, либо ввода нового значения в окошко параметра «Позиция». Вы можете добавлять к градиенту столько контрольных точек непрозрачности, сколько вам требуется для лучшего контроля перехода цвета:

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

Вы можете копировать существующие контрольные точки непрозрачности, так же как вы это делали с контрольными точками цвета. Просто нажмите и удержите клавишу Alt (Win) / Option (Mac) при перемещении точки непрозрачности влево или вправо, чтобы создать копию и поместить ее в нужном месте. Так же, как и в случае с контрольными точками цвета, вы можете увидеть значок средней точки непрозрачности для каждого набора точек непрозрачности. Кликните по данному значку и переместите его поближе к одной или к другой точки непрозрачности, чтобы настроить нужным образом переход между цветами:

Смещаем среднюю точку непрозрачности вправо

Удаление контрольных точек непрозрачности

Чтобы удалить контрольную точку непрозрачности, кликните по ней для выбора и далее переместите вверх за пределы градиента до тех пор, пока она не исчезнет. Я удалю точку непрозрачности с правого края, кликнув по ней и переместив вверх. Поскольку только у этой точки из трех существующих степень непрозрачности
(Opacity) отличалась от 100%, при ее удалении наш градиент опять стал полностью непрозрачным:

Удаляем контрольную точку непрозрачности справа

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

Перемещаем контрольную точку непрозрачности из середины градиента в правую часть

Параметр «Гладкость»

Последний параметр, который нам надо рассмотреть в сегодняшнем уроке — параметр «Гладкость»
(Smoothness), который отвечает за плавность и постепенность перехода между основными цветами. По умолчанию, его значение равно 100%, и все переходы распределены как можно более равномерно. По мере уменьшения его значения, при переходе между цветами появятся дополнительные тени, что приведет к появлению в градиенте нежелательных полос. В большинстве случаев, лучше оставлять параметр «Гладкость» равным 100%:

Параметр «Гладкость»

Сохранение градиента в качестве нового образца

Когда вы будете довольны видом получившегося градиента, вы можете сохранить его как новый образец. Для этого, сначала введите название градиента в поле «Имя»
(Name). Я назову свой градиент «Красно-желто-красный»:

Даем название новому градиенту

Затем, кликните по кнопке «Новый»
(New):

Щелкаем по кнопке «Новый»

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

Новый градиент появится в области готовых образцов градиентов

Когда вы закончите, нажмите ОК, чтобы закрыть Редактор градиентов:

Щелкните по кнопке ОК

И вот мы закончили! Мы научились создавать, редактировать и сохранять собственные градиенты с помощью Редактора градиентов! Для того чтобы научиться рисовать градиенты, изучите урок

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тема нашей новой статьи: , в частности как создать новый градиент и как его использовать в Фотошопе. Градиенты довольно часто применяются при работе в Фотошопе, так как они могут помочь нам создать достаточно красивые эффекты. Давайте разберёмся, как с ними работать.

  • Желаете скачать просто и удобно отличные ?

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

Инструмент «Градиeнт» Вы можете найти в панели инструментов, вместе с инструментом заливки. После этого, в строке меню, вы увидите превью настроек грaдиента, где кликнув по черному треугольничку, Вы откроете окно с установленными в вашем Фотошопе градиентами.

  • Если Вы пока не знаете , прочитайте нашу статью.

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

Получился подобный эффект? Отлично. А теперь давайте попробуем сделать новый градиент в Фотошопе. Для этого кликните по градиенту в панеле меню (указано красной галочкой).

В открывшемся «Редакторе градиентов» кликните в месте, указанном галочкой.

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

А Вы заметили, что между ползунками появились маленькие ромбики? Попробуйте их подвигать влево-вправо. Изменяется диапазон наложения одного из цветов? Замечательно. Если Вам необходимо удалить один из ползунков, зажмите на нём левую кнопку мыши и перетащите ползунок за пределы окна, либо, выделив ненужный ползунок, нажмите кнопку «Удалить». Ну, а если захотите сохранить новый градиент, задайте ему имя и нажмите кнопку «Новый».

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

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

Тонирующие градиенты в Photoshop CS6 | Soohar

Хотите мгновенно создать эффект тонирования для фотографии? Photoshop CS6 поставляется с предустановленными пресетами, которые позволят тонировать или создать эффект винтажной фотографии за считанные секунды, но они достаточно далеко скрыты. Прочтите этот урок и узнайте, где их найти и как их использовать для создания профессионального сплит-тонированного эффекта. Ниже представлено изображение со всеми пресетами.
 

 

Шаг 1

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

 

Шаг 2

Добавьте корректирующий слой Gradient Map (Карта Градиента). Вы можете сделать это,через палитру слоев или через палитру Adjustments (Коррекция) ( если эта палитра отсутствует, то отобразите ее через менюWindow> Adjustments).
 

 

Шаг 3

В параметрах корректирующего слоя , кликните по градиенту, как показано на рисунке ниже.
 

 

Шаг 4

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

 

Шаг 5

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

 

Шаг 6

Один из способов уменьшить эффект, это добавить корректирующий слой Black and White (Черно-Белое) (Layer> New Adjustment Layer> Black & White) (Слой — Новый Корректирующий слой — Черно-Белый). Расположите этот слой между основным слоем и слоем с картой градиента. Затем понизьте непрозрачность корректирующего слоя с картой градиента до 50%.
 

 

Финальный результат:

 

Автор Denny Tang. Перевод текста Алексей Логвинов.

Интересно и по теме:

Создание винтажного эффекта

Создание модного ретро эффекта за 3 шага

 

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

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

  • Применить градиент через стили слоя 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. Подробности работы этого менеджера можно прочитать в статьях Preset manager и Preset Manager Tool.

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

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

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

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

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

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

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

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

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

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

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

Далее я постараюсь быстро рассказать об остальных настройках этой панели и поскорее перейти к самому градиенту, то есть диалоговому окну редактора градиента Gradient Editor

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

Следующие опции — режимы наложения и степень невидимости. Здесь все просто. Невидимость определяет невидимость, а режимы наложения предлагают на выбор различные режимы наложения, подробно о которых я написал в статье Режимы наложения blending mode в Фотошопе.

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

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

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

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

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

Автор:


Дмитрий Веровски

Пресеты фотографического тонирования в Photoshop

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

С их помощью можно выбирать из коллекции эффекты тонировки и сплит-тонирования. Эти эффекты основаны на реальных химических процессах проявки фотографий.

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

Вот фото, которое я открыл на экране своего компьютера:

Оригинальное фото

Новые пресеты «Фотографического тонирования» были добавлены в раздел настроек «Карты градиента». Это означает, что в первую очередь нам необходимо добавить корректирующий слой «Карты градиента». Нажмите на иконку «Создать новый корректирующий слой или слой-заливку» и в меню выберете пункт «Карта градиента» (в палитре слоев):

Нажмите на иконку создания корректирующего слоя в палитре «Корректировок»

Таким образом, мы добавим корректирующий слой «Карты градиента» поверх фотографии:

В панели слоев теперь появился добавленный корректирующий слой «Карта градиента»

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

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

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

Нажмите на значок шестеренки

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

Выберите в меню пункт «Фотографическое тонирование»

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

Нажмите кнопку «OK», чтобы заменить градиенты по умолчанию пресетами фотографического тонирования

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

В палитре выбора градиента появились миниатюры различных пресетов

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

Повторно нажмите на значок шестеренки в палитре выбора градиента

Затем выберите в меню вариант просмотра: либо «Маленькие миниатюры и меню», либо «Большие миниатюры». Я выбираю первый вариант:

Выбор варианта отображения из меню палитры градиентов

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

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

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

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

Теперь, когда мы загрузили пресеты, а также настроили формат их отображения, нужно нажать на пресет в списке, чтобы Photoshop мгновенно применил его к изображению. Пресеты фотографического тонирования делятся на две группы. В верхней части, начиная с набора «Platinum» и до «Медь 2», располагаются пресеты, которые применяют один тон ко всему изображению.

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

Выбор пресета колеровки «Platinum»

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

Фото с примененным пресетом «Platinum»

Вот, что получится, если я нажму на пресет «Сепия 1»:

Выбор другого пресета из списка

Изображение в окне документа изменяется, отображая, как будет выглядеть фото с примененным пресетом «Сепия 1». В списке есть несколько пресетов сепии, которые вы можете выбрать:

Фото с примененным пресетом «Sepia 1»

А вот, что получится, если я выберу пресет «Сепия под старину»:

Выбор пресета «Cyanotype»

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

Фото с примененным пресетом «Сепия под старину»

Вторая часть пресетов, начиная с «Сепия Селен 1»- это градиенты сплит-тонирования, которые применяют один тон к светлым областям фотографии и другой — к более темным. Все, что нам нужно сделать, это выбрать один из них в списке, и Photoshop мгновенно применит его к изображению. Я выбираю пресет «Сепиа-голубой»:

Выбор пресета сплит-тонирования «Сепиа-голубой»

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

Пресеты сплит-тонирования применяют разные тона для темных и светлых областей изображения

Чтобы эффект проявился еще более явно, я попробую пресет «Золото-медь 2»:

Выбор градиента «Золото-медь 2»

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

Результат применения пресета «Золото-медь 2»

И, в качестве последнего примера, я выберу пресет «Медь-сепия»:

Выбор пресета «Медь-сепия»

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

Эффект сплит-тонирования «Медь-сепия»

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

Нажмите на значок шестеренки

Затем, в открывшемся меню выберите из списка пункт «Восстановить градиенты»:

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

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

Нажмите кнопку «OK», чтобы заменить текущие градиенты на набор по умолчанию

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

Сергей Бензенкоавтор-переводчик статьи «The Hidden Photographic Toning Presets In Photoshop CS6»

Как создавать градиенты с помощью Photoshop Elements

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

Добавление градиента к вашим дизайнам придает им немного больше «очарования» и объема. Если вы не знаете, что такое градиент, вот пример.Это приглашение доступно в моем магазине Etsy.

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

КАК СОЗДАТЬ ГРАДИЕНТОВ

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

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

Чтобы создать градиенты, щелкните инструмент градиента.Этот инструмент находится на 8-м месте справа и выглядит как заштрихованный прямоугольник.

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

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

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

Вот как легко добавить градиент к вашей фигуре.

Вы также можете экспериментировать с различными типами градиентов (линейный, радиальный, угловой, отраженный, ромбовидный). Эти 5 кнопок расположены в нижней части экрана.

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

Простое руководство по установке шрифтов на компьютер
Как создавать печатные формы с помощью Photoshop Elements
Как создать цифровую акварельную печать

Photoshop 101 — Инструмент «Градиент»

Photoshop 101 — Инструмент «Градиент» | Джордж Орнбо

Последнее обновление

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

Расчетное время чтения: 2 минуты

Оглавление

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

Совет: горячая клавиша для инструмента «Градиент» — G. Нажатие G в открытом Photoshop вызовет этот инструмент.

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

  • Выбор градиента — это позволяет вам использовать вашу библиотеку градиентов.Щелкните всплывающее меню, чтобы управлять этим.
  • Линейный градиент — Градиент следует линии
  • Радиальный градиент — Градиент излучается из определенной точки
  • Угловой градиент — Градиент основан на определенном угле.
  • Отраженный градиент — Градиент отражается на основе вашего мазка.
  • Алмазный градиент — Градиент представляет собой ромбовидный эффект. Полезно для придания блеска!
  • Mode — это режим цвета на экране.
  • Непрозрачность — определяет, насколько хорошо виден градиент. 100 — это совсем не так, а 0 означает, что градиент не виден.
  • Reverse — переворачивает цвета градиента.
  • Дизеринг — Делает эффект градиента более плавным за счет уменьшения цветовых полос.
  • Прозрачный — Включает прозрачность, поэтому, если вы хотите, чтобы части вашего градиента были прозрачными, вам это нужно.

Простой фон для веб-сайта

Инструмент градиента можно использовать для создания фона для веб-сайта.Вы можете сделать это, создав градиент шириной 1 пиксель, а затем используя команду repeat-x в CSS, чтобы повторить изображение на фоне. Когда вы создаете градиент, убедитесь, что он становится белым внизу, чтобы он плавно исчезал.
Взгляните на страницу с примером, чтобы увидеть ее в действии и получить исходный код.

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

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

Теги

Последние сообщения

Об авторе

Джордж Орнбо — человек из Великобритании.

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

← http://shapeshed.com

Контент находится под лицензией Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)

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

Алек Драгган, 27 сентября 2019 г.

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

Есть два основных способа использования инструментов Photoshop CC Gradient maps .Вы можете раскрашивать изображения в качестве наложения, а цвет заменять изображение несколькими, обычно двумя, тонами. Замена цвета включает в себя черно-белые изображения, но этот инструмент позволяет выбрать любые два цвета, а не две основные тональности.

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

Карты градиента дают вам больше контроля над контрастом и настроением при превращении фотографий в черно-белые.

В этом руководстве мы рассмотрим следующее:

  • Что такое карты градиента Photoshop CC?
  • Как использовать карты градиента Photoshop CC?
  • Как лучше всего использовать градиентные карты Photoshop CC?

Мы обсудим как общие советы, так и пошаговые изменения, так что давайте сразу же!

Прежде чем мы начнем, убедитесь, что на ваше устройство загружен Photoshop.Вы можете приобрести Photoshop через тарифный план Adobe Creative Cloud всего за 9,99 долларов США в месяц.

Что такое карты градиента Photoshop CC?

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

Если вы хотите разобраться в базовой цветокоррекции с помощью Gradient Maps , ознакомьтесь с этим руководством.Среди других хороших руководств есть этот, в котором используются как Gradient Maps, так и Blending Modes.

Как работают карты градиента?

Возьмите это изображение, например:

Если мы применим к этому слою базовую маску Gradient Mask , используя градиент от черного к белому, то мы получим:

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

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

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

Зачем нужен этот инструмент?

Хотя в приведенном выше примере показана сильная разница в цвете, есть много причин для использования этих эффектов.Цветовая градация не всегда является наложением сплошного цвета, и позже мы увидим, что Gradient Maps действительно соседствует с Blending Modes .

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

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

Где находится инструмент «Карта градиента»?

Вы можете использовать Gradient Map Tool несколькими способами. Когда у вас есть изображение в фотошопе, самый простой способ его выбрать — перейти в Изображение >> Коррекция >> Градиентная карта .

Вы также можете выбрать его на панели Adjustments :

Чтобы сделать эту панель Adjustments видимой, войдите в раскрывающиеся меню верхнего уровня.Выберите Window >> Adjustments и убедитесь, что в списке отмечен пункт «Adjustments».

Если вы работаете в рабочей области Photography , этот параметр выбирается заранее. Чтобы получить доступ к рабочей области фотографии, выберите Window >> Workspaces >> Photography .

Как использовать карты градиента в Photoshop CC

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

Это изображение, которое мы собираемся оценить по цветовой гамме:

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

Применение карты градиента

Примените карту градиента на новом слое либо из Изображение >> Коррекция >> Карта градиента , либо из панели Adjustments .

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

Теперь панель Gradient Bar должна быть видна на панели настройки, если выбран слой Gradient Map :

Два цвета на панели Gradient Bar будут градиентом между выбранным передним планом и фоном. цвет.

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

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

Режим наложения Soft Light — лучшее решение для одного щелчка, если вы не собираетесь регулировать непрозрачность. Если вы хотите настроить насыщенность изображения, используйте что-то вроде Vivid Light , а затем уменьшите непрозрачность.

На этом изображении я обнаружил, что использование Vivid Light или Hard Light с меньшей непрозрачностью работает лучше всего.Следовательно, я использовал следующие настройки для своего корректирующего слоя:

С непрозрачностью 32% и режимом наложения яркого света я могу видеть, как моя текущая карта Gradient Map выглядит с моим изображением.

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

Щелчок по шкале градиента вызывает следующий редактор градиента :

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

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

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

Конечно, переход от темного к светлому — традиция. Тем не менее, вы можете переключить его и перейти от светлого к темному или даже от темного к светлому и темному (от светлого к темному к свету….), Все зависит от вас!

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

Поигравшись с цветами, Режимами наложения, и Непрозрачностью, я остановился на этом окончательно отредактированном изображении:

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

Лучшие варианты использования градиентных карт в Photoshop CC

Как видите, у этих карт есть множество применений. Этот слой быстрой настройки обеспечивает гораздо больший контроль, чем инструменты, доступные в процессах RAW камеры, такие как split toning . Возможность видеть и контролировать переходные эффекты градиента особенно полезна.

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

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

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

Цветокоррекция с помощью карт градиента и портретной съемки

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

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

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

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

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

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

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

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

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

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

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

Используете WordPress и хотите получить Envira Gallery бесплатно?

Envira Gallery помогает фотографам создавать красивые фото и видео галереи всего за несколько кликов, чтобы они могли демонстрировать и продавать свои работы.

Использование инструмента «Градиент» в Photoshop

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

Фото любезно предоставлено — http://www.tutorial.hu/

Инструмент «Градиент» позволяет задать градиент цвета. Использовать его довольно просто: вы просто выбираете инструмент градиента на панели инструментов, щелкаете по холсту и растягиваете область для заливки градиентом. Градиент в основном переходит от одного цвета к другому с плавным переходом. Чтобы заполнить часть изображения, выделите нужную область. В противном случае градиентная заливка применяется ко всему активному слою.Выберите инструмент «Градиент». Если инструмент не отображается, нажмите и удерживайте инструмент «Заливка». На панели параметров выберите заливку из образца широкого градиента. Щелкните треугольник рядом с образцом, чтобы выбрать предустановленную градиентную заливку. Щелкните внутри образца, чтобы просмотреть редактор градиента. Выберите предустановленную градиентную заливку или создайте новую градиентную заливку. Выберите параметр, чтобы определить, как начальная точка, в которой нажата мышь, и конечная точка, в которой она отпускается, влияют на внешний вид градиента. Под линейным градиентом понимаются оттенки от начальной точки до конечной точки по прямой.Затем на панели параметров мы должны указать режим наложения и прозрачность для краски. Нам нужно изменить порядок цветов в градиентной заливке, выберите «Обратный». Мы также должны создать более плавное наложение с меньшим количеством полос, выбрать «Дизеринг» и использовать маску прозрачности для градиентной заливки, выбрать «Прозрачность». Поместите указатель на изображении в том месте, где вы хотите установить начальную точку градиента, и перетащите, чтобы определить конечную точку. Чтобы ограничить угол наклона линии кратным 45 °, при перетаскивании удерживайте нажатой клавишу «Shift».Это завершит весь процесс.

Как идеально воспроизвести градиент неба в Photoshop

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

Но прежде чем мы начнем, и если вы хотите следовать этому руководству в точности так, как описано, загрузите следующее изображение с Pexels: Загрузить

Шаг 1

Откройте базовое изображение, содержащее небо, которое вы хотите воспроизвести в Photoshop.

Шаг 2

Выберите инструмент Crop Tool (C) и обрежьте изображение так, чтобы нижняя часть неба касалась нижней стороны холста, а верхняя часть неба касалась верхней части холста.

Шаг 3

Перейдите в Layer> New Fill Layer> Gradient. Назовите этот слой «Sky Gradient» и нажмите «ОК».

Шаг 4

Скройте слой «Sky Gradient» и с помощью инструмента Rectangular Marquee Tool (M) нарисуйте выделение, как показано.

Шаг 5

Сделайте слой «Sky Gradient» снова видимым и на панели слоев щелкните значок «Добавить маску слоя».

Шаг 6

Дважды щелкните миниатюру слоя «Sky Gradient» и в окне Gradient Fill щелкните Gradient, чтобы открыть редактор градиента.

Шаг 7

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

Шаг 8

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

Шаг 9

В редакторе градиентов щелкните белый ограничитель цвета, чтобы выбрать его.

Шаг 10

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

Шаг 11

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

Шаг 12

Выделив новую добавленную цветовую точку, щелкните в центре градиента неба, чтобы добавить этот цвет к градиенту.

Шаг 13

Добавьте две новые точки цвета в редакторе градиента в месте около 25% и 75%.

Шаг 14

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

Шаг 15

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

Шаг 16

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

Шаг 17

Когда закончите, дайте этому градиенту имя (в данном случае я назову его «Осеннее небо»), нажмите кнопку «Новый» в редакторе градиентов и нажмите OK.

Шаг 18

Снова нажмите OK в окне Gradient Fill, чтобы применить градиент к слою «Sky Gradient» и удалить маску слоя.

Пять вариантов использования масок градиента в Photoshop, Photoshop Elements и Pixelmator

На панели инструментов популярных редакторов изображений Adobe Photoshop, Photoshop Elements и Pixelmator незаметно находится инструмент Gradient, чудесно полезный инструмент рисования, который позволяет создавать плавный постепенный переход от одного цвета к другому (или нескольким). Но помимо использования этого инструмента для добавления цвета в ваш дизайн, вы можете использовать его внутри маски слоя (называемой маской градиента). Установив два цвета градиента на черный и белый — чтобы скрыть и раскрыть, соответственно, — инструмент позволяет вам интересными способами затухать содержимое слоя.В этой колонке вы найдете шесть удобных применений этой творческой техники.

Слияние изображений вместе

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

Маска градиента позволяет быстро объединять изображения в коллаж. Если как минимум два изображения находятся на разных слоях в одном документе, поместите нужное изображение в верхнюю часть коллажа в верхней части стопки слоев.Добавьте к нему маску слоя, щелкнув значок круга в квадрате в нижней части панели «Слои» в Photoshop; он находится в верхней части панели «Слои» в экспертном режиме Photoshop Elements (в Pixelmator выберите «Слой »> «Добавить маску слоя »).

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

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

Переход цвета к черно-белому

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

Еще один эффектный творческий эффект — плавное изменение цветного изображения на черно-белое. Для начала добавьте к вашему изображению черно-белый эффект. В Photoshop щелкните наполовину черный / наполовину белый круг в нижней части панели «Слои» и выберите «Черно-белый». В экспертном режиме Elements нажмите D, чтобы сделать цветные фишки в нижней части панели инструментов черно-белыми, а затем нажимайте X, пока черный не появится сверху.

Затем щелкните наполовину черный / наполовину белый кружок в верхней части панели «Слои» и выберите «Карта градиента».В Pixelmator продублируйте слой изображения, а затем в категории «Регулировка цвета» панели «Эффекты» дважды щелкните значок «Черно-белый». В получившейся палитре «Черно-белое» отрегулируйте контрастность по своему вкусу и нажмите «ОК». При активном дублированном слое выберите «Слой »> «Добавить маску слоя », а затем установите инструмент «Градиент» на черно-белый линейный градиент, как описано ранее. Щелкните и удерживайте верхнюю часть изображения в том месте, где вы хотите, чтобы цвет начал исчезать, а затем перетащите в любом направлении на дюйм или два.

Затухание сплошного цвета на фотографии

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

Выцветая сплошным цветом на одной стороне фотографии, вы создаете безопасное место для текста, что удобно для фотографических объявлений (приглашения, объявления и т. Д.). Это легко сделать, добавив слой заливки сплошным цветом в верхней части стопки слоев, а затем используя инструмент «Градиент» в маске, прилагаемой к слою. Чтобы сделать это в Photoshop и Elements, выберите «Слой »> «Новый слой заливки»> «Сплошной цвет» и выберите любой желаемый цвет в появившемся палитре цветов.В Pixelmator добавьте новый слой вверху стека слоев, залейте его цветом, а затем добавьте маску слоя. Сконфигурируйте инструмент «Градиент», как описано ранее, и с активной маской слоя щелкните и перетащите в пределах документа, где вы хотите, чтобы цвет начинался.

Создание фотоотражения

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

Отражения отлично подходят для добавления глубины или придания объекту вида, как будто он был сфотографирован на другой поверхности (скажем, на отражающем столе).Основная суть этой техники состоит в том, чтобы дублировать слой изображения и перевернуть его по вертикали. В Photoshop вы можете сделать это одним махом, нажав «Option» и выбрав « Правка»> «Свободное преобразование»> «Отразить по вертикали ». В Elements продублируйте слой и выберите Image> Flip Layer Vertical . В Pixelmator продублируйте слой изображения и выберите Edit> Flip Vertical . Используйте инструмент «Обрезка» в этих приложениях, чтобы добавить около двух дюймов дополнительного пространства холста в нижней части документа, а затем, активировав инструмент «Перемещение», перетащите дублирующийся слой под исходным изображением, удерживая нажатой клавишу «Shift» (они должны почти соприкасаться).

Добавьте маску слоя к дублированному слою, возьмите инструмент «Градиент» и, удерживая нажатой клавишу «Shift», перетащите снизу изображения вверх примерно до той высоты, на которой вы хотите, чтобы отражение было. Смягчите отражение, снизив непрозрачность слоя примерно до 50–75 процентов.

Блеклый текст

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

Обязательно используйте большой толстый шрифт, например Arial Black, чтобы вы могли увидеть эффект (тонкие символы не подойдут).

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

Удалите градиенты с ваших астрофотографий с помощью Photoshop

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

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

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

Это по-прежнему мой любимый инструмент для обработки изображений астрофотографии.

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

Шаги, которые я расскажу ниже, можно выполнить в Photoshop без использования каких-либо дополнительных плагинов. Однако я настоятельно рекомендую приобрести Astronomy Tools Action Set и Gradient Xterminator . Они стоят своих денег и могут иметь огромное значение для ваших изображений.

Этот урок Photoshop включает в себя следующее:

  • Оценка неровностей поля
  • Удаление DSO из образа
  • Создание синтетической плоской рамы
  • Вычитание плоской рамки из вашего изображения

Эффективный метод удаления градиентов в Photoshop

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

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

Быстро исправить неровности поля

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

Видео: Как удалить градиенты в Photoshop:

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

Оценка данных

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

Корректировка кривых покажет неравномерное поле

Удаление DSO из образа

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

  1. Сначала скопируйте исходный слой изображения и вставьте его поверх. Назовите его «Градиенты»
  2. .

  3. Скопируйте этот слой на новое изображение. Выберите «Все»> «Копировать»> «Файл»> «Создать»> «Вставить».
  4. На новом только что вставленном изображении удалите объекты глубокого космоса из поля зрения.

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

Удалите DSO с помощью заживляющей щетки

Создание синтетической плоской рамы

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

Ричард Хам сказал следующее на YouTube:

Что я обычно считаю полезным, так это использование Select> Color Range> Highlights, чтобы выбрать звезды, а затем выполнить заливку с учетом содержимого. Я считаю, что это работает лучше, чем не удалять звезды, а просто делать пыль и царапины. Вы можете использовать инструмент «Выделение и маска», чтобы уточнить маску выделения.

  1. Теперь нам нужно размыть детали нашего скопированного изображения без DSO. Выберите «Фильтр»> «Шум»> «Пыль и царапины».
  2. Для разрешения моей камеры в этом примере использовалось значение Radius , равное 80 пикселей, и Threshold , равное O.
  3. Теперь вы должны увидеть размытую версию фонового неба с явно неравномерным полем.

Наша синтетическая плоская рама

Применение плоской рамки к вашему изображению

  1. Теперь вернитесь к исходному изображению и убедитесь, что у вас есть слой «Градиенты», который мы создали, выбранным
  2. Затем выберите «Изображение»> «Применить изображение».
  3. В раскрывающемся меню Source выберите только что созданное скопированное размытое изображение. (Без названия-1)
  4. В раскрывающемся списке Blending Mode выберите Subtract.
  5. Оставьте Непрозрачность на 100% и установите Offset на 30 и нажмите ОК.

Ваш новый улучшенный образ

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

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

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

Широкоугольные изображения, снятые объективом моей камеры, страдают ужасным виньетированием на моем заднем дворе. Вышеупомянутая техника удаления градиента была использована на этом изображении созвездия Ориона для коррекции фона неба:

Созвездие Ориона у меня на заднем дворе

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

Знаете ли вы, что вы можете продавать свои астрофотографии как стоковые фотографии? Я продал несколько своих изображений на Shutterstock за последние 3 года. Посмотреть мое портфолио.

Вы можете быть в курсе последних изображений и информации на странице AstroBackyard в Facebook или подписавшись на меня в Twitter и Instagram.

До следующего раза, чистого неба!

Похожие сообщения

Учебники по астрофотографии — AstroBackyard

Учебное пособие по астрофотографии — обработка изображений глубокого неба в Photoshop

Цель сезона галактик — Тройка галактик во Льве

Моя полная установка оборудования для астрофотографии глубокого неба

Телескопы для астрофотографии для начинающих — мой выбор

Ресурсы:

Учебники по астрофотографии — PhotographingSpace.com

Gradient Xterminator — плагин Photoshop

Набор действий Astronomy Tools — Pro Digital Software

Похожие сообщения

Поделиться

Связанные теги

.

Добавить комментарий

Ваш адрес email не будет опубликован.