Cik Iman Mengarut Lagi Da.: photoshop

Tutorial nie boleh kata level pertengahan la kot? Memang bukan untuk beginner. Beginner belajar selok belok Photoshop dulu ye ekekeke. Untuk beginner, belajar letak gambar statik kat dalam teks dulu ye. Dah pandai, baru korang leh maju satu step ke hadapan.

Kalau korang dah pandai bab tu, jom kita letak gambar bergerak (ataupun orang internet panggil GIF) kat dalam teks pulak. Bab nie susah sikit, amik masa kalau tak paham konsep dia tapi kita try buat perlahan-lahan ye.

Mula-mula bukak Photoshop korang (semestinya, takkan nak bukak dapur gas lak ye) dan bukak GIF korang (kat sini Cik Iman bukak GIF kucing)

Cik Iman buat adjustment kat GIF dengan menterbalikkan GIF sebab nama Cik Iman menghalang kepala kucing nie so ...

Kalau korang nak terbalikkan GIF nie, klik Image>Image Rotation>Flip Canvas Horizontal.

GIF akan jadi gini.

Sekarang kalau Photoshop korang tak de "timeline" atau "animation", klik Windows>timeline/animation (bergantung pada versi Photoshop korang, lagi baru lagi ada).

Pastikan korang kat Timeline nombor 1 dan Layer nombor 1 sebelum korang proceed ke step seterusnya.

Tulis nama korang. Layer tulisan nie kat atas layer gambar sebab kita nak tengok tulisan tu. Digalakkan korang pilih font tulisan yang chubby dan lebar sebab banyak kawasan gambar yang boleh dilihat kalau tulisan lebar, so buat eksperimen dulu. Warna tulisan tu tak kisah, ia akan hilang bila kita gabungkan dengan gambar. Kalau korang nak garisan hitam tu, klik kanan kat layer tulisan, klik "Blending Options", klik "Stroke" dan tekan "OK". Itu pun kalau korang nak la kan.

Bila dah siap tulis, korang bawakan layer tulisan ke bahagian paling bawah (contoh kat gambar tu layer 18)

Kat layer nombor satu, korang klik kanan dan klik "Create Clipping Mask"

Akan jadi gini. Baru siap Layer 1. GIF yang Cik Iman gunakan nie ada 17 layer. Korang tak perlu tulis balik nama korang, just guna Layer tulisan yang kita letak kat bawah tadi. Korang hanya perlu "Create Clipping Mask" pada setiap Layer. Kalau ada 17, semua 17 kena ada clipping mask nie.

Pastikan korang tekan timeline dengan layer yang betul. Timeline 2 dengan Layer 2, Timeline dengan Layer 3 dan seterusnya. Kalau ada 100 timeline dan layer, buat la kalau rajin ekekeke

Kalau korang nak letak perkataan lain kat atas gambar nie, letak Layer tulisan baru kat atas semua Layer yang lain. Kalau nak tulisan tu ada garisan, klik kanan kat Layer tulisan, klik "Blending Options", klik "Stroke" dan "OK".

Selepas dah siap berhempas pulas, korang leh check animasi dengan klik kat butang "On" kat timeline tu. Kalau korang dah puas hati, sekarang kita leh jadikan GIF.

Untuk jadikan GIF, klik File>Save for Web.

Nanti keluar nie. Pastikan korang dah set kan jadi GIF dan tekan Save.

Nie la hasil penat lelah korang ekeke. Selamat mencuba~!

p.s: Korang leh tengok contoh lain yang Cik Iman dah buat kat sini.

----------------------------------

GILA LA KUCING NIE

Hari nie Cik Iman nak tunjukkan cara nak masukkan gambar dalam teks. Benda nie terlampau la basic untuk pengguna Photoshop tapi kalau korang tak tau lagi caranya meh Cik Iman tunjukkan caranya. Senang je. Budak tadika pun leh buat, takkan korang tak leh buat ye tak. Tapi kalau korang rasa korang dah advance, leh try letak gambar bergerak dalam teks pulak.

Mula-mula, sila bukak Photoshop korang sekian terima kasih wakaka. Tak de Photoshop, tolong install Photoshop ye.

Pastu bukak document baru (File>New) dan tulis la apa yang korang nak tulis, macam kat atas tu Cik Iman tulis nama. Yang Cik Iman buat nie tak de background ye (nampak kotak-kotak kat belakang nama Cik Iman tu? Tu maksudnya background transparent). Background dia bergantung pada background blog kita.

Contoh macam Cik Iman punya

Korang boleh skip step nie. Cik Iman tak berapa suka kalau tak de garisan kat tepi so Cik Iman klik kanan kat layer tulisan nama Cik Iman dan klik "Blending Options".

Nanti akan keluar kotak nie. Tick "stroke" dan "OK"

Dia akan kuar jadi gini.

Pastu apa lagi, amik la gambar yang korang nak gunakan untuk dimasukkan dalam teks korang. Nie gambar Cik Iman dengan Iman Jr kat majlis tahnik semalam. Pastikan layer gambar berada kat atas layer teks.

Cik Iman bengkokkan sikit gambar nie sebab nak muatkan muka Cik Iman dalam tulisan tu wekekeke

Klik kanan kat layer gambar dan klik "Create Clipping Mask"

Tada! Dah siap kan? Korang makan kuaci pun dah abis satu mangkuk. Kalau korang tak puas hati dengan kedudukan gambar tu, korang boleh adjust lagi naik atas sikit ke, bawah ke, terbalik ke, no problem.

Korang nak berhenti kat sini pun boleh tapi Cik Iman nak tambah sikit lagi hiasan.