Mengenal Lingkungan Kerja Adobe Photoshop CS5 2

Download Mengenal Lingkungan Kerja Adobe Photoshop CS5 2

Post on 23-Oct-2015

89 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • Mengenal Lingkungan Kerja Adobe Photoshop CS5

    Untuk memahami dan mengenal lebih dekat tentang Adobe Photoshop dan sebelum melakukan proses

    pengolahan objek-objek atau gambar statik, ada baiknya kita mengenal lingkungan kerja standar dari

    Adobe Photoshop tersebut, dalam pembahasan ini penulis mengambil tentang Adobe Photoshop CS5.

    Pada saat memulai menjalankan Adobe Photoshop CS5 ini maka kita akan ditampilkan splash screen

    sebagai pertanda bahwa sistem sedang mempersiapkan komponen

    menjalankannya

    Gambar 1

    Setelah sistem selesai mempersiapkan komponen

    siap untuk digunakan dengan tampilan lingkungan kerja secara fullscreen. Berikut adalah tampila

    lingkungan kerja standar dari perangkat lunak Adobe Photoshop CS5

    Gambar 2

    Mengenal Lingkungan Kerja Adobe Photoshop CS5

    Untuk memahami dan mengenal lebih dekat tentang Adobe Photoshop dan sebelum melakukan proses

    objek atau gambar statik, ada baiknya kita mengenal lingkungan kerja standar dari

    tersebut, dalam pembahasan ini penulis mengambil tentang Adobe Photoshop CS5.

    Pada saat memulai menjalankan Adobe Photoshop CS5 ini maka kita akan ditampilkan splash screen

    sebagai pertanda bahwa sistem sedang mempersiapkan komponen-komponen yang dibutuhka

    Gambar 1 Splash Screen Adobe Photoshop CS5

    Setelah sistem selesai mempersiapkan komponen-komponen nya, maka program Adobe Photoshop CS5

    siap untuk digunakan dengan tampilan lingkungan kerja secara fullscreen. Berikut adalah tampila

    lingkungan kerja standar dari perangkat lunak Adobe Photoshop CS5

    Gambar 2 Tampilan Awal Adobe Photoshop CS5

    Untuk memahami dan mengenal lebih dekat tentang Adobe Photoshop dan sebelum melakukan proses

    objek atau gambar statik, ada baiknya kita mengenal lingkungan kerja standar dari

    tersebut, dalam pembahasan ini penulis mengambil tentang Adobe Photoshop CS5.

    Pada saat memulai menjalankan Adobe Photoshop CS5 ini maka kita akan ditampilkan splash screen

    komponen yang dibutuhkan untuk

    komponen nya, maka program Adobe Photoshop CS5

    siap untuk digunakan dengan tampilan lingkungan kerja secara fullscreen. Berikut adalah tampilan

  • Keterangan :

    1. Menu Bar

    Menu bar adalah menu pulldown yang berisi perintah-perintah dalam Photoshop seperti menu File,

    Edit, Image, Layer, Select, Filter, View, Window, dan Help. Baris menu ini terkelompok berdasarkan

    topiknya.

    2. Toolbox

    Toolbox adalah alat-alat yang digunakan untuk memodifikasi image (gambar atau foto). Alat-alat ini

    juga dikelompokkan menurut jenisnya.

    3. Window Pallete

    Window pallete adalah window yang berguna untuk memilih atau mengatur berbagai parameter

    pada saat mengolah image dalam Photoshop. Untuk menampilkan Window Pallete dapat kita

    lakukan dengan cara memilih menu Window kemudian pilih pallete yang dimunculkan.

    4. Canvas

    Canvas adalah bidang yang digunakan sebagai tempat untuk meletakkan image. Biasanya ukuran

    canvas akan sama dengan ukuran image, tetapi dalam Photoshop kita dapat merubah ukuran

    canvas dan image sesuai dengan kebutuhan. Kalau kita memunculkan canvas baru biasanya ada

    tiga pilihan yaitu canvas yang putih, berwarna dan transparan.

    Adapun beberapa toolbox yang sering kita gunakan untuk melakukan pengolahan objek gambar, dan Ada

    satu hal yang perlu diperhatikan, bahwa ada sebagian tools yang jika diklik tahan akan keluar menu baru

    berupa tools yang fungsinya mirip dengan tools yang diklik tahan. Jika salah satu tool di menu tambahan itu

    diklik, maka tools tersebutlah yang akan aktif menggantikan tools yang diklik tahan. Dengan demikian jika

    kita menggunakan keyboard shortcut, maka yang akan aktif adalah tool yang menggantikannya. yang

    diantaranya adalah sebagai berikut :

  • Ada beberapa tool yang hanya bisa aktif jika kartu VGA anda

    Adobe Photoshop CS5 dan masih ada tool

    atau tersembunyi, tergantung pada workspace yang anda pilih.

    Gambar 3 Toolbox

    Adobe Photoshop

    CS5

    Move Tool. Keyboard shortcut = V. Digunakan untuk memindah

    objek-objek (layer) yang ada di Photoshop.

    Rectangle Marquee Tool. Keyboard shortcut = M. Digunakan untuk

    membuat seleksi berbentuk persegi.

    Lasso Tool. Keyboard shortcut = L. Digunakan untuk membuat seleksi

    dengan cara mengikat seperti lasso. Klik tahan untuk mulai

    mengikat, lepas untuk menutup seleksi tersebut.

    Quick Selection Tool. Keyboard shortcut = W. Penyeleksian otomatis

    dengan menggunakan panduan brush.

    Crop Tool. Keyboard shortcut = C. Digunakan untuk meng

    ukuran gambar.

    Eyedropper Tool. Keyboard shortcut = I. Digunakan untuk mengambil

    sampel warna pada gambar dan melihat rumus warnanya.

    Spot Healing Brush Tool. Keyboard shortcut = J. Digunakan untuk me

    retouch gambar secara otomatis pada spot yang dipilih.

    Brush Tool. Keyboard shortcut = B. Untuk membuat goresan kuas

    pada gambar.

    Clone Stamp Tool. Keyboard shortcut = S. Untuk mengklon pola

    gambar sekaligus warnanya.

    History Brush Tool. Keyboard shortcut = Y. Untuk mengembalikan ke

    keadaan semula keadaan gambar yang telah dirubah.

    Brush Tool. Keyboard shortcut = E. Untuk menghapus atau bi

    membuat goresan warna background.

    Gradient Tool. Keyboard shortcut = G. Untuk membuat gradasi.

    Blur Tool. Untuk mengaburkan (blur) gambar.

    Dodge Tool. Keyboad shortcut = O. Untuk memutihkan gambar.

    Pen Tool. Keyboard shortcut = O. Untuk membuat path dengan

    menyambungkan anchor point dan node.

    Horizontal Type Tool. Keyboard shortcut = T. Untuk membuat teks

    horizontal

    Path Selection Tool. Keyboard shortcut = A. Untuk memilih dan

    memindahkan path.

    Hand Tool. Keyboard shortcut = H. Untuk menggeser layar.

    Rotate View Tool. Keyboard shortcut = R. Untuk memutar layar.

    Zoom Tool. Keyboard shortcut = Z. Untuk merubah zoom layar.

    Di sebelah kiri: merubah kembali warna foreground dan

    menjadi warna default.

    Di sebelah kanan: Menukar warna foreground menjadi background

    dan sebaliknya

    Merubah warna foreground dan background.

    Mengaktifkan Quick Mask Tool.

    Ada beberapa tool yang hanya bisa aktif jika kartu VGA anda memiliki driver OpenGL yang sesuai dengan

    Adobe Photoshop CS5 dan masih ada tool-tool lain selain yang disebutkan di atas, tool

    atau tersembunyi, tergantung pada workspace yang anda pilih.

    Move Tool. Keyboard shortcut = V. Digunakan untuk memindah

    shortcut = M. Digunakan untuk

    Lasso Tool. Keyboard shortcut = L. Digunakan untuk membuat seleksi

    dengan cara mengikat seperti lasso. Klik tahan untuk mulai

    mengikat, lepas untuk menutup seleksi tersebut.

    ection Tool. Keyboard shortcut = W. Penyeleksian otomatis

    Crop Tool. Keyboard shortcut = C. Digunakan untuk meng-crop

    Eyedropper Tool. Keyboard shortcut = I. Digunakan untuk mengambil

    gambar dan melihat rumus warnanya.

    Spot Healing Brush Tool. Keyboard shortcut = J. Digunakan untuk me-

    retouch gambar secara otomatis pada spot yang dipilih.

    Brush Tool. Keyboard shortcut = B. Untuk membuat goresan kuas

    Tool. Keyboard shortcut = S. Untuk mengklon pola

    History Brush Tool. Keyboard shortcut = Y. Untuk mengembalikan ke

    keadaan semula keadaan gambar yang telah dirubah.

    Brush Tool. Keyboard shortcut = E. Untuk menghapus atau bisa juga

    Gradient Tool. Keyboard shortcut = G. Untuk membuat gradasi.

    Blur Tool. Untuk mengaburkan (blur) gambar.

    Dodge Tool. Keyboad shortcut = O. Untuk memutihkan gambar.

    membuat path dengan

    Horizontal Type Tool. Keyboard shortcut = T. Untuk membuat teks

    Path Selection Tool. Keyboard shortcut = A. Untuk memilih dan

    Untuk menggeser layar.

    Rotate View Tool. Keyboard shortcut = R. Untuk memutar layar.

    Zoom Tool. Keyboard shortcut = Z. Untuk merubah zoom layar.

    Di sebelah kiri: merubah kembali warna foreground dan background

    Di sebelah kanan: Menukar warna foreground menjadi background

    Merubah warna foreground dan background.

    memiliki driver OpenGL yang sesuai dengan

    tool lain selain yang disebutkan di atas, tool-tool tersebut timbul

  • Setelah mengenal lingkungan kerja

    kemampuan kita dalam memahami dan mengimplementasikannya, kita coba mulai dengan mengolah

    gambar secara sederhana. Dalam pembahasan ini kita ambil sebuah studi kasus yang sangat mudah dan

    memang sering digunakan dalam kehidupan sehari oleh para desainer grafis dalam pekerjaannya yaitu

    "Membuat 3D Logo dengan Adobe Photoshop", untuk lebih jelasnya langsung saja kita ikuti langkah

    langkah berikut ini :

    Langkah 1 :

    Siapkan Canvas Width 400px x Height

    Langkah 2 :

    Ambil salah satu objek custom shape di photoshop dengan gambar objek

    Studi Kasus

    Setelah mengenal lingkungan kerja dari Adobe Photoshop CS5, langkah selanjutnya untuk melengkapi

    kemampuan kita dalam memahami dan mengimplementasikannya, kita coba mulai dengan mengolah

    gambar secara sederhana. Dalam pembahasan ini kita ambil sebuah studi kasus yang sangat mudah dan

    g sering digunakan dalam kehidupan sehari oleh para desainer grafis dalam pekerjaannya yaitu

    "Membuat 3D Logo dengan Adobe Photoshop", untuk lebih jelasnya langsung saja kita ikuti langkah

    ght 400 px,

    Gambar 4 Setting Canvas

    shape di photoshop dengan gambar objek

    Gambar 5 Objek Shape

    dari Adobe Photoshop CS5, langkah selanjutnya untuk melengkapi

    kemampuan kita dalam memahami dan mengimplementasikannya, kita coba mulai dengan mengolah

    gambar secara sederhana. Dalam pembahasan ini kita ambil sebuah studi kasus yang sangat mudah dan

    g sering digunakan dalam kehidupan sehari oleh para desainer grafis dalam pekerjaannya yaitu

    "Membuat 3D Logo dengan Adobe Photoshop", untuk lebih jelasnya langsung saja kita ikuti langkah-

  • Langkah 3 :

    Transform objek tersebut menjadi model Perspective, caranya : dengan kombinasi mouse dan keyboard

    (Ctrl + Click) pada transform sudut kanan atas sambil di geser.

    Gambar 6

    Setelah selesai teken enter.

    Langkah 4 :

    Duplikat Objek menjadi beberapa bagian seperti gambar di bawah, biar cepet pake kombinasi mouse +

    keyboard juga (Alt + Click) sambil di geser atau pilih objek lalu geser objek dengan tombol panah di

    keyboard sambil menekan tombol (Alt)

    Transform objek tersebut menjadi model Perspective, caranya : dengan kombinasi mouse dan keyboard

    Ctrl + Click) pada transform sudut kanan atas sambil di geser.

    Gambar 6 Objek Shape Hasil Transform

    Duplikat Objek menjadi beberapa bagian seperti gambar di bawah, biar cepet pake kombinasi mouse +

    (Alt + Click) sambil di geser atau pilih objek lalu geser objek dengan tombol panah di

    keyboard sambil menekan tombol (Alt)

    Gambar 7 Copy Objek / Layer

    Transform objek tersebut menjadi model Perspective, caranya : dengan kombinasi mouse dan keyboard

    Duplikat Objek menjadi beberapa bagian seperti gambar di bawah, biar cepet pake kombinasi mouse +

    (Alt + Click) sambil di geser atau pilih objek lalu geser objek dengan tombol panah di

  • Langkah 5 :

    Double klik layer paling atas lalu berikan style pada layer tersebut seperti

    Langkah 6 :

    Berpindah ke layer paling bawah dan berikan juga style layer dengan aturan seperti di bawah ini :

    Gambar 9

    Langkah 7 :

    Untuk sedikit berkesan glossy, berikan gradasi transparent. [CTRL+Click] pada layer shape paling atas, pilih

    menu Select > Modify > Contract ( 2px )

    Double klik layer paling atas lalu berikan style pada layer tersebut seperti aturan di bawah ini :

    Gambar 8 Blending Option Gradient

    Berpindah ke layer paling bawah dan berikan juga style layer dengan aturan seperti di bawah ini :

    Gambar 9 Blending Option Outer Glow dan Stroke

    kesan glossy, berikan gradasi transparent. [CTRL+Click] pada layer shape paling atas, pilih

    menu Select > Modify > Contract ( 2px )

    Gambar 10 Gambar Hasil Modify

    aturan di bawah ini :

    Berpindah ke layer paling bawah dan berikan juga style layer dengan aturan seperti di bawah ini :

    kesan glossy, berikan gradasi transparent. [CTRL+Click] pada layer shape paling atas, pilih

  • Langkah 8 :

    Supaya terkesan lebih kinclong logo tersebut, gabungkan terlebih dahulu 2 lay

    cara pilih kedua layer tersebut lalu [Ctrl + E]

    Kemuadian seleksi bagian atas dengan menggunakan Marquee tool (M)

    bar) dan berikan nilai 30px lalu Enter

    Selanjutnya tekan tombol Delete 1 kali saja dan lihat hasilnya

    Lakukan hal yang sama untuk bagian bawah objek.

    Untuk meghilangkan seleksi tekan tombol keyboard [Ctrl + D]

    Supaya terkesan lebih kinclong logo tersebut, gabungkan terlebih dahulu 2 layer menjadi 1 (Merge) dengan

    cara pilih kedua layer tersebut lalu [Ctrl + E]

    Gambar 11 Merge Layer

    Kemuadian seleksi bagian atas dengan menggunakan Marquee tool (M), lalu atur feather (

    Enter, ubah blending mode layer menjadi overlay

    Gambar 12 Modifikasi Feather 1

    Selanjutnya tekan tombol Delete 1 kali saja dan lihat hasilnya

    Lakukan hal yang sama untuk bagian bawah objek.

    Untuk meghilangkan seleksi tekan tombol keyboard [Ctrl + D]

    Gambar 13 Modifikasi Feather 2

    er menjadi 1 (Merge) dengan

    lalu atur feather (dibawah menu

  • Langkah 9 :

    Atur tampilan sedemikian rupa, lalu simpan hasilnya (PSD, JPG, PNG, GIF, BMP, dan lain

    Gambar 14

    Gambar 15

    Selesai.. Gampang banget kan.. Cuma beberapa menit saja..

    By : Dhema Yunautama, S.T

    Reff : http://www.adobe.com

    lalu simpan hasilnya (PSD, JPG, PNG, GIF, BMP, dan lain

    Gambar 14 Proses Penyimpanan Gambar

    Gambar 15 Hasil Akhir 3D Logo dengan Adobe Photoshop

    Cuma beberapa menit saja..

    lalu simpan hasilnya (PSD, JPG, PNG, GIF, BMP, dan lain-lain)