Tutorial Photoshop

 

Tutorial Photoshop di bawah asalnya merupakan kandungan kursus MOOC yang saya bangunkan dan dinamakan dengan: Keras Tangan Bersama Dr. Hasanah.

Kursus ini adalah tempat perkongsian saya bagi kerja-kerja tangan yang menjadi hobi saya.

Kebanyakan hobi keras tangan saya telah pun jadi duit.

Antaranya: sulam komputer, jahit baju, felt craft, design, photography, t-shirt design dll.

Kandungan kursus ini akan saya akan tambah sedikit demi sedikit. 

Dalam entri ini saya kongsikan tutorial Photoshop terlebih dahulu.

Saya jadikannya Modul Bengkel Photoshop yang saya jalankan.

Moga bermanfaat.

1. PENGENALAN

Kenapa Photoshop?

Photoshop merupakan software mahal dari Adobe. Ia mengandungi sangat banyak feature untuk create, edit dll. 

Dengan Photoshop juga kita boleh menghasilkan grafik animasi dalam format gif.

Photoshop telah melalui proses pembangunan yang panjang. Untuk mengenali versions dalam Photoshop, lihat: 

https://en.wikipedia.org/wiki/Adobe_Photoshop_version_history

 

Apa yang perlu dipelajari dalam Photoshop?

• Memahami aspek asas Photoshop.
• Buat dokumentasi Photoshop pertama anda.
• Navigasi imej.
• Memahami konsep format fail , saiz fail , mod warna dan saiz semula imej.
• Buat pilihan berkesan dalam imej.
• Memahami dan bekerja dengan lapisan dan panel Lapisan.
• Saiz semula imej dengan menggunakan pelbagai teknik .
• Memahami bagaimana untuk memilih, menggunakan dan bekerja dengan warna.
• Buat dan lapisan format teks.
• Menarik dan format standard dan adat bentuk.
• Meretus dan artifak pembaikan dalam imej.
• Memahami proses menyimpan dalam Photoshop.
• Memahami percetakan dan percetakan teknik.
• Gunakan menu Bantuan dan mengakses sumber bantuan dalam talian.
• Mengenakan kesan-kesan tertentu dalam gambar.
• Menambah latar belakang
• Menambah kontras, pencahayaan ke dalam imej atau latar belakang
• Menggabungkan gambar
• Menghasilkan imej yang luar biasa

 

Install Photoshop

Versi terkini adalah CC atau creative cloud yang menyediakan ruang simpanan file dalam cloud server Adobe.

Saya tidak menggunakan versi CC kerana masalah hardware komputer & internet. Jadi saya gunakan Photoshop CS6 sahaja. CS ialah creative suite. Ia sudah cukup baik. 

Jika mahu belajar, boleh install Photoshop CS4 dan dapatkan serial number dari pejabat atau pegawai makmal komputer. 

Link install: https://helpx.adobe.com/creative-suite/kb/cs4-product-downloads.html

Pilih Photoshop CS4

Serial number: 1330-1002-3575-2998-1884-4183 (mungkin sudah tidak boleh digunakan)

2. PANDUAN PHOTOSHOP DALAM BAHASA MALAYSIA

Photoshop merupakan software yang sudah 'tua' tetapi tetap popular.

Kerana lamanya usia software itu maka banyak laman web, buku & bengkel Photoshop di sana sini. Dalam Youtube juga sangat banyak tutorial dibangunkan. Freebies, templates, actions script, brushes juga banyak.

Panduan Photoshop dalam Bahasa Melayu juga ada tetapi tidak sebanyak panduan dalam Bahasa Inggeris

Antara yang boleh dirujuk:

Blog Gadis Kampung (dari Kangar, Perlis) yang menyediakan panduan step by step berserta screenshot

http://nukilangadiskampung.blogspot.com/p/tutorial-photoshop.html

TUGASAN

Sila dapatkan 1 laman web yang menyediakan tutorial Photoshop dalam Bahasa Melayu. Masukkan link laman tersebut dalam comment di bawah.

3. KENALI LAYOUT

3.1 LAYOUT UTAMA

3 item penting dalam Photoshop ialah: menu, layer & toolbox.

Tools yang perlu dikuasai oleh pengguna Photoshop ialah:

1. Rectangular Marquee Tool : penyeleksi berbentuk kotak
2. Lasso Tool : penyeleksi dengan bentuk bebas
3. Crop Tool : pemotong area kanvas
4. Patch Tool : penyeleksi area sekaligus penyalin gambar dari area lain
5. Clone Stamp Tool : penyalin gambar dari area lain
6. Eraser Tool : penghapus
7. Blur Tool : pemberi efek buram atau samar-samar
8. Move Tool : pemindah objek
9. Magic Wand Tool : penyeleksi secara otomatis
10. Eyedropper Tool : pengambil sampel warna
11. Brush Tool : kuas untuk melukis
12. History Brush Tool : pengembali desain terakhir di area dimana kuas diarahkan
13. Paint Bucket Tool : pemberi warna secara penuh
14. Burn Tool : pemberi efek gosong seperti efek telah terbakar
15. Pen Tool : pendesain gambar layaknya gambar bertipe vektor
16. Text Tool : pembuat objek tulisan
17. Path Selection Tool : pemindah objek yang berupa path
18. Rectangle Tool : pembuat objek berbentuk kotak
19. Hand Tool : penggeser kanvas atau area desain
20. Zoom Tool : mendekatkan dan menjauhkan pandangan terhadap kanvas

