Tutorial Asas Adobe Photoshop: Berkenalan Dengan Photoshop Menu dan Icon (Part 1)

by Baloot MX

in Adobe Photoshop,Tutorial

tutorial-asas-adobe-photoshop-part1-1

Aku telah buat keputusan untuk membuat Tutorial Asas Adobe Photoshop (TAAP) di dalam blog ini setelah mendapat permintaan yang tinggi daripada pengunjung Baloot’s Blog ini. Dah la Tutorial Joomla baru habis Part 1 dan Part 2, dah nak start Tutorial Photoshop lak. Sempat ke tak aku nak handle semua ni? Adusss.. Disebabkan terlalu ramai yang mintak Tutorial Asas Adobe Photoshop ni, aku dengan rela hati buat jugak tutorial ni. :)

Untuk tutorial yang pertama ini, aku akan tunjukkan semua menu-menu yang berkenaan dengan menu asas dalam Adobe Photoshop. Aku menggunakan Adobe Photoshop CS4. Tapi disebabkan terlalu ramai lagi yang menggunakan Adobe Photoshop CS2 dan tak upgrade lagi, aku akan tunjukkan tutorial menggunakan Adobe Photoshop CS2.

Skrin Welcome To Adobe Photoshop CS2

Ini merupakan skrin pertama yang keluar selepas anda tekan pada icon program Adobe Photoshop CS2 di desktop anda.

tutorial-asas-adobe-photoshop-1

Tekan ‘Close’ pada skrin tersebut untuk mula berkenalan dengan Adobe Photoshop CS2 ini.

Tempat Bekerja dalam Adobe Photoshop

Aku namakan tempat bekerja (workspace) untuk skrin dibawah. Anda tentu merasa takut bukan selepas pertama kali masuk di dalam Tempat Bekerja Adobe Photoshop ini. Jangan takut, selepas ini anda akan tahu semua jenis icon-icon serta kegunaannya.

tutorial-asas-adobe-photoshop-2

Keterangan berkenaan Menu & Icon

A. Menu Bar – Tempat menu utama dikategorikan mengikut apa yang menu tersebut lakukan.

B. Options Bar – Mengandungi tool semasa. Jika anda klik pada Brushes, semua tool berkenaan brushes akan keluar di bahagian ini.

C. Tool Bar – Kesemua jenis tool yang ada di dalam Adobe Photoshop berada disini. Contohnya, Background Color, Gradient, Brushes, Crop dan lain-lain.

D. Document Window – Apa yang sedang anda Photoshop-kan tu berada di-sini.

E. Active Image Area – Disinilah segala keajaiban bermula pada awal-awalnya.

F. Navigator – Kalau nak zoom in atau zoom out dokumen-dokumen yang sedang aktif, boleh scroll samada ke kiri atau ke kanan.

G. Color Palette – Boleh pilih kaler daripada sini untuk Background dan Foreground.

H. History – Segala apa-apa perubahan yang anda lakukan terhadap lukisan anda di dalam Photoshop ini, semuanya direkod di bahagian ini.

I. Layers – Katakanlah anda sedang melukis satu lukisan di kertas, untuk meletakkan satu lapisan lain di lukisan anda dan menutup sebahagian daripada lukisan anda itu, maka Layer ini digunakan. Paham ke maksud aku ni? Hee.. Kalau tak paham lagi, boleh tanya Pakcik Google.

Ini hanyalah penerangan secara ringkas mengenai setiap menu di dalam Adobe Photoshop CS2. Aku akan terangkan dengan lebih jelas lagi dalam Tutorial Asas Adobe Photoshop kemudian nanti.

Bermulanya Aktiviti Photoshop Anda

Dah tahu semua fungsi-fungsi menu, jom belajar cara-cara untuk create document dalam Photoshop pulak.

Pergi ke File -> New kat Menu Bar

tutorial-asas-adobe-photoshop-3

A. Document Name – Namakan file anda disini. Tak masukkan pun takpe. Nak masukkan pun takpe. Haha..

B. Presets – Pilih saiz dokumen anda. Biasanya aku menggunakan Custom.

C. Document Dimensions – Masukkan pilihan lebar dan tinggi dokumen anda. Kalau nak buat banner bersaiz 300×250, masukkan 300 di Width dan 250 di Height.

D. Document Units – Pilih unit anda. Jika anda design banner besar untuk di-print, masukkan Inches. Jika anda design banner untuk digunakan dalam laman web, masukkan Pixels.

E. Resolution – Inilah resolusi setiap dokumen itu ditentukan. Anda boleh masukkan resolusi dokumen sebanyak 300 atau lebih untuk printing. Kebiasaan yang aku gunakan untuk design laman web, hanya 72.

F. Color Mode – Secara default-nya aku menggunakan RGB.

G. Background Contents – Jika anda buat dokumen yang background-nya transparent, disinilah pilihannya.

Save dan Close Dokumen dalam Adobe Photoshop

Untuk save setiap dokumen yang anda buat, sila ke menu File -> Save di Menu Bar. Semasa save file ini, pastikan betul-betul jenis file yang anda save. Pastikan ianya dalam format Adobe Photoshop (*PSD). Jika anda save dalam format selain daripada PSD, kesemua Layer yang anda gunakan semasa design tadi tak boleh digunakan lagi. Sila berhati-hati.

Format PSD ini tidak sesuai untuk digunakan di web browser. Sila save dalam format PSD kemudian SAVE AS lagi dalam format PNG atau JPEG. Setelah selesai kesemuanya, tekan File -> Close atau File -> Close All di Menu Bar.

Terlalu mudah bukan tutorial kali ini? Nama lagi Berkenalan Dengan Adobe Photoshop kan? Nak lagi? Tunggu yee… Kalau tak sabar sangat, boleh melanggan RSS blog aku ini secara PERCUMA. Nanti ada tutorial terbaru, ianya secara automatik akan sampai ke dalam email anda. Tak perlu susah nak cek blog aku tiap-tiap hari. :)

Aku sekarang agak bz dengan kerja men-develop laman web eCommerce untuk client. Kalau ada email atau komen yang lambat di-balas tu, sori la ye. Berkenaan eCommerce tu, nanti aku akan buatkan satu post khas. Update Terkini: Tinggal lagi SATU HARI untuk penutup Pertandingan Review Raja Grafik Malaya. Hadiah wang tunai RM200 menanti siapa ya..

{ 30 comments… read them below or add one }

blowie July 15, 2009 at 4:24 am

kat colour mode tu kan,RGB tu utk ape?

Reply

ecards July 15, 2009 at 11:27 pm

@blowie, Red Green Blue = RGB
Cyan, Yellow, Magenta, K ……? = CYMK

ecards’s last blog post..Happy Birthday My Friends

Reply

falie July 27, 2010 at 8:50 am

@blowie, cymk …i think k=black….

Reply

dejavu August 2, 2010 at 3:27 pm

@blowie, K = KeyLine (Black)

Reply

aktechpage.com July 15, 2009 at 4:50 am

Waaahhhh…baiknya saudara Baloot ni…Tutorial percuma tu…
Ingat lagi masa belajo kat U dulu, beli 1 buku Adobe Photoshop BI punya harga lebih kurang RM80 kot…lepas tu belajar sendiri…lepas 4 tahun baru la paham…itupun Adobe Photoshop 7.0….

Skrg ni pun still lagi pkai Adobe Photoshop 7.0 sebab dah biasa lagipun laptop burukku x mampu pkai version baru Photoshop lain lagi…Banyak kelebihan jika anda tahu software magic ni, macam2 bole buat…. jadi belajarlah drpd Saudara Baloot kite yg baik ini… :)

aktechpage.com’s last blog post..Ceramic Energy Cafe: Syabas Ceramic Business Club

Reply

ecards July 15, 2009 at 11:30 pm

@aktechpage.com, Siri CS ni , yang bestnya ada “animated’” boleh save dalam format GIF

ecards’s last blog post..Happy Birthday My Friends

Reply

milsum July 15, 2009 at 9:19 pm

terima kasih penunggu gua…segala budi baikmu tuhan saja mampu membalasnya!

milsum’s last blog post..Gangguan Masa Cuti Yang Best!

Reply

Baloot MX July 20, 2009 at 4:02 pm

@milsum, penunggu gua? aiseh, apa maksud tu bos? kawe ni janggut pun takdok, nak jadi penunggu gua gano.. hahah..

Reply

mohdisa July 15, 2009 at 10:09 pm

ya, yang ditunggu telah pun tiba. thanks bro, ni yang best ni. hehe

mohdisa’s last blog post..Belanjawan 2009

Reply

Baloot MX July 20, 2009 at 4:04 pm

@mohdisa, no problem mohdisa. blog bro pun makin cantek n kemas. cayalah.. aku suka design camtu.. :)

Reply

ecards July 15, 2009 at 11:24 pm

ya , dia memang baik hati . Suka bantu orang yang memerlukan.
mari kita study photoshop CS2

ecards’s last blog post..Happy Birthday My Friends

Reply

Baloot MX July 20, 2009 at 4:00 pm

@ecards, terima kasih paklong. paklong pun mahir dalam menggunakan adobe photoshop ni. nasib baik paklong reply komen-komen diatas. aku tak sempat nak reply. :)

Reply

nuwa July 16, 2009 at 12:21 am

TQ bro.. boleh ler aku asah bakat lagi dlm Photoshop nie.. :-)

Reply

Baloot MX July 20, 2009 at 3:51 pm

@nuwa, terima kasih nuwa kerana sudi meluangkan masa untuk melawat blog aku ini. :) nanti nak belajar dgn bro nuwa pulak untuk ber-bisnes ebay. hee..

Reply

Adney July 20, 2009 at 4:07 pm

hohoh.. aku just tahu mcm mane nak buat design tulisan jer gune photoshop ni, nak cropt, tranparent etc langsung x taw.. x sabar2 nak tunggu baloot update next tutorial..

bukan ape, aku lbih suke tutorial yg boleh dibace.. klo video ni leceh sikit.. huhu… kdg2 sampai tertido aku tgok video tutorial photoshop kat hard disk aku ni..

baloot, nanti jgn lupe update lagi k.. hehe..

Hanye Allah yg mampu membalas budi baik ko ni.. huhu

Adney’s last blog post..Malaysia XI vs Manchester United 2009 Video Highlights & Pictures Gallery 1 [First Match]

Reply

Baloot MX July 20, 2009 at 4:28 pm

@Adney, don’t worry adney, nantikan tutorial photoshop aku yang seterusnya. tapi tutorial ni hanyalah tutorial asas adobe photoshop. nak buat yang advanced tu, aku galakkan baca tutorial photoshop versi english. sebab kalau nak tunggu aku buat, takot lambat je.. hee..

terima kasih adney kerana meluangkan masa untuk baca tutorial di blog aku ni…

Reply

mohdisa July 20, 2009 at 4:35 pm

@baloot
haha, ada2 jerk ko ni. blog aku biasa jerk, nnt aku ingat nak wat wordpress nyer plak. nnt leh la minta tlg ajarkan. blh ke?

Reply

Baloot MX July 20, 2009 at 5:07 pm

@mohdisa, boleh aje mohdisa. apa yang bro perlu lakukan, emailkan kpd aku.. insyaAllah klau aku free, aku akan reply n tolong secepat mungkin..

Reply

mohdisa July 20, 2009 at 5:13 pm

@baloot
oic, ko ada ym tak sekarang ni? meh aku nak sembang2.

Reply

Baloot MX July 20, 2009 at 5:24 pm

@mohdisa, add YM aku kat sini: husqvarna_mx

tapi aku tak online lagi skrg sbb tengah siapkan keje cket. nanti malam karang aku online ye..

Reply

mohdisa July 20, 2009 at 5:34 pm

@baloot
aku dah add, ko on ke tak tu?

mohdisa’s last blog post..Blogger Boy Episod 8

Reply

mohdisa July 21, 2009 at 12:40 am

@baloot
http://kotakminda.com/ under construction. hehe, skg ni tgh cari theme yang sesuai plak.

mohdisa’s last blog post..Blogger Boy Episod 8

Reply

Baloot MX July 22, 2009 at 2:22 am

@mohdisa, orait mohdisa. aku dah jenguk blog baru bro tu. kalau nak pilih theme-theme wordpress yang menarik, tak perlu susah2 dah. hanya jenguk kat blog post aku yang lepas:

http://blog.balootisme.com/wordpress/99-theme-dan-template-wordpress-percuma-untuk-blog-wordpress-anda/

Reply

aiereast July 24, 2009 at 10:32 pm

huhu, memang best. walaupun secara basic, tapi cukup bagus bagi yang berjinak2 ngan PS nie. teruskan usaha mulia nie, baloot :-)

Reply

kb, qlate November 4, 2009 at 12:23 am

terima kasih dgn usha anda….teruskan berkarya

from Kota Bharu

Reply

papaitam February 7, 2010 at 8:18 pm

terima kasih atas ilmu yang diberikan..pI baru berjinak dengan PS …hari ini berjaya install cs…banyak yang kena belajar…

Reply

fajarbukan April 6, 2010 at 11:08 pm

thank you so much …, tutorial master is very cool…
Salute…
Saye dari banjarmasin (south borneo)… Bole tak saya copy-paste tutorial pakcik ke blog saya di http://www.fajarbukan.blogspot.com
Boleh yeee…salam rock kapak..

Reply

ain July 20, 2010 at 9:37 pm

tumpang tanye..mana nak download adobe photoshop..kalau dapt yg 7.0 tu yg penting..?

Reply

Baloot MX July 27, 2010 at 6:37 am

@ain: Sekarang dah tak guna yang version 7.0. Latest PS version CS5. Kalau nak dapatkan yang pirate, search di Google dengan keyword ADOBE PHOTOSHOP CS3 atau CS4 je. Kalau PC / Laptop Ain agak slow, cukup lah dengan guna version CS2. :)

Reply

min February 13, 2013 at 1:52 am

mohon tutorial photoshop CS5…

Reply

Leave a Comment

{ 4 trackbacks }

Previous post:

Next post: