Фоны для фотошопа. Текстура дерева. Текстура дерева в фотошопе

Доброго времени суток уважаемые пользователи программы Adobe Photoshop! Представляю вашему вниманию практический урок по созданию реалистичной деревянной текстуры. И если вас заинтересовала тема создания собственных текстур, то рекомендую ознакомиться с методом создания медной текстуры.

Приступим.

Открываем программу Photoshop , версия подойдёт любая.

Шаг1.

Создаем документ размером 1500х1500 пикс.

Шаг2.

Выбираем в палитре цветов цвет # 5a3222 и заливаем документ:

Шаг3.

Создадим новый слой и назовём его "Grain"(зерно)- это в версии автора, назвать его можно как угодно конечно же. Прежде чем продолжить, сбросте цвета на значение по умолчанию - черный и белый.

Шаг4.

Добавим к этому слою фильтр Облака - Фильтр-Рендеринг-Облака (Filter- Render- Clouds) .

Ваше изображение должно выглядеть следующим образом:

Шаг5.

Растягиваем слой с облаками, при помощи инструмента Трансформирование (Ctrl+T) по вертикали до 600%.

Шаг6.

Применяем фильтр Размытие - Фильтр-Размытие-Размытие в движении (Filter- Blur-Motion Blur) . Настройте его как на картинке ниже:

Ваше изображение должно выглядеть следующим образом

Шаг7.

Применим постеризацию к слою "Grain"- Изображение-Коррекция-Постеризация (Image-Adjustments-Posterize) . Уровень постеризации как на скрине:

Шаг8.

При помощи фильтра Выделение краёв создадим узор древесины - Фильтр- Стилизация-Выделение краёв (Filter-Stylize-Find Edges) .

Зайдем в Уровни (Ctrl+L)и добавим контрастности узору.

Шаг9.

Шаг10.

Шаг11.

Дублируем слой "Grain" и переименуем его в "Specularity", временно отключаем его. Используем его позднее для придания текстуре объема.

Шаг12.

Меняем режим наложения слоя "Grain" на Умножение (Muiliply) . И у нас уже должна получиться почти готовая текстура.

Шаг13.

Отключаем слой "Grain" и делаем слой "Specularity" видимым.

Шаг14.

Инвертируем слой "Specularity" нажатием сочетания Ctrl+I. После этого изменим контрастность (Ctrl+L):

Шаг15.

Меняем режим наложения на Осветление (Screen) и установливаем непрозрачность этого слоя 10%. Делаем активным слой "Grain".

Шаг16.

Для получения полного эффекта сдвинем слой "Specularity" вниз и вправо на несколько пикселей. Этот шаг кажется незначительным но эффект от него значительный. Любуемся результатом:

Можно поменять цвет нижнего слоя и получить текстуры разных сортов дерева.

Желаю успехов!
Всегда для Вас: сайт
У Вас возникло желание показать результаты Ваших трудов? Выложите свои работы на наш форум !

Уважаемые посетители сайта , потратившие время на прочтение этого урока. Нам очень хотелось бы знать понравился ли он вам и был ли он вам полезен. Не поленитесь оставить комментарий. Заранее спасибо.

Фоны для фотошопа текстуры дерева — это бесшовные текстуры. Хочу немного пояснить для тех, кто с этим еще не сталкивался. Если вы работаете в фотошопе или в любом другом графическом редакторе, то наверняка использовали в своих работах текстуры для фотошопа, т.е. скачивали с интернета или фотошоп сайта готовые фоны дерево например. Обычно они идут большого размера и не составляет труда из большого сделать меньший размер и с ним работать дальше. Чем же отличаются бесшовные фоны от обычных фонов для фотошопа? Приведу пример: допустим вам нужно нанести любую текстуру на какой-то предмет в фотошопе — на рамку для фотографии, как я рассказывала в своем уроке фотошопа «Рамка для фото. Как наложить текстуру» или вам нужно сделать из белой, оконной рамы деревянную. Что произойдет, если вы начнете на рамку наносить обычную, не бесшовную текстуру? Да просто ваша рамка станет конечно деревянной, но рисунок на ней будет ломаный, прерывистый. Вот тогда, чтобы исправить положение, в дело и вступают бесшовные текстуры. Они бывают совсем маленького размера: 100х100 пикселей, например или немного больше, как мои текстуры дерева — 800х800 пикселей, но не в этом суть бесшовной текстуры. Ее предназначение — наложиться на любой, самый маленький или наоборот очень большой фон так, чтобы вы не увидели ни одного стыка в рисунке дерева например. Далеко за примерами ходить не надо: все мы бродим по различным ресурсам фотошопа в поисках информации и я очень часто встречаю дневники, блоги с некрасивым наложением основного фона — это просто повторяющиеся куски какого-то рисунка, потому что нужно было использовать для заливки только бесшовный фон, а хозяин блога, по незнанию, взял и «растянул» обычный, понравившийся ему по рисунку, фон для фотошопа… Надеюсь, что мои бесшовные фоны с текстурой дерева доставят вам удовольствие при работе с ними! Фоны скачать бесплатно можно с Яндекс Диска :

