jl palembang 30139, telpon +62711 353414 jurusan teknik...

8
1| Halaman Jl Srijaya Negara Bukit Besar Palembang 30139, Telpon : +62711353414 PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 1 Konsep Layer dan Tool Dasar 150 menit/ 3 jam Lecturer : M. Miftakul Amin, S. Kom., M. Eng. Website : http://mafisamin.web.ugm.ac.id Tujuan : 1. Mahasiswa dapat menjelaskan sistem lingkungan kerja Adobe Photoshop 7.0. 2. Mahasiswa dapat menjelaskan konsep layer. 3. Menggunakan tool – tool dasar untuk mengolah objek gambar. Perlengkapan : Adobe Photoshop 7.0 1. Layer dan Struktur Image Adobe Photoshop Sturktur pengolahan suatu image di dalam Photoshop dibentuk ke dalam lapisan-lapisan/layer, masing-masing layer akan memuat satu komponen dari image yang diolah. Manfaat yang dapat diperoleh dengan menggunakan konsep layering di dalam photoshop adalah kemudahan dalam proses editing dan manipulasi image selanjutnya. Karena jika masing-masing image/ teks yang diolah dalam photoshop tidak dibagi menjadi layer- layer yang terpisah, maka proses editing ulang terhadap gambar/ image yang diolah akan mengalami kesulitan, namun dengan menggunakan model layer, jika terjadi kesalahan dan kekeliruan, maka designer cukur hanya merevisi layer tersebut saja, tanpa harus merombak atau mengulang kembali pekerjaan dari awal.

Upload: phamque

Post on 15-Mar-2019

225 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Jl Palembang 30139, Telpon +62711 353414 JURUSAN TEKNIK ...mafisamin.blog.ugm.ac.id/files/2014/09/hol1-layerphotoshop.pdf · Layer yang sedang aktif akan mempunyai warna yang berbeda

1 | H a l a m a n   

Jl Srijaya Negara Bukit Besar Palembang 30139, Telpon : +62711‐353414

PROGRAM STUDI D3

JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG

TK Computer 1 (Multimedia) Hand On Lab 1 Konsep Layer dan Tool Dasar

150 menit/ 3 jam

Lecturer : M. Miftakul Amin, S. Kom., M. Eng. Website : http://mafisamin.web.ugm.ac.id Tujuan : 1. Mahasiswa dapat menjelaskan sistem lingkungan kerja Adobe Photoshop

7.0. 2. Mahasiswa dapat menjelaskan konsep layer. 3. Menggunakan tool – tool dasar untuk mengolah objek gambar.

Perlengkapan : Adobe Photoshop 7.0

1. Layer dan Struktur Image Adobe Photoshop Sturktur pengolahan suatu image di dalam Photoshop dibentuk ke dalam lapisan-lapisan/layer, masing-masing layer akan memuat satu komponen dari image yang diolah. Manfaat yang dapat diperoleh dengan menggunakan konsep layering di dalam photoshop adalah kemudahan dalam proses editing dan manipulasi image selanjutnya. Karena jika masing-masing image/ teks yang diolah dalam photoshop tidak dibagi menjadi layer-layer yang terpisah, maka proses editing ulang terhadap gambar/ image yang diolah akan mengalami kesulitan, namun dengan menggunakan model layer, jika terjadi kesalahan dan kekeliruan, maka designer cukur hanya merevisi layer tersebut saja, tanpa harus merombak atau mengulang kembali pekerjaan dari awal.

Page 2: Jl Palembang 30139, Telpon +62711 353414 JURUSAN TEKNIK ...mafisamin.blog.ugm.ac.id/files/2014/09/hol1-layerphotoshop.pdf · Layer yang sedang aktif akan mempunyai warna yang berbeda

2 | H a l a m a n   

