Градиентная заливка: 3.5. Градиентная заливка – 3.4. Градиентная заливка

Как сделать градиент GIMP? • GimpArt.Org

Здравствуйте, уважаемые друзья! Как я и обещал в предыдущей статье, сегодня вас ожидает урок, из которого вы узнаете, как сделать свой градиент GIMP.

В прошлом уроке вы могли скачать огромную коллекцию градиентов, для графического редактора GIMP. А вот сегодня, на простых примерах, я покажу вам, как сделать градиент своими руками.

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

Шаг 1. Запускаем графический редактор.

Шаг 2. Теперь переходим на вкладку «Градиенты» и нажимаем кнопку «Новый градиент»

создаем новый градиент

Если у вас нет такой вкладки, то давайте добавим ее. Делается это просто, нажимаем сюда

03_sozdaem-gradient

И в открывшемся меню выбираем «Добавить вкладку – Градиенты»

04_sozdaem-gradient

Шаг 3. После этого у нас откроется диалоговое окно «Редактор градиентов»

05_sozdaem-gradient

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

06_sozdaem-gradient

Шаг 4. Чтобы не забыть, сразу же задаем градиенту новое имя. Для этого нажмите на строчку «Без имени» и введите свое название. В моем примере это будет «new-gradient»

07_sozdaem-gradient

Шаг 5. Как видите, у нас появился градиент с плавным переходом от черного цвета к белому. Градиент такого вида будет создаваться всегда по умолчанию при создании нового градиента.

08_sozdaem-gradient

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

09_sozdaem-gradient

Шаг 7. После редактирования градиента, необходимо сохранить свою работу, нажав на кнопку «Сохранить».

10_sozdaem-gradient

Теперь созданный градиент доступен во вкладке «Градиенты»

11_sozdaem-gradient

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

Создание градиента без перехода

Теперь немного усложним нашу задачу и создадим градиент без плавного перехода одного цвета в другой. Для дальнейшего примера сделаем градиент под цвет Российского флага, т.е. градиент будет содержать в себе «Красный», «Синий» и «Белый» цвет.

Шаг 1. Для начала также нажимаем на кнопку «Новый градиент»

Шаг 2. Теперь необходимо разделить существующий градиент на три равные части (сегменты). Для этого вызываем контекстное меню и выбираем пункт «Равномерно разделить сегмент»

13_sozdaem-gradient

Сдвигаем ползунок до нужного значения, в нашем примере это 3.

14_sozdaem-gradient

Шаг 3. Меняем цвет первого сегмента. Для этого выделяем первый сегмент градиента и

15_sozdaem-gradient

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

16_sozdaem-gradient

В открывшемся окне задаем нужный цвет. В данном случае «Красный» (ff0000). Нажимаем ОК.

17_sozdaem-gradient

Теперь аналогично выбираем цвет «Крайней правой точки»

18_sozdaem-gradient

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

19_sozdaem-gradient

В результате этого у нас получится следующая картина.

20_sozdaem-gradient

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

21_sozdaem-gradient

Шаг 5. Таким же образом меняем цвет последнего сегмента на «Белый»

22_sozdaem-gradient

Шаг 6. Если не забыли, то изменяем имя данного градиента и сохраняем его.

P.S В завершении урока, для закрепления изученного материала, предлагаю вам небольшое домашнее задание:

1. Сделать 3 градиента со следующими цифровыми комбинациями:

240e01-624826-f9f8e3

425454-adc4a0-f4eeb4

38221e-958f7c-f2eec7

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

второго сегмента.

2. Задать имя градиента вида «gimpart – 01», «gimpart – 02» и «gimpart – 03».

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

Вот теперь все. Спасибо за внимание и до скорых встреч. С уважением, Антон Лапшин!

Пожалуйста, оцените эту статью, нажав на звездочки ниже:

22_sozdaem-gradient Загрузка…

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

Тем самым вы мотивируете меня на создание новых уроков и поддерживаете мой проект в дальнейшем развитии. Спасибо Вам Большое!

Также рекомендую ознакомиться со следующей информацией, возможно, она вас заинтересует.

Это вам также будет интересно:

Видео курс азбука GIMP скачать Видео курс азбука GIMP скачать

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


Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

Что такое градиент

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

Как сделать градиентную заливку в Photoshop?

Для работы с градиентом используют инструмент Gradient (Градиент)

