Рисуване на пикселно дърво във Photoshop. Как да нарисувате красиво дърво във Photoshop Създайте текстура на дърво

Ако сте създали свой собствен изометричен пикселен град или малко пикселно изображение, тогава може да имате нужда и от пикселни дървета.

Такива дървета са прекрасен декоративен елемент, те ще украсят всеки рисуван град, сцена, да не говорим за паркове или градски пейзажи.

Крайно изображение:

1. Размери

Ще нарисуваме доста голямо дърво, малко по-голямо от храст, но не толкова голямо.

Етап 1

Височината на бъдещото дърво е половината от височината на героя.

Това са работни размери. Височината може да се регулира, докато рисувате.

Стъпка 2

Ширината на ствола на дървото трябва да е малко по-дебела от краката на героя. В моя случай това са 4 пиксела между редовете.

Стъпка 3

Това е около върха на дървото.

2. Форми

Върхът на дървото ще се състои от група от овали. Можете да използвате по-прости форми като кръг или квадрат, но клъстерното решение ще придаде на дървото по-реалистичен вид.

Етап 1

Ето как изглежда овалът, който ще нарисуваме. Ширината му 24 x 18 пиксела, но можете да го направите всеки.

Начертайте овал с помощта на инструмента Овална зона за избор(Elliptical Marquee Tool), като деактивирате функцията за антиалиас в панела със свойства на инструмента.

След това начертаната селекция трябва да се запълни с цвят. За да направите това, свийте овалната селекция с 1 пиксел Изберете > Промяна > Договор(Select - Modify - Compress) и го запълнете със зелено. Но предпочитам да нарисувам овал с помощта на инструмента Молив(Pencil Tool), така че ръбовете му да са леко назъбени.

Стъпка 2

Използвайте същия овал, за да го добавите към клъстера. Ще създадем три овала на върха на дървото и пет на дъното.

Опитайте няколко начина за поставяне на овалите. Тази линия ще има три овала.

Стъпка 4

Третият овал на тази линия ще бъде разположен малко по-ниско.

Стъпка 5

Добавете няколко овала в долната част на дървото - можете да ги поставите върху нов слой, да преместите слоя под оригиналния и да ги обедините (Ctrl + E).

Стъпка 6

Премахнете водачите, използвани за рисуване на дървото:

Стъпка 7

Заобленият ствол на дървото визуално омекотява назъбените му ръбове:

Създадохме основната форма на дървото и сега трябва да нарисуваме сянка, за да й добавим обем.

Етап 1

Постепенно, добавяйки сянка към дървото, ще се отървем от контурните линии вътре в него.

Стъпка 2

Горната част на дървото ще бъде осветена повече от останалите. Този нюанс ще бъде с 10% по-ярък и също така ще има по-топъл тон.

Стъпка 3

Използвайки екранната снимка като ръководство, добавете точно същия нюанс като в предишната стъпка към страничните части на листата на дървото:

Стъпка 4

Добавете точно същия нюанс към централния овал:

Стъпка 5

Сега добавете тъмен нюанс към долната част на овалите в центъра. Този нюанс трябва да бъде 10% по-тъмен от основния цвят на листата.

Стъпка 6

Добавете още един нюанс в най-долната част на листата - той трябва да е 10% по-тъмен от предишния.

Стъпка 7

Сега променете цвета на ствола на дървото на кафяв. Освен това, след като цветът на тялото е зададен, можете да го промените с помощта на командата Hue/Saturation (Image > Adjustments > Hue/Saturation).

Стъпка 8

Накрая добавете сянка към ствола на дървото. Ръбовете на багажника могат да бъдат по-тъмни или по-светли. В моя случай са по-тъмни.

Сега ще добавим текстура към дървото, като смесим няколко различни нюанса. Това се прави, за да се добави текстура на листа към дървото.

Етап 1

За да създам плавен преход, ще използвам области от 4 пиксела цвят, а за отделни зони, 2 пиксела.

