Kamis, 09 Maret 2017

Mengenal Area Kerja Adobe Photoshop & Fungsi Tool yang Ada di Photoshop (Lengkap)

Mengenal Area Kerja Adobe Photoshop & Fungsi Tool yang Ada di Photoshop - Sebelum memulai ke pembahasan alangkah baiknya membaca artikel Apa itu Photoshop? Pengertian, Sejarah, dan Fungsi Adobe Photoshop dan Perkembangan Photoshop dari Waktu ke Waktu (1988-2017) agar lebih dimudahkan untuk memahi pembahasan selanjutnya tentang Photoshop. 
Berhubung Adobe Photoshop yang saya gunakan Adobe Photoshop CS 3 maka yang akan saya bahas adalah Area Kerja Pada Adobe Photoshop CS 3 & Fungsi-fungsinya. Tetapi apabila kalian menggunakan Photoshop CS 4, CS 5, CS 6, CC janganlah khawatir karena interface, area kerjanya tidak jauh seperti Adobe Photoshop CS 3. 

1. Area Kerja Adobe Photoshop 

Gambar  
A. Menu bar
Menu bar merupakan bagian yang memiliki fungsi dan tujuannya masing-masing untuk memudahkan dan membantu kita dalam mendesain foto atau gambar. Dalam menu bar bagian-bagian tersebut akan saya bahas satu per satu, sebagai berikut.

          1. File
Sub Menu "File" pada menu bar.


    Gambar 1
  • New: Berfungsi untuk membuat project baru, apabila di klik akan muncul seperti Gambar 1.1. Kalian tinggal atur saja format ukuran yang diinginkan lalu klik OK.
Gambar 1.1.
  • Open: Berfungsi untuk membuka File foto atau gambar, project atau apapun yang akan di olah dengan Photoshop. 
  • Browse:
  • Open As
  • Open As Smart Object
  • Opent Recent
  • Device Central
  • Close
  • Close All
  • Close and Go To Bridge
  • Save
  • Save As
  • Check In
  • Save for Web & Devices
  • Revert
  • Place
  • Import
  • Automate
  • Scripts
  • File Info
  • Page Setup
  • Print
  • Print one Copy
  • Exit
          2. Edit