на панели инструментов Photoshop и делают это таким образом:
  • выделить область, которую нужно заполнить градиентной заливкой. Если область не выделить, то будет залит весь слой;
  • активизировать инструмент Gradient (Градиент) на панели инструментов Photoshop или нажать клавишу «G» на клавиатуре;
  • установить нужные параметры градиента на панели настраивания параметров;
  • щелкнуть мышью в том месте изображения, где должен начинаться градиент и потом протянуть мышь с нажатой левой кнопкой к конечной точке градиента.
Панель настраивания параметров инструмента Gradient (Градиент), становится доступной после его выбора на панели инструментов Photoshop.

Панель настраивания параметров градиента


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

Фотошоп вас спросит, действительно ли вы желаете изменить выбранную палитру градиентов. Соглашайтесь и выбирайте из списка. Рассмотрите все предложенные наборы, чтобы иметь представление.
Рядом с полем Градиентов расположены кнопки:
Кроме коллекции готовых градиентов в Photoshop есть возможность создавать свои собственные градиенты. Для этого используют редактор градиентов.
Список Mode (Режим) определяет метод наложения градиентной заливки на цвет уже существующих пикселей изображения. Вы можете выбрать один из предложенных в списке вариантов.
Поле Opacity (Непрозрачность)
предназначено для управления непрозрачностью градиента (то есть для определения степени видимости градиентной заливки, накладываемой на изображение). Допустимы значения в диапазоне от 1% (градиент будет практически прозрачным) до 100% (значение по умолчанию, полностью непрозрачный градиент). Вы можете ввести требуемое значение с клавиатуры либо щелкнуть по кнопке со стрелкой и установить величину параметра с помощью регулятора. Чем меньше заданное в этом поле значение, тем более прозрачной получится градиентная заливка на холсте.
Флажок Reverse (Инверсия) — предназначен для включения и отключения режима инверсии градиента. Очень полезный флажок. Позволяет быстро изменить порядок следования цветов в градиентной заливке на обратный.
Флажок Dither (Дизеринг) — предназначен для включения и отключения режима сглаживания градиента. Если этот флажок установлен, программа Photoshop CS4 будет предотвращать появление полос при смене цветов градиента.
Флажок Transparency (Прозрачность) — предназначен для включения и отключения режима прозрачности градиента. Если этот флажок установлен, в градиент включаются прозрачные и полупрозрачные области.

Что такое редактор градиентов?


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

Верхнюю часть занимает палитра заданных градиентов, справа — кнопки Загрузить и Сохранить. Градиенты можно сохранять в файле и загружать из файла.
Ниже располагается набор параметров избранного в данный момент градиента. Создания новых градиентов осуществляется только на основе уже существующих. При этом вы должны сначала выбрать градиент, который послужит основой, а потом нажать кнопку New (Новый).
Центральную часть окна редакторы градиентов занимает цветовая полоса, которая отображает цветовую гамму и цветовые переходы в рамках избранного градиента. Маркеры под полосой задают цвет градиента и положение этого цвета на полосе градиета. Между маркерами цвета плавно перетекают с одного в другой. Аналогично задается прозрачность, но маркеры прозрачности расположенные над полосой.
Чтобы изменить цвет, который отвечает какому-нибудь цветовому маркеру, щелкните по нему мышкой, и внизу станут доступные настройки для этого цвета:

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

Если вы в процессе работы создали новые красивые градиенты их можно сохранить в отдельном файле. Кнопка Save (Сохранить) предназначена именно для этого.

Как загрузить градиент из коллекции готовых градиентов Photoshop?

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

1.Откройте редактор градиентов Photoshop
2.Нажмите в окне редактора кнопку Load (Загрузить)
3.Выберите в открывшемся окне файл градиента.
(Примечание: файлы градиентов обычно скачивают в виде архива, сначала нужно распаковать архивный файл)

2 способ.

1.Найдите в главном меню фотошоп вкладку Edit (Редактирование)и выберите команду Preset Manager (Управление наборами)

2.Выберите в списке Preset Type (Тип набора) — Gradients (Градиенты)
3.Нажмите в окне Load (Загрузить)
4.Выберите в открывшемся окне файл градиента.

 
 

Новые материалы

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

