Edisi Kembar Saffa & Saffawati kembali lagiiiiiii! Hahaha…

#1

#2

#3

#4

Kenapa Saffawati sibuk buat tutorial edisi kembar? kerana ini lah ; Formspring. Saffa buat cincai cincai jer nih. Sorry.

Okay. Nak buat EDISI KEMBAR ni tak susah pun, you just need a lil bit imagination, time and basic photoshop skill. Tak lupa juga CAMERA with a self timer!

1. Imagination.

Fikir jalan cerita dan cuba sketch pada kertas. Bayangkan. Bayangkan karakter kembar anda. Bayangkan jalan cerita dan scene-scene yang anda perlu kan untuk edisi kembar.

2. Camera with self timer.

Now. Find a suitable place untuk letak camera. Dan guna kan self timer untuk amik gambar yang di perlu kan untuk menghasilkan satu scene.

for example;

Untuk menghasilkan scene satu dalan edisi kembar (rujuk gambar pertama dalam entri ni), Saffa guna camera with self timer yang diletakkan pada posisi yang sama untuk amik dua gambar di atas.

3. Photoshop Skill

Dan menggunakan basic photoshop skill yang Saffa ada, Saffa gabungkan dua gambar tersebut.

Gambar pertama ; Layer 0. Gambar kedua; Layer 1.

Disebab gambar tersebut berada dalam kedudukan yang sama (KECUALI Saffa & Saffawati), tak susah lah nak edit gambar tu.

Saffa tak sure korang faham ker tak bila tengok gambar kat atas tu. BASICALLY, Layer 1 (Saffa) ada ATAS Layer 0 (Saffawati). So, Layer 1 tu tutup Layer 0. JADI, Saffa guna eraser tool untuk erase bahagian kerusi pada Layer 1 tu. SUPAYA Layer 1 tu ‘tembus’. Bila dah ‘tertembus’ Layer 1 tu. Nampak lah Layer 0 atau Saffawati yang ada dekat kerusi tu.

Kemudian Saffa buat sedikit adjustment pada warna tudung Saffa untuk membezakan Saffa & Saffawati. Tak kuasa Saffa nak tukar-tukar baju! =.=”

Oh ya! Lepas tu Saffa guna Photoscape untuk edit dialog tu. DONE!

MAAF. Saffa tak ada masa nak ajar dengan lebih terperinci macam mana nak edit gambar tu. SUPPOSEDLY. If ada very very basic Photoshop skill such as faham tentang layer and eraser tool.. Sepatutnya lah kan. Dapat figure out macam mana Saffa buat.

DAN tak semestinya nak kena guna ERASER TOOL jer untuk edit gambar kembar ni. SELECTION TOOL pun boleh jugak.

• Photoshop #01: Apa KAH ‘Layers’?
• Photoshop #02: Ada Apa Lagi Dengan ‘Layers’?
• Photoshop #03: Crop Object / Hilangkan Latar Belakang

Jangan lupa bagi tau Saffa if buat edisi kembar! All the best!

Dah lama tak berphotoshop tutorial! MAAF. Busy & malas. Hehehe..

Memandangkan Kakak sulung Saffa request suruh ajar macam mana nak hilangkan background. Saffa pun decide untuk buat tutorial ni.

Untuk tutorial ni, Saffa guna Photoshop CS5. Untuk pengguna photoshop version lain.. masih boleh ikut tutorial ni. TAPI. Kalau rajin. Download lah photoshop CS5 (PORTABLE) : Mediafire part1 | mediafire part 2 (Credit: Elyas)

Untuk tutorial ni, Saffa akan guna gambar Nenek Tua dengan cermin mata besar.

#01

Okay. Tak payah cakap panjang-panjang. Bukak gambar.

#02

Saffa selalu crop gambar guna quick selection tool. Basically Saffa just guna tool ni untuk select object and tadaaaa… SIAP!

Satu lagi tool yang Saffa selalu guna ialah polygonal lasso tool.

