Создаём кисти для рисования деревьев в Фотошоп. Создаем генеалогическое древо в фотошопе

Нарисовать текстуру дерева с нуля совсем несложно, сегодня мы в этом убедимся. Всё, что нам понадобится — это фотошоп и 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%:

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

20.06.2009 26.01.2018

На самом деле нарисовать дерево в фотошопе не так уж трудно. Нужно лишь немного усилий и фантазии.

Что в основном мы будем использовать в этом уроке:

  • Кисть. Её мы нарисуем все основные моменты.
  • Smudge Tool (Палец) — позволит размазать коре дерева. Звучит дико, но в процессе вы поймете зачем.
  • Eraser Tol (Ластик) — поправлять рисованное изображение
  • Яркость и контраст
  • Фильтр Размытие по Гауссу

Художественное образование и умение рисовать от руки не потребуется! Нужно всего несколько минут.

Шаг 1. Создание нового документа.

Откроем новый файл: File - New (ctrl+n )

Шаг 1. Делаем наброски дерева

Возьмем Brush Tool маленького размера и сделаем набросок будущего дерева.

Шаг 3. Детализируем ствол

Создадим новый слой: Layer » New » Layer и нарисуем кору дерева, используя Brush Tool . Используйте цвет, который будет основным.

Поменяйте настройки кисти и нарисуйте текустуру.

Теперь прорисуйте к коре четкие светлые и темные части.

Используя Brush Tool сделайте боле глубокими тени.

Используя Smudge Tool размажте кору дерева, но сохранив ее текстуру.

Шаг 4. Начинаем рисовать листву

Новый слой. Нарисуем листву дерева с помощью Brush Tool .

Теперь возьмите другую кисть и нарисуйте листву разными цветами.

Удалите слой, содержащий эскис, нажав кнопку Delete Layer на внизу на палитре слоев. Вставьте новый слой на место, где был слой с эскизом и залейте его соответствующим цветом, используя Paint Bucket Tool .

Подкорректируйте листву на дереве и ее границы, используя Eraser Tool , выбрав нужную кисть и стерев необходимые участки точечными мазками.

Используя Smudge Tool подкорректируйте нижнюю часть ствола дерева.

Применим к слою со стволом дерева следующее: Image » Adjustments » Brightness/Contrast .

Шаг 5. Добавляем больше листьев

Теперь необходимо взять кисть в форме листьев. Установите такие же параметры для кисти, как указаны на скрине ниже.

Теперь нарисуйте листики.

Шаг 6. Последние штрихи.

Сделайте дубликат слоя с листвой: Layer » Duplicate Layer . Поместите его ниже слоя с оригиналом листвы и примените фильтр: (Filter » Blur » Gaussian Blur ).

Теперь склеим все слои в один Layer » Merge Visible (shift+ctrl+e ) и придадим дереву эффекст солнечного света между листьями. Это можно сделать, используя Dodge Tool .

Дублируем слой и применим к нему фильтр (Gaussian Blur ). Меняем режим слоя на Soft Light и ставим прозрачность 73%

В этом уроке я покажу, как создать два вида реалистичных текстур дерева, используя только инструменты 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% непрозрачности.

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


В качестве бонуса, мы также добавим новый фон. Это действительно легко, но мало кто знает, как это сделать быстро. У многих людей есть проблемы с вырезанием деревьев. Эта работа занимает много времени, как они думают.


Для начала нам нужны два исходника:

Фото с деревом.

Фото для нового фона.

Подберите их самостоятельно.


Откройте Photoshop и измените размер обоих изображений, чтобы они были одинаковы по ширине, начнем мы работать с изображением дерева.

Шаг 2

Мы выберем инструмент, который редко когда используется: (Инструмент «Фоновый ластик» / Клавиша «E»).


Шаг 3

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

1) Возьмите большую мягкую кисть, я использовал кисть диаметром 2013 px.

2) Измените «Sampling » (Образец фона) на «Contiguous » (Непрерывно).

3) Установите «Limits » (Ограничения) на «Discontiguous » (Все пикселы).

4) «Tolerance » (Допуск): 40 (мы это делаем, поскольку у голубого фона за хороший контраст с зелеными листьями, если контраст не такой высокий, вам нужно будет установить значение «Tolerance » (Допуск) ниже).

