ФотошопСундучок photoshopsunduchok
Начните свой путь в мир ФОТОШОПА сейчас!

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

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

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас 170 гостей и ни одного зарегистрированного пользователя на сайте

 

 

 

 

 

 

Яндекс.Метрика

Градиенты для фотошопа. Знакомство и редактирование

 

Градиенты для фотошопа
Знакомство и редактирование
 

Программа Фотошоп является очень мощным графическим редактором.

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

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

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

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

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

Надеюсь, он будет для Вас полезен.

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

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

Градиент, как и все остальные инструменты, имеет свою панель управления, расположена она над окном просмотра.

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

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

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

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

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

Слева на право:

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

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

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

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

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

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

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

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

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

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

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

Это основные настройки и элементы управления инструмента градиент.

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

В этом окне можно на основе существующего градиента создать свою модификацию.

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

В нижнем поле редактора выбираем пункт «Непрерывный» и «Гладкость» 100%.

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

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

Если щелкнуть левой кнопкой мышки (ЛКМ) по этому окошку высветиться диалоговое окно «Палитра цветов» для выбора цвета узловой точки градиента. Поменяем в этом окне оттенок цвета. Нажимаем «Ок».

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

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

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

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

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

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

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

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

Чтобы удалить промежуточную контрольную точку, просто активируйте ее, щелкнув по ней ЛКМ, и нажмите на кнопку «Удалить».

Для управления плавностью или если так можно определить шириной перехода существует регулировка «Гладкость».

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

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

После создания необходимого градиента введите его название в текстовом поле «Имя» и нажмите кнопку «Ок».

 

Еще одной очень интересной разновидностью градиента является градиент ШУМА.

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

Для создания градиента шума в редакторе в поле «Градиент» необходимо указать данную разновидность.

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

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

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

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

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

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

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

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

В следующей части материала мы поговорим о возможных вариантах применения градиентов.

Приятных творческих успехов!

 

Продолжение урока здесь

 

 

 

Если Вы не хотите пропустить интересные уроки по обработке фотографий - подпишитесь на рассылку.
Форма для подписки находится ниже.

Комментарии  

didugan
0 # didugan 05.04.2017 20:09
Спасибо большое! Очень полезная информация
Ответить | Ответить с цитатой | Цитировать
Vasiliya
0 # Vasiliya 24.03.2017 08:00
Спасибо за урок!
Ответить | Ответить с цитатой | Цитировать

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

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


Прикрепить фотографии

Популярные уроки сайта:

Prev Next

Рисуем планету земля

Уроки рисования в фотошопе

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

Читать далее

Мозайка из фотографий

Уроки фотошопа коллажи

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

Читать далее

Как восстановить стар…

Видеоуроки

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

Читать далее

Рисуем в фотошопе "…

Уроки рисования в фотошопе

Рисуем в фотошопе Мяч для гольфа Всем привет! Сегодня мы нарисуем с нуля мяч для гольфа.  Мяч для игры в гольф нарисовать не так-то просто, как может показаться на первый взгляд. Вся поверхность...

Читать далее

План реставрации фото

Видеоуроки

План реставрации фото Прежде чем начать делать непосредственно в фотошопе реставрацию снимка, надо сесть и подумать над некоторыми вопросами. О чем надо подумать? Смотрите новый видео урок: «План реставрации фотографий».        Серия уроков по реставрации фотографий: Реставрация фото. Варианты получения правильной черно-белой картинки Подготовка к...

Читать далее

Светящийся текст

Уроки фотошопа текст

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

Читать далее

Огненный текст

Уроки фотошопа текст

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

Читать далее

Рамка для фотографии

Рамки в фотошопе

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

Читать далее

Шрифт набросок

Уроки фотошопа текст

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

Читать далее

Эффекты эскиза

Фотошоп уроки эффекты

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

Читать далее

Текстура дерева

Уроки фотошопа текстуры

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

Читать далее

Текст "Геометрия…

Уроки фотошопа текст

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

Читать далее

Как правильно выбрат…

Практические советы

Как правильно выбрать разрешение сканирования    Серия уроков по реставрации фотографий: Реставрация фото. Варианты получения правильной черно-белой картинки Подготовка к реставрации. Как...

Читать далее

Яркий фон

Уроки рисования в фотошопе

Яркий фон Всем привет! Сегодня мы будем рисовать яркий фон. Такой фон вы сможете использовать при создании обоев для рабочего стола, плакатов, открыток и т.п. Сначала мы при помощи фильтров Облака, Меццо-тинто и...

Читать далее

Как быстро перевести …

Видеоуроки

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

Читать далее

Как ускорить реставра…

Видеоуроки

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

Читать далее

Рамка с рваными краям…

Рамки в фотошопе

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

Читать далее

Как нарисовать горящу…

Уроки рисования в фотошопе

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

Читать далее

Фон линии

Уроки рисования в фотошопе

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

Читать далее

Текст на запотевшем о…

Уроки фотошопа текст

Текст на запотевшем окне Всем привет! Рисовать на запотевшем стекле - это, как сиюминутный порыв и воспоминание о детстве, в котором родители хвалили твои рисунки. Ты в любой момент можешь подышать на...

Читать далее

Реставрация цветных ф…

Видеоуроки

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

Читать далее

Текстура шерсти

Уроки фотошопа текстуры

Текстура шерсти Всем привет! Мех – удивительная структура: миллионы волосков собраны в теплую, пушистую шерсть, которую нам так хочется щупать, гладить и обнимать. Думаете, на то, чтобы изобразить мех реалистично, требуется много времени? А...

Читать далее

Быстрые способы реста…

Видеоуроки

Быстрые способы реставрации фото Всем привет! В этом уроке рассмотрим быстрые способы реставрации фото. На старых фотографиях бывает много мелких царапинок и каких-либо дефектов. Сидеть над каждой царапинкой можно очень и очень...

Читать далее

Теплое тонирование

Обработка фотографий в фотошопе

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

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2018