#03

Tapi hari ni nak ajar guna QUICK SELECTION TOOL.

Postive untuk select. Negative untuk deselect. Makin besar saiz selction tu. Makin luas/besar area yang dia akan selct dengan satu click. Try main-main dengan tool ni dulu untuk faham kan function tool ni.

#04

Okay. Kalau guna quick selection tool, bila kita click kat mana-mana.. akan jadi macam gambar kat bawah. Dia akan detect area yang sama warna / rata.

Lepas tu select select select sampai cover semua gambar kita / object yang nak di crop tu macam kat bawah. Biar lah terkeluar keluar pun.

#05

Okay. Zoom in image / View in actual pixels. Nak bagi senang nampak sikit. Ini bahagian yang terkeluar kan.

Gunakan NEGATIVE quick selection tool untuk deselect area yang terkeluar tu. Resize saiz selection tool tu bagi kecik sikit untuk elakkan ter deselect banyak sangat.

#06

Okay. Done with selection!

(Info tambahan: BTW, boleh jer kalau kita mula dengan select background. Sebab kadang-kadang pilih background lagi senang. Terutama bila background tu kosong dan tak berserabut. Lepas dah select background tu.. Right click.. Inverse selection. Lepas inverse tu.. Automatik line putus-putus tu akan select object instead of background)

#07

Now. Lepas dah habis select image yang kita nak crop tu. RIGHT CLICK pada image yang kita select and pilih Layer via COPY.

#08

Hide layer background / gambar asal kita tu. Just click kat ‘mata’ tu.

#09

Dan jadi lah begini! Well done! Anda telah pun berjaya. HOORAYYYY.

TIP:

Untuk memastikan anda telah select dengan betul dan smooth. Buat stroke pada layer 1 macam gambar kat bawah.

Nanti jadi macam ni. Ahah! Dapat nampak kan yang Saffa tak select dengan betul..

Guna kan ‘Eraser’ dan padamkan bagi smooth sikit macam gambar kat bawah ni.

Okay. Dah. Tu jer.

Saffa prefer jugak guna POLYGONAL LASSO TOOL. Walaupun leceh sikit. Tapi hasil dia sangat SMOOTH. Tapi macam susah lah pulak nak buat tutorial polygonal lasso nih. Iya lah. Start je guna tool tu. Nak kena habiskan.

Susah lah nak print screen semua etc. Nanti….. “Eyh? Dah siap select?”

Jumpa lagi!  BTW, Kalau buat tak jadi-jadi jugak. Meh sini gambar tu. Saffa tolong crop kan. Email kat saffawatiATgmail.com

HABIS CERITA. Tak payah nak mengamuk-mengamuk dekat Photoshop tu. =)

P/s: Feel free to ask anything kalau tak faham. T__T

Hoissshhh Cik Saffa! Nak cari gaduh kerr apa nih!? =.=”

Muka buruk. AND Maybe So-Called-Modelling-Cam-Whoring is not for me too. =.=”

Tak tak. Bukan Farah Asyikin si penyanyi err OIAM or MI huh? Lantak lah..

I know I know.. She’s sssooooooooo ADORABLE right? Rasa nak peluk cium jer. BUT BUT. Farah Asyikin ni KUUUUAAATTTTT giler menangis. Melampau lampau!

Masa Saffa first time jumpa.. maksud Saffa lepas lama gila tak jumpa.. Bila dia tengok jer muka Saffa. Terus menangis! Macam nampak hantu. Ceyh!

Last time jumpa masa dia umur 2 bulan camtu.. Sekarang dah 6-7 bulan..

Spoiled by Flash

Candid

Spoiled by Flash + Candid

And YES, Black White save the world.

Credit: Taken by Dhila (2nd & 3rd photo)

Saffa rasa mesti ramai lagi yang confius dengan “Layers”.. Tak per tak per. Kali ni Saffa tunjuk lagi bannyyaakkkk gambar! Hahaha.