Название:

Описание: 24 файла gpeg

Разрешение: 800х800

Размер архива: 14,8 МБ

Как ни крути, испокон веков человек питает слабость к дереву. Конечно, обойтись без него мы не можем. Но это больше, чем необходимость. Мы любим дерево. Ценим его аромат. Нам приятна его текстура. И неустанно восторгаемся его красотой. Потому, наше стремление применить его в дизайне и декоре не удивительно. Настал тот момент, когда дерево захватило цифровое пространство. И теперь мы жаждем применить дерево в дизайне сайтов.

Порой проще создать необходимую текстуру самостоятельно, чем методично и долго искать подходящую на просторах интернета. И сегодня я расскажу вам, как достаточно быстро сделать текстуру дерева в фотошопе. Урок довольно простой, но затрагивает много интересных моментов, которые знать важно и полезно.

Создаем новый документ. У меня размеры 1000 на 1000 пикселей. И заливаем его цветом. Я хочу получить светлое дерево. Оттенка «дуб». Потому использую цвет #c8bbab.

Теперь нам необходимо добавить на слой – заготовку монохромный шум. Для этого выполните команду «фильтр-шум-добавить шум».

Настройки необходимо выбрать следующие:

На этом этапе важно сделать дублирующий слой. Команда «слой-дубликат слоя». Для чего? Пока не скажу. Оставим на сладкое. И этот слой нам необходимо скрыть. Для чего в панели слоев нам следует кликнуть по пиктограмме с глазом.

Следующий шаг – размытие. Причем нам необходимо выбрать направление этого размытия.

Используем подобные настройки:

Дабы наша текстура дерева стала более правдободобной, нам следует сделать ее более зернистой. Для чего мы обратимся к фильтру. «Фильтр-текстура-зерно».

Интенсивность равна 42. А контрастность 10. Вы всегда можете «поиграть» с настройками для получения результата более подходящего именно вам.

Теперь же возвращаемся к нашему скрытому слою. И тут начинается самое забавное. Мы можем сделать нашу текстуру дерева как темнее, так и светлее. Существует множество режимов наложения, из которых вы можете выбрать любой понравившийся. По сути, вас должно волновать только 2 параметра. Режим наложения и прозрачность слоя. Благодаря им вы сможете создать великое множество вариаций текстур.

Я остановилась на «замене светлым» и уровнем прозрачности в 8%.

И текстура у меня получилась вот такая.

Как видите, волокна слишком ровные и «правильные». Но мы-то знаем, что кольца дерева имеют неоднородную структуру и не слишком правильную форму. Потому исправим это несоответствие при помощи фильтра «пластика».

Настройки нам нужны следующие:

А теперь просто водим мышкой и подтаскиваем «волокна» в нужную сторону.

Для достижения более «правдоподобного» эффекта меняем размер кисти и направления изгиба.

Ну вот и все. У нас получилось довольно быстро и легко создать текстуру дерева в фотошопе, задействовав всего парочку фильтров. Уметь делать подобную штуку очень полезно. Она просто не заменима при разработке макетов для сайтов строительных тематик. Заметьте, деревянная текстура нередко используется в качестве подложки для изображения, предназначенного для слайдера. Да и вообще, в качестве любого фона.