Tonton video berikut untuk memahami fungsi setiap tools

https://youtu.be/-0m6B7ekbyU

 

3.2 TEXT TOOL

Dengan menggunakan Photoshop ada pelbagai teknik teks yang boleh digunakan. 2D, 3D, round, blended dsb.

Lihat video asas teks dalam Photoshop

https://youtu.be/Hmx-oQG3b5Q

3.3 PEN TOOL

Secara peribadi pen tool adalah feature yang saya sangat suka kerana ia memberi peluang untuk saya select secara detail sesuatu objek.

Penjelasan dalam video berikut dapat membantu:

https://youtu.be/_bJSWni7Huw

3.4 BERMAIN DENGAN TEKS

Memang seronok bermain dengan teks dalam Photoshop.

Untuk mempelajarinya, sangat senang kalau tonton video dalam Youtube.

Lihat link ini sebagai contoh: https://www.youtube.com/results?search_query=photoshop+efek+teks+bahasa+malaysia

Ada banyak tutorial BM mengenai Photoshop.

Kalau mahu advanced search sahaja dengan keyword seperti:

Photoshop text effects, Photoshop text tutorial, Photoshop text design

Dahulu saya suka masukkan gambar dalam teks yang gemuk. Tutorial di bawah boleh membantu.

https://youtu.be/BLVwLLfB7I8

PROJEK PERTAMA SAYA! KUASA TEXT

PROJEK POSTER: BERMAIN DENGAN TEKS DALAM PHOTOSHOP

Kita akan buat 1 poster promosi program. 

Download poster di bawah (boleh save as) kemudian open dalam Photoshop:

Masukkan TEKS supaya ia menjadi seperti gambar di bawah:

(anda bebas untuk berkreatif)

Apabila siap, upload gambar poster anda dalam ruangan comments.

PROJEK BANNER: BERMAIN DENGAN TEKS

Kita cuba pula buat banner dari kosong. 

Banner di bawah sangat 'plain'. Tugas anda ialah membuat 1 banner yang simple dan menarik. Banner yang anda hendak buat mesti mengandungi teks dalam gambar berikut:

Sebagai panduan, lihat video ini kemudian cuba ulangi langkah yang dilakukan dengan menghasilkan banner panggilan ke masjid. Setelah siap, sila masukkan gambar banner anda dalam ruangan comments.

https://youtu.be/6tgmv4UqHww

PROJEK DAKWAH MEDIA SOSIAL

Kali ini kita akan membuat poster dakwah untuk dimasukkan dalam media sosial.

Pilih salah 1 daripada gambar di bawah untuk dijadikan background. 

Crop & sesuaikan dengan saiz media sosial. Contoh: Instagram 1000px x 1000px

Masukkan teks terjemahan ayat al-Quran, hadis atau kata-kata hikmah dalam gambar tersebut. 

Jangan lebih 20 perkataan.

Nyatakan sumber.

Masukkan juga 'call-to-action' atau username anda di media sosial. Jangan lupa sertakan dengan icon media sosial berkaitan.

Apabila siap, upload gambar tersebut dalam ruangan comments.

PROJEK KEDUA SAYA! "PICTURE NEVER LIES" HANYALAH MITOS

CROP GAMBAR

Feature ini sebenarnya sangat asas. Tetapi dengan Photoshop kita boleh crop lebih advanced.

Download gambar berikut (save as).

Pilih objek tangan atau mentol dan cuba crop menjadi lebih kecil.

Gunakan PEN TOOL untuk buang background bagi objek yang dipilih.

Kemudian dapatkan mana-mana gambar untuk dijadikan background yang baru.

Apabila siap upload gambar tersebut dalam ruangan comments.

Sangkut?

Tonton video berikut:

https://youtu.be/rrK3DJ_yGNU

atau video berikut:

https://youtu.be/Hw0-SehGcgg

4. AUTONOMOUS

Autonomous dengan Action Script

Autonomous merupakan ciri bagi Industrial Revolution ke-4 atau disebut 4IR.

Dalam Photoshop, ada feature Action Script yang membolehkan kita 'program' sesuatu proses editing supaya mengikut step tertentu.

Lihat contoh di laman berikut: 

https://www.cutiehome.com

Perhatikan bahawa kebanyak buku yang dijual dalam laman tersebut mempunyai standard atau style tertentu. Bagaimana ia dilakukan?

Sebenarnya ia menggunakan action script dalam Photoshop.

Action script yang digunakan pula adalah untuk convert gambar biasa menjadi gambar ala ala 3D.

Tutorial berkaitan action script untuk convert gambar biasa kepada buku 3D:

https://youtu.be/9aFnmiZ5ajY

Link berikut ada memberikan action script percuma untuk convert gambar seperti ini:

https://www.webdesignerdepot.com/2013/10/free-download-100-psd-mock-ups/

Sila cuba!