WARNING: Full with pictures! AGAIN!

Saffa rasa.. Kali ni CONFIRM korang akan lebih faham tentang layers!

Ada APA Dengan CINTA SUSUNAN “Layers”?

Mula-mula.. Create “New Layer” dengan click pada icon sebelah tong sampah tu..

Lepas Saffa create NEW LAYER. Saffa guna kan TOOL ‘BRUSHES’ untuk brush brush brush atas Layer 4. Jangan risau. Nanti Saffa ajar pasal “Brushes”. Sekarang ni belajar-belajar elok-elok dulu pasal Layers okayy? Hehehe..

Try tengok kat bawah ni. Disebabkan Layer 4 ni atas Layer 3 (Layer Image Saffa).. Maka. Ini lah jadi nya..

Jadi. Kita MOVE je lah position Layer 4 tu!

Kepada posisi bawah Layer 3.

Trang tang tang….

Saffa rasa mesti korang dah faham kan kan kannn?

Jadi. Sekarang. Mari lah belajar. Apa lagi yang korang boleh buat dengan “Layers“.. Seterusnya… Kita akan memperguna pakai kan Layer 4.

Click ada apakebenda ntah.. yang ‘NORMAL‘ tu.. Dan keluar lah seperti di atas. Saffa select OVERLAY. Dan effect nya.. Boleh lah tengok di bawah ni eyk.. Overlay ni akan blend Layer 4 (Image Brushes) dengan Layer 2 (Image Board)

Untuk effect-effect yang lain tu. Macam biasa, Try & Error sendiri lah eyh.

So. What next? Saffa click pula pada OPACITY.. Saffa set pada 50%.

Dan hasil nya seperti yang di bawah… Tau tak “opacity” tu apa? Opacity ni kejelasan/kegelapan. Makin kurang Opacity. Makin lutsinar image tu.

Apa yang Saffa bakal buat selepas ni adalah.. Sungguh lah tidak terungkap dengan kata-kata. (Tak reti nak explain =.=”)

Right Click pada Layer 3 (Image Saffa).. Dan keluar lah…

Saffa duplicate Layer 3 sebanyak dua kali. Lepas tu. Saffa guna kan MOVE TOOL untuk Move kan Image-Image duplicate Saffa tu ke kiri dan ke kanan. Cuba tengok elok-elok posisi Image Saffa dalam Layer 3 copy & Layer 3 copy 2.

Dan ini lah hasilnya. Cool kan Cool kan COOL kaaannnnn.. Hahahaha..

Baik lah. Perasan tak gambar mata tu? Yup. Icon MATA (Eye) tu indicate visibility. Kata kan lah korunk tak nak Layer 3 tu. Boleh pilih untuk INVISIBLE kan Layer tu dengan click pada mata tu.

Kat bahagian Effects tu pun ada gambar mata kann? Yup. Effects tu pun boleh invisible jugak. Short cut. Tak payah nak susah-susah bukak ‘Layer Style‘.

Dan ini lah hasilnya;

Actually. Kalau memang betul-betul tak nak layer tu. Boleh jer delete terus. Ada gambar icon tong sampah kat bawah sekali tu.. Tak pun. Kat bahagian Right Click pun ada jugak. ‘Delete Layer’.

Ini adalah hasil akhir Saffa.

Apa yang telah Saffa buat? Yang INVISIBLE tu. Saja jer nak tunjuk..

1. Saffa guna Move Tool untuk move Layer 3 copy & Layer 3 copy 2 bagi dekat sikit dengan Image Saffa yang kat tengah tu (Layer 3)..

2. Then.. Saffa select Layer 3 Copy. Pastu pergi dekat Menu Bar. Click Edit > Transform > Rotate. Dan ulang benda yang Saffa dekat Layer 3 Copy 2.

3. Layers. Saffa set Opacity Layer 3 copy & Layer 3 copy 2 kepada 50%.

4. Tools. Type Tool. Saffa taip “Saffawati.Com”… And then pergi dekat Layers… letak Effect Drop Shadow + Outer Glow.

5. DONE!

Lastly, Saffa pergi dekat Menu Bar > Layers > Flatten Image. BTW. Kalau dah flatten image. Dah tak boleh edit-edit tau! Tak boleh dah nak rotate gambar Saffa tu SAHAJA. Sebab semua layers tu dah ‘flatten’ jadi satu image.

Sebenarnya ada banyak lagi yang boleh buat dengan Layers ni. Nanti lah eyk. Slow-slow.

Baik lah anak murid. Apa kata korang try buat guna Image Saffa & Image Board . Right click and save! Selamat mencuba. Hingga ke temu lagi di lain hari dan waktu di tempat sama iaitu Saffawati.Com.

Next: Kita akan belajar pasal TOOLS plak.

WARNING: Full with Images

Saffa tak pasti nak mula kan tutorial photoshop dengan apa topik apa. Selepas penat memulas otak. Kita mula kan dengan lafaz Bismillahirrahmanirrahim dan Ummu Kitab, Al Fatihah…. Baik LAH.

Apa kah ‘Layers’?

Secara ringkasnya. ‘Layers’ adalah Lapisan (PAAANNGGG.. Kena ketuk dengan kuali =.=”). Okay okayyyy.

Layers sangat penting. Kalau tak penting. Mana mungkin seyh mereka punyai kategori mereka yang tersendiri di MENU BAR. Kamu bisa buat macam-macam dengan ini ‘Layers’… Mau add, delete, name, rename, move, adjust, mask, show / hide, blend itu layers, lock atau unlock layers, tambah effects, group dan ungroup layers, hatta tukarin itu opacity of layers.

‘Layers’ ni tak susah pun nak faham. KACANG AJA.. Mari kita mula kannn sekarang! GO!

1. Bukak lah Photoshop. Kalau tak bukak.. Camna mau belajar maaa.. KEMUDIAN;

File (Menu Bar) > New

Ubah Saiz dan juga Background Contents mengikut pilihan anda…

File (Menu Bar) > Open

a) Photo

b) Image

Nampak tak Layer 1, Background and Layer 0 tu? Itu semua Layer lah..

Jadi. Apa kah FUNGSI-FUNGSI layers?

Layers ni memboleh kan kita bermain SCRAP BOOK. Susun-susun dan lekat-lekat gambar. Tindih-tindih gambar! Dan bermacam-macam lagi! Layer 1 : Paling bawah. Layer 2.. atas Layer 1. Dan seterusnya..

File (Menu Bar) > Open > Saffa bukak Image (Board_bg_tile)

Right Click pada tab “board_bg_tile.jpg @ 100% (RGB/8)” > Move to new Window

Then? Ini lah yang terjadi. Saffa highlight dengan warna merah untuk menunjukkan yang image tu di buka pada new window.. Kenapa nak bukak pada new window?

Sebab Saffa nak drag/tarik layer “Background” ni pada “Untitled-1″. Bagaimana?

Guna kan “MOVE TOOL“… dan tarik layer “Background” tu masuk kawasan “Untitled-1“.

Sebab tu lah Saffa suruh bukak Image board_bg_tile ni pada new window.. =)

Lepas dah drag/tarik layer “Background” tu pada kawasan Untitled-1. Then… Tutup image board_bg_tile. Dan ini lah…

Okayy. Lepas tu Saffa bukak Image Saffa with transparent background and drag masuk Untitled-1.

Cuba tengok. Layer 1, 2, 3. Kalau lah Saffa drag layer 3 (guna Move Tool) dan letak antara layer 1 dan 2 = letak bawah layer 2.. Image Saffa tu akan terlindung di sebalik Image Board tu.

Sebab tu lah Saffa cakap Layers ni macam main Scrap Book. =P

Baik lah. Sekarang boleh click pada “fx“..

Sebelum click fx.. Pastikan korang dah select layer yang betul. Cuba tengok gambar kat atas.. Okayy. Betul. Layer 3.

