Текст в стиле веб 2.0 » Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки adobe photoshop :: Регулярные пополнения базы уроков

Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!

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

08.08.2008Категория урока: Текстовые эффекты

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

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

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

Шаг 1

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

web-20-style-text1_1.jpg

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

web-20-style-text1_2.jpg

Шаг 2

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

web-20-style-text2_1.jpg

web-20-style-text2_2.jpg

Градиент:

web-20-style-text2_3.jpg

Шаг 3

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

web-20-style-text3_1.jpg

Залейте выделенную область белым. Зажмите Ctrl и кликните на слое с текстом, затем зайдите в Select>Inverse и при активном слое Gloss в окне слоев, нажмите Backspace. Снимите выделение со слоя и снизьте непрозрачность Gloss до 23%.

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

web-20-style-text3_2.jpg

Шаг 4

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

web-20-style-text4.jpg

Шаг 5

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

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

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

web-20-style-text5_2.jpg

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

Источник: Web 2.0 Style Text

Популярность: 20%

+news2.ru +ВааУ.ru +newsland.ru +СМИ2.ru +del.icio.us +bobrdobr.ru +memori.ru +RUmarkz +Mister Wong +Мое Место

Похожие уроки photoshop:


ВНИМАНИЕ! Столкнулись с трудностями при выполнении данного урока? Осталось что-то, что Вам непонятно? Забыли основы работы в Adobe Photoshop? Не расстраивайтесь! Решение всех Ваших проблем находится прямо здесь: "Начальный Курс Photoshop!" - Это Бесплатный Мультимедиа-Курс от Авторов Данного Сайта, пройдя который Вы сможете назвать себя мастером качественной работы в известнейшем графическом редакторе! Узнать о курсе подробнее, а также подписаться на него можно, перейдя на страницу курса: Начальный Курс Photoshop! Подпишитесь и пусть все завидуют тому, как легко и быстро Вы создаете шедевры в Adobe Photoshop! Ждем Вас!




14 комментария(-ев) к уроку “Текст в стиле веб 2.0”

  1. Прикольно, но ничего нового. Все это было в предыдущих уроках. :sad:

    Vasya2195

  2. Огромное спасибо за инфу. Автору респект и уважуха.

    Trita

  3. Действительно! Огромное спасибо!

    Merlin

  4. Добавил в закладки.

    Tipello

  5. Уж тоже спасибо скажу!

    Solomin

  6. Не зря говорят, что мысли многих людей имеют единый центр:)

    Aligre

  7. А можете сказать какой шрифт используется, а то я подобный не нашол.

    Александр

  8. Огромное спасибо! ждем продолжения темы!

    Gera

  9. Сделал логотип на шапке одного из своих вебдванольных шаблонов, отлично смотрится! :!:

    Фотошоп

  10. А где этот рисунок:web-20-style-text2_2.jpg

    Евгений

  11. vot eto da. sposibo ja vowe vash sait naizustj znaju, po4ti kazdij denj laziju sdesj RESPECT :mrgreen:

    Pule

  12. Спасибо. Получилось очень симпатично. Это действительно можно использовать.

    ephoto

  13. :razz:

    Thank you very much for your work!
    great job!

    Svetlana

  14. пока самый лучший урок который я видел по стилю 2.0

    sunderson

Прокомментировать урок

 


Rambler's Top100