Уроки фотошопа, графика, дизайн
arrow

Создаем текстуру дерева

Нарисовать текстуру дерева с нуля совсем несложно, сегодня мы в этом убедимся. Всё, что нам понадобится — это фотошоп и 5 минут времени.

Вот такой результат у нас получится:

Текстура дерева (финальный результат)

Создаем текстуру дерева

1. Открываем фотошоп и создаем новый файл. Размер можете указать произвольный, я сделал 1200 на 1200px.

2. Заливаем фон коричневым цветом. Выбирайте тот оттенок, какой хотите видеть в дальнейшем на текстуре. Именно в этот цвет окрасится наше дерево. Я выбрал цвет #7c3215.

3. Создаем новый слой (Shift+Ctrl+N). Нажимаем клавишу D, это вернет в палитру стандартные цвета (черный и белый), а именно эта комбинация нам понадобится для фильтра Облака (Filter -> Render -> Clouds). Сейчас у вас должно быть 2 слоя, нижний окрашен и коричневый цвет, а на верхнем примерно такая картинка:

Создание текстуры дерева - шаг 3

4. Теперь растянем текстуру облака по вертикали. Нажмите Ctrl+T и установите масштаб по высоте 600-650%:

Создание текстуры дерева - шаг 4

5. Добавляем размытие для ещё большей схожести с гладкой поверхности дерева. Filter (Фильт) -> Blur (Размытие) -> Motion Blur (Размытие в движении) с такими параметрами:

Создание текстуры дерева - шаг 5

6. Пришло время применить фильтр Постеризация. Image (Изображение) -> Adjustments (Коррекция) -> Posterize (Постеризация). Количество уровней (Levels) установите 26.

7. Уже похоже на текстуру древесины. Продолжаем. Идём в Filter (Фильтр) -> Stylize (Стилизация) -> Find Edges (Выявить края). Получилась светлая текстура древесного узора. Нужно её затемнить, для этого нам понадобятся уровни (Ctrl+L). Настройки такие:

Создание текстуры дерева - шаг 7

8. Для реалистичности добавим шума. Filter (Фильтр) -> Noise (Шум) -> Add Noise (Добавить шум):

Создание текстуры дерева - шаг 8

На данном этапе вы должны видеть такую картинку:

Создание текстуры дерева - шаг 8

9. Текстура слишком четкая, нужно её размыть. Filter -> Blur -> Motion Blur:

Создание текстуры дерева - шаг 9

10. Создаем копию слоя с текстурой (Ctrl+J) и скрываем её. На оригинальном слое нажимаем Ctrl+I, изображение будет инвертировано:

Создание текстуры дерева - шаг 10

Этот слой нужен для добавления дополнительного объёма текстуре. Давайте оставим только основные линии. Ctrl+L для вызова уровней и ставьте такие настройки:

Создание текстуры дерева - шаг 10

Меняем режим наложение слоя на Screen (Экран), непрозрачность ставим 8%:

Создание текстуры дерева - шаг 10

11. Делаем видимым верхний слой с текстурой и устанавливаем ему режим наложения Multiply (Умножение), видим такую картинку:

Создание текстуры дерева - шаг 11

Теперь просто сдвигаем слой с объёмом на пару пикселей вправо:

Создание текстуры дерева - шаг 11

12. Почти готово. Осталось создать новый слой поверх всех остальных с такими параметрами:

Создание текстуры дерева - шаг 12

Сейчас мы возьмём инструмент Dodge Tool (Осветлитель) и немного поработаем с освещением — высветлим текстуру в некоторых местах, дабы она выглядела реалистичнее. Внимание — параметр Exposure должен быть выставлен не более чем на 5%:

Создание текстуры дерева - шаг 12

Вот и всё, текстура дерева готова :)

Текстура дерева (финальный результат)

 

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

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

  1. Юлия:

    Большое вам спасибо! Очень нужно и очень просто! Жму руку снимаю шляпу. :)

  2. Ведьма Циния:

    огромное спасибо!это так здорово!!!может мой вопрос совсем не в тему-подскажите—у меня есть картинка-маленький шарик,а я хочу сделать фон из таких вот шариков. постоянно копировать мне не очень хочется (может около 1000 раз.подскажите-как «замастить»основной фон?если вам не сложно-прошу Вас ответить мне на е-меил,т.к. в таком многообразии прекрасных уроков и ответов я теряюсь.Успехов Вам и всему коллективу!!!

Оставить комментарий

Имя: *

Сообщение: