Как нарисовать дерево в фотошопе cs6. Эффекты в 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

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

Мы создали основную фигуру дерева и теперь нужно прорисовать тень, чтобы добавить ему объем.

Шаг 1

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

Шаг 2

Верхняя часть дерева будет освещена сильнее, чем остальные. Этот оттенок будет на 10% ярче, а также будет иметь более теплый оттенок.

Шаг 3

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

Шаг 4

Добавьте точно такой же оттенок и на центральный овал:

Шаг 5

Теперь добавьте темный оттенок на нижнюю часть овалов, находящихся в центре. Этот оттенок должен быть на 10% темнее, чем основной цвет листвы.

Шаг 6

Добавьте еще один оттенок на самую нижнюю часть листвы - он должен быть на 10% темнее, чем предыдущий.

Шаг 7

Теперь измените цвет ствола дерева на коричневый. Также, после того, как цвет стволу задан, Вы можете его изменять при помощи команды Цветовой тон/Насыщенность (Image > Adjustments > Hue/Saturation).

Шаг 8

В финале, добавьте тень на ствол дерева. Края ствола могут быть темнее или светлее. В моем случае, они темнее.

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

Шаг 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%.

Финальное изображение:

Перевод : Слуцкая Светлана

В этом уроке я расскажу, как нарисовать дерево в фотошоп.

Создаем документ формата А4. Выбираем круглую твердую кисть, задаем ей коричневый цвет. Добавляем новый слой. И рисуем дерево на новом слое. Изменяя размер кисти, прорисовываем тонкие ветви. Дерево легко рисуется «от руки», ветви получаются неровными и изломанными – это придает дереву более естественный вид.

Теперь нам нужно сделать Pattern . Выбираем любую картинку со стволом дерева. Выделяем прямоугольную область. Выполняем команды Edit / Define Pattern… и сохраняем наш паттерн.

Что такое паттерны, и как с ними работать, Вы можете посмотреть Photoshop урок .
Теперь придадим стволу рельеф. Открываем окно стилей слоя, команды: Layer / Layer Style… или двойным щелчком мыши по слою с деревом в панели Layers . И выполняем настройки:

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

Выбираем любое изображение листа (лист обязательно должен быть на белом фоне), выделяем его прямоугольным выделением и выполняем команды Edit / Define Brush Preset… Создаем новую кисть. Более подробно, как создать кисть вы можете посмотреть Photoshop урок .

После того как кисть создана, выбираем ее в наборе и делаем необходимые настройки:

Снова создаем новый слой – он должен находиться ниже слоя с деревом, т.е. располагаться за стволом. Задаем цвет кисти #eee2cf и рисуем листву за стволом.

Теперь снова создаем новый слой, но теперь уже выше дерева, т.е. на переднем плане. Меняем цвет кисти на #efaa3d и снова рисуем листву. Второй слой листьев.

И последний слой листвы. Частично изменяем настройки кисти. И немного увеличиваем размер.

Создаем еще один слой поверх второго слоя с листвой и снова рисуем листья.

Теперь придадим верхнему слою с листвой небольшой объем.
Вызываем окно со стилями слоя и делаем настройки:

Автор урока: Марина Терешкова
Каждый в душе немного художник. Но многие, почему-то, боятся взять в руки кисти и краски. Сейчас я расскажу, как можно нарисовать картину в фотошопе.
Для начала работы необходимо создать новый документ. Я выбрала прозрачный фон, высоту – 1200 пикселов, ширину – 900. Продублируйте его, работать будем с верхним слоем.
Маленьким размером кисти набросайте приблизительный контур дерева.

Теперь выберем кисть побольше и широкими мазками по контуру закрасим ствол дерева.

Уменьшим размер кисточки до 12 пикселей и непрозрачность поставим 50%. Приступим к прорисовке коры дерева.

Выберем для основного фона светло-коричневый цвет и диаметр кисти 9 пикселов. Прорисуем светлые части коры. А, чтобы кора смотрелась более естественно, притемним в некоторых местах инструментом Burn Tool.
А затем, используя инструмент Smudge Tool, окончательно прорисуем кору.

Выберем основной цвет зеленый, кисть диаметром приблизительно 75 пикселов и закрасим крону.

Изменим тип кисти, как показано на рис.

И, меняя диаметр и оттенок, прорисуем крону дерева.

Выставим яркость – 11, контраст – 30.
Теперь зальем фон цветом bfb860/
Выберем кисть, которая рисует кленовые листья, и изменим ее настройки, как показано на рисунке. Opacity 42%.

Сделаем основной фон - b9ff09, цвет фона – fceа00.
И прорисуем листву.

Продублируем слой с листвой. Тот, который находится ниже, размоем гауссовым размытием с радиусом 25. Поставим режим наложения Soft Light. Теперь осталось совсем немного. Прорисуем кистью с фактурой травы землю на слое с деревом и на слое с фоном. На слое с фоном уменьшим размер кисти и сделаем ее более прозрачной. Осветлим там, где падает солнечный
свет.

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

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

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

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

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

