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

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



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


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


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

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

Перейти вниз

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

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

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

Текст в стиле веб 2.0 Web-20-style-text5_1

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

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

Текст в стиле веб 2.0 Web-20-style-text1_1

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

Текст в стиле веб 2.0 Web-20-style-text1_2

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

Текст в стиле веб 2.0 Web-20-style-text2_1

Текст в стиле веб 2.0 Web-20-style-text2_21

Градиент:

Текст в стиле веб 2.0 Web-20-style-text2_3

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

Текст в стиле веб 2.0 Web-20-style-text3_1

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

Текст в стиле веб 2.0 Web-20-style-text3_2

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

Текст в стиле веб 2.0 Web-20-style-text4

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

Текст в стиле веб 2.0 Web-20-style-text5_1

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

Текст в стиле веб 2.0 Web-20-style-text5_2

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

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

http://snzteam.clan.su

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

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


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