Магия Фотошопа

Объявление


Последние новости на форуме !!!
Задание в мини-школе - Чистка заднего фона!
Ищем нового модератора в ОДНОКЛАССНИКАХ!!!!!!
Будь в курсе наших новостей - Рассылка форума !!!


Пользовательского поиска

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Магия Фотошопа » Мини-школа » Задание 13.12.2010 - Все о градиенте, или почти все !


Задание 13.12.2010 - Все о градиенте, или почти все !

Сообщений 1 страница 5 из 5

1

На прошлой недле с наложениями игралась только Lisvegas, она и получает медальку "ученик недели":
http://s46.radikal.ru/i111/0909/07/4ed72586014f.gif

[mod]Под градиентом в графике подразумевают плавный переход от одного цвета к другому, как правило, через промежуточные оттенки этих цветов.
[/mod]

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

http://www.adobeps.ru/lesson-AP-3.files/image007.gif

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

http://www.adobeps.ru/lesson-AP-3.files/image008.gif

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

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

http://www.adobeps.ru/lesson-AP-3.files/image009.gif

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

http://www.adobeps.ru/lesson-AP-3.files/image010.jpg

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

http://www.adobeps.ru/lesson-AP-3.files/image011.gif
http://www.adobeps.ru/lesson-AP-3.files/image012.jpg

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

http://www.adobeps.ru/lesson-AP-3.files/image013.gif
http://www.adobeps.ru/lesson-AP-3.files/image014.jpg

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

http://www.adobeps.ru/lesson-AP-3.files/image015.gif

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

Photoshop предоставляет специальный инструмент для работы с градиентами. Он находится на панели инструментов в одной группе с инструментом Paint Bucket.

http://www.adobeps.ru/lesson-AP-3.files/image016.gif

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

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

http://www.adobeps.ru/lesson-AP-3.files/image017.gif

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

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

http://www.adobeps.ru/lesson-AP-3.files/image018.gif

Типы градиентов в Photoshop:
- линейный градиент
- радиальный градиент
- угловой градиент
- отражённый градиент
- ромбический градиент

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

Mode (цветовой режим);
Opacity (прозрачность) – интенсивность применения инструмента;
Reverse (обращение) – при установке этого флажка градация начинается с цвета фона и заканчивается основным цветом;
Dither (смешивание) – помогает устранить проблему возникновения полос при переходе от одного цвета к другому;
Transparency (прозрачность) – позволяет применять в градиентной заливке прозрачные области (например, переход от черного цвета к полной прозрачности будет выглядеть как переход от черного цвета к цвету фона).

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

http://www.adobeps.ru/lesson-AP-3.files/image020.jpg

Рассмотрим, какие настройки нам доступны:
Name (имя) – введем имя для градиента;
Gradient Type (тип градиента) – возможен выбор из двух опций:
Solid (сплошной) – создается более плавный переход между цветами;
Noise (шум) – переходы между цветами получаются ступенчатыми;
Smoothness (слаженность) – задается степень слаженности градиента;
Color (цвет) – задается цвет одного из цветовых ограничителей;
Location (расположение) – расположение цветового ограничителя (от 0 до 100%).

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

http://www.adobeps.ru/lesson-AP-3.files/image021.gif

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

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

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

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

http://www.adobeps.ru/lesson-AP-3.files/image022.jpg

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

Источники: adobeps.ru / photoshop.e-publish.ru

Ну после столь большой теоретической части, наконец-то, перейдем к практике:

http://www.photoshop-master.ru/lessons/les1348/01.jpg

С помощью градиентов и не только создана эта надпись, поучимся и мы - Красивая надпись 2011

Задание недели - создать красивую надпись, используя градиент и не только!!!

+1

2

Отличный урок! сибки!

0

3

Спасибо за уроки!!! Моя надпись:
http://i012.radikal.ru/1012/e2/97d79b24c451t.jpg

Отредактировано lash (2010-12-18 11:36:57)

0

4

lash
отлично придумано со снежинками )))) очень красиво получилось ;)

0

5

Хороший урок, доступно все написано. Спасибо большое!

0


Вы здесь » Магия Фотошопа » Мини-школа » Задание 13.12.2010 - Все о градиенте, или почти все !