Layer merupakan lapisan yang berfungsi sebagai tempat objek, bisa diibaratkan sebagai kanvas atau lapisan. Dengan adanya Layers, memungkinkan Anda untuk mengedit sebuah objek tanpa mengganggu objek yang lain Sebagai contoh, jika Anda sedang mengedit gambar 1 maka gambar 2 tidak akan terpengaruh. Anda dapat mengatur komposisi layers dengan cara mengubah atribut dan urutan layers. Sebagai tambahan, corak khusus seperti adjustment layers, fill layers, dan layers style dapat diterapkan untuk memberikan efek khusus pada layers tersebut Untuk lebih jelasnya, perhatikan gambar di bawah.

Layer yang ada dalam photoshop dapat diubah misalnya nama layer dibah sehingga akan memudahkan pada saat bekerja dengan banyak layer. Untuk mengubah nama layer, dapat dilakukan dengan cara: 1) Klik layer yang akan diubah namanya dari window layer 2) Dari menu Layer Pilih Layer Properties …

Layers berisi satu objek sehingga masing-masing objek dapat diedit tanpa mempengaruhi objek yang lain. Ketika Anda memberikan efek tertentu (layer style) pada sebuah layer, maka Anda dapat menduplikasi layer style ke layer yang lain dengan corak dan bentuk yang sama. Untuk Lebih jelasnya mengenai pengaturan Layer pada photoshop, silahkan lihat gambar tentang Layer Properties di bawah ini :

Page 3: Jl Palembang 30139, Telpon +62711 353414 JURUSAN TEKNIK ...mafisamin.blog.ugm.ac.id/files/2014/09/hol1-layerphotoshop.pdf · Layer yang sedang aktif akan mempunyai warna yang berbeda

3 | H a l a m a n   

Berikut ini keterangan dari Layer Properties serta fungsi - fungsinya : A. Link

Digunakan untuk membuat agar bisa mengelompokkan banyak layer sekaligus. Cara memakainya dengan memilih nama-nama layer yang diinginkan (dengan Shift + Klik), kemudian klik icon ini.

B. Layer Style Digunakan untuk membuat layer yang berfungsi seperti menu Layer > Layer style.

C. Add Layer Mask Digunakan untuk menutup/melindungi sebagian/seluruh lapisan gambar dari proses pengeditan.

D. New Adjustment Layer Digunakan untuk membuat layer yang berfungsi sebagai pengubahan warna. Perbedaannya kalau menggunakan menu Image > Adjustment bisa dibaca artikel tutorial yang ini.

E. Layer Group Digunakan untuk mengelompokkan beberapa layer menjadi suatu kumpulan layer, agar mempermudah proses pekerjaan yang menggunakan banyak sekali layer.

F. New Layer Digunakan untuk membuat layer baru yang kosong, ataupun untuk membuat duplikat layer. Untuk membuat duplikat layer, lakukan dengan cara menggeser nama layer ke icon ini.

G. Delete Layer Digunakan untuk menghapus layer. Aktifkan layer yang ingin dihapus, kemudian klik icon ini. Dalam Photoshop versi CS2, bisa juga dilakukan hanya dengan mengaktifkan layer kemudian tekan tombol Delete pada keyboard (ini belum bisa dilakukan jika Anda menggunakan Photoshop versi sebelumnya).

H. Layer Blending Option Digunakan untuk mengatur proses yang terjadi pada pixel-pixel layer terhadap layer yang ada posisinya berada dibawahnya.

I. Image Adjustment Layer Ini menunjukkan sebuah gambar layer yang merupakan pengaturan warna.

