Уроки фотошопа для начинающих. Градиент цветов


Инструмент Gradient

Градиент (от лат. 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.

Перевод: Оксана Гудкова.Ссылка на источник

photoshop-master.ru

Градиенты в Photoshop

 Время чтения:5 минут Изображений:11

Градиент, как известно, это плавный переход от одного цвета к другому. Но при правильном сочетании цветов, градиенты можно использовать как отличный способ добавить реалистичное освещение и затенение на поверхности. Комбинируя градиенты можно создать не только иллюзию реальности, но придать некий объём тем объектам, к которым мы применяем градиенты. Особенно легко работать с градиентами в Photoshop. Если вы работаете над элементами графического интерфейса, то созданный стиль для слоя может быть легко скопирован на другие слои, а также скомбинирован с градиентными слоями. Предоставляя полную свободу для творчества Photoshop позволяет создавать как простые так и сложные градиентылегко и быстро. Сегодня речь пойдет о тех вещах, которые быть может вам известны, но тем не менее я хотел бы остановиться на них ещё раз.

Линейный градиент (Linear gradient)

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

Отраженный градиент (Reflected gradient)

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

Радиальный градиент (Radial gradient)

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

Угловой градиент (Angle gradient)

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

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

Что можно ещё сделать с градиентами? Правильно, сделать комбинированный градиент. Для этого нужно применить один градиент поверх другого и использовать режим смешивания. Объединяя градиентный слой с градиентом в стилях слоя, мы можем выполнять наложение двух различных градиентов, создавая более сложный эффект и получая более динамические результаты. Для создания комбинированного градиента, вам необходимо установить режим смешивания для слоя с градиентом в стиле. Например, можно использовать либо режим Screen(хорошо для освещения) либо режим Muliply(хорошо для затемнения).

Сглаживание (Dithering) это всё!

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

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

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

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

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

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

 

Градиентная карта (Gradient Map)

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

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

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

 

mainview.ru

Градиенты – новые цвета? | UX Guru

Цвета – это один из самых важных и сильных элементов дизайна. Поскольку дизайн – это эволюция, наше восприятие цветов (и то, как мы их применяем) постоянно меняется.

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

Градиент в логотипе и интерфейсеГрадиент в логотипе и интерфейсе

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

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

Новый градиентный логотип InstagramНовый градиентный логотип Instagram

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

 

Почему градиенты такие трендовые?

 1. Градиенты хорошо запоминаются

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

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

Градиентный логотип AsanaГрадиентный логотип Asana

2. Градиенты уникальны

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

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

 

3. Градиенты кажутся реалистичными

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

Градиент в интерфейсеГрадиент в интерфейсе

4. Градиенты просто более красочны и игривы

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

Перевод статьи Гала Шира

Источник: medium.muz.li

uxgu.ru

Градиенты – это новые цвета?

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

Градиенты – это новые цвета

Градиенты – это новые цвета

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

Почему градиенты так популярны?

Градиенты легко запоминаются.

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

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

Градиенты – это новые цвета

Градиенты – это новые цвета

Градиенты уникальны.

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

Например, вы не можете использовать синий цвет, потому что это уже сделал Facebook, поэтому вы используете один из его тонов, но понимаете, что это цвет Twitter. На всех цветов не хватает.

И в этот момент в игру вступают градиенты. Дизайнеры могут создать множество различных непохожих друг на друга сочетаний.

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

Градиенты реалистичны.

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

Градиенты – это новые цвета

Градиенты – это новые цвета

Градиенты более красочные.

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

Понравилось это:

Нравится Загрузка...

ЭТО ИНТЕРЕСНО!

pt-blog.ru

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

Некоторые понятия и термины используются сугубо в узких рамках профессиональной лексики. Другие же определения встречаются в областях, резко противоположных. Так, например, понятием "градиент" пользуется и физик, и математик, и специалист по маникюру или "Фотошопу". Что же такое градиент как понятие? Давайте разбираться.

Что говорят словари?

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

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

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

Математические функции

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

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

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

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

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

что такое градиент потенциала

Термины метеорологов и географов

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

Что такое градиент температуры вертикальный? Это величина, которая показывает изменение показателей, вычисленное на высот в 100 м. Может быть как положительного направления, так и отрицательного, в отличие от горизонтального, который всегда положителен.что такое градиент температуры

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

Медицинские показатели

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

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

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

что такое градиент давления

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

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

что такое градиент скорости

Экономические функции

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

Градиент цвета

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

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

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

что такое градиент в очках

Цвет в веб-дизайне

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

Градиентная красота

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

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

что такое градиент функции

Рукоделие

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

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

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

fb.ru

Инструмент Градиент | photoshop-virtuoz.ru

Инструмент Градиент (Gradient Tool) создаёт заливку с плавным переходом между двумя или несколькими цветами. На протяжении цветовой растяжки могут меняться как цвета, так и прозрачность. Градиент (Gradient Tool) является одним из самых эффективных и часто используемых инструментов Фотошоп, поэтому отличное владение этим инструментом является обязательным условием эффективной работы в Фотошоп.

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

Панель инструментов.

12-7-7-1Инструмент Градиент (Gradient Tool) находится в одной группе с инструментом Заливка (Paint Bucker). Данную группу инструментов можно активировать с помощью клавиши быстрого вызова (G), либо кликнув на значок Градиента (Gradient Tool) или Заливки (Paint Bucker) в панели инструментов. Чтобы переключиться с одного инструмента на другой, достаточно кликнуть на значке правой клавишей мышки и выбрать нужный инструмент или с помощью сочетания клавиш (Shift + G).

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

Панель настроек инструмента.

Инструмент Градиента (Gradient Tool) имеет свою панель настроек.

12-7-7-2

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

2. Вариант применяемой градиентной заливки.

3. Режим (Mode) наложения градиента.

4. Непрозрачность (Opacity) градиента.

5. Чтобы сменить порядок цветов в градиентной заливке на противоположный, поставьте галочку Инверсия (Reverse).

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

7. Поставьте галочку Прозрачность (Transparency), чтобы прозрачные области также можно было залить градиентом.

Выбор образца градиента.

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

12-7-7-3

1. Чтобы добавить скаченный из интернета набор градиентов, выберите команду Загрузить градиенты (Load Gradients) (на скриншоте выше в синей рамке). В открывшемся окне укажите путь к Вашему набору и нажмите Загрузить.

2. Чтобы заменить активный набор градиентов, выберите команду Заменить градиенты (Replace Gradients) и так же в открывшемся окне укажите путь к Вашему набору и нажмите Заменить.

3. Если хотите сохранить созданный Вами  набор градиентов, выберите команду Сохранить градиенты (Save Gradients). В открывшемся окне введите название файла, укажите местоположение для хранения и нажмите Сохранить (расширение файла .grd).

Градиент можно сохранить в любом месте. Но если файл будет помещен в папку с примерным путём: Диск C / Program Files / Adobe / Adobe Photoshop CS3 / Presets / Gradients, то имя градиента появится в списке наборов градиентов (обведён красной рамкой на скриншоте выше) после перезапуска Фотошоп.

4. Чтобы восстановить набор градиентов заданных по умолчанию, выберите команду Восстановить градиенты (Reset Gradients).

Диалоговое окно «Редактор градиентов».

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

12-7-7-4

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

1. Меню инструмента градиент.

2. Тип градиента: Непрерывный (Solid) или Шумовой (Noise). Эти два типа градиентов имеют разные элементы управления.

3. Гладкость (Smoothness). Устанавливает плавность перехода между цветами градиента.

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

4. Контрольная точка Непрозрачности (Opacity).

5. Контрольная точка Цвета (Color).

Для того, чтобы создать новую контрольную точку с промежуточным цветом, достаточно кликнуть в любой точке над или под цветовой полосой градиента. Чтобы удалить контрольную точку нажмите кнопку Удалить (Delete) (10).

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

7. Непрозрачность (Opacity). Непрозрачностью управляют контрольные точки над цветовой полосой.

8. Позиция (Location). Определяет положение контрольной точки на цветовой полосе.

9. Цвет (Color). Цветом управляет контрольная точка под цветовой полосой. Чтобы поменять цвет, достаточно кликнуть на образце цвета в окошке и в открывшемся окне Палитры цветов (Color Picke) выбрать нужный цвет.

10. Удалить (Delete). Удаляет контрольные точки.

Если Вы хотите сохранить созданный образец градиента, достаточно сделать следующее: в поле Имя (Name) (11) введите название созданного градиента. Нажмите кнопку Новый (New) (12). Ваш градиент появится в окошке Наборы (Presets) (13). Нажмите ОК (14).

Чтобы удалить сохранённый градиент из окошка Наборы (Presets) (13), кликните на образце градиента в этом окне правой клавишей мышки и выберите в появившемся списке доступных операций команду Удалить градиент (Delete Gradient). Будьте осторожны, удаляйте только свои сохранённые градиенты!

Ну вот пожалуй и всё. Успеха Вам в освоении этого интересного инструмента!

Автор: Владимир Нестеров | Источник: photoshop-virtuoz.ru

photoshop-virtuoz.ru

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

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

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

 

Самое простое - найти новогоднюю рамку и вставить свое фото. Хорошо, если рамка и фото в одной цветовой гамме. Иногда вставляешь фото, а оно по цвету ну ни как не вписывается и получается очень пестрая картинка.

 

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

 

Выбираем готовую рамку и фото.

 

Готовая рамка в уроке фотошопа для начинающих

 

Вставляем фото в рамку.

 

Фото в рамке в уроке фотошопа для начинающих

 

К слою с фото добавляем стиль "Gradient Overlay" (Наложение градиента).

 

Наложение градиента в уроке фотошопа для начинающих

 

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

Ставим режим "наложения градиента" (Blend Mode - Color)(Цвет).

 

Ставим режим в уроке фотошопа для начинающих

 

Такой режим наложения окрасит наше фото в цвет градиента, то есть в черно-белый цвет.

 

Черно-белый цвет в уроке фотошопа для начинающих

 

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

 

Цвет градиентной заливки в уроке фотошопа для начинающих

 

Чтобы изменить цвет градиента, надо изменить цвет в чернильницах.

Щелкаем по нижнему черному ползунку и пипеткой выбираем на рамке зеленый цвет. Затем щелкаем по нижнему белому ползунку и пипеткой выбираем желтый цвет на рамке.

 

Цвет на рамке в уроке фотошопа для начинающих

 

Окраска градиента меняется и аналогично меняется окраска на фото.

 

Окраска градиента в уроке фотошопа для начинающих

 

Меняем параметр "Angle" (Угол) при наложении градиента и получаем зону желтого цвета слева или справа, вверху или внизу.

 

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

 

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

 

Работаем ластиком в уроке фотошопа для начинающих

 

Зеленым контуром обведена область изображения, которая была стерта ластиком на верхнем слое "Layer1copy".

 

Посмотрите, какие изменения происходили с нашим фото.

 

Изменения на фото в уроке фотошопа для начинающих

 

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

На следующем примере все золотисто-зеленое.

 

Следующий пример в уроке фотошопа для начинающих

 

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

 

Ваши фантазии в уроке фотошопа для начинающих

 

Разные примеры по оформлению фото найдете в электронной книге "Как из фото сделать что-то..."

 

www.adobemaster.ru


Смотрите также