Tutorial - Cartoonize your photo using photoshop [Updated]

[r a Z e]

Re: Tutorial - Cartoonize your photo using photoshop


wow ang tindi. nabuhay 'tong thread na 'to.


very nostalgic dahil around 2011 nang makita ko 'to.
dahil dito sa cartoonised effect na 'to, naisip kong palawakin pa siya. kaya natuto tuloy akong mag-vexeling then tsaka mag-digipaint. hehe. ito yung nag-trigger sakin eh na mag-explore at gumawa ng mga digital artworks sa photoshop.


salamat ulit dito. better late than never

 

[mabalinen]

Re: Tutorial - Cartoonize your photo using photoshop

pa subscribe ts. tnx

 

[ItsYaBoinky]

w0w...Thnks Dito

 

[NightBreaker]

Re: Tutorial - Cartoonize your photo using photoshop

ayos pa-bm po

 

[kissme12]

Re: Tutorial - Cartoonize your photo using photoshop

Magandang Gabi, Nais ko lang ipa inform po sa inyo tong magandang balita na nabuo ng team ko na bago which is isang LOGO DESIGN COMPETITION para lang sa mga Pilipino, nag post ako dahil nakita ko marami kang kakilala at dito mismo ng mga designer, dito ako nagpost dahil i like to inform designers here that opportunities out there are waiting. Ganito po kac eto I am enthusiast and followers of all the designers all over the world. Most of all I respect this thread and guys here, I respect all of you dream ko kac makakita ng mga designers sa ating sariling bansa na masayang nag co compete at natututo. Please PLease Please TS Im begging all of you help me dissiminate this. You can contact me sa site sa baba, Im one of the admins there who build the site. So here it is..

Just like the ts Masaya said here and which I agree http://www.symbianize.com/showthread.php?t=14890

"i've known that one of the best ways to learn in graphic arts is to check your work with others so that you'll know how far you've improved with your work, also to look for mistakes and make room for improvements." -Masaya so here it is COMPETITION..

Gusto mo bang i test ang designing skills mo, compete with the best, build your reputation, and get rewarded with the companies worldwide?

What: Designing Contest (LOGO, BANNER, TARPAULIN)
How:
1. Sign-up here http://thinkcreatives.net/
2. Log-in
3. Go to Creativity Contest for the prize info and instructions
4. Choose an Entry
5. Get the work done!

