В этом уроке мы создадим фон из досок. Мы с нуля нарисуем деревянную текстуру и создадим из нее паттерн. В конце мы добавим световых и текстурных эффектов.
Для выполнения необходимо: Adobe Photoshop
Желание выполнить урок
1. Создаем новый документ любого размера в зависимости от того, как в дальнейшем вы будете его использовать. Я создал 16801050х72 dpi, типа в дальнейшем для обоев.
2. Создадим первую доску. Выбирае и вверху в панели опций ставим стиль fixed size. Выставляем размер 90325px и кликаем в документе - это создаст выделение нужного размера.
3. Создаем новый слой и заливаем выделение коричневым цветом. Можете взять любой коричневый (не такой как у меня) - это будет базовый цвет дерева.
4. Еще один новый слой, ctrl+клик по пиктограмме коричневого слоя (загрузка выделения), заливаем выделение черным.
5. Filter>Render>Fibers. Поиграйте с параметрами Variance и Strength до достижения желаемого эффекта. Так как волокна создаются рандомно - они по-любому не будут выглядеть как у меня.
6. Ctrl+D для снятия выделения, затем Filter>Blur>Motion Blur ставим distance = 345px.
7. Убедитесь, что активен слой с волокнами, ctrl+клик по пиктограмме слоя с доской, Ctrl + Shift + I для инверсии выделения, DEL - удаляем те части волокон, которые вылезают за пределы доски. Меняем режим смешивания слоя на Overlay, ставим opacity=30%
8. Теперь к слою с доской добавим некоторые эффекты. Во-первых inner shadow - это придаст некоторый объем доске. Во-вторых bevel and emboss - это придаст небольшой 3D эффект.
9. Так как нам не нужно, что бы все доски были одинаковыми - нарисуем еще одну, то есть повторяем шаги 3-8. Доска будет другой, потому что волокна из 5-го шага как я уже говорил будут не такими как раньше. Мы сделаем только 2 разных доски для последующего паттерна.
10. Заливаем background черным цветом и размещаем наши доски рядом. Если между досками будет зазор - белого не будет видно. Перед тем как продолжим поместим доски и волокна в группы попарно - назовите группы "board 1" и "board 2". Теперь будем создавать паттерны. Переходим к группе "board 1", нажимаем ctrl+T - видим рамку трансформации вокруг доски. Добавляем направляющих по краям и обоим центрам. Выбираем группу "board 2", ctrl+T - получаем рамку вокруг этой группы. Перенесите группу так, что бы верх рамки прилегал к центральной горизонтальной направляющей от "board 1", а край прижимался к левой направляющей
11. Продублируйте группу "board 2" (правый клик на группе, выбираем "Duplicate Layer Set"). Переименовываем новую группу в "board 3", и переносим ее вправо от "board 1"
12. Добавляем направляющих к "board 2" и "board 3", как в шаге 10. Дублируем "board 1", и перемещаем дубль вниз, что бы его верх соприкасался с низом "board 1". Аналогично делаем с "board 2" и "board 3". Мы получили 6 досок, которые расположены примерно так:
13. Для большего правдоподобия забьем гвозди в наши доски. Причина, по которой я делаю это сейчас, а не с первой доской - что бы разместить гвозди немного по разному и на досках были отличия. Берем , ставим fixed size - 77px, заливаем выделение темным цветом. Переходим к layer styles, выбираем drop shadow. Настройки поставьте как у меня. Затем переходим к bevel and emboss, настройки опять же на скрине. Получили гвоздь в дереве. С помощью ctrl+J дублируем этот слой, и втыкаем гвозди по 2 - на концах досок.
14. Объединим все доски и сделаем из них паттерн. Отключите видимость слоя background, далее Layer-Merge Visible. Восстанавливаем видимость background-а.
15. Создаем выделение с помощью , убедитесь, что оно проходит по тем же направляющим, что и у меня. Edit>Define Pattern. Назовите это паттерн "Wood”.
16. Удалите слой с досками, и все направляющие (View - clear guides). Создаем новый слой, называем его "boards”. Берем выбираем созданный нами паттерн и заполняем им всю область.
17. У нас есть бесшовный деревянный паттерн, сделаем его более интересным! Берем с feather = 100px и создаем выделение на весь документ. Удерживая shift перемещаем выделение вверх, чтобы центр выделения был на верхней границе документа и видна была только нижняя часть круга. Заливаем ее оранжевым цветом ( в режиме color)/
18. Не снимая выделения жмем Ctrl + Shift + I и это инвертированное выделение перемещаем вниз. Создаем новый слой, заливаем его черным цветом. Скорее всего в верхней части черного слоя получилась ненужная резкая линия. Что бы избавиться от нее жмем Filter>Blur>Gaussian Blur ставим радиус 35 px.
19. С помощью с feather= 100px создаем меньший круг в верхней половине документа, новый слой поверх всех остальных, заливаем белым, меняем режим смешивания слоя на Overlay.
20. Повторяем шаг 19 с еще более маленьким выделением, opacity этого слоя ставим 50%
21. Создаем корректирующий слой Levels поверх всех что бы добавить работе контраста
22.Добавим текстуру. Берем изображение, добавляем в документ и растягиваем на всю площадь. Меняем режим на Overlay, opacity 40%.
23. В конце убавим насыщенность - корректирующий слой Hue/Saturation, ставим saturation to =-15.
Финал. Мы получили деревянный фон, который можно использовать как обои, фон для сайта, или куда-либо еще.
Еще один способ использования - совмещение с уроком:
и вверху в панели опций ставим стиль fixed size. Выставляем размер 90325px и кликаем в документе - это создаст выделение нужного размера.
, ставим fixed size - 77px, заливаем выделение темным цветом. Переходим к layer styles, выбираем drop shadow. Настройки поставьте как у меня. Затем переходим к bevel and emboss, настройки опять же на скрине. Получили гвоздь в дереве. С помощью ctrl+J дублируем этот слой, и втыкаем гвозди по 2 - на концах досок.
, убедитесь, что оно проходит по тем же направляющим, что и у меня. Edit>Define Pattern. Назовите это паттерн "Wood”.
выбираем созданный нами паттерн и заполняем им всю область.
с feather = 100px и создаем выделение на весь документ. Удерживая shift перемещаем выделение вверх, чтобы центр выделения был на верхней границе документа и видна была только нижняя часть круга. Заливаем ее оранжевым цветом ( 
в режиме color)/
с feather= 100px создаем меньший круг в верхней половине документа, новый слой поверх всех остальных, заливаем белым, меняем режим смешивания слоя на Overlay.