J. Layer Thumbnail Ini adalah tampilan gambar kecil dari gambar asli Anda. Jika layer merupakan sebuah tulisan atau text, maka gambar tampilannya adalah sebuah huruf T.Layer ini juga menunjukkan bahwa layer ini adalah layer yang dalam kondisi aktif atau terpilih. Layer yang sedang aktif akan mempunyai warna yang berbeda dengan layer yang tidak aktif. Tiap sebuah layer bisa mempunyai nama yang berbeda beda. Secara default, Photoshop akan membuat layer dengan nomor yang berurutan. Nama layer ini bisa diganti dengan cara melakukan klik 2 kali pada nama layernya, kemudian Anda tinggal mengetikkan nama yang diinginkan. Namun saat melakukan klik 2 kali, harus tepat pada nama layernya, karena kalau tidak, maka kita justru masuk ke pengaturan Layer Style. Jika klik 2 kali dilakukan pada thumbnail text layer, maka kita akan langsung membuat blok pada layer tulisan tersebut.Anda juga bisa menyeleksi layer dengan melakukan klik kanan pada thumbnail layer kemudian memilih Layer Transparency. Atau dengan melakukan Ctrl + klik pada thumbnail layer.

Page 4: Jl Palembang 30139, Telpon +62711 353414 JURUSAN TEKNIK ...mafisamin.blog.ugm.ac.id/files/2014/09/hol1-layerphotoshop.pdf · Layer yang sedang aktif akan mempunyai warna yang berbeda

4 | H a l a m a n   

K. Eye Ball / Visibility Digunakan untuk mengatur tentang tampil atau tidaknya sebuah layer yang sedang Anda kerjakan dengan Photoshop. Cara pakainya, dengan melakukan klik pada icon tersebut.

L. Palette Menu Icon ini digunakan untuk menampilkan pilihan menu palet. Menu palet ini berhubungan dengan fungsi palet yang sedang Anda tampilkan.

M. Opacity Digunakan untuk mengatur tingkat transparansi layer. Semakin kecil nilai prosentasenya, maka layer/gambar Anda akan semakin transparan.

N. Fill Opacity Digunakan untuk mengatur tingkat transparansi layer. Namun tidak sama dengan Opacity, karena Fill ini tidak mengatur bagian yang merupakan Layer Style. Jadi pilihan Fill ini akan bermanfaat jika Anda juga menerapkan Layer Style.

O. Layer Style option Gambar icon F pada layer ini menunjukkan bahwa pada layer ini terdapat efek Layer Style, sementara gambar segitiga di sebelah kanan ini digunakan untuk menampilkan atau tidaknya informasi detil Layer Style yang digunakan.

P. Locked layer Gambar icon gembok (maksudnya kunci) ini menunjukkan bahwa layer ini dalam kondisi terkunci. Biasanya gambar dengan ekstension .jpg akan mempunyai layer background yang selalu terkunci. Untuk membuka kunci pada layer background ini, caranya dengan melakukan klik 2 kali pada layer tersebut, kemudian klik OK pada kotak dialog yang muncul.

2. Duplikasi Gambar dengan Clone Tool

Clone tool, sesuai dengan namanya berfungsi untuk melakukan cloning atau duplikasi objek yang ada dalam sebuah gambar. Selain untuk menciptakan duplikasi dari objek gambar, juga dapat digunakan untuk memperbaiki bagian yang kurang sempurna dalam sebuah gambar. Untuk mengaktifkan clone tool anda dapat mengklik anak panah hitam pada gambar stempel, kemudian klik clone stamp tool.

Untuk mengetahui manfaat dari clone tool, kita akan membuka sebuah file gambar dengan nama burung-cople3.jpg. 1) Dari menu File Open, cari file gambar dengan nama burung-couple3.jpd kemudian klik

tombol Open. Sesaat kemudian gambar tersebut akan terbuka. Anda akan melihat pada bagian layer akan terbentuk layer dengan nama background dan dalam keadaan terkunci (ditandai dengan gambar gembok).

Page 5: Jl Palembang 30139, Telpon +62711 353414 JURUSAN TEKNIK ...mafisamin.blog.ugm.ac.id/files/2014/09/hol1-layerphotoshop.pdf · Layer yang sedang aktif akan mempunyai warna yang berbeda

5 | H a l a m a n   

