Рисуем пиксельное дерево в фотошоп. Рисуем дерево в фотошопе Как рисовать лес в фотошопе

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

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

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

Шаг 1

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

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

Теперь нужно подобрать кисть или создать ее. Если вы не умеете создавать кисти в фотошопе – напишите мне об этом, и я обязательно сделаю урок. Кстати, в фотошопе есть стандартная кисть с листочками, вы можете использовать именно ее. Кисть должна быть полупрозрачной – по краям мы закрашиваем крону дерева не полностью, а так, чтобы она как бы просвечивала.

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

Осталось только добавить фон, пару опавших листьев, произвести цветокоррекцию.

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

Ресурсы:

Шаг 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, для размытия заднего плана.

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

В этом уроке я объясню, как создать свои собственные фигурные кисти и как использовать их. Такие кисти сэкономят вам кучу времени при рисовании деревьев, кустов и травы.
Я использовал Photoshop CS5 и графический планшет Wacom Cintiq. Вы можете использовать любой другой планшет для того, чтоб иметь возможность контролировать нажим пера.
Давайте создадим что-то красивое!

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

(нажмите на изображение, чтобы увеличить)

Шаг 1. Первое, что мы должны сделать, - создать новый документ; обычно я делаю его примерно 500 на 500 пикселей с разрешением 300 dpi, чтоб в дальнейшем кисть не пикселизировалась при ее увеличении, когда мы работаем с большим изображением.

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

Шаг 2. Теперь нужно придать немного глубины кисти.
Я создал новый слой и нарисовал прожилки при помощи кисти Chalk (Мел).
Белой кистью с непрозрачностью 50% нарисуйте осветленные области.

Шаг 4. Вы заметите, что только что созданная кисть появилась в списке кистей в самом низу. Теперь мы должны выбрать эту кисть из списка и открыть панель Кистей - F5 . Откроются настройки кисти, которые вы сможете изменять по своему усмотрению.

Шаг 5. Настройки кисти по умолчанию не позволяют контролировать и изменять штрихи, поэтому первое, что мы должны сделать, это настроить чувствительность пера , сделайте это в меню Другая динамика (Other Dynamics) или Transfer в Photoshop CS5.

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

Установите Колебание прозрачности (Opacity Jitter) 50% и убедитесь, что эта настройка будет регулироваться нажимом пера (pen pressure). Для создания изменений направления и регулировки кисти, выберите Динамику формы (Shape Dynamics).

Шаг 6 . Колебание размера (Size Jitter) - 100%, контроль - нажим пера. Обратите внимание, контроль для настройки Колебание угла (Angle Jitter) установлен Начальное направление (Initial Direction), а для Колебание окружности (Roundness Jitter) - Наклон пера (Pen tilit), Минимальная окружность (MinimumRoundness) - 25%.

Шаг 7. Последняя настройка перед использованием кисти - Настройка формы кисти (Brush Tip Shape), где я устанавливаю Интервал (Spacing) 70% для отделения следов кисти друг от друга.

Шаг 8. Теперь мы знаем, где можно найти настройки кисти, можем легко испытать их на практике и попробовать изменять значения и настройки.

Шаг 9. Хорошо, мы настроили кисть и теперь нужно сохранить эти настройки. Это очень важно, ведь когда вы выберите другую кисть, все ваши настройки собьются, а так вы сможете применять их и для других фигурных кистей. Опять жмем F5 , открываем окно настройки кисти, и выбираем из всплывающего меню Новая Кисть (New Brush Preset) и называем ее. Теперь ранее созданная кисть сохранится с новыми настройками, которые вы применили, и будет находиться внизу списка кистей.

Шаг 10. Следующие шаги будут быстрыми, он подытожат то, что мы только что делали. Я собираюсь создать еще один Кленовый лист, для этого просто изменю форму фигуры. Сперва сотрите черешок листа, далее идем в меню Выделение>Выделить все (Select>All) и после этого в Редактировать>Трансформация>Искажение (Edit > Transform > Warp).

Шаг 11. Выбрав точку и потянув за нее, вы можете сформировать и исказить форму листа, как показано на рисунке ниже.

Шаг 12. Вы также можете потянуть в любом месте внутри сетки, форма листа изменится. После того, как измените листок, нажмите Enter для подтверждения редактирования.

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

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

Шаг 14. Сохраните кисть с новыми настройками, как мы делали это в предыдущих шагах, и она будет добавлена в ваш список. Теперь у нас есть два вида кленовых листьев, обе сохранены с настройками, которые мы им дали. В списке кистей в верхнем правом углу есть стрелочка. Кликните по ней и выберете Сохранить кисти (Save Brushes), обозначьте свой собственный список кистей, они всегда будут храниться у вас и вы сможете их использовать в любой момент.

Шаг 15. Мы подошли к концу урока. Возможно, все это кажется тяжелым, но вы попробуйте сделать кисти сами, и поймете, что это не так.
Не бойтесь экспериментировать. Фигурные кисти очень помогают в работе. Для их рисование нужно время и спокойствие, но в конце вы будете счастливы, зная, что можете ускорить процесс цифрового рисования при помощи массы способов.

Удачи вам в путешествии по миру цифрового рисования!

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

Для начала создайте новый документ.

Теперь залейте холст необходимым цветом (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.

Если Вы измените цвет фонового слоя, соответственно изменится оттенок текстуры. Вот несколько примеров.