Tutorial Photoshop : Sila lihat pos1 utk senarai

[MalaYneuMaya 4]

assalamualaikum...

senarai tutorial:

1. Reflection
2. Photo to Pencil Sketch
3. Tutorial: Buang background gambar guna Vertus Fluid Mask (PS Plugin)
4. Tutorial: Buang background gambar guna Ps Extract Filter
5. Cara mudah BLEND 2 imej
6. Cara membuat TEKS BERGAMBAR
7. Cara membuat TEKS MELENGKUNG
8. Membuat GLOSSY BUTTON

[ExSmkak 1]

terima kasih untuk tutorial ni...huhu harap ada banyak lagi...aku ingat habis spm nanti dapat belajar balik...dah 3 tahun aku tinggalkan photoshop ney...dah lupa habis...

[LanoV 22]

wahhh... bagus la MalayNeuMaya dah berkecimpung dalam bidang tutorial pulak.... tahniah! satu tutorial yang menarik.

[raidizh AR 34]

tutorial yang lengkap... tambah2 lg utk org xreti potoshop cm ak... syabas maya...

[MalaYneuMaya 4]

assalamualaikum...

terima kasih semua.. ::icon_biggrin:: insya Allah lepas ni aku kongsi lagi tutorial yg lain pulak..sapa2 nak kongsi tutorial, bagi komen dan penambahbaikkan pon sangat dialu2kan..

*kemungkinan thread ini akan jadi thread koleksi tutorial ps

[MalaYneuMaya 4]

assalamualaikum...

REFLECTION



klik utk melihat tutorial:

Spoiler:

1. create new document, fill with black
2. buat layer baru, pilih horizontal type tool :



pilih warna yg terang, kendian tulis la ayat korang



3. klik kanan pada layer 'ayam goreng', pilih rasterize layer
4. duplicate this layer, maka anda dpt layer yg bernama ayam goreng copy
5. Edit > transform > flip vertical , maka ayat pada layer 'ayam goreng copy' akan jadi terbalik



6. select move tool

dgn menggunakan kekunci anak panah bawah, (<--wakaka) gerakkan ayat yg terbalik hingga melepasi ayat yg asal



7. klik layer mask dan satu kotak putih akan muncul di layer 'ayam goreng copy'



8. pilih gradient tool
kemudian pastikan anda memilih black to white




9. sambil tekan shift, drag mouse dari bawah ke atas pada ayat,



anda akan dpt hasil seperti ini



10. lower down opacity kepada 50%



..maka hasilnya



kalu background yg terang, korang tambahkan bayang2 utk lebih realistik

11. duplicate layer ayam goreng, anda akan dpt layer ayam goreng copy 2

on this layer, ctrl + click utk select ayat ayam goreng, fill with black atau dark grey, kendian deselect (ctrl + D)

12. filter > blur > gaussian blur guna 5.0 px

13. guna move tool, resize supaya jadi 1/4 dari asal



perhatikan yg bayang2 agak tergantung dari lantai:

guna move tool, selaraskan bayang2:

14. drag layer ayam goreng copy 2 dan letakkan bawah layer ayam goreng



15. turunkan nilai opacity jika perlu:

hasilnya:



..siap dah, w/bagaimanapon selain dari tulisan korang buleh jugak ganti dgn objek lain mcm logo ka, cth:



sukati la..ikut kreativiti korang ::icon_biggrin:: itu sahaja..

*kejap anda kejap korang ::icon_lol:: cemana ntah wakaka

[MalaYneuMaya 4]

assalamualaikum...

PHOTO to PENCIL SKETCH

dari ini kepada

klik utk melihat tutorial:

Spoiler:

1. duplicate layer background..jadi anda akan dpt 1 layer baru yg bernama background copy



2. select layer background copy, Image > Adjustment > Desaturate



3. Filter > Other > High Pass:

ejas radius sampai dekat2 mcm ni, agak2 kelabu dan pinggir2 dia highlighted



(utk gamba ni aku guna 2.9 px, tapi dah tentu berbeza utk lain2 gamba)

4. Image > Adjustments > Level

heret slider kanan dan kiri pegi tengah..dan ejas sikit slider yg tengah tu utk dpt garis kasar shj..takde capuk2



5. lower down opacity dlm 50+ dan blending mode tukar kepada 'overlay'



6. select layer bawah iaitu background..kendian goto Filter > Artistic > Cutout, guna setting ini:

no of levels = 8
edge simplicity = 0
edge fidelity = 3

select OK

7. Filter > Noise > Add Noise:

amount = 5% (lebih kurang)
gaussian
monochromatic checked

select OK

