2d Sketch Rendering in Photoshop

Hi Guys, a little bit of intro first......

So, this is it! I'm trying to post a tutorial of what I do, which is 2d rendering....na konti na lang ang gumagawa...after being busy with stuff finally makakapagpost na ako ng tutorials..of course this is not possible without fellow cgpinoys who are eagerly waiting for this....so just sit back and enjoy

1) first you have a sketch that makes it the first object in your layers....so it's up to you how saturated you want it to get by adjusting the opacity at the upper right hand corner....pag 100% parang anime sketch ang dating diba ..and we don't want na masyadong prominente ang lines.....because color also gives the detail of your perspective



Uploaded with ImageShack.us

2) Next, make another layer which you want to work next...so let's say you want to make clouds next....using the brush tool, you can use the simplest round brush or in my case, my personal favorite is the calligraphy brushes......first make a base color of the sky......freehand movements, don't be afraid na lalagpas siya sa mga lines, in this case, lagpas = the beauty of it, LOL

manipulate your brush, using different sizes, strokes and most of all opacity para di ka na titimpla ng light blue, etc same with the white strokes, pwde mo siya i-opacity



Uploaded with ImageShack.us

3) make layers for the colors of your components in the perspective ..let's say there's a layer for walls. roof, baseboard, mouldings, stone, pavement, patio etc..but if you're confident you could have it all in one layer like mine here..pag nagrevise..lagot ahahahaha

remember it's still using the brush tool.....if you use the fill tool..parang nagcoloring book ka hehehe



Uploaded with ImageShack.us

4) next maybe add further layers like windows, etc.....you could add some depth in your windows by adding effects to the layer like inner shadow...pwedeng minimal shadow na medyo shy or exaggerated to emphasize the mullions, etc




Uploaded with ImageShack.us

5) this is my favorite part...dito tayo mababaliw..rendering trees...hhahhaha so dito niyo na ibuhos ang galit niyo and make that "nginig" "nginig" move with your hands using your pen tablet mouse......kahit ordinary mouse ok lang din naman pero parang nagkakaskas ka ng ice...hehehehehe

imagine mo lang yung movement of the leaves, zigzag, loose movements..parang nagiisketch ka na rin diba pag tamad ka magdrawing ng leaves sa sketch outlines, dito mo na ibuhos ang details

o, wala pang shades n shadows yan



Uploaded with ImageShack.us

6) next you can add your layers of shade and shadows...use a base black color when using the brush tool and manipulate the opacity how dark or light you want your shade ansd shadows to be......



Uploaded with ImageShack.us

7) yung iba, they do the shades and shadows first so maybe it would look something like this, minus the colors.....



Uploaded with ImageShack.us

8) finally we have the finale image

after all the colors, you may want to add extra stuff like birds, people or fixtures which you can filter thru dry brush or watercolor effect and ta-daa, ready for a simple, quick presentation



Uploaded with ImageShack.us

o ayan pwede na magcomments, go! hehehehe

ang galing simple pero may matutunan mga tulad kong newbie sa PS..

northhigh wrote:ang galing simple pero may matutunan mga tulad kong newbie sa PS..

salamat sa pagbisita northhigh oh diba yakang yaka kahit sino

ang ganda...

nomeradona wrote:ang ganda...

thanks nomeradona

Nice tut bro ganda.

ortzak wrote:Nice tut bro ganda.

hehehe ..salamat rin sa pagbisita, ortzak! hahanap pa ako ng ibang matututorial

galing..naalala ko dati yung head ko..ganyan siya gumawa ng presentation... keep sharing....

ONCIRE wrote:galing..naalala ko dati yung head ko..ganyan siya gumawa ng presentation... keep sharing....

salamat sa pagbisita oncire...talga ganito rin style niya? asan na ba siya nang makaapply ako.... hehehe

Thanks for sharing this chieo_77

Dati pinapanood lang kita sa office, kaso, di ko naman pwedeng panoorin maghapon, at masisita tayo, kaya this tutorial is a big help to us.

Hope masundan pa ang tutorial na ito.

nice!

cool,galing pa rin ng mga ganayng banat,miss ko yan hehehehe galing thanks for the tutorial....

arkiedmund wrote:Thanks for sharing this chieo_77

Dati pinapanood lang kita sa office, kaso, di ko naman pwedeng panoorin maghapon, at masisita tayo, kaya this tutorial is a big help to us.

Hope masundan pa ang tutorial na ito.

hello monyong! oo nga maghahanap ako ng mga iistep by step...dun muna tayo sa basic..da haus, hehehehe

ebalong wrote:nice!

thanks for visiting ebalong

zdesign wrote:cool,galing pa rin ng mga ganayng banat,miss ko yan hehehehe galing thanks for the tutorial....

@zdesign: buhayin na muli ! salamat sa pagbisita

wow... eto hinihintay ko e.. galing... ganoon pala yun...? salamat sa sharing kuya...
the best..

Galeng Sir!
I'll be waiting for your next tutorial. For sure makakatulong ng malaki sa gaya kong baguhan din sa PS. Thanks!
God bless Sir!

-galing sir matindi kayo sa mano mano ah
-nice tutorial abangan ko ung next
-goodluck sir