Создание градиента. Вопрос в личку.

[Verder]

Мне в ПМ пришел вопрос следующего содержания:

Привет.

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

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

Не буду называть ник человека без его разрешения.

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

Итак, что касается вопроса с градиентом.

Первое - не надо изобретать велосипед, если он уже изобретен в виде инструмента (если мы касаемся растра) - Gradient Tool

1. Нажимаем Ctrl+N, чтобы все было наглядней возмем площадь побольше, например 1000х800 пикселей. Цвет оставляем белый.

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

Для этого создаем новый слой (Shift+Ctrl+N) и заливам его, например, цветом #0597db

3. Выбираем инструмент Gradient Tool.

4. На верхней панели видим:

Выбираем тип - Foregroung to Background

5. Щелкаем два раза по полю с градиентом:

и получаем вот такую картину:

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

6. Щелкаем на:

Открывается селектор выбора цвета, выбираем, например, #94effc. Полоса градиента принимает удобоваримый вид. Жмем ОК.

Наверху видим:

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

1. Зажать Shift и провести мышкой сверху вниз по выбранному слою:

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

Для этого добавим эффект Noise (Filter -> Noise -> Add Noise) (можно я не буду объяснять, зачем? ):

Amount выбираем мааааленький - 0,6 - 0,8% не больше. Жмем ОК.

2. Ну и напоследок выбираем стандартный фильтр Gaussian Blur (Filter -> Blur -> Gaussian Blur) и двигая ползунок (опция Preview должна стоять галочка) выбираем окончательный вид вашего градиента.

Ну и окончательный результат - никаких полосок перехода пикселей:

Можете кропить и ставить в бэкграунд.

Вариант 2 - Просто сделать градиент в векторе

С уважением, Verder

Edited March 11, 2010 by Verder

[Chebas]

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

[Justnewone]

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

Все дело в формате. Наверняка недостаточно объективных критериев "качества", то есть, количество цветов (для гиф) либо качество ( для джипег) и т.д.

Подучите фотошоп.

[Clubberry]

Недавно в твиттере своём выкладывал ссылку на хороший способ по «сглаживанию» градиента. Буду дома, сделаю небольшой туториал и кину вам сюда. Там способ намного быстрее и качественнее.

[ВовчиГ]

Расскажите пожалуйста как нарезать меню на отдельные пункты,

а то темы не нашёл.

[Быколай]

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

ВовчиГ ищите лучше, инфы море на эту тему по всему тырнету.

[wortex]

Я делаю проще, Image > Mode > 16 bits/Channel > сливаем все слои в один > Image > Mode > 8 bits/Channel > и вуаля.