8. duplicate this layer..anda akan dpt layer background copy 2...

on this layer,

Filter > Blur > Motion Blur:

angle = 45'
distance = 10 px

select ok

image > adjustment > desaturate

lower down opacity dlm 50+

9. select layer background

Filter > Blur > motion blur:

angle = - 27'
distance = 10 px

select ok

image > adjustment > desaturate

hasilnya mcm ni:



*kalu peratikan bhg rambut tu gelap sgt dan sketch dia tak jelas...oleh itu kita guna tool Dodge utk terangkan sikit kawasan tu

10. pilih dodge tool



pilih soft brush (saiz yg sesuai) dan exposure = 50+



on layer background, cuma gosok2 aje kat kawasan yg gelap tu secukup rasa..

buat jugak utk layer background copy 2..

hasil dptla mcm ni:



dah jelas sikit sketch kat kawasan rambut tu..

11. select layer atas sekali (background copy)

layer > new fill layer > solid color, select ok..kendian letak nilai ini #FFF7E6 atau RGB=255,247,230

tukar blending mode kpd soft light



...SIAP..hasil dpt la mcm ni:



selamat mencuba.. ::icon_biggrin::

[dans kam 39]

sticky kan je la tutorial tu senang nak refer nanti..
::icon_biggrin::

[AhmadSyazwan 1]

format pdf xda ke malayneumaya?
lagi cun ada pdf

thanks..

[K.A. 312]

nice tutor geng...

btw, betul gak, kalo ade koleksi tutor dalam pdf memang bagus, huhu...

[MalaYneuMaya 4]

assalamualaikum...

dans kam wrote:sticky kan je la tutorial tu senang nak refer nanti..
::icon_biggrin::

bergantung pada mod ::icon_biggrin::

@ AhmadSyazwan, khairul anwar

tak reti nak buat pdf hehe..lagipon aku lagi selesa buat cara camni..

tima kasih korang sebab jenguk..insya Allah nanti aku tambah tutorial tambah dari semasa ke semasa..kongsi yg basic2 je la dulu..sebab aku pon bukan terer ps ::icon_razz::

[tasek16 82]

ok topic dah di pinnedkan..hope ramai lagi member dapat sumbangkan tutorial....

[tasek16 82]

MalaYneuMaya wrote:assalamualaikum...
tima kasih korang sebab jenguk..insya Allah nanti aku tambah tutorial tambah dari semasa ke semasa..kongsi yg basic2 je la dulu..sebab aku pon bukan terer ps ::icon_razz::

wahhh bagus MalaYneuMaya ni..aku respek usaha ko ni....jangan patah semangat terus usaha anda....kalau aku rajin dan ada masa aku tolong tambahkan tutorial kat topic ni....aku pun bukan terer sangat dalam ps ni:)

[MalaYneuMaya 4]

assalamualaikum...

ye sapa2 nak kongsi tutorial sangat lah dialu2kan ::icon_biggrin:: nanti aku letak link tutorial korang kat pos#1..

tima kasih incik tasek sebab stickykan trid nih..

[LanoV 22]

Boleh request tutorial tak sini... contohnya kalau ada problem nak buat something dengan gambar ke etc.... hehehe, kalau boleh, aku nak request nie.. ::icon_biggrin::

[tasek16 82]

Assalamualaikum

Ok kali aku cuba terangkan macam mana nak buang background gambar guna ps plugin Fluid Mask.
Ok dalam photoshop memang dah ada tool untuk kita buang latar belakang antaranya marquee tool, magic wand, extract filter, Eraser (Magic eraser tool), pen tool dan sebagainya. Tool-tol ini memang kita boleh gunakan untuk membuang latar belakang. Untuk subject yang simple atau edge yang sekata pada object memang mudah untuk buang background dan hasilnya boleh dikata baik sekiranya kita buat refine pada object selepas itu. BUT kalau subject mempunya edge yang tidak sekata cth rambut yang mengerbang dan halus boleh dikatakan agak susah untuk kita extract bahagian yang halus dan tak sekata tadi. Kita perlu menggunakan teknik yang lain cth teknik blending atau teknik masking. Selepas itu kita terpaksa juga refine atau adjust bahagian tersebut dengan menggunakan tool2 yang lain cth blur tool untuk softkan edge dan guna burn tool untuk darken edge yang agak light sebab bercampur dengan background. Jadi masa begiu banyak dihabiskan hanya untuk buang background...itu tak termasuk nak buat adjustment pada object seperti touch up dan sebagainya.

