Текст в стиле веб 2.0
В этом уроке я покажу вам, как создать текст в стиле веб 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, если хотите.
Вот и все. Я надеюсь, вам пригодился мой урок.
Источник: Web 2.0 Style Text
Смотрите также:
Прикольно, но ничего нового. Все это было в предыдущих уроках.
Август 8th, 2008
Огромное спасибо за инфу. Автору респект и уважуха.
Август 11th, 2008
Действительно! Огромное спасибо!
Август 24th, 2008
Добавил в закладки.
Август 27th, 2008
Уж тоже спасибо скажу!
Август 28th, 2008
Не зря говорят, что мысли многих людей имеют единый центр:)
Август 31st, 2008
А можете сказать какой шрифт используется, а то я подобный не нашол.
Сентябрь 7th, 2008
Огромное спасибо! ждем продолжения темы!
Ноябрь 17th, 2008
Сделал логотип на шапке одного из своих вебдванольных шаблонов, отлично смотрится!
Январь 26th, 2009
А где этот рисунок:web-20-style-text2_2.jpg
Март 3rd, 2009
vot eto da. sposibo ja vowe vash sait naizustj znaju, po4ti kazdij denj laziju sdesj RESPECT
Август 29th, 2009
Спасибо. Получилось очень симпатично. Это действительно можно использовать.
Сентябрь 22nd, 2009
Thank you very much for your work!
great job!
Февраль 17th, 2010
пока самый лучший урок который я видел по стилю 2.0
Март 5th, 2010
сука шаг 3 никуя не понятно
Апрель 11th, 2010
Сука да заебали хули англиский фотошоп..наверное с буржуйкого сайта скатал а тут за свое выдаешь..
Май 20th, 2010
Спасибо огромное, уроки просто супер! Очень помогают в освоении фотошопа! Жду новых уроков! Не знаю за что дерзкие замечания все написано просто и доступно!
Август 26th, 2010
У меня одну картинку не грузит(((
Декабрь 16th, 2010
Симпатичній текст получается.
Сентябрь 2nd, 2011