2) Karena file jpeg yang telah terbuka dalam keadaan terkunci, kita membuat duplikat dari file

gambar tersebut dengan cara masuk ke bagian window layer, kemudian klik kanan dan pilih Duplicate Layer…, kemudian beri nama layer hasil duplikasi dengan nama 3-burung, kemudian klik tombol OK.

3) Kemudian setelah dalam layer terdapat 2 layer, klik layer background kemudian hapus

dengan menekan tombol hapus pada bagian kanan bawah. Jika ada pertanyaan konfirmasi, pilih Yes untuk menghapus.

Page 6: Jl Palembang 30139, Telpon +62711 353414 JURUSAN TEKNIK ...mafisamin.blog.ugm.ac.id/files/2014/09/hol1-layerphotoshop.pdf · Layer yang sedang aktif akan mempunyai warna yang berbeda

6 | H a l a m a n   

4) Pilih Clone tool, kemudian letakkan di bagian kiri atas burung yang paling kiri sehingga

kursor berubah bentuk menjadi , letakkan pada posisi yang ideal dan kemudian klik tombol Alt pada keyboard. Kemudian lakukan proses duplikasi dengan menekan tombol mouse sebelah kiri pada posisi kanan burung. Tekan dan geser tombol mouse sebelah kiri sampai terbentuk objek sesuai dengan duplikat yang kita harapkan.

Setelah selesai duplikasi anda bias melihat hasilnya sekarang terdapat 4 buah burung

perhatikan gambar di bawah.

3. Menggunakan Custom Shape Tool Tool ini sangat berguna untuk membuat bentuk-bentuk objek sesuai dengan kreasi kita. Photoshop juga telah menyediakan beberapa template bentuk yang dapat langsung digunakan. Fungsi custom shape tool ini sama dengan autoshape pada Microsoft word, yang membedakan adalah pilihan shapenya tidak sebanyak Microsoft windows. Aktifkan tool Custome shape seperti gambar di bawah ini.

Page 7: Jl Palembang 30139, Telpon +62711 353414 JURUSAN TEKNIK ...mafisamin.blog.ugm.ac.id/files/2014/09/hol1-layerphotoshop.pdf · Layer yang sedang aktif akan mempunyai warna yang berbeda

7 | H a l a m a n   

Selanjutnya dapat dilihat di bawah menu utama akan muncul custome shape tool properties. Anda dapat mengklik pada bagian Shape sehingga dimunculkan template bentuk yang siap digunakan.

Anda dapat menambahkan gambar nada dan letakkan pada gambar burung yang sudah berhasil anda modifikasi.

4. Menggambar dengan Pen Tool Menggambar merupakan hasil menuangkan imajinasi dalam media gambar. Sehingga kemampuan menggambar merupakan faktor penting untuk menghasilkan sebuah produk grafis yang menarik. Photoshop menyediakan objek yang diberi nama Pen Tool.

Page 8: Jl Palembang 30139, Telpon +62711 353414 JURUSAN TEKNIK ...mafisamin.blog.ugm.ac.id/files/2014/09/hol1-layerphotoshop.pdf · Layer yang sedang aktif akan mempunyai warna yang berbeda

8 | H a l a m a n   

Gambarlah 4 titik seperti gambar di bawah, kemudian convert point tool untuk memperbaiki bentuk dari objek yang kita buat.

pilih Convert Kemudian klik dan geser anchor yang ada dalam objek tersebut sehingga membentuk objek love.

Sehingga sekarang gambar yang telah kita olah menjadi bentuk yang lebih informative seperti gambar berikut.

Tugas Praktikum :

1) Jelaskan fungsi dari layer! 2) Apakah manfaat dari clone tools?

Diperiksa tanggal :_____________ Dosen Pengampu: (M. Miftakul Amin, S. Kom., M. Eng.) NIP. 197912172012121001

Nama Laboratorium : Nomor Komputer :