Tutorial Praktis Memotong Gambar 4 Bagian dan 9 Bagian di Adobe Photoshop

Tutorial Praktis Komputer Grafis 1 Latihan 1 & Latihan 2 “4 Potongan Gambar & Teknik 9 Gambar Kolase”

Copyright ™ OpenVektor.tk & The Abdul Hafed Corp.

Di Adobe® Photoshop 7/CS

agh4cHiI RRRRRRR Original Concept:, Lay out, Design, Created By:

Abdul Hafiz Hilman NPM 20064650088 Mata Kuliah Komputer Grafis 1 Dosen Dendi Pratama Semester 4 [A] DKV Univ. Indraprasta PGRI © 2008 http:\\openvektor.tk or e-mail openvektor@gmail.com

Langkah-langkah Pembuatan Tugas Latihan 1 dan 2 Mata Kuliah Komputer Grafis 1 Adobe Photoshop Judul Latihan 1 ; 4 Potong Gambar dari 1 Gambar Latihan 1

D

alam tugas latihan ini saya sengaja menggunakan Adobe PhotoshopÂŽ7 walau memang seharusnya menggunakan Adobe PhotoshopÂŽ CS, namun menurut saya tool-tool yang nanti digunakan pada ke-2 tugas latihan ini sama dengan Photoshop terdahulu jadi mohon maklum.

1. Sebelum membuat tugas latihan 1 ini, kita harus membuka Adobe Photoshopnya dulu dengan cara : klik > Start lalu pilih > All Programs lalu pilih >AdobePhotoshop 7 / CS sehingga akan terbuka program Adobe Photoshop7 seperti gambar dibawah ini.

1

All Right Reserved Š 2008 ; Created By: Abdul Hafiz Hilman 20064650088 Semester IV A

2. Sekarang mari kita mulai lembar kerja baru di Photoshop dengan mengklik >File, lalu >New (atau kalau ingin praktis tekan di keyboard dengan kombinasi Ctrl+N), jika sudah lalu dalam kotak isian “Name” ketik “Latihan1”, lalu dalam “Preset Size” pilih “A4”, lalu “Resolution” ketik “72 Pixels/Inch”, kemudian “Mode” pilih “RGB”, dan “Contents” pilih “White” saja, lantas klik “Ok”.

3. Nah... sekarang sudah tampil lembar kerja kita yang nanti akan menjadi background dan akan kita tindih dengan gambar baru diatas lembar kerja yang tadi kita buat sehingga pada palet “Layer” sebelah kanan yang tadinya hanya Background akan ada tambahan lagi menjadi Layer 1, ok untuk itu kita harus masukkan dulu foto itu dengan cara klik Menu bar “File” lalu pilih “Open” (atau Ctrl+O biar cepat), lalu pilih foto yang ingin dibuka (saya memilih foto pada My Document yang mana ada foto Sandra Dewi yang cantik itu lho...;), lantas klik “Open”.

4. Nah sudah ada kan foto Sandra Dewi, lalu kita pindahkan foto Sandra ke lembar kerja kita tadi dengan menggunakan “Move Tool” (Tekan V pada keyboard kalau mau cepat), lalu klik-tarik foto Sandra ke lembar kerja yang putih itu lalu dalam pembagian jadi 4 buah potongan gambar dari foto Sandra kita wajib menggunakan

2

All Right Reserved © 2008 ; Created By: Abdul Hafiz Hilman 20064650088 Semester IV A

yang namanya “Ruler” (Penggaris Virtual ditepi gambar) dengan cara klik Menu “View” lalu pilih “Ruler” (atau Ctrl+R), lalu kita pertama-tama harus menghitung dulu pembagian 4 potong itu di mana lembar kerja kita berukuran A4 (29,7 x 21), sehingga dari situ kita akan membaginya secara rata dengan cara 29,7 : 2= 14,9, lalu 21 : 2= 10,5, Ok! sekarang kita telah dapatkan lalu mari kita praktikan dengan membuat garis hayal di lembar kerja kita dengan cara klik pada “Ruler” yang menghiasi lembar kerja kita lalu tarik kebawah atau kesamping sehingga akan tercipta pembagian menjadi 4 potongan bagian dari si gambar Sandra Dewi.