Градиент (от лат. 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% — правый.

Ползунки прозрачности расп

10. Градиенты

Рисунок 7.23. Несколько примеров градиентов в GIMP

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

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

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

Фильтр «Отображение градиента»

этот фильтр находится в меню цветов и позволяет вам «сделать цветным» чёрно-белое изображение, заменяя каждый оттенок серого соответствующим цветом из активного градиента. Так, для оттенка 0 (самый тёмный) выбирается цвет в левом конце градиента, для оттенка 255 — в правом конце градиента. Для дополнительной информации смотрите раздел Отображение градиента.

Когда вы устанавливаете GIMP, вместе с ним устанавливается большое количество интересных градиентов, и вы можете добавлять новые, создавая собственные или загружая из других источников. Для доступа к полному набору доступных градиентов используйте диалог Градиенты — диалог, который вы можете активировать при необходимости, или оставить рядом как закладку в панели. «Текущий градиент», используемый в большинстве операций с градиентом, отображается в области Кисть/Шаблон/Градиент панели инструментов. Щелчок по символу градиента в панели инструментов это альтернативный метод вызова диалога градиентов.

Множество быстрых примеров работы с градиентами (подробности смотрите здесь: инструмент Градиент):

  • Разместить градиент в выделении:

    1. Выбор градмента

    2. С помощью инструмента градиента нажмите и переместите курсор мышки по выделению.

    3. Цвета будут распределены по направлению, перпердикулярном направлению перемещения мышки, и по всей длине перемещения.

    Рисунок 7.24. Как быстро использовать градиент в выделении


  • Рисование градиентом:

    Инструменты «Карандаш», «Кисть» или «Аэрограф» тоже могут работать с градиентами, если выбрать динамику Цвет из градиента. На следующем шаге выберите подходящий градиент в параметрах цвета, в в параметрах угасания укажите длину градиента и стиль повторения. В главе Раздел 3.2.6, «Параметры динамики» эти параметры описываются более подробно.

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

    Рисунок 7.25. Как быстро использовать градиент с инструментом рисования

    Чтобы использовать инструменты рисования с теми значениями, которые были известны как параметр Использовать цвет градиента в GIMP до версии 2.6 включительно, откройте диалог профилей инструмента. Затем выберите один из элементов: Аэрограф (цвет из градиента), Кисть (цвет из градиента) или Карандаш (цвет из градиента).

  • Разный результат с тем же градиентом:

    Рисунок 7.26. Использование градиентов


Немного полезных вещей о градиентах в GIMP:

  • Первые четыре градиента в списке особенные: вместо фиксированных цветов они используют цвета фона и переднего плана из области цвета панели инструментов. Основной в фоновый (RGB) это представление RGB градиента из цвета переднего плана в цвет фона в панели инструментов. Основной в фоновый (HSV по часовой) представление последовательности оттенка в цветном кругу от выбранного оттенка до 0°. Основной в фоновый (HSV против часовой) представление последовательности оттенка в цветном кругу от выбранного оттенка до 360°. Основной в прозрачный выделенный оттенок становится всё более и более прозрачным. Вы можете изменить эти цвета с помощью выборщика цветов. Итак, изменяя цвета переднего плана и фона, вы можете сделать эти градиенты плавно переходящими между двумя выбранными цветами.

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

  • Вы можете создавать новые собственные градиенты с помощью Редактора градиентов. Вы не можете изменить установленные вместе с GIMP градиенты, но вы можете их дублировать или создавать новые для последующего редактирования.

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

В GIMP 2.2 добавлена новая возможность загружать градиенты из файлов формата SVG, используемого многими программами векторной графики. Для того чтобы GIMP загрузил градиент в формате SVG, всё, что вам нужно сделать это просто поместить его в папку gradients в вашей персональной директории, или в любую другую папку, указанную в вашем поисковом пути градиентов.

[Подсказка]Подсказка

Вы можете найти большое количество интересных градиентов в сети, в частности на странице OpenClipArt Gradients [OPENCLIPART-GRADIENT]. Вы не сможете увидеть как эти градиенты выглядят если ваш браузер не поддерживает SVG, однако это не помешает вам их скачать.

Как управлять градиентными заливками в Adobe Illustrator — Советы

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

Этот урок был создан для DesignModo.

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

Хочу заметить, что другие векторные редакторы могут иметь дополнительные виды градиентов. Так, например, CorelDraw  имеет еще конический и квадратный градиенты.

Для управления градиентными заливками в Adobe Illustrator служат панель Gradient  (Window > Gradient) и инструмент Gradient Tool (G), который вы сможете найти на панеле инструментов.

Вы также можете управлять градиентом при помощи Gradient Annotator.

Эта функция, также как и эллиптический градиент, появилась только в Adobe Illustrator CS4. Gradient Annotator становится активным только после выбора Gradient Tool (G). По разным причинам Gradient Annotator может пропадать в процессе работы, что служит причиной появления тысяч одинаковых вопросов на форумах иллюстраторов. Для включения Gradient Annotator переходим View > Show > Gradient Annotator или используем комбинацию горячих клавиш Option / Alt + Command / Ctrl + G.

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

По умолчанию это заливка черно-белым линейным градиентом.

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

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

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

Если вы работаете в Adobe Illustrator CS4 – CS6, то двойной клик по ползунку открывает панель Colors или Swatches прямо в панеле Gradient. Теперь вы можете смешивать цвета или выбирать цвет из имеющихся образцов.

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

Для изменения цвета ползунка вы можете также использовать Eyedropper Tool (I). Выделяем один из ползунков, берем Eyedropper Tool (I) и, удерживая Shift, берем цвет с другого объекта, который имеет сплошную или градиентную заливку. Таким способом вы также можете брать цвета с растровых изображений или градиентных сеток.

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

Вы можете дублировать  ползунки, для этого потащите его в сторону, удерживая Option / Alt key.

Для удаления ползунка потяните его вниз или нажмите иконку Delete Stop.

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

В панеле Gradient  вы можете выбрать вид градиента…

установить его угол…

установить соотношение сторон для радиального градиента, что превратит его в эллиптический….

уменьшить непрозрачность для ползунка (доступно для пользователей Adobe Illustrator CS5 – CS6)

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

Если взять Gradient Tool (G), то вы сможете управлять градиентом непосредственно на объекте при помощи Gradient Annotator. Вы можете перемещать его, изменять угол и двигать ползунки.

При помощи Gradient Tool (G) вы можете задавать угол, направление и длину градиента, используя метод: нажимаем и тащим.

Если после создания радиального градиента кликнуть на каком-нибудь месте при помощи Gradient Tool (G), то центр градиента будет перемещен в это место, при этом мы получим эксцентричный радиальный градиент, как это показано на рисунке ниже.

Конечно, в статье про градиентные заливки мне следует сказать, что в Adobe Illustrator CS6 мы имеем возможность применять градиент к обводке. Такая заливка имеет три вида: gradient within stroke, gradient along stroke,  gradient across stroke.

И я уже применял новую функцию несколько раз на практике.

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

1. Форма и расположение источника света;

2. Форма освещаемого объекта;

3. Наличие рефлексов;

4. Материал освещаемого объекта (хотя этот фактор не влияет на вид градиента, а только на контрастность его  цветов и положение регулирующих ползунков, то есть на плавность переходов между цветами).

Это кажется вам сложным? Давайте рассмотрим вышесказанное на практике.

1.    Объект  — пластиковая сфера, которая освещена точечным источником света. Объект находится на цветном фоне.

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

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

2.    Объект  — металлический цилиндр.В этом случае нам необходимо использовать линейный градиент.

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

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

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

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

Женское лицо в Аdobe Photoshop

Adobe Photoshop дает дизайнеру очень много возможностей

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

Стандартный процесс применения градиента

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

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

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

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

Градиенты

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

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

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

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

Процесс создания

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

Прежде всего, следует активировать на панели инструмент «Градиент», сопровождающийся пиктограммой, имеющей форму прямоугольника с неравномерной заливкой.

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

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

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

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

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

Аdobe Рhotoshop градиент

Дополнительные режимы

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

Процесс применения дополнительных инструментов

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

Используя поле «Непрозрачность», можно варьировать визуальное отображение основного фона, устанавливая параметры прозрачности от 1 до 100%. Следует помнить, что выбрав максимальный показатель, выбранная область после заливки станет полностью непрозрачной.

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

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

Градиент и заливка. Photoshop CS3: Обучающий курс

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

Примерно в середине панели инструментов расположен инструмент Gradient Tool (Градиент) (рис. 3.9).

Рис. 3.9. Gradient Tool (Градиент) на панели инструментов

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

На панели опций при выборе градиента появляются следующие параметры: Gradient Picker (Указатель вида градиента), тип градиента, который может быть Linear Gradient (Линейный градиент), Radial Gradient (Радиальный градиент), Angle Gradient (Угловой градиент), Reflected Gradient (Отраженный градиент), Diamond Gradient (Ромбовидный градиент), далее также расположены параметры Mode (Режим) и Opacity (Прозрачность), которые мы рассматривали выше, при описании аналогичных параметров инструментов Кисть и Карандаш.

Рис. 3.10. Параметры вида и типа градиента на панели опций

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

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

Для того чтобы более детально настроить параметры цветов градиента, щелкните мышкой по прямоугольнику с отображением образца градиента, показанному на рис. 3.10 слева. Появляется окно Gradient Editor (Редактор градиента) (рис. 3.12).

Рис. 3.12. Окно Gradient Editor (Редактор градиента)

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

Далее, при помощи опции Gradient Type (Тип градиента), мы можем выбрать один из двух вариантов типов градиента: Solid (Сплошной) и Noise (Смешанный) (рис. 3.13).

Рис. 3.13. Два варианта типа градиента в окне редактора градиента

При выборе варианта Solid (Сплошной) мы работаем с наиболее классическим градиентом и его параметрами (рис. 3.14).

Рис. 3.14. Опции градиента при выборе типа Solid (Сплошной)

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

При выборе варианта Noise (Смешанный) мы работаем уже с другими параметрами, настраивающими градиент (рис. 3.15).

Рис. 3.15. Опции градиента при выборе типа Noise (Смешанный)

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

В любом случае после настройки необходимо нажать кнопку OK и применить настроенный инструмент Градиент к изображению.

В группе инструмента Градиент находится также инструмент Paint Bucket Tool (Ведро с краской) (рис. 3.16).

Рис. 3.16. Группа Gradient Tool (Градиент)

Он позволяет заливать монотонные регионы каким-либо цветом. Для этого нам необходимо выбрать данный инструмент, указать нужный цвет в квадрате выбора цвета и щелкнуть этим инструментом в каком-либо месте на изображении. Монотонный регион под указателем будет закрашен в выбранный цвет. Например, на рис. 3.17 слева вы видите весьма несложное изображение, на котором есть три монотонных региона: регион внутри окружности, регион снаружи окружности и сама окружность. На этом же рисунке справа вы видите данное изображение после закрашивания каждого региона в определенный цвет при помощи инструмента Paint Bucket Tool (Ведро с краской).

Рис. 3.17. Изображение до применения инструмента Paint Bucket Tool (Ведро с краской) и после

Данный инструмент также имеет ряд параметров на панели опций. Fill (Заливка) позволяет переключаться между двумя режимами: Foreground (Передний план) и Pattern (Изображение). Первый заливает регионы монотонным цветом, второй – заполняет их каким-либо изображением из представленных в списке, раскрываемом нажатием на копку правее (рис. 3.18).

Рис. 3.18. Режим Pattern (Изображение) с открытым списком вариантов изображений

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

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

Потренироваться работать с данным параметром можно следующим образом: создайте новое изображение, ничего в себе не содержащее, кроме белого листа (File ? New), возьмите инструмент Gradient Tool (Градиент), задайте ему два любых разных цвета в квадратах выбора цвета и растяните линию градиента из одного угла листа в другой. У вас получится изображение с плавным переходом цветов. Теперь возьмите инструмент Paint Bucket Tool (Ведро с краской), задайте значение параметра Tolerance (Допуск) = 20 и попробуйте залить в каком-нибудь определенном месте изображение. Вы увидите, что зальется совсем небольшой участок. Теперь нам понадобится отменить действие заливки. Для этого необходимо нажать кнопку Undo Paint Bucket (Отменить Ведро с краской) в выпадающем меню Edit (Редактировать) (рис. 3.19).

Рис. 3.19. Пункт отмены действия

Действие заливки отменено. Теперь увеличьте значение параметра Tolerance (Допуск) и примените Ведро с краской снова в том же месте. У нас закрасился уже гораздо больший регион, так как Tolerance (Допуск) влияет на степень монотонности закрашиваемого региона. На рисунке 3.20 показано, что примерно должно у вас получиться в обоих случаях.

Рис. 3.20. Результат применения Paint Bucket Tool (Ведро с краской) на изображении градиента. Слева значение Tolerance = 20, справа – 70

Данный текст является ознакомительным фрагментом.

Читать книгу целиком

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

Следующая глава >

Добавить комментарий

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