Sub Menut "Edit" pada Menu Bar.

  • Undo (Ctrl+Z)
  • Step Forward (Shift+Ctrl+Z)
  • Step Backward (Alt+Ctrl+Z)
  • Fade (Shift+Ctrl+F)
  • Cut (Ctrl+X)
  • Copy (Ctrl+C)
  • Copy Merged (Shift+Ctrl+C)
  • Paste (Ctrl+V)
  • Paste Info (Shift+Ctrl+V)
  • Clear
  • Check Spelling...
  • Find and Replace Text...
  • Fill (Shift+F5)
  • Stroke...
  • Free Transform (Ctrl+T)
  • Transform
  • Auto-Align Layers...
  • Auto-Blend Layers
  • Define Brush Preset...
  • Define Pattern...
  • Define Custom Shape...
  • Purge
  • Adobe PDF Presets...
  • Preset Manager...
  • Color Settings (Shift+Ctrl+K)
  • Assign Profile
  • Convert to Profile
  • Keyboard Shortcuts (Alt+Shift+Ctrl+K)
  • Menus... (Alt+Shift+Ctrl+M)
  • Preferences
          3. Image
  • Mode
  • Adjustments
  • Duplicate...
  • Apply Image...
  • Calculations...
  • Image Size... (Alt+Ctrl+I)
  • Canvas Size...  (Alt+Ctrl+C)
  • Pixel Aspect Ratio
  • Rotate Canvas
  • Crop
  • Trim...
  • Reveal All
  • Variables
  • Apply Data Set
  • Trap...
          4. Layer
  • New
  • Duplicate Layer...
  • Delete
  • Layer Properties...
  • Layer Style 
  • Smart Filter
  • New Fill Layer
  • New Adjustment Layer
  • Change Layer Content
  • Layer Content Options...
  • Layer Mask
  • Vector Mask
  • Create Clipping Mask
  • Smart Objects
  • Type
  • Rasterize
  • New Layer Based Slice
  • Group Layers (Ctrl+G)
  • Ungroug Layers (Shift+Ctrl+G)
  • Hide Layers
  • Arrange
  • Align Layers To Selection
  • Distribute
  • Lock All Layers in Group...
  • Link Layers
  • Select Linked Layers
  • Merge Layers (Ctrl+E)
  • Merge Visible (Shift+Ctrl+E)
  • Flatten Image
  • Matting
          5. Select
  • All (Ctrl+A)
  • Deselect (Ctrl+D)
  • Reselect (Shift+Ctrl+D)
  • Inverse (Shift+Ctrl+I)
  • All Layers (Alt+Ctrl+A)
  • Deselect Layers
  • Similar Layers
  • Color Range...
  • Refine Edge... (Alt+Ctrl+R)
  • Modify
  • Grow
  • Similar
  • Transform Selection
  • Load Selection...
  • Save Seletion...
          6. Filter
  • Last Filter (Ctrl+F)
  • Convert for Smart Filters
  • Extract (Alt+Ctrl+X
  • Filter Galery....
  • Liquify (Shift+Ctrl+X)
  • Pattern Maker.... (Alt+Shift+Ctrl+X)
  • Vanishing Point... (Alt+Ctrl+V)
  • Artistic
  • Blur
  • Brush Strokes
  • Distort
  • Noise
  • Pixelate
  • Render
  • Sharpen
  • Sketch 
  • Stylize
  • Texture
  • Video
  • Other
  • Digimarc
           7. View

          8. Window 
          9. Help


B. Tool Option Bar
Tool Option Bar merupakan menu yang nantinya muncul ketika kita memilih salah satu tool pada Toolbox. Tool Option Bar memberikan informasi  dari tool yang kita pilih atau sedang aktif. 

C. Tool Box
  • Move Tol
  • Rectangular Marquee Tool
  • Lasso Tool
  • Magic Wand Tool
  • Crop Tool
  • Slice Tool
  • Patch Tool
  • Brush Tool
  • Stamp Tool
  • History Brush Tool
  • Eraser Tool
  • Gradient Tool
  • Sharpen Tool
  • Dodge Tool
  • Path Selection Tool
  • Text Tool
  • Pen Tool
  • Line Tool
  • Notes Tool
  • Eyedropper Tool
  • Text Tool
  • Hand Tool
  • Zoom Tool

Tool box merupakan sekumpulan tool yang nantinya akan membantu kita dalam mengolah foto atau gambar. Tool box ini merupakan perangkat utama dari photoshop dan sebenarnya tidak semua tool terlihat, ada juga yang disembunyikan. Seperti gambar dibawah ini, tanda segita hitam kecil yang ditunjuk oleh warna merah, tandanya masih ada tool lain jika di klik.

D. Work Area/ Document Tab
Work Area/Document Tab merupakan lembar kerja untuk mengolah foto/gambar di Photoshop. Kita bisa memasukkan Foto, text, dsb. ke dalam Work Are/Document Tab ini.

E. Expand Dock/Collapse to Icon
Berfungsi untuk mengakses Pallete tanpa harus melalui Menu Bar.

F. Navigator, Histogram, Info
  • Nafigator: Navigator fungsinya untuk mengatur presentase ukuran tampilan gambar pada dokumen aktif, dengan cara menggeser slide Zoom, mengklik tombol Zoom Out atau Zoom In atau mengetikkan ukuran presentasi gambar pada kotak Zoom.
  • Histogram: Histogram fungsinya untuk mengetahui informasi tonal (skala ukur sebuah foto yang dinilai dari bagian gelap terangnya.) warna yang ada digambar.
  • Info: Info fungsinya untuk menampilkan informasi posisi mouse dalam dokumen, informasi warna, ukuran area gambar yang terseleksi dan ukuran file dokumen.
G. Color, Swatches, Styles
  • Color Palletes: Color Palletes berfungsi untuk merubah warna Foreground/Background dengan cara klik kotak Foreground/Background, kemudian geser slider untuk memilih warna.
  • Swatches: Swatches berfungsi untuk merubah warna Foreground/Background dengan cara klik kotak warna untuk memilih warna Foreground atau tekan Ctrl dan klik kotak warna untuk memilih warna Background.
  • Style: Style berfungsi untuk memilih dan memasang style pada objek gambar atau layer yang dipilih.
H. Layers



  • Layers: Layer fungsinya untuk menambah, menghapus, menampilkan, menyembunyikan, menduplikat dan mengelompokkan layer yang ada di atas Background.  Layer merupakan lembaran yang saling bertumpuk antar lapisan dan transparant yang memuat objek gambar atau teks.
  • Channel: Chanel fungsinya untuk menampilkan channel-channel/warna pembentuk gambar.
  • Paths: Path fungsinya untuk melihat deretan layers yang berisi objek-objek path yang terdapat dalam dokumen.

Fungsi Tool yang ada di Toolbox 

Move Tool (V) - Untuk memindahkan/menggeser posisi layer.


Rectangular Marquee Tool (M, Shift+M) - Membuat area selection berbentuk segi empat
  • Rectangular Marquee Tool
  • Lasso Tool
  • Magic Wand Tool
  • Crop Tool
  • Slice Tool
  • Patch Tool
  • Brush Tool
  • Stamp Tool
  • History Brush Tool
  • Eraser Tool
  • Gradient Tool
  • Sharpen Tool
  • Dodge Tool
  • Path Selection Tool
  • Text Tool
  • Pen Tool
  • Line Tool
  • Notes Tool
  • Eyedropper Tool
  • Text Tool
  • Hand Tool
  • Zoom Tool

Rabu, 08 Maret 2017

Perkembangan Photoshop dari Waktu ke Waktu (1988-2017)

  

Perkembangan Photoshop dari Waktu ke Waktu (1988-2017) - Sebelumnya disarankan terlebih dahulu untuk membaca: Apa Itu Photoshop? Pengertian, Sejarah dan Fungsi Photoshop agar lebih mudah memahami pembahasan selanjutnya. Artikel kali ini tentang Perkembangan Photoshop dari Waktu ke Waktu dari tahun 1988 sampai 2017.
Tidak selamanya yang ada di dunia ini langsung ada begitu saja, pasti segala sesuatu itu ada awalannya dan melewati proses yang sangat panjang. Salah satu contohnya Photoshop, dari waktu ke waktu photoshop telah berkembang sehingga saat ini photoshop sangat  bermanfaat bagi kita semua untuk membuat banner, poster, dsb. Dengan begitu seharusnya kita dapat bersyukur atas adanya Photoshop yang memudahkan pekerjaan kita sehari-hari. 
Penasaran perkembangan photoshop dari waktu ke waktu? Yuk langsung lihat saja.


1. Photoshop Versi 0.63 (Januari 1998)



2. Photoshop Versi 0.87 (Maret 1998)

3. Photoshop Versi 1.0.7 (Februari 1990)

4. Photoshop Versi 2.0.1 (Juni 1991)



5. Photoshop Versi 2.0.5 (November 1992)


6. Photoshop Versi 3.0 (September 1994)


7. Adobe Photoshop Versi 4.0 (November 1996)


8. Adobe Photoshop Versi 5.0 (Mei 1998)


9. Adobe Photoshop Versi 5.5 (Februari 1999)

10. Adobe Photoshop Versi 6.0 (September 2000)


11. Adobe Photoshop Versi 7.0 (Maret 2002)



12. Adobe Photoshop CS 1 (Creative Suite) Versi 8.0 (Oktober 2003)







13. Adobe Photoshop CS 2 Versi 9.0 (April 2005)



14. Adobe Photoshop CS 3 Versi 10.0 (April 2007)




15. Adobe Photoshop CS 4 Versi 11.0 (30 Oktober 2008)



16. Adobe Photoshop CS 5 Versi 12.0 (12 April 2010)



17. Adobe Photoshop CS 6 Versi 13.0 (7 Mei 2012)

18. Adobe Photoshop CC (Creative Cloud) Versi 14.0 (17 Juni 2013)

19. Adobe Photoshop CC 2014


20. Adobe Photoshop CC 2015



21. Adobe Photoshop CC 2017

....

Itulah Perkembangan Photoshop dari Waktu ke Waktu cukup terlihat perbedaannya kan?
Semoga bermanfaat :)



-------------------------------------
Sumber Materi dan Gambar:
"Edo Chrisnando" Evolusi Adobe Photoshop dari Masa ke Masa: 1998 - 2012. 17 September 2012. <http://www.pusatgratis.com/software/evolusi-adobe-photoshop-dari-masa-ke-masa.html;

Wikipedia Indonesia, ensiklopedia bebas. Adobe Photoshop. https://id.wikipedia.org/wiki/Adobe_Photoshop;

"Hend Galus" Inilah Perkembangan Photoshop Sejak Pertama kali Dibuat hingga sekarang. 23 Maret 2013. <http://www.fotodovana.com/2013/03/inilah-perkembangan-photoshop-sejak.html;

"Image Solutions India" Adobe Photoshop history -Image Editing Software. 11 Februari 2016. <https://www.slideshare.net/imagesolutions/adobe-photoshop-history-image-editing-software;

https://softlay.net/photo-image/image-editor/adobe-photoshop-cc-2015-free-download.html
http://www.thegraphicmac.com/category/adobe-2

Perbedaan CC dan CS : http://hanool.blogspot.co.id/2013/12/perbedaan-creative-cloud-cc-dan.html