5. Nah sekarang waktunya membelah si Sandra Dewi menjadi 4 bagian (Hehehehehe...;), pertama-tama gunakan “Rectangular Marque Tool” (Atau ketik M pada keyboard) lalu mulai seleksi potongan pertama yaitu kiri atas-

3

All Right Reserved © 2008 ; Created By: Abdul Hafiz Hilman 20064650088 Semester IV A

(Oh iya pada Palet “Layer” harus diklik bagian “Layer 1” bukan “Background”), jika sudah terseleksi lantas klik kanan pada bagian yang terseleksi lalu muncul menu lantas pilihlah “Layer via Cut”, sehingga terlihat tambahan pada Palet “Layer” yaitu “Layer 2” (yang mana itu adalah bagian potongan 1), lalu setelah itu geser atau pindahkan potongan 1 itu (Layer 2) sehingga akan terlihat sudah dipotong foto tersebut dengan menggunakan “Move Tool” (Tekan M di keyboard), lalu setelah itu bagian/ potongan 2 pun caranya sama dengan potongan 1 diatas tadi dan seterusnya hingga potongan 4 sehingga akan tercipta sudah 4 potong gambaran dari 1 foto (Sandra Dewi), untuk itu lihat gambar di bawah di mana 4 potong bagian itu serta pallet “Layer” yang sudah disesaki dengan layer-layer baru hasil dari perpotongan gambar yang kita buat, (Oh iya sekedar informasi bahwa pada potongan 4/ terakhir tak usah menggunakan “Marque Tool” dan “Layer via Cut”, langsung saja di “Move Tool”, kan sisanya ;). Lantas di “Save” (Ctrl+S) Formatnya “.JPEG”, “Quality 8”, lalu kirim dech...;)

Preview Hasil dari Latihan 1

4

All Right Reserved © 2008 ; Created By: Abdul Hafiz Hilman 20064650088 Semester IV A

Judul Latihan 2 : 9 Potong Gambar berbeda “Kolase” Dalam 1 gambar dengan ukuran yang sama Latihan 2

U

ntuk pembuatan latihan 2 ini agak panjang dan butuh kosentarsi dan ketelitian yang tinggi sehingga akan dicapai kesamaan ukuran ditiap

gambar. Ok! Let’s Go! Mari kita coba.

1. Seperti biasa buka dulu program Adobe Photoshopnya, di atas sudah dijelaskan cara membuka/menjalankan program Adobe Photoshop.

2. Begitupun langkah kedua yaitu membuat lembar kerja baru pada Photoshop dengan mengunduh menu >File, lalu >New, sehingga tercipta lembar kerja baru di Photoshop / bisa lewat ketik dikeyboard dengan kombinasi [Ctrl+N]..

3. Lantas karena berukuran A4 dan menurut petunjuk tugas 2 ini harus di “Lanscape-kan”, maka kita harus merotasi lembar kerja yang tadi kita buat dengan cara, klik menu >Image, lalu >Rotate Canvas, lalu pilihlah >90o CW, seperti “preview di samping ini. Maka secara langsung lembar kerja kita berubah menjadi “tidur”/”lanscape”.

5

All Right Reserved © 2008 ; Created By: Abdul Hafiz Hilman 20064650088 Semester IV A

4. Langkah 4 ini sangat berat dan harus teliti namun sebelumnya pastikan fasilitas >Rules telah diaktifkan. Ok! Jika sudah mari kita berhitung ria... karena lembar kerja kita A4 (29,7x21), lalu kita harus dituntut untuk memuat 9 gambar disana dengan ukuran yang sama serta dengan jarak masing-masing dan tepi/pinggiran berukuran 1 cm, maka saya menghitung dan begini penghitungannya: 29,7-4=25,7, lalu 25,7/3= 8,6, dan untuk 21-4= 17, lalu 17/3= 5,6, jadi ukuran tiap gambar 8,56x5,6.

8,6

5,6

8,6

5,6 8,6

5,6

5,6 8,6

5,6 8,6

5,6

8,6

8,6

5,6 8,6

5,6

8,6

5,6

Nah jika sudah menemukan gambaran ukuran tiap gambar ini maka sekarang kita akan memanfaatkan >Rules, yaitu fasilitas garis bantu/khayal dan yang nanti akan membantu kita seperti tugas 1 diatas.

