Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Гелевый эффект в стиле web 2.0

Alex | 2.04.2014 | нет комментариев

В этом Фотошоп уроке Вы узнаете, как, при помощи стилей слоя, создать гелевый эффект.

Создадим новый документ со следующими параметрами:

Возьмем инструмент Rounded Rectangle Tool  (Прямоугольник со скруглёнными краями), назначьте радиус в 3 cm, а цвет основного фона установите как #1ad9d7.

Щелкните по слою правой кнопкой мыши, откроется ниспадающее меню, выберите пункт Blending Options (Параметры наложения). Это основная часть нашей работы. Будьте предельно внимательны, ставьте все настройки как у меня, т.к. они привязаны к конкретному разрешению и размеру рисунка.

Назначьте следующие характеристики:

Тень:

Внутренняя тень:

Внешнее свечение:

Для градиента установите следующие параметры:

Внутреннее свечение:

Параметры для градиента:

Тиснение/Скос:

Контур:

Глянец:

Основная часть закончена, в результате имеем:

Теперь напишем какую-либо надпись. Шрифт лучше брать округлый, т.к. именно он более всего подходит для применения этого эффекта. Назначаем основной цвет #1ad9d7. Пишем.

Далее щелкаем правой клавишей на слое с нашей первой фигурой, в ниспадающем меню кликаем опцию Copy layer style (Копировать стиль слоя).

Возвращаемся на слой с текстом, клацаем правой кнопкой и выбираем опцию Paste layer style (Вставить стиль слоя).

В результате имеем:

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

Для этого клацаем правой кнопкой мыши на иконке примененных эффектов, видим нисходящее меню и кликаем на Scale effects:

И уменьшаем эффект примерно до 30-40% (тут все дело в той цели к которой вы стремитесь):

АВТОРСКИЕ ПРАВА
Источник: photoshop-master.ru
При перепечатке ссылка на источник обязательна
Оставить комментарий

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

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB