Как сделать текстуру дерева в фотошопе
В этом уроке вы узнаете, как создать два вида реалистичных текстур дерева, используя только инструменты Photoshop.
Сложность урока: Легкий
В этом уроке я покажу, как создать два вида реалистичных текстур дерева, используя только инструменты Photoshop.
Финальный результат:
Первая текстура
Шаг 1
Шаг 2
Шаг 3
Конвертируйте слой в Смарт-объект (Smart Object) и перейдите в меню Фильтр > Рендеринг > Волокна (Filter > Render > Fiber).
Шаг 4
Добавьте корректирующий слой Уровни (Levels) над текущим и максимально повысьте контраст.
Шаг 5
Создайте новый слой над Уровнями. Выберите слой с волокнами, затем активируйте инструмент Волшебная палочка (Magic Wand Tool). Кликните по документу, выделив красные участки.
Нажмите Ctrl + I, инвертировав выделение, а затем Ctrl + C, чтобы его скопировать. Создайте новый слой и нажмите Ctrl + V для вставки выделенных участков. Скройте или удалите Уровни, так как они нам больше не нужны.
Я выключил еще и слой с волокнами, чтобы вы более ясно видели результат.
Шаг 6
Включите слой с волокнами и получите такой результат:
Шаг 7
Создайте новый слой и при помощи инструмента Штамп (Clone Tool) удалите похожие детали, сделав текстуру более естественной.
Шаг 8
Добавьте корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation), чтобы немного обесцветить поверхность.
Шаг 9
Используйте корректирующий слой Кривые (Curves), отрегулировав контраст и цвет текстуры.
Выделите все видимые слои, затем нажмите Ctrl + G, объединив их в группу. Назовите ее «Дерево 1», затем скройте.
Вторая текстура
Шаг 1
Шаг 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% непрозрачности.
Вы узнаете, как легко создать и добавить дерево к фотографии в Photoshop CC с помощью панели Дерево (Tree Panel).
Сложность урока: Легкий
Часто красивое пейзажное фото нуждается в чем-то большем. Добавление некоторых типов природных элементов (например, деревьев) может сделать изображение более сбалансированным. Поиск деревьев с прозрачным фоном, которые можно добавить к вашей фотографии и которые соответствуют вашему источнику света, – это трудоемкая задача, и вы все равно никогда не найдете идеального соответствия. Сегодня я покажу вам, как легко создать и добавить дерево к фотографии в Photoshop CC с помощью панели Дерево (Tree Panel).
Хотя конечное дерево не выглядит полностью реальным, оно станет отличной отправной точкой для последующего добавления таких деталей, как тени, пользовательские цвета и даже настоящая текстура коры.
Шаг 1
Открываем изображение, на которое вы хотите добавить деревья.
Шаг 2
Идем в меню Layer – New – Layer (Слои – Новый – Слой). Называем слой Tree 1 (Дерево 1) и нажимаем ОК.
Шаг 3
При активном слое Tree 1 (Дерево 1) идем в меню Filter – Render – Tree (Фильтр – Рендеринг – Дерево).
Шаг 4
На панели Tree Panel (Дерево) применяем следующие настройки и нажимаем ОК.
Примечание: если вы используете изображение с другим источником света или хотите использовать другой тип дерева, вам может потребоваться немного изменить эти настройки.
Шаг 5
При активном слое Tree 1 (Дерево 1) снова идем в меню Filter – Render – Tree (Фильтр – Рендеринг – Дерево). Оставляем те же настройки, что и в прошлый раз, только меняем Arrangement (Порядок) на 25,3 и нажимаем ОК.
Шаг 6
Нажимаем Ctrl+T на клавиатуре. Перемещаем и уменьшаем дерево по своему вкусу. Нажимаем клавишу Enter на клавиатуре, чтобы применить изменения.
Шаг 7
При все еще активном слое Tree 1 (Дерево 1) нажимаем на иконку Add Layer Mask (Добавить маску слоя) внизу панели слоев.
Шаг 8
Делаем маску активной. Выбиваем инструмент Brush Tool (Кисть) (B) и маленькой черной кистью закрашиваем нижнюю часть дерева, чтобы смешать его с травой.
Шаг 9
Теперь, когда дерево уже размещено, вы можете внести некоторые изменения, пока не будете удовлетворены конечным результатом. В этом случае, и только для того, чтобы показать вам, что можно сделать, мы добавим тень и немного отрегулируем яркость дерева. Чтобы это сделать идем в меню Layer – Duplicate layer (Слои – Создать дубликат слоя). Называм его Shadow (Тень) и нажимаем ОК.
Шаг 10
При активном слое Shadow (Тень) идем в меню Layer – Arrange – Send Backward (Слои – Упорядочить – Переложить назад). Или просто перетаскиваем слой Shadow (Тень) под слой Tree 1 (Дерево 1).
Шаг 11
Нажимаем Ctrl+T на клавиатуре и меняем форму дерева как показано ниже. Нажимаем Enter, чтобы применить трансформацию.
Шаг 12
Идем в меню Layer – Layer Style – Color Overlay (Слои – Стиль слоя – Наложение цвета). Применяем следующие настройки и нажимаем ОК.
Шаг 13
Идем в меню Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Устанавливаем радиус размытия, который по вашим ощущениям подходит для изображения, и нажимаем ОК. В этом случае и из-за размера изображения радиус 2 будет работать нормально.
Шаг 14
Устанавливаем режим наложения слоя Shadow (Тень) на Darken (Затемнение) и снижаем непрозрачность до 20%.
Шаг 15
Наконец, выделяем слой Tree 1 (Дерево 1) и идем в меню Image – Adjustments – Brightness/Contrast (Изображение – Коррекция – Яркость/Контрастность). Уменьшаем Brightness (Яркость) примерно до -30 и нажимаем ОК.
Несколько заключительных слов
Теперь, когда вы увидели, как легко добавлять деревья к вашим изображениям в Photoshop, поэкспериментируйте с панелью Дерево, чтобы получить разные виды деревьев, композиции и даже разные типы листьев для одного и того же дерева, которое можно использовать на любом изображении, как в следующем примере.
Если Вы создали собственный изометрический пиксельный город или небольшое пиксельное изображение, то, возможно, вам потребуются и пиксельные деревья.
Такие деревья – прекрасный декоративный элемент, они украсят любой нарисованный город, сцену, не говоря уже о парках или городских пейзажах.
Финальное изображение:
1. Размеры
Мы будем рисовать дерево достаточно большого размера, чуть больше, чем куст, но не совсем огромное.
Шаг 1
Высота будущего дерева в два раза меньше высоты персонажа.
Это рабочие размеры. В процессе рисования высоту можно будет скорректировать.
Шаг 2
Ширина ствола дерева должна быть чуть толще, чем ноги персонажа. В моем случае, это 4 пиксела между линиями.
Шаг 3
А вот это примерно верхушка дерева.
2. Фигуры
Верхушка дерева будет состоять из кластера овалов. Можно использовать более простые формы, такие, как круг или квадрат, но кластерное решение придаст дереву более реалистичный вид.
Шаг 1
Вот так выглядит овал, который мы будем рисовать. Его ширина 24 x 18px, но Вы можете ее сделать любой.
Нарисуйте овал при помощи инструмента Овальная область выделения (Elliptical Marquee Tool), отключив функцию анти-сглаживание (anti-alias) на панели свойств инструмента.
Затем, нарисованное выделение нужно заполнить цветом. Для этого, сожмите выделение овала на 1 пикселSelect > Modify > Contract (Выделение – Модификация – Сжать) и залейте его зеленым цветом. Но я предпочитаю рисовать овал при помощи инструмента Карандаш (Pencil Tool), для того, чтобы его края были слегка зубчатыми.
Шаг 2
Используйте этот же овал для того, чтобы добавить его к кластеру. Мы создадим три овала на верхней части дерева и пять - в нижней.
Попробуйте несколько способов размещения овалов. Эта строка будет иметь три овала.
Шаг 4
Третий овал на этой строке будет располагаться немного ниже.
Шаг 5
Добавьте пару овалов на нижнюю часть дерева – Вы можете вставить их на новый слой, переместить слой ниже исходного и слить (Ctrl + E).
Шаг 6
Удалите направляющие, по которым рисовали дерево:
Шаг 7
Закругленный ствол дерева зрительно смягчает его зазубренные края:
3. Тень
Мы создали основную фигуру дерева и теперь нужно прорисовать тень, чтобы добавить ему объем.
Шаг 1
Постепенно, добавляя тень к дереву, мы будем избавляться от контурных линий внутри него.
Шаг 2
Верхняя часть дерева будет освещена сильнее, чем остальные. Этот оттенок будет на 10% ярче, а также будет иметь более теплый оттенок.
Шаг 3
Ориентируясь на скриншот, добавьте к боковым частям листвы дерева точно такой же оттенок, что и в предыдущем шаге:
Шаг 4
Добавьте точно такой же оттенок и на центральный овал:
Шаг 5
Теперь добавьте темный оттенок на нижнюю часть овалов, находящихся в центре. Этот оттенок должен быть на 10% темнее, чем основной цвет листвы.
Шаг 6
Добавьте еще один оттенок на самую нижнюю часть листвы – он должен быть на 10% темнее, чем предыдущий.
Шаг 7
Теперь измените цвет ствола дерева на коричневый. Также, после того, как цвет стволу задан, Вы можете его изменять при помощи команды Цветовой тон/Насыщенность (Image > Adjustments > Hue/Saturation).
Шаг 8
В финале, добавьте тень на ствол дерева. Края ствола могут быть темнее или светлее. В моем случае, они темнее.
4. Текстура
Теперь к дереву мы добавим текстуру, смешивая несколько разных оттенков. Это делается для того, чтобы добавить дереву текстуру листьев.
Шаг 1
Для создания сглаженного перехода я буду использовать области по 4 пиксела цвета, а для отдельных – по 2 пиксела.
Для большего удобства, при рисовании увеличивайте масштаб изображения инструментом Zoom (Масштаб).
Шаг 2
В верхней части дерева и немного левее, прорисована пиксельная текстура.
Шаг 3
Скопируйте пиксельную текстуру (Ctrl + C) и вставьте ее на другую сторону дерева и в центральную его часть (Ctrl + V).
Шаг 4
Теперь нарисуйте пиксельную текстуру на средней части дерева, создавая плавный переход от зеленого к темно-зеленому оттенку.
Шаг 5
Сглаживание текстуры сделайте чуть выше средней части дерева, чтобы оно выглядело объемным и чтобы сделать его форму круглее.
Шаг 6
Теперь добавьте несколько темных пикселов, чтобы подчеркнуть разрыв между боковой частью и центром овала. Это придаст дереву вид кластера, как и было задумано.
Шаг 7
После того, как эта часть готова, скопируйте ее (Ctrl + C), отразите по горизонтали (Edit> Transform> Flip Horizontal)(Редактирование – Трансформирование – Отразить по горизонтали) и поместите ее на противоположной стороне.
Шаг 8
Также, готовую пиксельную часть из предыдущего шага поместите на нижнюю темно-зеленую часть дерева:
Шаг 9
Для того, чтобы добавить пиксельную текстуру на ствол дерева, на новом слое (Shift + Ctrl + N) нарисуйте маленький шаблон пиксельной текстуры черного цвета, примените ее к стволу и уменьшите непрозрачность до 20%. После, выполните сведение слоев (Ctrl + E).
Благодаря этому, ствол обретет текстуру коры.
Шаг 10
Сделайте светлее контур ствола, а также нарисуйте вокруг дерева тень черного цвета, падающую на землю от его верхушки. Уменьшите непрозрачность слоя с тенью до 10%.
Открываем программу Photoshop, версия подойдёт любая .
Создаем документ размером 1500х1500 пикс.
Создадим новый слой и назовём его "Grain"(зерно)- это в версии автора, назвать его можно как угодно конечно же. Прежде чем продолжить, сбросте цвета на значение по умолчанию - черный и белый .
Добавим к этому слою фильтр Облака - Фильтр-Рендеринг-Облака (Filter- Render- Clouds).
Ваше изображение должно выглядеть следующим образом:
Растягиваем слой с облаками, при помощи инструмента Трансформирование (Ctrl+T) по вертикали до 600%.
Применяем фильтр Размытие - Фильтр-Размытие-Размытие в движении (Filter- Blur-Motion Blur). Настройте его как на картинке ниже:
Ваше изображение должно выглядеть следующим образом
Применим постеризацию к слою "Grain"- Изображение-Коррекция-Постеризация (Image-Adjustments-Posterize). Уровень постеризации как на скрине:
При помощи фильтра Выделение краёв создадим узор древесины - Фильтр- Стилизация-Выделение краёв (Filter-Stylize-Find Edges) .
Зайдем в Уровни (Ctrl+L)и добавим контрастности узору.
Далее заходим в Фильтр-Шум-Добавить шум (Filter-Noise-Add Noise) и устанавливаем значение 65% чтобы сделать узор реалистичнее.
Шаг10.
Дальше переходим Фильтр-Размытие-Размытие в движении (Filter- Blur- Motion Blur) и дать ему следующие параметры:
Шаг11.
Дублируем слой "Grain" и переименуем его в "Specularity", временно отключаем его. Используем его позднее для придания текстуре объема.
Шаг12.
Меняем режим наложения слоя "Grain" на Умножение (Muiliply). И у нас уже должна получиться почти готовая текстура.
Шаг13.
Отключаем слой "Grain" и делаем слой "Specularity" видимым.
Шаг14.
Инвертируем слой "Specularity" нажатием сочетания Ctrl+I. После этого изменим контрастность (Ctrl+L):
Шаг15.
Меняем режим наложения на Осветление (Screen) и установливаем непрозрачность этого слоя 10%. Делаем активным слой "Grain".
Шаг16.
Для получения полного эффекта сдвинем слой "Specularity" вниз и вправо на несколько пикселей. Этот шаг кажется незначительным но эффект от него значительный . Любуемся результатом :
Можно поменять цвет нижнего слоя и получить текстуры разных сортов дерева.
Полезный урок о том, как создать текстуру дерева в Фотошоп.
После этого к слою с заливкой примените фильтр Filter > Noise > Add noise (Фильтр - Шум - Добавить шум) с параметрами: Amount (Эффект) 12%, Distribution (Распределение) - Gaussian (По Гауссу), отметьте параметр Monochromatic (Монохромный) и нажмите ОК.
Для придания текстуре более естественного вида воспользуйтесь фильтром Filter > Blur > Motion Blur (Фильтр - Размытие - Размытие в движении) со значением Angle (Угол) 90 градусов и Displace (Смещение) 18 пикселей.
Перейдите в меню Filter > Distort > Wave (Фильтр - Искажение - Волна) и внесите следующие изменения:
Примечание: нажимайте кнопку Randomize (Рандомизировать) до тех пор, пока не получите желаемый результат.
Читайте также: