Pelajar diajar tentang pengenalan Photoshop dan cara menggunakan alat-alat asasnya untuk mereka bentuk. Mereka diberi tugasan untuk mereka iklan banner 8x4 inci mengenai bidang mereka dengan menggunakan prinsip-prinsip reka bentuk asas. Pelajar dinilai hasil kerja mereka dan diberi nasihat untuk meningkatkan kreativiti.

1. MOZA SPACE
ADOBE CRASH COURSE
ZAINI ZAINUDIN
MACAM MANA
BUAT DESIGN
CEPAT
GUNA
PHOTOSHOP

2. MOHD ZAINI
ZAINUDIN

3. Pelajar akan didedahkan dengan sejarah
terciptanya Photoshop.
Pelajar akan mempelajari isi kandungan
Photoshop yang terdiri daripada
“Workspace”, “Menu” dan “Icon”.
OBJEKTIF BENGKEL
MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
PENGENALAN PS
KENALI WORKSPACE

4. Pelajar akan didedahkan dengan fungsi-fungsi
setiap toolbox.
Pelajar akan di latih bagaimana untuk
mendapatkan maklumat sebelum
memulakan sesuatu kerja design.
MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
TOOLBOX?
DESIGN PROSES?

5. Kreativiti adalah kunci kejayaan di masa depan, pelajar
perlu membuat banner saiz 8”x4” berdasarkan tajuk
yang akan diberikan oleh Penceramah. Penting agar
objektif tercapai seterusnya di peringkat itu terus
berkembang.
Pelajar akan dinilai secara ringkas hasil poster
yang telah direka sepanjang proses bengkel
berlangsung.
MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
SESI “DO IT YOURSELF”
TAMAT

6. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
“PENGENALAN PS”

7. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
• 1987, Thomas Knoll (seorang pelajar PhD pada waktu itu)
telah mencipta satu program pada komputer
Macintoshnya untuk memaparkan imej 'grayscale' pada
monitor monokrom yang dinamakan Display.
• Thomas Knoll & John Knoll menghasilkan sebuah program
yang lebih canggih dikenali sebagai ImagePro.
• Tukar nama kepada Photoshop setahun kemudian dan
telah berjaya diedarkan sebanyak 200 Salinan.
• John Knoll menjual Adobe kepada Apple pada bulan
September 1988.
• November 1992, penggunaan Photoshop telah semakin
meluas.
SEJARAH

8. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN

9. IMAGINASIILMU
EDITING
MAKLUMAT
TEPAT

10. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
“KENALI WORKSPACE”

11. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
WELCOME SCREEN

12. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
ANTARA MUKA
INTERFACEKeadaan asal apabila aplikasi Photoshop dibuka

13. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
Pastikan "Workspace" anda dalam keadaan "Essentials (Default)

14. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
Klik "File" > "New" : untuk menghasilkan satu "Layer"

15. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
B
A
C
E
D
G
H
F
Ini detail untuk menghasilkan "Layer" (*Hotkey New Layer=Ctrl+N )
CREATE NEW DOCUMENT
Pergi ke File -> New di Menu Bar

16. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
Ini detail untuk menghasilkan "Layer" (*Hotkey New Layer=Ctrl+N )
"Preset" adalah untuk memastikan
jenis-jenis "Layer" yang anda mahu
gunakan.
Kebiasaan pengguna PS menggunakan
"Custom" atau "International Paper".
"Custom" adalah untuk "Layer" ukuran
sendiri , manakala "International
Paper" adalah ukuran rasmi seperti
A4, A5, dan lain-lain.

17. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
Ini detail untuk menghasilkan "Layer" (*Hotkey New Layer=Ctrl+N )
"Width & Height" untuk
memastikan saiz "Layer" yang
hendak dihasilkan .
"Pixels" adalah ukuran yang
digunakan untuk ukuran
"Layer".
"Color Mode" adalah untuk
memastikan jenis sistem
warna "Display on screen"
atau "Printed" .

18. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
Fungsi "Color mode" : RGB
color adalah sesuai untuk
"Display" pada skrin
komputer anda.
Manakala CMYK color
adalah untuk "Printed".

19. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN

20. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
"Background contents"
adalah untuk jenis/warna
latarbelakang.

21. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN

22. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
A. Menu Bar
B. Options Bar
C. Tool Bar/Tool Box
D. Document Window
E. Active Image Area
F. Color Palette
G. Layers
B
C
D
E
F
G
A

23. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
SAVE DOCUMENTS
CLOSE DOCUMENTS

24. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN

25. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
JPG VS JPEG
Singkatan kepada Joint Picture Expert Group, format ini banyak di gunakan
di dalam foto bewarna dengan fail saiz yang kecil (biasanya 10% kurang dari BMP).
Format ini menjadi popular dengan terciptanya digital camera. Ini kerana fail saiz yang
dihasilkan oleh format JPG lebih kecil dan bersesuaian dengan digital kamera dahulu yang
mempunyai ruang penyimpanan yang kecil. Kelemahan format ini ialah ianya tidak
berapa sesuai untuk image yang mempunyai sudut yang tajam (ia akan kabur sedikit).
PNG
Singkatan kepada Portable Networks Graphic, adalah format yang terbaik
setakat ini, untuk digunakan pada website kerana ia mempunyai sifat-sifat jpg dan gif
(format ini mempunyai feature transparent yang tidak di miliki oleh JPG).

26. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
Ctrl + S = Save
Ctrl + O =Open
Ctrl + P = Print
Ctrl + C = Copy
Ctrl + X = Cut
Ctrl + V =Paste
Ctrl + N = New Document
Ctrl + '+' = Zoom In
Ctrl + '+' = Zoom Out
Ctrl + Q = Terminate program
Ctrl + W = Closes window (document you're working on)
Ctrl + R = Opens up rulers on the screen for measurement
Ctrl + A = Select All
Ctrl + D = Deselect
Ctrl + Z = Undo once (press again it will re-do)
Ctrl + Alt + Z = Undo (press again it will undo)
Ctrl + Alt + F = Feather
F = Change view of screen
Alt + Shift + Ctrl + K = Change Keyboard Shortcuts
GENERAL
SHORTCUTS

27. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
Q = Quickmask mode (press again to turnoff)
W= Wandtool
E = Eraser
R = Smudge Tool T = Type/Text tool
Y = History brush tool U = Shape Tool
I = Eyedropper / colour selector tool O = Dodge / Burn tool
P = Pen tool
A = Path selection tool S = Clone stamp tool
G = Fill tool
H = Hand tool
J = Red eye tool K = Slice tool
L = Lasso tool
Z = Magnifier / Zoom tool C = Crop tool
V = Move tool B = Brush tool N = Notes tool
M = Marquee tool
TOOLS
SHORTCUTS

42. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
“TOOLBOX”

43. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
1. Selection, Crop dan Slice Tools – biasa digunakan
untuk ‘bermain’ dengan layer
2. Photo Retouch dan Paint Tools – digunakan untuk edit
gambar foto
3. Drawing dan Type Tools(Vector Tools) – digunakan
untuk meletakkan perkataan pada sesuatu
gambar/imej
4. Annotations dan Measurement Tools – digunakan
untuk mengukur, biasa digunakan meletakkan
tanda ‘step-by-step’
5. Foreground dan Background Color Tools – digunakan
untuk memilih warna background/foreground
1
2
3
4
5

44. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
“DESIGN PROSES”

45. WHAT PHOTOSHOP CAN DO?
• BANNER
• BUNTING
• BOOK
• POSTER
• FLYERS
• BACKDROP
• SHIRT
• CREATIVE RESUME
• MANIPULATION
• JUST DO YOUR OWN
CREATIVE WORLD!!!

46. Some artwork

50. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
“DO IT YOURSELF”

51. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
ANDA SEORANG TRAINER BIDANG ANDA, MAKA ANDA PERLU MEMBUAT IKLAN
BERKENAAN KEPAKARAN BIDANG ANDA UNTUK MENARIK MINAT BAKAL
PELANGGAN ANDA UNTUK MEMBUAT
PERSONAL BANNER
Dimensions: 8”X4”
Resoluton: 150

52. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
CONTOH

53. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
CHECKLIST
Model
- kualiti
Tajuk utama
- Main font
Call To
Action
- Apa tindakan pelanggan
Warna yang wow
- Main color pattern
Tagline
- Senang ingat
Logo
- Jangan distort
Deskripsi
- Mesti
- pukau meh!

54. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
“TIPS”

55. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
https://www.dafont.com/https://all-free-download.com/
https://www.freepik.com/
https://medialoot.com/mockups/
https://freedesignresources.net/c
ategory/free-mockups/
http://7428.net/
https://www.deviantart.com/
https://www.behance.net/
SUMBER IDEA FREEBIES FONT
https://www.myfonts.com/WhatTheFont/
TIRU FONT
https://www.psdcovers.com/
https://www.psdmockups.com/
MOCK UP

56. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
http://bit.ly/PS4beginnertutor
http://bit.ly/logorasmi_psis
{tutor}
“BONUS”
{logo rasmi}
http://bit.ly/percumafont
{free font}

57. MOZA SPACE
PRESENTATION
ZAINI ZAINUDIN
http://bit.ly/feedbackPSpower
FEEDBACK

59. MOHDZAINIZAINUDIN
mozaspace@gmail.com
013.270.7004