Фоны для фотошопа текстуры дерева — это бесшовные текстуры. Хочу немного пояснить для тех, кто с этим еще не сталкивался. Если вы работаете в фотошопе или в любом другом графическом редакторе, то наверняка использовали в своих работах текстуры для фотошопа, т.е. скачивали с интернета или фотошоп сайта готовые фоны дерево например. Обычно они идут большого размера и не составляет труда из большого сделать меньший размер и с ним работать дальше. Чем же отличаются бесшовные фоны от обычных фонов для фотошопа? Приведу пример: допустим вам нужно нанести любую текстуру на какой-то предмет в фотошопе — на рамку для фотографии, как я рассказывала в своем уроке фотошопа «Рамка для фото. Как наложить текстуру» или вам нужно сделать из белой, оконной рамы деревянную. Что произойдет, если вы начнете на рамку наносить обычную, не бесшовную текстуру? Да просто ваша рамка станет конечно деревянной, но рисунок на ней будет ломаный, прерывистый. Вот тогда, чтобы исправить положение, в дело и вступают бесшовные текстуры. Они бывают совсем маленького размера: 100х100 пикселей, например или немного больше, как мои текстуры дерева — 800х800 пикселей, но не в этом суть бесшовной текстуры. Ее предназначение — наложиться на любой, самый маленький или наоборот очень большой фон так, чтобы вы не увидели ни одного стыка в рисунке дерева например. Далеко за примерами ходить не надо: все мы бродим по различным ресурсам фотошопа в поисках информации и я очень часто встречаю дневники, блоги с некрасивым наложением основного фона — это просто повторяющиеся куски какого-то рисунка, потому что нужно было использовать для заливки только бесшовный фон, а хозяин блога, по незнанию, взял и «растянул» обычный, понравившийся ему по рисунку, фон для фотошопа… Надеюсь, что мои бесшовные фоны с текстурой дерева доставят вам удовольствие при работе с ними! Фоны скачать бесплатно можно с Яндекс Диска :
Название:
Описание: 24 файла gpeg
Разрешение: 800х800
Размер архива: 14,8 МБ
На сайте уже публиковался урок, в котором был показан один из способов . Но для некоторых он мог показаться тяжелым. Поэтому, Вам предлагается научиться добиваться необходимого эффекта более простым способом.
Для начала создайте новый документ.
Теперь залейте холст необходимым цветом (Edit > Fill или Shift+F5 ). Вы можете использовать любой оттенок, в этом уроке используется цвет #5a3222 .
Создайте новый слой и назовите его Текстура .
Теперь нажмите кнопку D , чтобы у Вас установились основной и фоновый цвета по умолчанию черный и белый. И примените фильтр Filter > Render > Clouds .
Нажмите Ctrl+T , чтобы перейти в режим свободной трансформации, и увеличьте размер слоя по высоте до 600%.
Затем примените фильтр Filter > Blur > Motion Blur с параметром Angle: 90 и Distance: 236 pixels.
Перейдите Image > Adjustments > Posterize и установите значение параметра Levels на 25. Вы сразу увидите, как изображение начнет напоминать текстуру дерева.
Выделим «годовые» кольца на срезе. Примените фильтр Filter > Stylize > Find Edges .
Линии получились немного светлыми и нечеткими. Поэтому подправим уровни Ctrl+L .
Теперь добавьте немного шума Filter > Noise > Add Noise с параметром Amount 65%.
И немного размойте изображение Filter > Blur > Motion Blur .
Следующий шаг является необязательным, но, если Вы хотите придать текстуре немного объемности, то ее можно добавить на этом этапе. Создайте дубликат слоя Текстура , назовите его Освещение и поместите между фоном и слоем Текстура . Сделайте дубликат невидимым. Измените режим наложения Blend Mode слоя Текстура на Multiply.
Теперь сделайте невидимым слой Текстура и вернитесь на слой Освещение .
Инвертируйте слой Освещение Ctrl+I . После этого скорректируйте уровни Levels Ctrl+L .
Измените режим наложение Blend Mode слоя Освещение на Screen и установите непрозрачность Opacity на 10%. Сделайте видимым слой Текстура .
Теперь активируйте инструмент Move Tool и стрелками на клавиатуре сместите слой Освещение на несколько пикселей вправо и вниз.
Окончательный результат
P. S.
Если Вы измените цвет фонового слоя, соответственно изменится оттенок текстуры. Вот несколько примеров.
В этом уроке я покажу, как создать два вида реалистичных текстур дерева, используя только инструменты 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% непрозрачности.
Надеюсь, вам понравился урок!
Как ни крути, испокон веков человек питает слабость к дереву. Конечно, обойтись без него мы не можем. Но это больше, чем необходимость. Мы любим дерево. Ценим его аромат. Нам приятна его текстура. И неустанно восторгаемся его красотой. Потому, наше стремление применить его в дизайне и декоре не удивительно. Настал тот момент, когда дерево захватило цифровое пространство. И теперь мы жаждем применить дерево в дизайне сайтов.
Порой проще создать необходимую текстуру самостоятельно, чем методично и долго искать подходящую на просторах интернета. И сегодня я расскажу вам, как достаточно быстро сделать текстуру дерева в фотошопе. Урок довольно простой, но затрагивает много интересных моментов, которые знать важно и полезно.
Создаем новый документ. У меня размеры 1000 на 1000 пикселей. И заливаем его цветом. Я хочу получить светлое дерево. Оттенка «дуб». Потому использую цвет #c8bbab.
Теперь нам необходимо добавить на слой – заготовку монохромный шум. Для этого выполните команду «фильтр-шум-добавить шум».
Настройки необходимо выбрать следующие:
На этом этапе важно сделать дублирующий слой. Команда «слой-дубликат слоя». Для чего? Пока не скажу. Оставим на сладкое. И этот слой нам необходимо скрыть. Для чего в панели слоев нам следует кликнуть по пиктограмме с глазом.
Следующий шаг – размытие. Причем нам необходимо выбрать направление этого размытия.
Используем подобные настройки:
Дабы наша текстура дерева стала более правдободобной, нам следует сделать ее более зернистой. Для чего мы обратимся к фильтру. «Фильтр-текстура-зерно».
Интенсивность равна 42. А контрастность 10. Вы всегда можете «поиграть» с настройками для получения результата более подходящего именно вам.
Теперь же возвращаемся к нашему скрытому слою. И тут начинается самое забавное. Мы можем сделать нашу текстуру дерева как темнее, так и светлее. Существует множество режимов наложения, из которых вы можете выбрать любой понравившийся. По сути, вас должно волновать только 2 параметра. Режим наложения и прозрачность слоя. Благодаря им вы сможете создать великое множество вариаций текстур.
Я остановилась на «замене светлым» и уровнем прозрачности в 8%.
И текстура у меня получилась вот такая.
Как видите, волокна слишком ровные и «правильные». Но мы-то знаем, что кольца дерева имеют неоднородную структуру и не слишком правильную форму. Потому исправим это несоответствие при помощи фильтра «пластика».
Настройки нам нужны следующие:
А теперь просто водим мышкой и подтаскиваем «волокна» в нужную сторону.
Для достижения более «правдоподобного» эффекта меняем размер кисти и направления изгиба.
Ну вот и все. У нас получилось довольно быстро и легко создать текстуру дерева в фотошопе, задействовав всего парочку фильтров. Уметь делать подобную штуку очень полезно. Она просто не заменима при разработке макетов для сайтов строительных тематик. Заметьте, деревянная текстура нередко используется в качестве подложки для изображения, предназначенного для слайдера. Да и вообще, в качестве любого фона.