За по-голямо удобство, когато рисувате, увеличавайте мащаба с инструмента мащабиране(Мащаб).

Стъпка 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. Основите на теорията на светлината също ще бъдат описани по-долу. С този урок можете да нарисувате чудесна илюстрация за по-малко от 2 часа.

Резултатът е доста реалистична сцена))). Всичко, от което се нуждаете, за да завършите този урок, е Photoshop със стандартен набор от четки и малко ентусиазъм*). Това може да бъде доста труден урок за начинаещи, но ако положите нужното количество усилия, ще успеете!

Етап 1

Направете нов документ с настройки 1024 px 768 px. Попълнете фона (# 8 CC2 FF) цвят. След това добавете градиент от основата към средата с цвят # CFECFEи задайте градиента от 100% до прозрачност . Това ще бъде нашето небе, разбира се, можете да изберете всеки друг светлосин цвят за небето или дори да направите вечерна сцена, но в този случай трябва да запомните, че осветлението ще бъде напълно различно.


Стъпка 2

В тази стъпка ще направим облаци. Това е проста и бърза техника с доста ефект. Сложната част тук е изборът на правилната четка. .По-долу ще видите коя четка да изберете, червените стрелки са моята мишка. Цветът на облаците е бял. Не забравяйте да нарисувате всеки облак на отделен слой.


Стъпка 3

Засега облаците не изглеждат убедително. Нека променим това. Можем да използваме инструмент за изтриване скръгла мека 35-45 pxчетка и задайте непрозрачност на 10-20% . Внимателно изтрийте средната-дясна (леко долната) част на всеки облак, но не прекалявайте. Копиране на слоеве" облаци" два пъти. И поставете копие на слоя под оригинала. След това приложете Gaussian blur филтър за тях .След това преместете облаците малко надолу и надясно. Ако желаете, можете леко да увеличите прозрачността на слоя


Стъпка 4

Облаците са готови! След това изберете вашия източник на светлина и къде и откъде свети. В този случай източникът на светлина е слънцето, въпреки че не можем да го видим.

Забележка: Не поставяйте източника на светлина зад основния обект, защото ще бъде твърде тъмно. Можете да направите това само с определен тип изображение.

Слънцето ми не е поставено много високо, защото е есен. Нека видим по-долу някои факти от теорията на светлината:

  • Светлина и камера: Най-ярката зона на даден обект не винаги е на едно и също място за всички камери.
  • Интензитет на светлината : Втората топка е твърде ярка. Изглежда плоско и губи цвят в горната част.
  • Сенки: Сенките върху обектите не трябва да са по-ярки от самия обект. Освен това не забравяйте, че други предмети (дори обекти като трева) могат да отразяват светлината.

Стъпка 5

Изберете твърда черна четка 2 pxи започнете да поставяте основния обект. Скицата не трябва да е много прецизна, а може само да очертае краищата. Знам, че е трудно да се направи това с мишка, но бъдете търпеливи. Скицата е много важна.

Стъпка 6

Инсталирай прозрачност на слоя за скица около 10% . Предприемечетка с твърди ръбове или инструмент за маркиране. След това попълнете зоната с трева #719126 цвят.

Сега изберете четката, показана по-долу. Изберете цвят #90 Б033 , променете размера на четката на приблизително 15-30 pxи започнете да рисувате. Не забравяйте да рисувате отгоре надолу. Опитайте всичко възможно и ще постигнете отлични резултати.

Завъртете четката вертикално, задайте ъгъла приблизително -134 %, и направете ръбовете на основата. Все още трябва да добавим светлинни ефекти и сенки, но ще ги добавим по-късно.

Стъпка 7

Попълнете парцел земя с цвят #5 ° С4 д43 . Това е средният тон между най-светлия и най-тъмния цвят. Сянката ще бъде много силна, защото светлината е слаба. Не забравяйте, че основата е скрита от други части на обекта, така че трябва да е доста тъмно. За да започнете, трябва да планирате точно къде ще бъдат разположени различните сенки на вашия парцел.

Стъпка 8

За да рисуваме върху слой, трябва блокиране на прозрачни пиксели . Сега изберете четка с твърд ръб (размер: 13 px, непрозрачност: 20%) с настройки и цветове, както е показано по-долу. След това го боядисваме тъмно и добавяме светлина на някои места. Накрая правим няколко клика и в двете зони, котката трябва да свети с трети цвят. Забележка: Не дръжте бутона на мишката през цялото време, опитайте се да рисувате, като щракате в бързи стъпки.

Стъпка 9

Да се ​​обърнем към Теория на цветоветеЗа Топли и студени тонове .

Един и същи сив цвят изглежда различно на различен фон. Не забравяйте, че оранжевите и червените цветове добавят топъл ефект към изображението, докато сините цветове добавят студен ефект към изображението.

Стъпка 10

Изберете размер на твърдата четка приблизително 19 px. Използвайте настройките, показани по-долу. Забележка: Избягвайте меки четки при дигитално рисуване. Смесването на цветове с твърди четки изглежда по-естествено и привлекателно.

Червените стрелки показват движенията на мишката ми. Използвайки тази техника, запълнете дървото с тъмно кафяво. Можете да използвате моята цветова палитра или да направите своя собствена.

Забележка: Разбира се, по-добре е да използвате повече от два или три цвята в микс, но аз описвам само основите.

Стъпка 11

В този момент можем да скрием слоя " скица„Не забравяйте да планирате сенки. Върхът на дървото ще бъде скрит от листа, така че трябва да е тъмно.

Сега можете първо да рисувате с най-тъмния цвят, след което да добавите малко блясък. Начертайте по същия начин, както в предишната стъпка. Намажете с ниска непрозрачност (приблизително 10-15%) . Можеш блокиране на прозрачни пиксели , за да не се притеснявате за рисунката извън ствола на дървото. Боядисвайте една и съща област няколко пъти, за да направите тона по-ярък или по-тъмен.

Стъпка 12

Сравнете това изображение с горното. Те изглеждат различно, но само в някои детайли. Добавих малко дълбочина и блясък към дупката в средата на дървото. И малко сенки под клоните. Пет минути работа и дървото е преобразено.

Стъпка 13

Сега трябва да подобрим корените. Нека ги направим по-естествени и да ги използваме инструмент за изтриване , избирайки каста „трева“ - същото като в Стъпка 6. По-нататък грациозноизтривадолните части на корените.

Стъпка 14

Изберете четка за треваи добавете сенки към тревата зад дървото спрямо източника на светлина. Сянката под дървото трябва да има твърди ръбове и да е по-тъмна. Бъдете наясно със сенките зад корените.


Стъпка 15

Вземете същата четка, но сменете цвета на по-слънчев (мой избор # AECA66 ). Сега нека нежно рисуваме върху тревата.

Стъпка 16

Изберете същата четка като по-долу и изберете цвят, близък до светложълт (евентуално # FFFF00 , Моят избор# д9 Е.Б.29 ). Излаганенепрозрачност 15-30% и якост 50% .

Стъпка 17

По-голямата част от работата е зад гърба ни! Сега е време да добавите листата. Всъщност това е най-лесната част от боядисването тук е да изберете правилните цветове.

Ще разделим листата на 3 части: тъмни, средни и светли. Избирам червени тонове, защото... Забележете, че тъмният цвят е под клоните. Моите цветове: Тъмен #982 ° С1 Е, Средно аритметично# BD4428 , и Светли# Е44830 .

В този урок ще ви покажа как да създадете два вида реалистични дървесни текстури, като използвате само инструменти на Photoshop.

Краен резултат:

Етап 1

Създайте нов документ с размери 1500 x 1500 px и го запълнете с цвят #c58352.


Стъпка 2

Кликнете Ctrl +Shift +нза създаване на нов слой. Задайте цвета на предния план на #bb7f4d и цвета на фона на #472f0f, след което отидете в менюто Филтър > Рендиране > Облаци(Филтър > Рендиране > Облаци).


Стъпка 3

Преобразувайте слоя в Умен обект(Smart Object) и отидете в менюто Филтър > Рендиране > Влакна(Филтър > Рендиране > Влакна).

Стъпка 4

Добавете коригиращ слой Нива(нива) над текущото и увеличете контраста колкото е възможно повече.

Стъпка 5

Създайте нов слой над нивата. Изберете слоя с влакна, след което активирайте инструмента магическа пръчка(Инструмент за магическа пръчка). Кликнете върху документа, като маркирате червените области.

Кликнете Ctrl +азкато обърнете селекцията и след това Ctrl +° Сда го копирате. Създайте нов слой и щракнете Ctrl +Vза вмъкване на избрани области. Скрийте или изтрийте нивата, тъй като вече не са ни необходими.


Изключих и слоя с влакна, за да можете да видите резултата по-ясно.

Стъпка 6

Кликнете два пъти върху този слой, изберете Щамповане(Скосени и релефни). Задайте цвят задни светлини(Осветете) до #1c180e и цвета Сенки(Сянка) - #64522c.



Включете слоя с влакна и получете този резултат:


Стъпка 7

Създайте нов слой и използвайте инструмента Печат(Инструмент за клониране) премахва подобни детайли, правейки текстурата по-естествена.


Стъпка 8

Добавете коригиращ слой Оттенък/наситеност(Hue/Saturation), за да обезцветите леко повърхността.

Стъпка 9

Използвайте коригиращ слой Криви(Криви) чрез регулиране на контраста и цвета на текстурата.

Изберете всички видими слоеве, след което щракнете Ctrl +Ж, обединявайки ги в група. Наречете го Дърво 1, след което го скрийте.

Втора текстура

Етап 1

Създайте нов слой и го запълнете с цвят #c19356. Преобразувайте го в Умен обект(Умен обект).


Стъпка 2

Дублирайте този слой, отидете в менюто Филтър > Външен вид > Мецотинто(Filter > Pixelate > Mezzotint) и изберете Дълги удари(Дълги удари).


Стъпка 3

Отидете на Filter > Blur > Motion Blur(Filter > Blur > Motion Blur), след което задайте следните стойности.

Стъпка 4

Дублирайте слоя и го растеризирайте. Отидете на Редактиране > Трансформиране > Завъртане на 90° по часовниковата стрелка(Редактиране > Трансформиране > Завъртане на 90 по часовниковата стрелка).

Стъпка 5

Преобразувайте го отново в интелигентен обект. Добавете Замъгляване на движението(Размазване при движение).

Стъпка 6

Създайте коригиращ слой Оттенък/наситеност(Hue/Saturation), обезцветяване на получения слой.

Стъпка 7

Кликнете Ctrl +Shift +Alt+д, обединявайки всички видими слоеве в един нов. Скрийте всичко освен оригиналния слой за запълване и обединения. Задайте режима на смесване на последния на Припокриване(Наслагване) и Непрозрачност(Непрозрачност) посочете 100%.

Стъпка 8

Средната част на текстурата изглежда замъглена и по-малко детайлна. За да коригирате това, дублирайте слоя и създайте маска за него. Използвайте мека черна четка, за да изтриете долната и горната част, като ги направите по-малко видими.


Стъпка 9

Дублирайте слоя два пъти, след което го плъзнете до средата, за да го направите по-детайлен. Използвайте маска на слоя, за да смекчите краищата и да смесите областите с долния слой.


Стъпка 10

Групирайте всички слоеве с режим на смесване Припокриване(Наслагване). Задайте групов режим на Припокриване(Наслагване) със 100% непрозрачност. Използвайте коригиращ слой Криви(Криви), изсветлявайки детайлите на текстурата.

В този урок ще обясня как да създадете свои собствени четки за оформяне и как да ги използвате. Тези четки ще ви спестят много време при рисуване на дървета, храсти и трева.
Използвах Photoshop CS5 и графичен таблет Wacom Cintiq. Можете да използвате всеки друг таблет, за да можете да контролирате натиска на писалката.
Нека създадем нещо красиво!

Краен резултат:

(щракнете върху изображението за уголемяване)

Етап 1.Първото нещо, което трябва да направим, е да създадем нов документ; Обикновено го правя около 500 на 500 пиксела с разделителна способност 300 dpi, така че по-късно четката да не се пикселизира, когато се увеличи, когато работим с голямо изображение.

Ще създадем четка за рисуване на листа - четка във формата на кленов лист, с нейна помощ можем бързо и лесно да създадем красива зеленина. За да започнете, просто вземете всяка стандартна четка на Photoshop и започнете да рисувате контурите на фигура, в този случай кленов лист.

Стъпка 2.Сега трябва да добавим малко дълбочина към четката.
Създадох нов слой и нарисувах вените с помощта на Четки за тебешир(Тебешир).
Използвайте бяла четка с 50% непрозрачност, за да рисувате по-светлите зони.

Стъпка 4.Ще забележите, че четката, която току-що създадохте, се появява в най-долната част на списъка с четки. Сега трябва да изберем тази четка от списъка и да я отворим Панел с четки - F5. Това ще отвори настройките на четката, които можете да промените, както желаете.

Стъпка 5.Настройките на четката по подразбиране не ви позволяват да контролирате или променяте щрихите си, така че първото нещо, което трябва да направим, е да коригираме чувствителност на писалката, направете го в менюто Различна динамика(Друга динамика) или Трансфервъв Photoshop CS5.

Забележка: Тази настройка ще работи правилно само когато използвате графичен таблет.

Инсталирай Колебания в прозрачността(Opacity Jitter) 50% и се уверете, че тази настройка ще се коригира чрез натиск на писалката. За да създадете промени и настройки на посоката на четката, изберете Динамика на формата(Динамика на формата).

Стъпка 6. Колебания в размера(Size Jitter) - 100%, контрол - натиск на писалката. Моля, обърнете внимание, контрол за настройка Ъглово колебание(Ъглов трептене) инсталиран Първоначална посока(Първоначална посока), и за Кръгово трептене(Roundness Jitter) - Наклон на писалката (Pen tilit), Минимална закръгленост - 25%.

Стъпка 7Последната настройка преди използване на четката е Задаване на формата на четката(Форма на върха на четката), където зададох Интервал(Разстояние) 70%, за да отделите следите от четка една от друга.

Стъпка 8Сега знаем къде да намерим настройките на четката, можем лесно да ги изпробваме и да опитаме да променим стойностите и настройките.

Стъпка 9Добре, настроихме четката и сега трябва да запазим тези настройки. Това е много важно, защото когато изберете друга четка, всички ваши настройки ще бъдат загубени и по този начин можете да ги приложите към други къдрави четки. Отново натиснете F5, отворете прозореца с настройки на четката и изберете от изскачащото меню Нова четка(New Brush Preset) и го извикайте. Сега създадената по-рано четка ще бъде запазена с новите настройки, които сте приложили, и ще бъде в долната част на списъка с четки.

Стъпка 10Следващите стъпки ще бъдат бързи и ще обобщават това, което току-що направихме. Ще създам друг кленов лист, като просто променя формата на фигурата. Първо изтрийте дръжката на листа, след това отидете в менюто Избор> Избор на всички (Избор> Всички) и след това в Редактиране>Трансформиране>Изкривяване(Редактиране > Трансформиране > Изкривяване).

Стъпка 11Като изберете точка и я плъзнете, можете да оформите и изкривите формата на листа, както е показано на изображението по-долу.

Стъпка 12Можете също така да плъзнете навсякъде в мрежата, формата на листа ще се промени. След като редактирате листа, натиснете Enter, за да потвърдите редакцията.

Стъпка 13След като приложих всички необходими настройки за четката, като Shape Dynamics и Other Dynamics, прокарах четката върху работния документ и бях доволен от начина, по който нашата четка рисува.
Илюстрацията по-долу представя пълното изображение, създадено само с новите четки за форма.

Свободно поставяйте елементи наоколо с новите оформени четки и използвайте въображението и креативността си, за да създавате дървета, храсти, трева или дори цели пейзажи.

Стъпка 14Запазете четката с новите настройки, както направихме в предишните стъпки, и тя ще бъде добавена към вашия списък. Сега имаме два изгледа на кленов лист, и двата запазени с настройките, които сме им дали. В списъка с четки в горния десен ъгъл има стрелка. Кликнете върху него и изберете Запазете четки(Запазване на четки), посочете свой собствен списък с четки, те винаги ще се съхраняват при вас и можете да ги използвате по всяко време.

Стъпка 15Стигнахме до края на урока. Може всичко да изглежда трудно, но опитайте да си направите сами четки и ще разберете, че не е така.
Не се страхувайте да експериментирате. Къдравите четки са много полезни в работата. Рисуването им отнема време и спокойствие, но в крайна сметка ще бъдете щастливи, знаейки, че можете да ускорите процеса на цифрово рисуване по много начини.

Успех в пътуването ви в света на дигиталната живопис!

Рисуването на дървесна текстура от нулата изобщо не е трудно, днес ще видим сами. Всичко, от което се нуждаем, е Photoshop и 5 минути време.

Това е резултатът, който получаваме:

Създаване на дървесна текстура

1. Отворете Photoshop и създайте нов файл. Можете да посочите произволен размер, аз направих 1200 на 1200px.

2. Запълнете фона с кафяво. Изберете нюанса, който искате да видите върху текстурата в бъдеще. Това е цветът, в който ще бъде боядисано нашето дърво. Избрах цвят #7c3215.

3. Създайте нов слой (Shift+Ctrl+N). Натиснете клавиша D, това ще върне стандартните цветове (черно и бяло) в палитрата и именно тази комбинация ще ни трябва за филтъра Clouds (Filter -> Render -> Clouds). Сега трябва да имате 2 слоя, долният е боядисан и кафяв, а горният изглежда така:

4. Сега нека разтегнем облачната текстура вертикално. Натиснете Ctrl+T и задайте мащаба на височината на 600-650%:

5. Добавете размазване, за да стане още по-подобно на гладката повърхност на дърво. Филтър -> Blur -> Motion Blur със следните параметри:

6. Време е да приложите филтъра Posterize. Изображение -> Корекции -> Постеризиране. Задайте броя на нивата на 26.

7. Вече изглежда като дървесна текстура. Да продължим. Отидете на Filter -> Stylize -> Find Edges. Резултатът е лека текстура на дървесен модел. Трябва да го потъмним, за това ще ни трябват нива (Ctrl+L). Настройките са:

8. За реализъм добавете шум. Филтър -> Шум -> Добавяне на шум:

На този етап трябва да видите тази снимка:

9. Текстурата е твърде ясна, трябва да се размие. Филтър -> Замъгляване -> Замъгляване на движение:

10. Създайте копие на текстурния слой (Ctrl+J) и го скрийте. На оригиналния слой натиснете Ctrl+I, изображението ще бъде обърнато:

Този слой е необходим за добавяне на допълнителен обем към текстурата. Да оставим само основните линии. Ctrl+L за извикване на нива и задаване на следните настройки:

Променете режима на смесване на слоя на Екран (Екран), задайте непрозрачността на 8%:

11. Направете видим горния слой с текстурата и задайте неговия режим на смесване на Multiply (Умножение), виждаме следната картина:

Сега просто преместете обемния слой няколко пиксела надясно:

12. Почти готово. Всичко, което остава, е да създадете нов слой върху всички останали със следните параметри:

Сега ще вземем Dodge Tool (Clarifier) ​​​​и ще поработим малко с осветлението - ще олекотим текстурата на някои места, така че да изглежда по-реалистично. Внимание - параметърът Експозиция трябва да бъде зададен на не повече от 5%:

Това е всичко, дървесна текстураготов :)