jadi why not guna plugin yang memang khas untuk buang background. Plugin yang aku maksudkan adalah: Vertus Fluid Mask. Ok pluign ini bukan free. Tapi kita boleh cuba trial version. Harga di dalam US169 atau lebih kurang RM500 ::icon_smile:: BUT..kalau kita seorang photographer, graphic designer atau seumpamanya..beli la ori..why???????? nanti aku akan terangkan di hujung toturial ni.

Ok first download plugin ni dan install sebagai photoshop plugin. Lepas install open photoshop dan load image ke dalam photoshop. Ok kalau tak ada sample pic download pic kat sini. Pic ni sama dengan pic yang aku gunakan untuk tutorial ni. So korang go along dengan tutorial ni : sample pic

Ok sekarang load plugin ni: Filter----> Vertus----> Fluid Mask 3. So photoshop akan di minimize kan dan window fluid mask akan di buka.
Semasa fluid mask dibuka tunggu sekejap sebab masa ni Fluid mask akan detect edge pada image..s kita boleh tengok progress dia kat bahagian bawah window cth macam kat bawah:


Selepas selesai kita boleh tengok Fluid mask akan draw line biru pada edge dalam gambar tersebut.


Now tugas kita select area dalam gambar bahagian mana yang nak dibuang. pertama pergi bahagian panel sebelah kiri pilih Delete Local Brush (icon brush warna merah) macam image di bawah:

kemudia click oada area bahagian mana yang nak dibuang. so diakan create color warna merah. Kita boleh adjust size brush dengan adjust slider pada bahagian atas kiri windows. So gunakan size brush yang bersesuai untuk bahagian yang tertentu.


Sterusnya right click pada bahagian yang kita nak preserve cth dalam kes ni.. gambar model dan pilih Auto Fill with keep.

So dia kan colorkan bahagian ini dengan warna hijau cth macam image kat bawah:


Ok this is very important part..sekarang kalau kita tengok bahagian edge rambut agak tak sempurna.. so sekrang ni kita kasi bahagian edge rambut dapat di extractkan dengan sempurna tanpa ada kesan artifact dari latar belakang. Jadi kita kena blendkan bahagian edge ni . Caranya pergi ke tool panel pilih Blend Exact Brush (Icon pencil warna biru) macam image kat bawah:

brush pada edge rambut di mana latar belakang bercampur dengan rambut cth macam image kat bawah . saiz brush boleh di adjust mengikut kesesuain dengan adjust brush slider di bahagian kiri atas window fluid mask.

Perkara paling penting brush pada bahagian yang terdapat campuran object dengan latar belakang.

Now untuk tengok hasil dia pergi ke tool panel klik pada Create Cut Out icon macam image kat bawah:

So kita boleh lihat bahagian yang warna merah tadi akan jadi warna biru..bahagian ini adalah bahagian transparency yang mana bahagian yang telah dibuang cth macam image kat bawah:

kita boleh re-adjust dengan menekan tab Workspace untuk re brush mana-mana bahagian yang kita nak adjust atau nak di perbetulkan.
kalau kita tengok image di atas bahagian edge pada rambut dah jadi semi transparent.. so ini kelebihan Fluid mask yang mana bila kita combine dengan image lain bahagian ini jadi seamless dengan latar belakang baru.

Then kalau kita dah puas hati kita savekan image ini untuk di loadkan semula ke dalam photoshop caranya File----> save & Apply.. the diakan loadkan image tadi ke photoshop.


Now dalam photoshop bahagian yang nak dibuang tadi telah jadi transparency..

so kita boleh mix dengan image yang lain. Selepas tu kita boleh buat adjust pada object atau buat color matching antara object dengan latar belakang yang baru..so hasil dia jadi macam kat bawah:

Kalu kita tengok image di atas bahagian edge pad rambut blend dengan begitu seamless.. kalau guna cara manual..memang agak susah nak dapat hasil macam ni..Kalau dapat pun hasil dia memang tak begitu convincing..

So berbalik pada apa yang aku cakap di awal tutorial ni... kalau kita photographer cth wedding photographer atau product prographer atau graphic designer beli laa yang ori hasil dia memang very convincing kalau kita dah mahir guna plugin ni so client pun puas hati.. Dalam kes lain kita tak perlu bina studio besar untuk letakan backround canvas macam kat photo studio yang berharga ribu-ribu cukup dengan background yang simple even cth didnding pada rumah pun boleh dibuat background.... Kalau kita boleh beli DSLR dan pelbagai henis lens yang beribu.. kenapa tak mampu beli plugin ni.. aku yakin kos plugin ni sendiri boleh dicover dalam masa yang singkat... this plugin is very essential for those who are using photoshop regularly ..ok that's all

Good luck