5) Установите галочку напротив «Protect Foreground Color » ((Защитить) Основной цвет).

6) Мы установили галочку защиты цвета переднего плана, поэтому нам нужно определить цвет переднего плана; кликните на квадратик с цветом переднего плана - откроется меню «Color Picker » (Выбор цвета) теперь с помощью пипетки выделите на дереве средний тон зеленого цвета.

Это действие защитит выбранный цвет, так что позже он не будет стерт.


Шаг 4

Сейчас начнется самое интересное.

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

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

Если вы хотели только вырезать дерево, поздравляю! Вы сделали это!


Я добавлю новый фон к этому изображению в качестве бонуса.

Шаг 5

Добавьте небо в качестве нового слоя, расположенного ниже слоя с деревом.


Если вы посмотрите внимательно, то увидите некоторые белые линии вокруг листьев. Поэтому я покажу вам, как избавиться от них.


Шаг 6

В палитре слоев выберите слой с деревом и кликните по нему правой кнопкой мыши. Откроется новое меню, в котором выберите (Параметры наложения). Это действие откроет новое окно.

Все, что нам нужно сделать – изменить «Blend Mode » (Режим наложения) на (Темнее) и нажать Ок .


Шаг 7

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


Шаг 8

Теперь вы можете преобразовать свое изображение, используя маленькую мягкую (blur) и размыть края травы и нового неба (убедитесь, что в настройках у вас установлена галочка «Sample All Layers » (Образец – все слои) и так далее.


Не было ничего сложного. Удачи.

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

Переводчик: Александра Анцыперович ;

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

Ресурсы:

Шаг 1

Создайте новый документ (Ctrl + N) размером 1024 px по ширине и 1280 px по высоте:


Шаг 2

Для начала создадим дерево. Выберите кисть и нажмите клавишу F5, чтобы открыть панель с настройками. В настройках установите жесткость на максимум, затем в разделах Shape Dynamics, Scattering и Color Dynamics установите такие же параметры как показано ниже:

Шаг 3

Теперь необходимо подобрать цвет для переднего и заднего плана. Для переднего плана поставьте цвет # fabc22 , а для заднего плана цвет # fabc22. Размер кисти установите до 150 пикселей. Попробуйте что-нибудь нарисовать. Если вы все сделали правильно то ваш результат должен быть похож на пример ниже:

Шаг 4

На разных слоях нарисуйте несколько вариантов стеблей. В следующем шаге мы будем их комбинировать, собирая в одно целое дерево. Когда будете рисовать попробуйте менять силу параметра Control Fade в разделе Shape Dynamics. После некоторых проб и ошибок, мне все-таки удалось нарисовать несколько фигур:

Шаг 5

Теперь нужно соединить все эти фигуры в одно целое. Первым делом я решил создать ствол. В нижней части я расположил фигуру stem 1, чуть выше разместил stem 2, stem3 и stem 4. (Смотрите пример ниже):

Шаг 6

Когда ствол был готов я принялся добавлять ветки до тех пор, пока не получил законченную форму:


Шаг 7

Когда закончите, слейте ранее созданные слои, что бы получить отдельный слой с деревом. Затем выберите Filter> Render> Lightning, и поставьте параметры как показано ниже:

Шаг 8

На этом шаге мы добавим дереву тени, что бы сделать его объемным. Для этой цели идеально подойдет инструмент Burn Tool. На панели инструментов выберите Burn Tool. Вверху в настройках инструмента поставьте опции Range параметр Highlight, а опции Exposure поставьте значение 10%. Установите инструменту очень мягкие края.

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

Шаг 9

После этого для дерева нужно применить градиент. Создайте корректирующий слой Gradient … Создайте тако же градиент как показано ниже. После этого не забудьте создать обтравочную маску для градиента, которая позволяет применять градиент не не ко всем слоям а только к слою с деревом. Что бы создать обтравочную маску кликните правой кнопкой мыши по названию слоя с градиентом и в открывшемся списке выберите Clipping mask. Прозрачность слоя установите до 60%. Нажмите Ctrl + E, чтобы объединить все в один. Все дерево готово!

Шаг 10

Создайте новый документ с белым фоном и размером 1024 пикселей по ширине и 1686 пикселей по высоте. После этого создайте новый слой.

Для переднего плана выберите цвет # 9db1fc, а для заднего плана цвет #6ca5f8. Активируйте инструмент Gradient Tool и заполните им документ для создания фона:

Шаг 11

Создайте еще один новый документ с белым фоном размером 1024 px по ширине и 731 px по высоте. Для переднего плана выберите цвет # 92a8fb, а для заднего плана выберите просто белый цвет. Выберите Filter> Render> Cloud и нажмите OK. Инструментом Lasso Tool создайте выделение по форме напоминающее облако. Когда выделение будет нажмите Shift + F6, чтобы открыть меню Feather Selection. Установите параметру Feather Radius значение в 100 px. После нажмите Ctrl + J, чтобы дублировать выделение в новый отдельный слой. Скройте фоновый слой кликнув по пиктограмме с глазом. Если вы сделали все правильно то результат должен быт похож на пример ниже:

Шаг 12

Добавьте это облако на документ созданный в 10 шаге. Что бы сделать облако более реалистичным поменяйте режим смешивания на Soft Light. Потом нажмите Ctrl + T, чтобы активировать инструмент Free Transform Tool и исказите форму облака как показано ниже:

Шаг 13

Что бы полностью завершить работу над облаками вам нужно:

  1. Расположите ранее созданное облако в нужное место.
  2. Сделайте несколько дублей облака (Ctrl+J). При помощи инструмента перемещения Move Tool (M) расположить слои, где это необходимо. Используйте инструмент Free Transform для масштабирования или переворачивания продублированных слоев. Попробуйте поиграть с разными режимами смешивания для каждого отдельного слоя.
  3. Попробуйте исказить форму облаков при помощи инструмента Free Transform.
  4. Выделите все слои облаками и нажмите Ctrl + G, чтобы сгруппировать их.


Шаг 14

Продублируйте эту группу. Продублированной группе поставьте режим смешивания Soft Light а непрозрачность установите до 100%. Опустите продублированную группу ниже оригинальной. Внизу пример того, что получилось после всех манипуляций:

Шаг 15

Затем, пожалуйста сделайте следующее:

  1. Разместите созданное дерево на этот холст.
  2. Продублируйте слой с деревом. Потом уменьшите размер продублированного дерева, разверните его по горизонтали и разместите так как показано на рисунке ниже. Этот слой с уменьшенной копией дерева разместите под с оригинальным деревом.
  3. Потом создайте еще один дубликат и разместите его как показано ниже.
  4. Еще раз продублируйте слой и расположите деревья как показано ниже. Не забудьте расположить слои так, что бы скрыть стыки. Помните что эти кустья должен перекрывать основной ствол. Слейте эти слои с кустами в один.


Шаг 16

Откройте изображение Tree Houses. Отделите дом от фона. Для этого можно использовать Pen Tool. Активируйте Pen Tool и выделите контуры дома. Когда получите замкнутое выделение кликните правой кнопкой мыши и в появившемся списке строку Make Selection. Нажмите Shift + Ctrl + I, чтобы инвертировать выделение и нажмите клавишу Delete, что бы удалить фон:

Шаг 17

Есть еще несколько ненужных объектов от которых необходимо избавиться. Посмотрите на рисунок ниже, красным цветом помечены места, которые нужно скрыть. Клонируйте некоторые участки. Сотрите дерево перерождающее лестницу. Потом при помощи инструмента Clone Tool “достройте” лестницу, а так же скройте некоторые учатки. Потом активируйте инструмент Crop и обрежде нижнюю часть:

Шаг 18

Я так же решил достроить балкон. Это можно сделать при помощи выделения и инструмента Free Transform. Например попробуйте выделить часть от лестницы, скопировать это выделение на отдельный слой и при помощи инструмента Free Transform настроить положение. Не забудьте объединить все эти слои с частями от дома в один:

Шаг 19

Добавьте хижину на основной холст. Настройте размер и скройте некоторые части при помощи маски:

Шаг 20

Продублируйте слой с хижиной четыре раза. Расположите копии примерно так же как показано ниже:

Шаг 21

Теперь добавим другие деревья, что бы скрыть швы от домиков и добавить реалистичности. Откройте изображение Bonsai Tree и первым делом отделите деревья от фона. Я сделал это при помощи цветного диапазона. Продублируйте слой с деревьями и скройте оригинальный слой, щелкнув по значку с глазом. Выберите меню Select> Color Range и кликните по белой области неба. В настройках Color Range установите параметру Fuzziness значение 145, чтобы сделать больший контраст между черным и белым. Нажмите кнопку ОК. Вы увидите пояаилось выделениеЕсли все сделано правильно, то небо должно выделиться. Нажмите Delete, что бы удалить фон.

Шаг 22

Теперь добавьте эти деревья на основной холст. Расположите их и скройте ненужные части при помощи маски:

Шаг 23

Продублируйте слой с деревьями и разместите как посчитаете нужным:


Шаг 24

Шаг 25

Не забудьте проделать это для всех домов:

Шаг 26

Посте всех проделанных манипуляций у меня получился такой результат:


Шаг 27

Примените к дереву маску и скройте некоторые части, как показано ниже:

Шаг 28

Теперь можно добавить на сцену человека. Откройте изображение Model. Отделите девушку от фона:

Шаг 29

Перетащите девушку на основной холст и разместите ее в нижней части у одного из домов. Активируйте инструмент Smudge Tool. В настройках инструмента установите мягкие края и небольшой размер. Так же параметру Srength поставьте значение 60%. Размажьте края волос, что бы сделать их растрепанными. После выделите лампу и скопируйте ее два раза. Эту же лампу можно добавить для каждой хижины:

Шаг 30

На этом этапе мы добавим три корректирующих слоя: Gradient, Photo Filter и Vibrance. Ниже вы можете посмотреть как настроить каждый слой.

Когда закончите с настройками выберите первый слой с градиентом и поменяйте его режим смешивания на Soft Light и прозрачность до 28%. Для второго градиента поменяйте только прозрачность до 27%. Фотофильтру поставьте прозрачность до 70%:

Шаг 31

Нажмите Shift + Ctrl + Alt + E, чтобы объединить все слой в один. Потом нажмите Ctrl + J что бы сделать копию. Я назвал этот слой зеленым:

Шаг 32

Выберите Filter > Render > Lightning и настройте фильтр как показано ниже:


Шаг 33

Примените к этому слою маску. При помощи мягкой круглой кисти с прозрачностью в 20% сотрите центральную часть. После установите этому слою прозрачность до 80%. Сделайте дубликат слоя и поменяйте его режим наложения на Soft Light, а прозрачность поставьте 80%:

Шаг 34

Откройте последнее изображение под названием Nebula и добавьте его на основной холст. Расположите слой с этим изображением над слоями с небом. Поменяйте режим смешивания на Multiply:

Шаг 35

Результат получился немного темным и поэтому я решил сделать его более контрастным. В самом верху создайте корректирующий слой Brightness / Contrast и настройте его:

Шаг 36

Затем можете добавить еще один корректирующий слой Selective Color:


Шаг 37

Атмосфера по-прежнему выглядит как-то скучно. Я решил сделать изображение еще ярче. Продублируйте слой со звездами и расположите его в самом верху. Поменяйте его режим смешивания на Soft Light и прозрачность до 80%. Примените к нему маску и сотрите центральную часть в районе дерева:

Шаг 38

На этом шаге добавим лампам свет, а так же подсветим некоторые участки деревьев. Создайте новый слой (Shift + Ctrl + N). Залейте его черным цветом (Shift + F5) и поменяйте его режим смешивания на Color Dodge. Сначала подсветите нижние части деревьев. Выберите белый цвет, активируйте кисть и поменяйте ее прозрачность до 5. Теперь просто рисуйте в нужных (см. рисунок ниже). Потом сделайте подсветку для ламп. Для переднего плана выберите цвет #fcb004 и рисуйте прямо по лампам. В процессе попробуйте менять цвет от # fcb004, # fe9024 до простого белого, чтобы получить наилучший результат.

Шаг 39

На последнем этапе можно очистить некоторые участки от листьев и затемнить края. Создайте новый слой. Что бы закрасить листья используйте похожий цвет от тени. Используйте мягкую кисть с прозрачностью в 20-40%. Затем можете затемнить края сцены. Так же можно использовать инструмент Blur Tool, для размытия заднего плана.

Вот и все на сегодня. Благодарю Вас за чтение этого урока по фотошопу. Надеюсь, он оказался полезен.