Гелевый эффект в стиле web 2.0
Гелевый эффект в стиле 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).
Источник: creativo.one
Комментарии 123
Спасибо за урок!
Спасибо)
Спасибо за перевод!
Кажется не получилось..(
Спасибо !
Спасибо за урок!
Спасибо за урок
Спасибо.
Спасибо
Спасибо за урок :))
Спасибо!
Спасибо
Спасибо за урок
Спасибо за урок. Очень здорово!
со старого аккаунта
Спасибо) Отличный эффект)
Спасибо!
Отличный урок - спасибо!
Спасибо познавательно!
Спасибо за урок.
СПАСИБО!
вот
спс
спасибо
спасибо за урок
спасибо
Спасибо за урок
Мой гель
Спасибо!!!
Ну как то так.