Уроки по Photoshop

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


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

Достаточно долго раздумывал о написании небольшого урока как делать надписи в стилистике Web 2.0, и вот этот день настал. Не буду кривить душой и признаюсь сразу, за основу был взят урок Web 2.0 Style Text

И так приступим.

Шаг №1.
Создаем новый документ, я использовал настройки из первоисточника, 400х300 px. Заливаем задний фон цветом #A7C6D6. Используя инструмент Horizontal Type Tool набираем необходимый текст (у меня это само собой рекламе сайта), использую настройки ниже, цвет текста значения не имеет в дальнейшем он поменяется на нужный:

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

Используя инструмент Move Tool (клавиша V) центрируем наш текст относительно документа, предварительно сделав выделение Select>All.

Текст в стиле Web 2.0
Шаг №2.

Щелкнув правой кнопкой мыши в разделе слоев на слое с нашим текстом и выбрав из всплывающего меню пункт Blending Options, выставляем следующие настройки:

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

Текст в стиле Web 2.0А вот настройки для градиента:

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

В настройках Stroke меняем только цвет на белый.

Если все сделано правильно, должно получится что-то на подобии  этого:

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

Шаг №3.

Создаем новый слой, можно его назвать так же как и у первоисточника Gloss. Используя инструмент Elliptical Marquee Tool делаем выделение как показано на картинке ниже.

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

Заливаем эту область белым цветом. Зажимаем клавишу Ctrl и делаем левый щечек мыши по слоу с текстом. Нажимаем Ctrl+Shift+I или Select->Inverse инвертируем наше выделение, слой Gloss обязательно должен быть активным. Нажатием клавиши Backspace мы удаляем все лишнее. Снимаем выделение со слоя Gloss и выставляем непрозрачность на 25%.

Шаг №4.

Снова зажимаем клавишу Ctrl и снова щелкаем левой кнопкой мыши на слое с текстом. Делаем невидимым слой нашего фона. Создам новый слой Ctrl+Shift+N или Layer->New->Layer называм его к примеру Reflection, и делаем слияние видимых слоев путем нажатия Ctrl+Shift+Alt+E. Используя воспользовавшись Edit>Transform>Flip Vertical делаем зеркальное отражение нашего текстового слоя.

Должно получится вот так:

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

Шаг №5.

Используя инструмент Rectangular Marquee Tool с настройками показанными ниже

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

делаем выделение нижней половины слоя Reflection и несколько раз нажимаем клавишу Backspace пока наше отражение немного не выцветет. Снижаем непрозрачность слоя где-то до 40%.

Вот собственно и все. А это результат тог, что должно получится.

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

TutKit.ru

Добавить в Закладки:

Vkontakte Facebook Twitter Мой мир Livejournal Google Bookmarks Digg I.ua Закладки Yandex Linkstore Myscoop Ru-marks Webmarks Ruspace Web-zakladka Zakladok.net Reddit delicious БобрДобр.ru Memori.ru МоёМесто.ru Mister Wong