В этом уроке я покажу, как создать два вида реалистичных текстур дерева, используя только инструменты Photoshop.

Финальный результат:

Шаг 1

Создайте новый документ размером 1500 х 1500 пикселей и заполните его цветом #c58352.

Шаг 2

Нажмите Ctrl + Shift + N , чтобы создать новый слой. Установите основной цвет на #bb7f4d, а фоновый - #472f0f, затем перейдите в меню Фильтр > Рендеринг > Облака (Filter > Render > Clouds).

Шаг 3

Конвертируйте слой в Смарт-объект (Smart Object) и перейдите в меню Фильтр > Рендеринг > Волокна (Filter > Render > Fiber).

Шаг 4

Добавьте корректирующий слой Уровни (Levels) над текущим и максимально повысьте контраст.

Шаг 5

Создайте новый слой над Уровнями. Выберите слой с волокнами, затем активируйте инструмент Волшебная палочка (Magic Wand Tool). Кликните по документу, выделив красные участки.

Нажмите Ctrl + I , инвертировав выделение, а затем Ctrl + C , чтобы его скопировать. Создайте новый слой и нажмите Ctrl + V для вставки выделенных участков. Скройте или удалите Уровни, так как они нам больше не нужны.

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

Шаг 6

Дважды кликните по этому слою, выберите Тиснение (Bevels & Emboss). Установите цвет Подсветки (Highlight) на #1c180e, а цвет Тени (Shadow) - #64522c.

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

Шаг 7

Создайте новый слой и при помощи инструмента Штамп (Clone Tool) удалите похожие детали, сделав текстуру более естественной.

Шаг 8

Добавьте корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation), чтобы немного обесцветить поверхность.

Шаг 9

Используйте корректирующий слой Кривые (Curves), отрегулировав контраст и цвет текстуры.

Выделите все видимые слои, затем нажмите Ctrl + G , объединив их в группу. Назовите ее «Дерево 1», затем скройте.

Вторая текстура

Шаг 1

Создайте новый слой, заполните его цветом #c19356. Конвертируйте его в Смарт-объект (Smart Object).

Шаг 2

Дублируйте этот слой, перейдите в меню Фильтр > Оформление > Меццо-тинто (Filter > Pixelate > Mezzotint) и выберите Длинные штрихи (Long Strokes).

Шаг 3

Перейдите в Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur), после чего установите следующие значения.

Шаг 4

Дублируйте слой и растрируйте его. Перейдите в Редактирование > Трансформирование > Поворот на 90° по часовой (Edit > Transform > Rotate 90 Clockwise).

Шаг 5

Снова конвертируйте его в Смарт-объект. Добавьте Размытие в движении (Motion Blur).

Шаг 6

Создайте корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation), обесцветив полученный слой.

Шаг 7

Нажмите Ctrl + Shift + Alt + E , объединив все видимые слои в один новый. Скройте всё кроме исходного слоя с заливкой и объединенного. Установите режим наложения последнего на Перекрытие (Overlay), а Непрозрачность (Opacity) укажите 100%.

Шаг 8

Средняя часть текстуры выглядит размытой и менее детализированной. Чтобы это исправить, дублируйте слой и создайте для него маску. Используйте мягкую черную кисть, чтобы стереть нижнюю и верхнюю части, сделав их менее видимыми.

Шаг 9

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

Шаг 10

Сгруппируйте все слои с режимом наложения Перекрытие (Overlay). Установите режим группы на Перекрытие (Overlay) со 100% непрозрачности. Используйте корректирующий слой Кривые (Curves), осветлив детали текстуры.

Шаг 11

Вернитесь к группе «Дерево 1». Дублируйте слой из шага 3 первой секции, затем перетяните его, поместив над слоями группы «Дерево 2». Перейдите в меню Выделение > Цветовой диапазон (Select > Color Range) и установите Разброс (Fuzziness) 170.

Шаг 12

Нажмите Ctrl + J , чтобы скопировать выделенные участки на новый слой, после чего скройте исходный. Измените режим наложения на Перекрытие (Overlay) с 50% непрозрачности.

Надеюсь, вам понравился урок!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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