Лабораторная работа №23
Текстуры и фоны
Неотъемлемой частью любой современной веб-страницы является ее фон. Он существенно украшает веб-страницу и создает стилистическое единство всего сайта. Часто вкачестве фона используется и заливка текстурой. Текстура — это небольшой по размерам и объему документ, имеющий повторяющуюся окраску. Наиболее популярны текстуры под дерево, камень и другие природные материалы.
Сегодня существуют богатые коллекции, как текстур, так и фоновых изображений. Они совершенно бесплатно доступны на многих веб-сайтах графического или дизайнерского направления. Кроме того, многие визуальные веб-редакторы предлагают свои варианты текстур и фонов.
Для тех, кто стремится создать абсолютно оригинальную веб-страницу, есть возможность создать свою собственную неповторимую текстуру или фон.
Простая текстура под камень
1. Создаем в редакторе AdobePhotoshopновый документ, например, 200 х 200 пикселей. Фон документа (Background) выбираем белый (White), а цветовой режим (ColorMode) - RGB.
2. Первым делом зашумляем белый фон фильтром Filter ► Noise ► AddNoise (Фильтр > Шум > Добавить шум). В диалоговом окне фильтра AddNoise (Добавить шум) выполняем следующие настройки. Уровень шума (Amount) устанавливаем порядка 85-90 %, а тип распределения (Distribution) — Gaussian(По Гауссу).
Наличие флажка Monochromatic (Монохромный) в нижней части диалогового окна AddNoise(Добавить шум) совсем не обязательно.
3. Применяем еще один фильтр: Filter ► Stylize ►Emboss(Фильтр ► Стилизация >Выпуклый рисунок). Этот фильтр позволяет немного сгладить созданную шероховатость шума. В результате создается подобие некоторой рельефности поверхности. В диалоговом окне фильтра Emboss (Выпуклый рисунок) настраиваем параметры по своему усмотрению. Так, в поле Angle (Угол) указываем величину угла падения света. Не стоит выбирать его больше 55°. В поле Height (Высота) вводим величину высшей точки освещения около 2-4 пикселов, а сглаживание Amount (Эффект) выбираем впределах 70-80 %.
4. Вот и готова наша текстура камня. Если в диалоговом окне AddNoise (Добавить шум) вы не устанавливали флажок Monochromatic (Монохромный), то результат должен получиться в оттенках серого. Для реалистичности изображения этот цвет можно изменить: выполните команду меню Image ► Adjustments► Hue/Saturation(Изображение ► Коррекция ► Цветовой топ/Насыщенность) и в диалоговом окне Hue/Saturation(Цветовой тон/Насыщенность) настройте нужный цвет.
Еще одна текстура камня
Однако описанный выше способ является наипростейшим и не самым реалистичным. Текстуру камня можно создать и иным способом.
1. Начинаем так же. Создаем новый документ небольших размеров в цветовом режиме RGBс белым цветом фона. На селекторе цветов установите черный как цвет переднего плана, а белый — цвет фона.
2. Применим фильтр Filter► Render► Clouds(Фильтр ► Рендеринг ► Облака). Мы сразу получим размытую картинку фона, очень напоминающую пасмурное облачное небо.Такое размытое изображение будет служить нам заготовкой для текстуры.
Продолжаем работу с фильтрами. Теперь применяем фильтр Filter ► Sketch ► Basrelief (Фильтр ► Эскиз ► Рельеф). В правой части диалогового окна фильтра BasRelief(Рельеф) настраиваем вил текстуры камня. Здесь же в окне предварительного просмотра мы видим и результат. Ползунок Detail(Детализация) устанавливаем на максимум, чтобы лучше прорисовать все тонкости текстуры, а ползунок Smoothness (Смягчение) — наоборот, в минимальное положение. В раскрывающемся списке Light(Свет) выпираем направление освещения. Здесь можно поэкспериментировать, результаты могут получиться весьма интересными. Уже прорисовывается настоящая каменная поверхность.
3. На заключительном этапе имеет смысл немного изменить цвет созданной текстуры. Здесь, как обычно, воспользуемся настройками в диалоговом окнеHue/Saturation (Цветовой тон/Насыщенность), которое вызывается командой меню Image ► Adjustments ► Hue/Saturation (Изображение ► Коррекция ► Цветовой тон/Насыщенность).
Кроме того, можно воспользоваться еще и фильтром Filter ► Sharpen ► UnsharpMask(Фильтр ► Резкость ► Контурная резкость). В диалоговом окне фильтра UnsharpMask (Контурная резкость) можно выполнить настройки, которые приведут к снижению резкости с одновременным повышением контрастности изображения.
Пробковое дерево
Описываемый далее способ позволяет также создать текстуру дерева, но пробкового. Это очень простой пример, основанный на использовании интересных фильтров Photoshop.
Создаем новый документ со свойствами, аналогичными тем, что были у документов из предыдущих примеров. Подбираем цист для заливки фона. Он должен напоминать цвет пробкового дерева. Для выбора цвета щелкаем левой кнопкой мыши на селекторе цветов на инструментальной панели. Откроется диалоговое окно ColorPicker(Палитра цветов). Цвет переднего плана можно подобрать опытным путем, но можно ввести следующие значения: R - 220, G - 168, В- 102. Эти значения соответствуют светло-коричневому цвету.
Таким цветом и заливаем наш документ, для чего выполняем команду меню Edit ► Fill (Редактирование ► Выполнить заливку). В диалоговом окне Fill(Заливка) в раскрывающемся списке Use (Использовать) выбираем вариант ForegroundColor (Основной цвет). Остальные настройки можно оставить без изменений. Для осуществления заливки документа щелкаем левой кнопкой мыши на кнопке ОК.
Итак, мы получили документ с фоном заданного цвета. Приступаем к созданию собственно текстуры.
3. Выполняем команду меню Filter ► Texture ► Craquelure (Фильтр ► Текстура ► Кракелюры). Откроется диалоговое окно Craquelure (Кракелюры). В правой его части настраиваем параметры растрескивания по своему усмотрению. Не стоит делать трещины чрезвычайно частыми: представьте себе обычную пробку от термоса и постарайтесь воссоздать ее в сечении. В примере использованы следующие настройки: CrackSpacing (Интервалы) — 38, CrackDepth (Глубина трещин) — 8, CrackBrightness (Освещенность) — 9.
Достарыңызбен бөлісу: |