На предыдущем уроке мы рисовали «Солнечную опушку». Теперь у нас есть фон нашего будущего рисунка.

Следующим этапом добавим ствол дерева. Мы нарисовали крону дерева, а, как известно, кроны без ствола не бывает.
Итак, рисуем ствол.
Создай новый слой с именем «Ствол» и помести его под слоем «Листья». Нажми на новый слой левой клавишей мыши, и, не отпуская её, перетащи слой «Ствол» под слой «Листья».
Затем выбери инструмент «Прямоугольная область» и нарисуй выделение справа, немного захватив листву. Таким образом, создадим впечатление ствола, выходящего из-под кроны, как ему и положено. Заливаем выделение коричневым цветом. Теперь наденем на наш ствол кору. Для этого устанавливаем основной цвет светло коричневый, а для цвета фона буро-коричневый, например. Теперь зайди в пункт меню «Фильтр», выбери пункт «Рендеринг», подпункт «Волокна». Далее установи для этого фильтра следующие настройки: несовпадение – 21, интенсивность – 10.
Сними выделение нажатием клавиш CTRL/D . Инструментами «Осветление» и «Затемнение» с одной стороны осветляем ствол, а с другой – слегка затемняем . Но сначала, измени настройки для этих инструментов. Форму кисти сделай круглую, а также поменяй размер кисти.
Затем нужно объединить слои «Ствол» и «Листья» в один слой под название «Дерево». Для этого выделяем слой «Листья» и нажимаем CTRL/E.
Далее дублируем этот. Для этого, в меню «Слои» выбери вкладку «Создать дубликат слоя». Назови полученную копию «Дерево_2» и размести под слоем «Дерево».
Затем сделай слой «Дерево» временно невидимым, нажав на глаз рядом с иконкой слоя.
После чего, с помощью «Свободного Трансформирования», эту команду можно вызвать нажатием комбинации клавиш CTRL/T , уменьши «Дерево 2» и немного сдвинь его вверх и влево. Также можно дорисовать листья сверху и справа, чтобы спрятать резкие границы слоя.
Теперь включи слой «Дерево» на переднем плане. Для того чтобы создать впечатление, что маленькое дерево стоит на заднем плане картины, немного размоем его. Войди в меню «Фильтр», пункт «Размытие», подпункт «Размытие по Гауссу» и установи значение примерно 0.5-0.7% (ноль целых пять десятых - ноль целых семь десятых процента). Таким образом, можно добавить на опушку столько деревьев, сколько подскажет твоя фантазия и позволит площадь рисунка.

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

(0)

Начало работы
	1.	Знакомство с растровой и векторной графикой	3:18	0	52477
	2.	Интерфейс программы	2:34	1	27224
Изображение своими руками
	3.	Знакомство с инструментом «кисть», рисуем полянку	4:25	4	45818
	4.	Работа с меню «Фильтр» (Деревянная поверхность)	4:42	0	21067
	5.	Ледяная колючка - рисуем заставку на компьютер	2:21	0	23192
	6.	Перевоплощение - меняем картинку	3:50	2	20223
	7.	Одуванчик - рисуем цветок	5:01	0	23546
	8.	Забавный пушистик, урок 1: учимся рисовать с нуля	3:23	1	63567
	9.	Забавный пушистик, урок 2: рисуем глазки	5:45	0	20371
	10.	Забавный пушистик, урок 3: рисуем нос и ротик	2:43	1	14454
	11.	Солнечная опушка, урок 1: как создать слой	3:56	0	25283
	12.	Солнечная опушка, урок 2: рисуем дерево	4:03	0	13128
	13.	Солнечная опушка, урок 3: рисуем траву и лучи Солнца	4:36	0	22758
Текст
	14.	Заливка текста рисунком	2:41	0	33421
	15.	Прозрачный текст	3:56	3	25197
	16.	Зеленый текст	2:58	0	5495
	17.	Раскрашивание, объемный текст	3:07	0	28455
	18.	Огненный текст, урок 1	3:36	0	19725
	19.	Огненный текст, урок 2	2:43	0	17575
Обработка фотографий
	20.	Устранение дефектов кожи	3:13	3	112317
	21.	Устранение эффекта красных глаз	2:29	2	14570
	22.	Изменение цвета глаз	2:09	0	44465
	23.	Отбеливание зубов	3:56	1	50921
	24.	Создание рамки, кадрирование	2:42	0	14751
	25.	Пластическая хирургия в Фотошоп	2:45	0	52385
	26.	Совмещение двух изображений	3:28	8	238354
	27.	Превращаем цветную фотографию в черно-белую	1:58	1	24094
	28.	Раскрашивание фрагментов черно-белой фотографии	3:11	1	12236
	29.	Обработка фотографии под старину	1:58	0	21995
	30.	Устранение ошибок цветопередачи	1:45	1	11929