Бесшовная текстура вагонки

+29

В интернете можно найти массу различных текстур любого качества и размера. Но для некоторых проектов по ряду причин приходится делать свои текстуры. В этом уроке вы научитесь рисовать свою текстуру без использования стилей только с применением векторных форм в Фотошопе (для фотошопа CS6).

Создаем новый документ с белым цветом фона размерами 400*400 пикселей.
С помощью инструмента «Прямоугольник» рисуем форму с цветом заливки #b7aa9a шириной 400 пк и высотой 40 пк. Переименовываем слой и называем его основа. Это заготовка нашей будущей текстуры.

Заготовка текстуры


Создаем осветление на вагонке:

Дублируем слой (CTRL+J) и меняем цвет заливки на белый (#ffffff) и переименовываем его в «осветление».
К слою применяем слой-маску и заливаем ее наполовину вертикальным (при заливке градиентом удерживайте нажатой клавишу Shift) черно-белым градиентом, направленным снизу вверх. Применение слоя-маски позволит создать эффект осветления нашей основы. Для того, чтобы смягчить осветление, снизьте заливку слоя до 50% и поставьте ему режим наложения «Перекрытие» (overlay)

Эффект осветления


Делаем затемнение основы:


Дублируем слой «основа» (CTRL+J), меняем заливку на черный цвет #000000 и переименовываем в «тень».
Применяем к нему слой-маску, которую заливаем аналогичным градиентом, как в слое «Осветление», только направленным сверху вниз.
Назначаем слою режим наложения «Линейный затемнитель» (linear Burn) и снижаем заливку до 20%.


Создание тени

Режим наложения тени

Вдавленность

Рисуем «Вдавленность»

Дублируем слой «основа» (CTRL+J), меняем заливку на #a8997c, называем слой «вдавленность» и поднимаем над всеми слоями. Уменьшаем высоту получившегося слоя до 9 пикселей и выравниваем по верхнему краю со всеми остальными.


тень вдавленность

Рисуем затемнение вдавленности:

меняем заливку на черный цвет #000000, назначаем слою режим наложения «Линейный затемнитель» (linear Burn) и снижаем заливку до 20%., применяем к нему слой-маску, которую заливаем вертикальным черно-белым градиентом, только направленным снизу вверх.

Однопиксельной линией рисуем горизонтальную полосу белого цвета длиной 400 пк и выравниваем ее по нижнему краю слоя «вдавленность». Режим наложения «Экран» (screen), заливка 50%.


блик

текстура вагонки

Объединяем все слои в группу (Ctrl+G).

У нас получилась заготовка одной полосы. Дублируем группу вниз и получаем готовую бесшовную текстуру вагонки.

Кто-то может сказать, что аналогичного эффекта можно добиться гораздо меньшими усилиями, НО!

В данном варианте подготовки текстуры — все элементы текстуры- векторные формы, позволяющие сохранить качество изображения при его трансформировании, что особенно важно в техническом дизайне. Например, мне эта текстура была нужна для отрисовки технологии строительства каркасного дома в перспективе. Если бы при подготовке этой текстуры вагонки использовались стили, то для каждой перспективы пришлось бы подбирать свои параметры, а это слишком затратно по времени. Использование же векторной заготовки позволяет трансформировать объекты как угодно с сохранением качества изображения.

Скачать исходник текстуры (.psd, 78,2 Кб)

Понравилась статья? Поделись с друзьями:

Комментарии (1)

  1. Наталья Александровна 11 июля 2014, 01:20 # 0
    Спасибо за урок, недавно начала основательно пользоваться фотошопом и такие уроке мне очень полезны, буду следить за блогом)
    Голосуйте за нас - Премия - РИФ Воронеж 2017
    Категории
    События студии все
    Популярное
    Последнее