Blogger RSS Twitter


среда, 31 марта 2010 г.

Эффект вдавленного текста(оттиск)

04:41 by Андрей ·
Ярлыки:
Очень часто на сайтах можно увидеть кнопки с текстом, словно бы вдавленным внутрь. Такой своеобразный оттиск. Есть масса способов повторить этот эффект в ФШ, используя различные стили, ембоссы, тени и свечения. Но я нашла самый простой способ добиться такого же эффекта. Принцип его прост и, вместе с тем, изящен: шрифт просто дублируется на нижележащий слой и затем сдвигается на 1 пиксель вниз и на 1 пиксель вправо. При этом цвет шрифта на этом слое меняется на белый или просто светлый различных оттенков. Получается блик, который и создает эффект оттиска.
Для начала при помощи инструмента Rounded Rectangle Tool создадим тело кнопки светло-серого цвета

Затем последовательно применим к ней парочку стилей:


Получилась выпуклая кнопка

На новом слое темно-серым цветом печатаем какое-нибудь слово

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

Вот так вот просто и легко. Применять эффект можно не только для кнопок или заголовков. Очень привлекательно выглядит также просто текст абзаца. А чтобы немного сгладить эффект, можно у нижележащего слоя увеличить прозрачность.

0 коммент.:

Отправить комментарий


Related Posts with Thumbnails

Followers

Вставьте эту ссылку себе на сайт
Вы можете установить кнопку seoblogmoney.blogspot.com на своем сайте или блоге, скопировав этот код:

Or:

Блог Андрея Ли

↑ Grab this Headline Animator