fx > Blending Options.. Dan. Keluar lah ‘Layer Style‘ macam kat bawah ni. Kalau korang click dekat fx > Drop Shadow / Stroke / Pattern Overlay etc.. Sama jer.. Akan keluar ‘Layer Style‘.. Tapi Layer Style for.. well.. apa yang korunk tu click lah kan.

Jadi. Saffa telah memilih untuk Drop Shadow and Stroke.

Dan. Ini lah hasilnya bila Saffa Drop Shadow dan Stroke pada Layer 3 (Layer Image Saffa).

‘Layer Style‘ tu ada banyak lagi kann? Inner Shadow, Inner/Outer Glow, Bevel & Emboss etc.. Ha. Yang itu korang try and error lah. Tak kan nak tunjuk semua.. Kang sampai esok pun tak habis lagi korang loading entri ni.. Huhu..

OH. BTW. Sebenarnya… Boleh jer nak start dengan Image Board_bg_tile tu. Maksudnya. Tak payah lah nak create ‘Untitled-1′.. Lepas tu drag Image Board tu.. Then drag plak Image Saffa… Just open jer Image Board then Drag Image Saffa.

Err. Harap-harap faham lah apa yang Saffa cuba perkatakan. T___T

Maka.

Banyak lagi sebenarnya yang boleh buat dengan layer-layer ni. Tapi. Apa kata kita..

Bersambung esokk ajer lahhhh..

Hehehe.. I Like This.

First and foremost, you can download Adobe Photoshop CS5 (Known as White Rabbit) *# HERE #*. 100% GUARANTEED that the link works (Saffa download yang PORTABLE dari link Mediafire)! Before this.. Saffa dah try download countless of Photoshop. Tapi. Semuanya bermasalah! =(

LUCKILY the link works. IF tak, maka, tidak lah wujud header yang besar gedabak di atas, sidebar yang sangat vain dan juga theme blog Saffa yang so “full of myself“. Err. Tak muak ker tengok gambar Saffa banyak-banyak? =.=” Haish. Tiba-tiba rasa MALU sebab blog ini sangat VVVAAAAAAIN! Nevermind! Hahaha..

So. Apa KAH Adobe Photoshop CS5?

Adobe Photoshop CS5 Extended software is the ultimate solution for advanced digital imaging, delivering all the editing and compositing capabilities of Photoshop CS5 plus breakthrough tools that let you create and edit 3D and motion-based content.

Keep pushing creative boundaries with world-class 2D and 3D design. Use powerful new selection, painting, and warping capabilities to create standout images. Get just the right look for each client’s site. Easily select intricate image elements for placing in layout. Create 3D artwork for logos and buttons. Create and enhance 3D and motion-based content and prepare still images and text for all your projects. Work fast with cross-platform 64-bit support, and create stunning HDR images for video backdrops. Design cutting-edge looks for interactive web content and experiences. Create 3D artwork, warped graphics, and realistic painting effects for all your projects.

Interface / Muka Asas Photoshop CS5

Menu Bar

Err. Korang klik klik lah tengok sendiri. Saffa tak dapat nak print screen

Jenis Editor? (Di Bahagian Sidebar)

Kalau nak edit benda-benda yang Essential / Design / Painting / Photography.. Klick Bar yang kat atas tu.. Nanti Sidebar akan tukar.. Sidebar ni consist important things untuk.. Well.. Things untuk Essential / Design / Painting / Photography lah.

Macam yang korang tengok.. IF “PAINTING“. Ada Brushes… IF “DESIGN”. Ada Words & Colors. IF “PHOTOGRAPHY” ada Black White / Sephia preset.. Adjustment brightness, curve etc..

Actually.. Tak salah pun kalau korunk nak edit GAMBAR dekat “DESIGN”. Bukan “PHOTOGRAPHY“.

