ресурс для начинающих веб-разработчиков
комплексные веб-услуги по созданию сайтов

Справочный материал по основным языкам программирования и верстки сайтов.

Готовая методика создания простых и сложных динамичных сайтов, с использованием PHP и MySQL.

Использование веб-редактора Adobe Dreamweaver в разработке сайтов.

Использование графических редакторов Adobe Flash, Adobe Photoshop, Adobe Fireworks в подготовке веб-графики.

Разработка веб-сайтов под "ключ".

Разработка отдельных фрагментов сайтов, консультации по вопросам верстки веб-страниц и веб-программирования.

Создание текста с текстурой

Текстура

Рассмотрим еще один вариант создания интересного, красочного текста. На сей раз в качестве цвета текста будет выступать текстура рисунка или любого другого изображения.

Подготовим изображение, которое будем вставлять в текст, в качестве текстуры.

Изображение для текстуры текста

Откроем Photoshop. Вставим изображение в холст Файл ⇒ Открыть. На панели слоев появится слой Фон, а в рабочей области холста изображение.

Панель слоев после вставки изображения Изображение фона в рабочей области холста

Напишем текст. Для этого на панели инструменты щелкнем мышью по кнопке Горизонтальный текст. На панели Опции настроем параметры текста как показано на рисунке.

Параметры текста

Панель Слои примет следующий вид.

Панель Слои после внесения текста Рисунок с текстом

Теперь преобразуем слой Фон в нормальный. для этого выделим слой и дважды щелкнем по нему мышью. Появится диалоговое окно Новый слой. Нажмем ОК.

Окно Новый слой

Панель Слои примет следующий вид.

Панель Слои после преобразования слоя Фон

Теперь перетащим слой с текстом под слой и изображением.

Слой с текстом перемещен под слой с изображением

Выделим слой с изображением и в меню Слои выберем пункт Создать обтравочную маску.

Пункт Создать обтравочную маску Рисунок после применения обтравочной маски

В итоге получится вот такой рисунок текста с изображением в качестве фона.

Окончательнай рисунок текста

Как и к любому другому изображению, в данном случае, мы сможем применить различные корректирующие слои, а также добавить стили слоя.

После применения стиля Внутрення тень с параметрами указанными на рисунке

Параметры стиля Внутренняя тень примененная к слою текст

Изображение примет следующий вид.

Изображение текста после применения стилевого слоя Внутренняя тень