[arbanji 1]

Terima kasih Tasek di atas tutorial ini, kini baru aku paham kaedahnya... nanti aku try...

[rieyna168 0]

huhuhu...mahalnya plugin tu tp hasilnya mmg berbaloi.

untuk kegunaan biasa cam rina yg xselalu edit mengedit ni,baik guna kaedah biasa je.. tapi sampai sekarang ni masih xpandai2 lagi.

Boleh mintak tolong dari sedara tasek16 ajar sikit tak step2 nak wat menggunakan:
1. erase tool
2. polygonal lasso tool

[tasek16 82]

ryna168 wrote:
Boleh mintak tolong dari sedara tasek16 ajar sikit tak step2 nak wat menggunakan:
1. erase tool
2. polygonal lasso tool

InsyaAllah..kalau ada kesempatan..sebabnya cara manual lebih banyak step diperlukan..maklumlah cara manual kan ::icon_smile::

[rieyna168 0]

Terimakasih... rina tunggu.

[tasek16 82]

Assalamualaikum

Ok kalau sebelum ini aku ada terangkan bagaimana buang background guna Vertus Fluid mask. kali ini aku cuba terangkan bagaimana buang latar belakang just guna extract tool yang memang sedia ada dalam photoshop. Tapi satu perkara kita kena ambil perhatian guna extract tool hasilnya tak sebaik guna Fluid Mask. BUT dalam tutorial akan try terangkan bagaimana kita boleh buang background sebaik mungkin dengan just guna extract tool.

ok now load image ke photoshop. Kalau tak ada image boleh download image di sini. Image ni sama dengan image yang aku gunakan dalam tutorial..so korang boleh go along dengan tutorial ni.

Ok once dah load image ke photoshop. load Extract Filter caranya:
Filter---->Extract...


So dia kan buka satu window bersama dengan image. perkara pertam yang perlu kita buat klik pada Edge Highlighter Tool macam image kat bawah:


now apa yang perli kita buat draw pada edge objek .cth macam image kat bawah:

Kita boleh tukar brush size dengan tukar pada bahagian size brush di sebelah kanan.

Seterusnya kita perlu paint kan bahagian yang kita nak kekalkan.. yap this method hampir sama dengan Fluid mask.. so caranya klik pada Fill tool dan klik sekali pada bahagian yang nak kita kekalkan cth macam image kat bawah:



Untuk lihat hasil dia kita klik pada button Preview cth macam imame kat bawah:

so kita boleh lihat background dah jadi transparent dan edge pada object daj jadi transparent.. yap lebih kurang sama macam Fluid Mask..


Ok let say kita tak puas hati kita boleh adjust semula edge yang kita draw meggunakan Edge Highlighter Tool tadi kita boleh guna eraser tool untuk padam edge dan redraw dengan menggunakan Edge Highlighte. Satu lagi pada panel option terdapat beberapa tool cth macam Edge Touch up to untuk repair certain area pada edge yang tak beberapa cun..

Ok let say kita dah puas hati kita loadkan semuula image tadi ke dalam main window photoshop dengan menekan butang ok...Sekarang background pada image dah jadi transparent so kita boleh loadkan background image yag lain pada layer dibawah layer object..

Macam aku cakap di awal tutorial ni guna extract tool dalam photoshop tak sebaik Fluid mask.. cth macam image kat bawah:

Kalau kita lihat image kat atas.. bahagian edge pada rambut..agak kasar dan masih terdapat kesan backgroud asal ...so how to overcome this problem..???????

First kita darken atau gelapkan sedikit bahagian ini. caranya klik pada burn tool
dan setkan brush lebih kurang 100 dan opacity pada 37 atau apa-apa value yang kita rasa sesuai

brush pada bahagian ini.. now kita boleh lihat bahagian lebih realistik dari sebelumnya...buat pada bahahaian yang lain yang korang rasa perlu..

Next..bahagian ini kemungkinan still kasar.. so apa yang perlu kita buat.. softkan bahagian ini..dengan menggunakan Soft tool

Setkan brush pada 100 dan Strenght pada 16% atau apa-apa value yang korang rasa sesuai.

Now kita boleh lihat hasil dia become more covincing...so.. what's next????

Sometime semasa kita buat extract tadi terdapat bahagian yang tak perlu dibuang..dah "terbuang" atau terpadam terutama pada edge objek.. dalam kes ni mungkin pada bahagian rambut...so macam mana kita nak buat??? Klik pada Clone Tool atau Patch tool cth macam image kat bawah:
atau
sample kan bahagian yang berhampiran dengan kawasan yang bermasalah.. caranya hold down pada ALT di keyboard dan klik pada bahagian ok dekat dengan kawasan yang problem tu then klik semula pada kawasan yang masalah ..so cara ini dia akan menutup atau cover kawasan yang terpadam tu..macam aku cakap tadi guna samada clone tool atau patch tool..mungkin salah satu tool ni work best untuk satu-satu keadaan.