SEBAB… Benda-benda kat Sidebar ni sebenarnya benda-benda daripada MENU BAR (File Edit Image Layer Select etc).. Basically.. Sidebar ni menyenang kan kerja korang. Dia dah letak benda-benda penting. Tak payah lah nak klik klik MENU BAR tu? Faham?

Tools

Tools ni.. 2 hari 3 malam.. Belum tentu dapat explain semua fungsi-fungsi dia. =.=”

Jadi.

APA KAH? Nampak complicated? fghjklh!@#$%^&

Hahaha. jangan RISAU. Saffa tak akan ajar semua. Sebab Saffa pun bukannya TERER Photoshop sangat. Tools yang kat atas tu.. 60 % jer yang Saffa RETI pakai. =.=”

Jadi. Saffa ajar yang BASIC sahaja okayy?

Dengan skill BASIC PHOTOSHOP ni, korang boleh reka header macam Saffa. Buat banner, poster.. Edit-edit effect gambar etc. Serius. Tarak tipu punya wooo.. =)

Bersambung..

Butterfly lah pulok doh!

Hahahaha.. Sebenarnya Saffa suka sangat gambar Saffa berkepak (sila rujuk previous entry).. TAPI. Disebabkan sesetengah orang kurang senang/suka dengan gambar Saffa berkepak tu… Di tambah pula dengan kata-kata/dakwaan kawan Saffa, bahawasanya, gambar Saffa berkepak tu ada unsur-unsur illuminati…

Maka.. Bertukar lah Saffa daripada kepak kepada sayap Rama-Rama.

Happiness is a butterfly, which when pursued, is always just beyond your grasp, but which, if you will sit down quietly, may alight upon you. -Nathaniel Hawthorne-

And that’s it. Will be right back. VERY SOON with some photoshop tutorial this weekend. BASIC tutorial. Seriously. =)

Till then.. Enjoy this song okaayyh?

Fynn Jamal – Over

What more do you want to hear from me?
Is there anything you wish to see?
A joke? A laugh? A smile? A cry?
A scream? A song? A lullaby?

See I know we are not who we were
I live in denial, remember?
So please don’t ask me to open my eyes
Don’t wanna wake up and realize

The honeymoon’s over
That I should better
Be mature

I’m sorry I do not know what to say
Do understand I’m breaking, but hey
When you tell me that you are leaving
Don’t think I did not see it coming

See, of course I saw we no longer
Having stuff we enjoy together
But can we play along our part
And not parade this change of heart?

Are you really sure
That we off better
And over?

What more can i say when you wish to leave today
I wont break down now and burst
But
Would you like to have one last breakfast?

I’m a perfectionist, and I always think that I can do better what I have done, even if it’s good.
-Luciano Pavarotti-

I’m never pleased with anything, I’m a perfectionist, it’s part of who I am.
-Michael Jackson-

What do do you think about my NEW theme? Hahaha… Personally. This is my favorite! I always wanted a MINIMALIST WHITE theme! Yay? Hahaha..

Ada sesiapa nak teka berapa lama theme ni akan ‘bertahan‘? Haha. Too bad I didnt have the print screen for my previous theme yang hanya bertahan selama 2 hari sebelum Saffa buat rombakan besar-besaran. =P

BTW, in case you’re wondering. This theme was EXTENSIVELY modified from “Brown Stitch”. The CSS sangat messy! It’s a mixture of Brown Stitch CSS + Saffawati/AisyahRozi Theme CSS + My Try n Error Suka hati CSS. =.=”

UPDATES:

Ramai suka header yang dua hari lepas eyk… Okayy. Saffa akan rotate! Nanti Saffa edit!

UPDATES 2:

My blog headers are rotating every hour. I’m using “Header Image Rotater” Plugin. BTW. Saffa tak pasti Plugin ni berfungsi atau tak. Kalau rajin tolong lah jenguk jenguk kan. Saffa ada kelas petang nih. =.=”

UPDATES 3:

Baik lah. CANCEL header blog Saffa yang berkepak tu. Huhu..