Cartoonize Tutorial

8/3/2019 Cartoonize Tutorial

1/39

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 koginawa, 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

This image has been resized. Click this bar to view the full image. The original image is sized 799x48

I-duplicate ang picture/image by selecting: Layer -> Duplicate

Rename the Duplicate Layerpara madaling tandaan kung anong Layer ito



2/39



3/39

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'



4/39

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



5/39

Ang susunod na gagawin, i-invert natin: Image -> Adjustments -> Invert. Meron ding

short-cut, 'Ctrl-I'



6/39

Ganito ang mangyayari after natin ma-i-invert



7/39

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



8/39

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

'2'



9/39

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

Threshold



10/39



11/39

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 anglalaruin natin sa image para makuha natin ang desired 'clarity'



12/39

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/39

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



14/39

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/39



16/39

Ngayon, ready na tayo magkulay! hehehe! Shempre, gagamit tayo ng 'Brush' tool at

mamimili tayo ng desired color natin sa Color Swatch



17/39

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/39

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/39



20/39

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

-> Photo Filter



21/39



22/39

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/39

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 lalagyannatin ng kulay



24/39

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

secondary color ay yellow.



25/39

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/39

At eto ang kinalabasan ng Gradient



27/39

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/39



29/39

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/39



31/39



32/39

Meron pa tayo pwedeng gawin sa image na ito



33/39



34/39

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/39



36/39

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



37/39



38/39


39/39

Documents

Cartoonize Tutorial