-=ALL4US=-
Добро пожаловать на форум ALL4US!

Пожалуйста,зарегистрируйтесь или авторизируйтесь.



P.S. форумы "Всё для Web-мастеров" и "Заработок в сети" доступны только зарегистрированным.


На форуме проводится набор модераторов.Все заявки оставлять в этой теме


С уважением,администратор.

Текст в стиле веб 2.0

Перейти вниз

Текст в стиле веб 2.0

Сообщение автор GLADMAN в Сб Авг 01, 2009 2:05 am

В этом уроке я покажу вам, как создать текст в стиле веб 2.0, такой, как сейчас часто можно увидеть на сайтах. После выполнения всех шагов у вас должно выйти что-то подобное:



Приблизительное время выполнения: 7 минут

Шаг 1
Создайте новый документ 400х300. Залейте нижний слой цветом #A7C6D6. Выберите Horizontal Type Tool и наберите текст, используя такие настройки:



Теперь выберите Move Tool, нажав V, и отцентрируйте документ, зайдя в Select>All и нажав на выделенных внизу на рисунке кнопках, которые можно найти в меню options:



Шаг 2
Кликните правой кнопкой на ваше окно Text Layer и далее зайдите в Blending Options. Примените следующие настройки:





Градиент:



Шаг 3
Далее создайте новый слой и назовите его Gloss. Выберите Elliptical Marquee Tool и выделите, как показано ниже:



Залейте выделенную область белым. Зажмите Ctrl и кликните на слое с текстом, затем зайдите в Select>Inverse и при активном слое Gloss в окне слоев, нажмите Backspace. Снимите выделение со слоя и снизьте непрозрачность Gloss до 23%.
Теперь зажмите Ctrl и снова кликните на слое с текстом, чтобы выделить его. На этот раз, зайдите в Select>Modify>Expand, и увеличьте выделение на 5 пикселей. Затем зайдите в Edit>Copy Merged. Создайте новый слой, назовите его Reflection, и при видимом вокруг вашего текста выделением, зайдите в Edit>Paste. Поверните слой, зайдя в Edit>Transform>Flip Vertical, и расположите его прямо под вашим вторым слоем с текстом.



Шаг 4
Выберите Rectangular Marquee Tool и примените следующие настройки:



Шаг 5
Выделите нижнюю половину отраженного слоя и ещё ниже, и нажмите backspace несколько раз так, чтобы отражение слегка “выцвело”. Снизьте непрозрачность слоя до приблизительно 40% или ниже, если нужно.



Всё, мы закончили! Поиграйте немного с различными комбинациями градиентов, чтобы достичь результата, наиболее подходящего для ваших конкретных целей. Вы можете даже добавить значок веб 2.0, если хотите.



Вот и все. Я надеюсь, вам пригодился мой урок.
GLADMAN
GLADMAN
Админ
Админ

Сообщения : 184
Очки : 384
Репутация : 2
Дата регистрации : 2009-05-31
Возраст : 26
Откуда : SnZ

http://snzteam.clan.su

Вернуться к началу Перейти вниз

Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения