2d Sketch Rendering in Photoshop

Page 1 of 4 1, 2, 3, 4  Next

View previous topic View next topic Go down

2d Sketch Rendering in Photoshop

Post by chieo_77 on Sat Jul 31, 2010 3:12 am

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

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 Smile

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 Smile



Uploaded with ImageShack.us

chieo_77
CGP Newbie
CGP Newbie

Number of posts: 164
Age: 35
Location: manila
Registration date: 08/11/2008

View user profile

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by chieo_77 on Sat Jul 31, 2010 3:29 am

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


Last edited by chieo_77 on Sat Jul 31, 2010 2:50 pm; edited 2 times in total

chieo_77
CGP Newbie
CGP Newbie

Number of posts: 164
Age: 35
Location: manila
Registration date: 08/11/2008

View user profile

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by chieo_77 on Sat Jul 31, 2010 3:37 am

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

chieo_77
CGP Newbie
CGP Newbie

Number of posts: 164
Age: 35
Location: manila
Registration date: 08/11/2008

View user profile

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by chieo_77 on Sat Jul 31, 2010 3:43 am

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

chieo_77
CGP Newbie
CGP Newbie

Number of posts: 164
Age: 35
Location: manila
Registration date: 08/11/2008

View user profile

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by chieo_77 on Sat Jul 31, 2010 3:49 am

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 Smile

o, wala pang shades n shadows yan Smile



Uploaded with ImageShack.us


Last edited by chieo_77 on Sat Jul 31, 2010 4:47 am; edited 1 time in total

chieo_77
CGP Newbie
CGP Newbie

Number of posts: 164
Age: 35
Location: manila
Registration date: 08/11/2008

View user profile

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by chieo_77 on Sat Jul 31, 2010 4:26 am

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

chieo_77
CGP Newbie
CGP Newbie

Number of posts: 164
Age: 35
Location: manila
Registration date: 08/11/2008

View user profile

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by chieo_77 on Sat Jul 31, 2010 4:28 am

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

chieo_77
CGP Newbie
CGP Newbie

Number of posts: 164
Age: 35
Location: manila
Registration date: 08/11/2008

View user profile

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by chieo_77 on Sat Jul 31, 2010 4:33 am

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 Very Happy

chieo_77
CGP Newbie
CGP Newbie

Number of posts: 164
Age: 35
Location: manila
Registration date: 08/11/2008

View user profile

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by northhigh on Sat Jul 31, 2010 8:04 am

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

northhigh
CGP Apprentice
CGP Apprentice

Number of posts: 294
Age: 25
Location: HINGYON, North Sky Mounts
Registration date: 07/04/2010

View user profile

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by chieo_77 on Sat Jul 31, 2010 2:52 pm

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


salamat sa pagbisita northhigh Smile oh diba yakang yaka kahit sino Smile

chieo_77
CGP Newbie
CGP Newbie

Number of posts: 164
Age: 35
Location: manila
Registration date: 08/11/2008

View user profile

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by nomeradona on Sat Jul 31, 2010 2:57 pm

ang ganda...

nomeradona
SketchUp Guru
SketchUp Guru

Number of posts: 7207
Age: 43
Location: HCMC Vietnam
Registration date: 23/09/2008

View user profile https://sites.google.com/site/nomeradona3d/

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by chieo_77 on Sat Jul 31, 2010 3:23 pm

nomeradona wrote:ang ganda...


thanks nomeradona Smile

chieo_77
CGP Newbie
CGP Newbie

Number of posts: 164
Age: 35
Location: manila
Registration date: 08/11/2008

View user profile

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by ortzak on Sat Jul 31, 2010 11:11 pm

Nice tut bro ganda. 2thumbsup

ortzak
CGP Expert
CGP Expert

Number of posts: 4379
Age: 40
Location: City Of Angels
Registration date: 14/01/2009

View user profile http://plandesignvisualize.blogspot.com

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by chieo_77 on Sun Aug 01, 2010 3:45 am

ortzak wrote:Nice tut bro ganda. 2thumbsup


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

chieo_77
CGP Newbie
CGP Newbie

Number of posts: 164
Age: 35
Location: manila
Registration date: 08/11/2008

View user profile

Back to top Go down

Re: 2d Sketch Rendering in Photoshop

Post by ONCIRE on Sun Aug 01, 2010 3:48 am

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

ONCIRE
CGP Apprentice
CGP Apprentice

Number of posts: 542
Age: 29
Location: singapore
Registration date: 04/06/2009

View user profile

Back to top Go down

Page 1 of 4 1, 2, 3, 4  Next

View previous topic View next topic Back to top

- Similar topics

Permissions in this forum:
You cannot reply to topics in this forum