Info's:
1. Prize Range(Php): 500, 1k, 1.5k, 2k, 3k, 5k and up.
2. Clients: Companies Abroad
3. Logo Designs will be used for (Company's Business Card, Tarpaulin, TV Advertisement, Billboard)
4. Good for your portfolio, resume, cv
5. Participants should upload a real profile picture, if not DISQUALIFIED
6. Entrants can submit more entries (50 entries, 100entries or more.. para masaya)

Our Latest Competition Deadline will be (October 31, 2014, 2pm), so hurry up and design. done
Meron pa kaming 2 Logo Design Contest na ongoing.
LOGO DESIGN Contest DEADLINE will be Nov. 1 2014, 11:59pm
LOGO DESIGN Contest DEADLINE will be Nov. 30, 2014, 11:59pm
MORE COMPETITION TO COME waiting for some informations.

Participate na kayo may premyo na makakakilala ka pa ng designers dun and share some thoughts, habang 5 pa ang nag participate.

- - - Updated - - -

Magandang Gabi, Nais ko lang ipa inform po sa inyo tong magandang balita na nabuo ng team ko na bago which is isang LOGO DESIGN COMPETITION para lang sa mga Pilipino, nag post ako dahil nakita ko marami kang kakilala at dito mismo ng mga designer, dito ako nagpost dahil i like to inform designers here that opportunities out there are waiting. Ganito po kac eto I am enthusiast and followers of all the designers all over the world. Most of all I respect this thread and guys here, I respect all of you dream ko kac makakita ng mga designers sa ating sariling bansa na masayang nag co compete at natututo. Please PLease Please TS Im begging all of you help me dissiminate this. You can contact me sa site sa baba, Im one of the admins there who build the site. So here it is..

Just like the ts Masaya said here and which I agree http://www.symbianize.com/showthread.php?t=14890

"i've known that one of the best ways to learn in graphic arts is to check your work with others so that you'll know how far you've improved with your work, also to look for mistakes and make room for improvements." -Masaya so here it is COMPETITION..

Gusto mo bang i test ang designing skills mo, compete with the best, build your reputation, and get rewarded with the companies worldwide?

What: Designing Contest (LOGO, BANNER, TARPAULIN)
How:
1. Sign-up here http://thinkcreatives.net/
2. Log-in
3. Go to Creativity Contest for the prize info and instructions
4. Choose an Entry
5. Get the work done!

Info's:
1. Prize Range(Php): 500, 1k, 1.5k, 2k, 3k, 5k and up.
2. Clients: Companies Abroad
3. Logo Designs will be used for (Company's Business Card, Tarpaulin, TV Advertisement, Billboard)
4. Good for your portfolio, resume, cv
5. Participants should upload a real profile picture, if not DISQUALIFIED
6. Entrants can submit more entries (50 entries, 100entries or more.. para masaya)

Our Latest Competition Deadline will be (October 31, 2014, 2pm), so hurry up and design. done
Meron pa kaming 2 Logo Design Contest na ongoing.
LOGO DESIGN Contest DEADLINE will be Nov. 1 2014, 11:59pm
LOGO DESIGN Contest DEADLINE will be Nov. 30, 2014, 11:59pm
MORE COMPETITION TO COME waiting for some informations.

Participate na kayo may premyo na makakakilala ka pa ng designers dun and share some thoughts, habang 5 pa ang nag participate.

 

[bengary]

Re: Tutorial - Cartoonize your photo using photoshop

kissme12 ayaw mag-open ng site http://thinkcreatives.net/

 

[jhaymoko]

Re: Tutorial - Cartoonize your photo using photoshop

ma try nga to . thanks sa pag share ng kaalaman

 

[poi895]

Re: Tutorial - Cartoonize your photo using photoshop

Tnx tol Galing mo <3

 

[Kulanggot]

lupet mo bro sana mag labas kadin ng caricature ba un tama ba spell ko? hehe

 

[zainhick]

Re: Tutorial - Cartoonize your photo using photoshop

nice bro,,,pbookmark ako

 

[vhin78]

Re: Tutorial - Cartoonize your photo using photoshop

sir for sharing

 

[mare juana]

Re: Tutorial - Cartoonize your photo using photoshop

salamat dito ts.. keep sharing

 

[franz491]

Re: Tutorial - Cartoonize your photo using photoshop

maraming salamat ts sa update

 

[billyrobediso]

Re: Tutorial - Cartoonize your photo using photoshop

keep sharing ts. god bless

 

[henryjohn426]

thanks sa tutorial sir! galing! pag aralan ko to

 

[frozen2301]

Re: Tutorial - Cartoonize your photo using photoshop

astig nito bookmark!

 

[jansen19]

salamat tutorial boss, dl na rin ung images boss, salamat sa share

 

[MKDLuffy]

Re: Tutorial - Cartoonize your photo using photoshop

dito TS, keep on sharing Astig

 

[newsgirl]

Maraming Salamat mga kapatid, bro at sis sa inyong pagbisita sa thread ko at sa pag-appreciate ng munti kong tutorial na ito

I-update ko lang ang tutorial na'to, since limited lang ang image files na pwede i-hotlink, I opt to remove nalang yung dating screenshots kung pano ko ginawa ang cartoonized image gaya ng asa avatar ko, pero i-attach ko padin ang final image na iyon dito.

Minabuti kong i-detalye (sa aking palagay na detalye na nga ito, hehehe) kung pano ko ginawa, magkulay at maglagay ng background image effect sa ating artwork.

Ang technique na ito ay ginamitan ko ng Layers. Habang sinusundan ninyo ang tutorial na ito, madami din kayo matutuklasang mga ibang paraan (na mas eksperto) sa mga ginamit ko.

I-open ang picture/image file sa Photoshop

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/01.jpg

I-duplicate ang picture/image by selecting: Layer -> Duplicate
Rename the Duplicate Layer para madaling tandaan kung anong Layer ito

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/02.jpg

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/03.jpg

After ma-i-duplicate ang picture/image, make sure na nakaselect ang 'Duplicate Layer' na ito (based dito sa example ko, ni-rename ko ito ng 'Copy ng Original Image'). Dito sa Layer na ito, gawin ang sumusunod: dun sa drop-down list, i-select ang 'Color Dodge'

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/04.jpg

Ganito ang mangyayari after ma-i-apply ang 'Color Dodge'

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/05.jpg

Ang susunod na gagawin, i-invert natin: Image -> Adjustments -> Invert. Meron ding short-cut, 'Ctrl-I'

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/06.jpg

Ganito ang mangyayari after natin ma-i-invert

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/07.jpg

I-aapply natin ngayon ang Gaussian Blur: Filter -> Blur -> Gaussian Blur

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/08.jpg

Merong lalabas na slider window sa Gaussian Blur, dito sa example na ito, ang pinili ko ay '2'

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/09.jpg

Ngayon naman, i-aapply natin ang Threshold: Layer -> New Adjustment Layer -> Threshold

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/10.jpg

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/11.jpg

Merong slider at pwede nyo ring i-set ang desired amount. Dito sa example ko, 244 ang value. Dito sa threshold na ito magbabase kung gaano kakapal o kanipis o di kaya'y ilang amount ng tolerable 'noise' para mabuo ang image na nakabase din sa amount ng Gaussian Blur na ginawa natin kanina. Hint: Gaussian Blur at Threshold Level ang lalaruin natin sa image para makuha natin ang desired 'clarity'

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/12.jpg

Eto na ang semi-finished artwork natin Hehehe! mapapansin nyong merong mga unnecessary 'dots' or 'lines' or 'specks of dust' or kung anuman ang gusto nyong itawag na buburahin natin para luminis ang 'sketch-up pencil-like image'.
i-select ang Eraser Tool (make sure na 'Black' ang naka-select na color sa color pallete (tignan ang screenshot). Bago i-apply ang Eraser Tool, siguraduhin na naka-select ang 'Background' (tignan sa screenshot). Ito ang unang layer, o ang Original Layer image. Dito tayo magbubura ng unwanted specks of lines/dots at hindi sa 'Threshold Layer'

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/13.jpg

Ayan, nabura ko na yung 'unwanted' area(s) sa image

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/14.jpg

I-select ninyo ule ang 'Threshold Layer'. Gagawa naman tayo ng bagong Layer ontop ng 'Threshold Layer': Layer -> New -> Layer
Sa drop-down list, imbis na 'Normal', piliin ang 'Multiply' at i-rename ang bagong layer na ito ng 'Coloring Layer' dahil dito mismo sa Layer na ito magaganap ang pagkukulay natin Hehehehe!

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/15.jpg

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/16.jpg

Ngayon, ready na tayo magkulay! hehehe! Shempre, gagamit tayo ng 'Brush' tool at mamimili tayo ng desired color natin sa Color Swatch

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/17.jpg

Depende sa image ang tagal ng inyong pagkukulay, along the way na nagco-color kayo, mapapansin ninyong merong 'lampas'. Ayos lang yan, ika nga eh sa dahil ito sa 'Mulitply' attribute ng 'Coloring Layer' na ginawa natin kanina.

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/18.jpg

Mag-aapply tayo ngayon ng Filters (para ma-even out o di kaya'y malimitahan natin ang 'rough' edges ng image)
Filter -> Blur -> Blur More. Gawin ito base sa inyong gustong kalabasan ng image
Filter -> Sharpen -> Smart Sharpen. Gawin ito base sa inyong gustong kalabasan ng image

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/19.jpg

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/20.jpg

Magdadagdag ule tayo ng Layer (hehe, panay layers noh) Layer -> New Adjustment Layer -> Photo Filter

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/21.jpg

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/22.jpg

Dito naman, kukunin natin ang image size ng gawa natin para naman sa background. Kapag nalaman na ang size, click ang:
File -> New tapos Custom at ilagay ang size kagaya ng image at i-click na ang OK

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/23.jpg

Ayan, base sa screenshot, makikita natin ang blank canvass sa kaliwa at ang artwork natin sa kanan. Sa pamamagitan ng 'Gradient' tool, ang puting canvass sa kaliwa ay lalagyan natin ng kulay

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/24.jpg

Based dito sa ginawa ko (tignan ang screenshot), ang primary color ay blue at ang secondary color ay yellow.

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/25.jpg

i-drag ang 'Gradient' '+' cursor sa blank white canvass (ang ginawa ko dito eh pa-diagonal, kayo na bahala kung anong direction ninyo gusto)

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/26.jpg

At eto ang kinalabasan ng Gradient

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/27.jpg

Ayan, meron na tayong pwedeng i-background sa artwork natin Gamit ang 'Move' tool, i-drag ang artwork natin papunta sa Gradient background sa gawing kaliwa. Tignan ang screenshot.

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/28.jpg

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/29.jpg

Gamit ang 'Magic Wand' tool, buburahin natin ang puting background sa artwork natin sa kaliwa para lumitaw ang Gradient na ginawa natin. Pindutin ang 'Del' key sa keyboard kapag na-select na ang desired background na buburahin (napapalibutan ito ng moving dotted lines). At eto na ang resulta

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/30.jpg

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/31.jpg

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/32.jpg

Meron pa tayo pwedeng gawin sa image na ito

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/33.jpg

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/34.jpg

Kapag tapos na tayo maglagay ng texture o style, laging tandaan: Layer -> Flatten Image (tignan ang screenshot).
Ayan, tapos na ang ating munting artwork

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/35.jpg

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/36.jpg

Eto ang ilan (kasama na yung lumang image sa dati kong tutorial)

http://i109.photobucket.com/albums/n68/abet_ramz/Photoshop/Step_02-1.jpg

http://i109.photobucket.com/albums/n68/abet_ramz/Photoshop/Step_16-2.jpg

http://i109.photobucket.com/albums/n68/abet_ramz/Revised Detailed Cartoonized/AkoFinal.jpg

thanks po dito ts keep on sharing po

 

[dei26]

Nice TS, dito.