now kalau dah puas hati boleh terus step seterus macam buat color balance atau lakukan proses touch pada object dan hasil dia lebih kurang macam ni laaa:

Not bad isn't it????? ::icon_smile::

ok korang mesti tanya so kalau macam tu tak payah laa guna guna Fluid mask..extract tool pun dah ok... Depend pada image..some image yang complex Fuild mask diperlukan cth kalau background yang texture agak complex.. dan satu lagi dalam fluid mask ada beberapa option yang berguna tapi tak ada dalam extract tool.. pengalaman aku hasil dari fluid much more better..but dalam tutorial ni cuba terangkan bagaimana nak hasilkan as close as possible macam yang dihasilkan guna fluid mask..terpulang pada kita..

Ok my next tutorial.. Macam mana nak hasilkan gambar passport macam di kedai photo..just guna photoshop dan peralatan yang kita ada di rumah... so kita boleh jimat masa, duit...the best part is kita boleh buat duit... :)soo tungguuuuu...

So good luck.... ::icon_smile::

[OngBok_1 2]

hmmm... menarik & berguna. Teruskan menyumbang tutorial sebegini.
kalau aku nak post tutorial photoshop kat sini, boleh ker?

[arbanji 1]

PS version berapa? sbb CS4 tak ada pun Extract

[tasek16 82]

arbanji wrote:PS version berapa? sbb CS4 tak ada pun Extract

Sorry lupa nak mention pasal benda ni ::icon_smile::

Actually dalam Cs4 banyak filter dibuang ...aku sendiri tak faham kenapa adobe buang some filters antaranya extract tool...btw kalau beli cd original ada kasi option untuk kita install under goodies folder...btw kalau kita guna trial version or what ever version ::icon_smile:: boleh download filter-filter yang dibuang untuk di install ke dalam cs4:
http://download.adobe.com/pub/adobe/photoshop/win/cs4/PHSPCS4_Optional_Plug-Ins.zip

once downloaded unzip dan run file PHSPCS4_Cont_LS1.exe so dia akan create satu folder Adobe CS4.. dalam folder ada beberapa folder..

Adobe Cs4---->Photoshop Content---English----Goodies---Optional Plugins---->Plug-ins 32-bit----->Filters...dalam folder ni ada plugin untuk extract ExtractPlus.8BF copy plugin ni ke dalam folder plugin (filter folder) photoshop cs4...

memang leceh..aku sendiri pun tak faham kenapa adobe "gugurkan" banyak plugin dalam cs4...that's why aku sendiri tak suka CS4 ..slow/berat even on decent pc...aku lebih suka CS3...

[rieyna168 0]

tasek16 wrote:
Ok let say kita tak puas hati kita boleh adjust semula edge yang kita draw meggunakan Edge Highlighter Tool tadi kita boleh guna eraser tool untuk padam edge dan redraw dengan menggunakan Edge Highlighte. Satu lagi pada panel option terdapat beberapa tool cth macam Edge Touch up to untuk repair certain area pada edge yang tak beberapa cun..

Ok let say kita dah puas hati kita loadkan semuula image tadi ke dalam main window photoshop dengan menekan butang ok...Sekarang background pada image dah jadi transparent so kita boleh loadkan background image yag lain pada layer dibawah layer object..

Macam aku cakap di awal tutorial ni guna extract tool dalam photoshop tak sebaik Fluid mask.. cth macam image kat bawah:

Kalau kita lihat image kat atas.. bahagian edge pada rambut..agak kasar dan masih terdapat kesan backgroud asal ...so how to overcome this problem..???????

First kita darken atau gelapkan sedikit bahagian ini. caranya klik pada burn tool
dan setkan brush lebih kurang 100 dan opacity pada 37 atau apa-apa value yang kita rasa sesuai

brush pada bahagian ini.. now kita boleh lihat bahagian lebih realistik dari sebelumnya...buat pada bahahaian yang lain yang korang rasa perlu..

Next..bahagian ini kemungkinan still kasar.. so apa yang perlu kita buat.. softkan bahagian ini..dengan menggunakan Soft tool

Setkan brush pada 100 dan Strenght pada 16% atau apa-apa value yang korang rasa sesuai.

Sampai bhgn ni, rina kurang fhm sikit.. nak edit2 supaya nampak kemas tu..