Рубрика: Photoshop Уроки | Урок прочитали: 375
 (голосов: 1)

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

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

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

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

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

Тень:

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

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

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

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

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

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

Контур:

Глянец:

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

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

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

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

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

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

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

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

Заменим первую фигура на что-то более интересное, но простое и применим тот же стиль:

Автор техники: Dave Cross (видеоуроки National Association of Photoshop Professionals).
Перевод (изучение, адаптация и изложение техники): Сергей Ахлюстин  (lsaintl).

           

Похожие файлы и публикации:

Гелевый эффект в стиле web 2.0
В этом уроке вы узнаете, как создать мрачный текстовый эффект, используя стили слоя.
Гелевый эффект в стиле web 2.0
Детали урока Программа: Adobe Photoshop CS3+ Сложность: Легкая Примерное время выполнения: 30 минут
Гелевый эффект в стиле web 2.0
Шаг 1. Возьмите новый файл 400х400 пикс., разрешение (resolution) 72 точек на дюйм в режиме RGB.
Гелевый эффект в стиле web 2.0
Детали урока Программа: Adobe Photoshop CS2+ Сложность: Легкая Примерное время выполнения: 20 минут
Гелевый эффект в стиле web 2.0
Детали урока Программа: Adobe Photoshop CS3+ Сложность: Легкая Примерное время выполнения: 25 минут
Гелевый эффект в стиле web 2.0
Этот урок посвящён тому, как с помощью Adobe Photoshop CS3 создать шаблон портфолио.
Гелевый эффект в стиле web 2.0
В этом уроке мы создадим объёмные пластмассовые буквы при помощи стилей слоя и генератора 3D-текста.
Гелевый эффект в стиле web 2.0
В этом легком уроке я собираюсь показать вам, как создать пули в Photoshop.
Гелевый эффект в стиле web 2.0
Если вы хотите знать, как сделать выразительные обои, тогда почитайте этот Photoshop урок.
Гелевый эффект в стиле web 2.0
В этом уроке я расскажу Вам как создать красивый полупрозрачный текст ко дню Св.Валентина, используя стили слоя.
Гелевый эффект в стиле web 2.0
В этом уроке вы узнаете, как с помощью Photoshop создать простое и стильное выпадающее меню.
Гелевый эффект в стиле web 2.0
В этом уроке мы попробуем научиться придать тексту мистический эффект.
Гелевый эффект в стиле web 2.0
В этом несложном уроке автор расскажет, как создать старинный текст с блестящим, золотым эффектом.
Гелевый эффект в стиле web 2.0
Мы будем рисовать кнопки, как на приставке NGP.