5. Langkah 5 ini mari kita membuat garis bantu dengan mengacu pada hitungan-hitungan di atas tadi. Butuh kesabaran dan mata yang jeli, untuk itu setiap ingin mengetahui kita sudah betul menggeser garis bantu dengan mengikuti acuan diatas (Membuat garis bantu sudah diterangi pada pembuatan tugas 1 yang ada di atas), kita hendaknya memperbesar angka dalam “cm� pada

6

All Right Reserved Š 2008 ; Created By: Abdul Hafiz Hilman 20064650088 Semester IV A

“Rules” dengan cara : gunakan “Zoom Tool” / (Tekan Z pada Keyboard), sehingga nantinya akan terlihat jelas agar kita tidak salah dalam pergeseran. Dan dibawah ini adalah “preview” dari fasilitas “Zoom Tool” dan juga hasil dari pembagian perpotongan/garis-garis bantu untuk 9 gambar yang nantinya akan ditempatkan.

6. Langkah 6 ini yaitu menempatkan ke-9 gambar ke alas lembar kerja yang sudah di buat garis bantu tadi.

Pastikan 9 gambar lebih afdol juga “lanscape” dan untuk itu klik >File, lalu >Open (atau tekan kombinasi di keyboard Ctrl+O), lalu selanjutnya seleksi/blok ke 9 gambar yang nanti akan

7

All Right Reserved © 2008 ; Created By: Abdul Hafiz Hilman 20064650088 Semester IV A

dimasukkan ke lembar kerja, disini contoh 9 gambar terletak di “Shared Document”, dan pilihlah “Thumbnails” guna melihat preview gambar yang nanti akan dimasukkan, lantas tekan “Ctrl” guna menyeleksi 9 gambar sambil menggunakan “Mouse” dengan klik kiri setiap ingin menyeleksi gambar (Ctrl masih ditekan!), lalu jika sudah klik >Open, sehingga 9 gambar akan memenuhi ruang kerja di Photoshop, untuk itu alangkah baiknya jika kita mengubah ukuran tiap-tiap gambar, kan diatas sudah dijelaskan bahwa ke-9 gambar harus berukuran 8,6x5,6 jadi untuk jagajaga kita resize dengan ukuran “width-nya 9 cm”, dengan cara sebagai berikut, pilih gambar yang ingin di resize lalu di “Menu Bar”, pilih “Image”, lantas “Image Size” lalu dibagian bawah tepatnya di “Document Size” ada kotak “Width” ganti jadi “9cm”, begitupula dengan gambar lainnya.

7. Di langkah ini mari kita, kliktarik dengan menggunakan mouse (pastikan sudah memilih pada toolbox “Move Tool”/tekan “V”) kepada 9 gambar (cewek-cewek cantik, hehehehe;) tadi ke lembar kerja yang sudah diberi garis bantu untuk peletakkan 9 gambar ini, lalu tiba-tiba ada “kasus” nih... bagaimana caranya jika ada gambar yang tak pas atau kebesaran namun kalau disesuaikan (dipas-

8

All Right Reserved © 2008 ; Created By: Abdul Hafiz Hilman 20064650088 Semester IV A

pasin) nanti tidak proporsi, ok! Mari kita gunakan “Marque Tool/Tekan “M” (Untuk lebih pas saat membuang dengan “Marque Tool” manfaatkan fasilitas “Zoom Tool”/tekan “Z”) lalu seleksilah pada bagian gambar yang ingin dibuang/di-delete, lantas di keyboard pencet “Delete” lalu tak lupa untuk hilangkan “garis-garis putus seleksi” tekan “Ctrl+D”(beres dech...), Oh iya pastikan pula pada bagian bawah “Menu Bar“, ketika kita memilih “Move Tool” sudah tercentang “Auto Select Layer” dan “Show Bounding Box”. Hingga ke semua 9 gambar gunakan seperti langkahlangkah tadi, sehingga jadi juga 9 kolase wanitawanita cantik (Hehehehehe...)

8. Setelah selesai semua di Latihan 2... ya di “Save”/”Ctrl+S” dengan format .JPEG, dengan “Qualitynya 8”.

Preview Hasil dari Latihan 2

9

All Right Reserved © 2008 ; Created By: Abdul Hafiz Hilman 20064650088 Semester IV A