Symbianize Forum

Most of our features and services are available only to members, so we encourage you to login or register a new account. Registration is free, fast and simple. You only need to provide a valid email. Being a member you'll gain access to all member forums and features, post a message to ask question or provide answer, and share or find resources related to mobile phones, tablets, computers, game consoles, and multimedia.

All that and more, so what are you waiting for, click the register button and join us now! Ito ang website na ginawa ng pinoy para sa pinoy!

Tutorial - Cartoonize your photo using photoshop [Updated]

thanks dito at sa nag-up ng thread nato tagal kona hinahanap ito
 
newbie po s photoshop... pano po maglagay ng color..hehhee..??::weep:

sis, mag-fast forward tau, medjo tagal na 'tong thread/tutorial na ginawa ko dito pero thanks sa pagbisita :salute:

mabalik tau sa tanong mo, i-assume ko na nakagawa ka na ng 'threshold' layer (eto yung nagmukhang coloring book yung image mo )... after nun, magcreate tau ng new layer -> multiply

dapat makagawa tau ng tinatawag na 'multiply' layer on top ng 'threshold' layer kasi dito tau magkukulay.

pagmasdan ung screenshot ng tutorial, mag-overlap man yung color ng paint brush sa line ng black, hindi nito kukulayan yung black line (sabihin nating mukha ng tao yung area na yun).

try mo ule sis gawin :salute:
 
hinid ko malagyan ng background...
haha...newbee lang sa photoshop eh.. ^_^
slql37.jpg



nailagay ko na pero hindi ko maisave sa format na jpeg...
ano sir kulang?...
chaka nag iba kulay hehe...
swr9k7.jpg

Nice!!! newbee pa yan bro hah! :rofl: thanks sa pagbisita at pagtry, along the way eh madami ka rin matututunan at mas magiging 'photoshopper' kalaunan :thumbsup:

ok, sa una mong tanong, cguro sa karamihan na nakagawa na or nagtry, malamang na-encounter nyo nadin na 'ndi nyo ma-save sa jpeg matapos nyong gawin or nakita nyo na agad yung results.

eto ang explanation: 'di ba nung una palang nasabi ko na magwo-work tau mostly on Layers? At logically, ang layers eh patong-patong ang ibig sabihin, samakatuwid, kailangan nating i-merge ang mga layers na ito para mag-appear na isang flat image siya sa workspace natin :)

yung nag-iba ang kulay, or yung 'tone' ng swatches sa image, result ito na meron taung na-i-add na new layer on top ng working layer natin or di naman kaya eh yung na-mention ko na 'gradient' tool.

medjo mahaba na kadaldalan ko bro pero malamang words aren't enough :) hehehe! pero i'm hoping na makukuha mo din mga nasabi kong in-depth explanation at lalawak pa lalo learning curve mo at ng iba pa nating mga kapatiran dito :)

ika nga eh, praktis praktis din at be familiar sa tools at workspace ng photoshop version na gamit nyo :)
 
mga kapatid, salamat sa pagbisita, pag-try at pag-appreciate ng na-ishare ko sa inyo na tutorial although medjo me kalumaan na nga lang dahil since 2009 ko pa nai-post ito :)

sa mga tanong na 'ndi ko agad na-replyan, paumanhin at pasasalamat din sa ibang mga kapatiran natin dito na nakagawa at na-i-try nila kaya sila na mismo ang sumagot sa mga tanong ng iba in my abscence...

napansin kong common question yung layer kung san meron 'color dodge', 'threshold', 'multiply' at maging ang pagkukulay o paglagay ng background... sa hinaba ng taon na lumipas, malamang nalampasan natin ang mga ito at nakatuklas ng ibang paraan na ika nga eh mas mahusay kesa sa ginawa ko :) kudos sa inyo mga kapatid! :salute: :thumbsup:

at dahil nga medjo me katandaan na 'tong thread ko, request nalang din sa mga mods, paki-close kung sa tingin natin eh 'flooding' na ito para tulong nadin sa maintenance ng ating forum/site.

Thank you po sa lahat :clap: at happy learning curve sa larangan ng graphical arts! :)
 

galing.. pasubok ako nitong tutorial mo.. thanks in advance :praise::thumbsup:
 
Maraming Salamat mga kapatid, bro at sis sa inyong pagbisita sa thread ko at sa pag-appreciate ng munti kong tutorial na ito :praise: :salute:

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

01.jpg


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


02.jpg


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'

04.jpg


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

05.jpg


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

06.jpg


Ganito ang mangyayari after natin ma-i-invert

07.jpg


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

08.jpg


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

09.jpg


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

10.jpg


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'

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'


13.jpg


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

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!


15.jpg


16.jpg


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

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.

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


19.jpg


20.jpg


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

21.jpg


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


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

24.jpg


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

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)

26.jpg


At eto ang kinalabasan ng Gradient

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.

28.jpg


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

30.jpg


31.jpg


32.jpg


Meron pa tayo pwedeng gawin sa image na ito

33.jpg


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


35.jpg


36.jpg


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

Step_02-1.jpg


Step_16-2.jpg


AkoFinal.jpg
galing m bro
 
Re: Tutorial - Cartoonize your photo using photoshop

Bro ayos to! hehe tgl ko ng ng'hahanap nito, actually marunong ako mg'photoshop and hilig ko din! kya lang tinatamad q mg'organize kong papano ung steps ng to make it yourself to be a carrtoon look hehe like it! save ko to, i'll hit thanks! keep it up! bro..thanks for sharing ka SB!
astig 2 matry nga :clap:

Yey! Enjyu po ng madami dito! Worth trying! Subukan ko pag-uwi ko mamaya! Hehe
astig 2 matry nga :clap:
Nice, gusto ko matutunan yan. Salamat bossing..
astig 2 matry nga :clap:

matagal na din ako nghahanap nito ayos.....
Thumbsup.gif
astig 2 matry nga :clap:

bookmarked ty sa tut ser
astig 2 matry nga :clap:

Salamat mga bro! enjoy 'cartoonizing' your photos :clap::toast:
astig 2 matry nga :clap:

Sir thank you sa share nato. Tagal ko narin gustong gawin kong ganito pero di ko magawa. Meron akong nagagawa pero puro mix ng lng filter pero mas maganda yung nagawa nyo. Ask ko lang about sa coloring. So wir it's manually color of the pic talaga sir ang gagawin? thank you very much sir! :excited:
astig 2 matry nga :clap:

hehe..wow....galing nmn....subukan ko ma2ya,..
asttttteeeeeeeegggggggg.
astig 2 matry nga :clap:

lupet mo bro thanks po dito
astig 2 matry nga :clap:
 
Back
Top Bottom