pengenalan dasar adobe photoshop 7

27
Pengenalan dasar Adobe Photoshop 7.0 [email protected] DIKLAT MULTIMEDIA Copyright©LPMP JAWA TENGAH LPMP JAWA TENGAH LPMP JAWA TENGAH LPMP JAWA TENGAH

Upload: akizilaa

Post on 05-Aug-2015

134 views

Category:

Documents


6 download

TRANSCRIPT

Page 1: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 1

Pengenalan dasar

Adobe Photoshop 7.0

[email protected]

DIKLAT MULTIMEDIA Copyright©©©©LPMP JAWA TENGAHLPMP JAWA TENGAHLPMP JAWA TENGAHLPMP JAWA TENGAH

Page 2: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 2

PENGENALAN DASAR ADOBE PHOTOSHOP 7.0 Adobe photoshop adalah program standart untuk mengedit foto dan gambar. Pada diklat multimedia ini adobe photosop kita gunakan untuk mengimport gambar menggunakan scaner dari buku ke dalam computer, memotong gambar sesuai yang kita inginkan, memberi efek pada gambar, dan membuat tulisan efek File Gambar dalam windows banyak sekali tipenya, masing-masing memiliki extension yang berbeda, contohnya adalah gif, jpeg, bmp, tiff, psd dan lain-lainnya. Jenis file gambar yang bisa di pakai di power point hampir semuanya jenis tetapi yang di sarankan adalah menggunakan extension jpeg (*.jpeg) atau gif(*.gif). Sehingga dalam menyimpan file selalu diingat untuk menyimpan dalam format jpeg atau gif. Bekerja dengan adobe photoshop adalah bekerja dengan layer (lapisan), kita dapat bekerja di setiap lapisan tanpa mengganggu lapisan yang lain,

Dalam adobe photoshop satu bentuk gambar sebenarnya terdiri dari banyak elemen gambar, Kita bisa merubah gambar dengan menambah layer atau mengedit layer. Di beberapa kondisi memberi perubahan seperti pada layer dengan adjustment layer, fill layer dan layer styles memberi kita efek pada gambar yang sangat luar biasa. Adobe adalah program edit gambar berbasis bitmap dimana suatu gambar akan di bentuk dari titik-titk (pixel) yang mempunyai posisi dan kedalaman warna tertentu. Adobe photoshop sudah mempunyai menu help yang sangat komplit yang bisa dibaca lewat help index, hampir sebagian besar modul ini tulis berdasarkan dari help index yang sudah disediakan.

Page 3: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 3

Tampilan standart adobe photosop 7.0

A B C D E F GKeterangan A. Menu B. Toolbox C. Tool Option Bar D. View area untuk image E. Status Bar F. Palette, dari atas ke bawah: navigation palette, color palette, history palette, dan layer palette G. File Browser

Toolbox, terdiri dari seperangkat fasilitas untuk mengedit atau memanipulasi image. Option Bar, Tampilan option bar akan berubah secara dinamis sesuai tool yang digunakan. Tampilan Option Bar dengan Tool Marquee Tampilan Option Bar dengan Tool Magic Wand Perintah View Berfungsi untuk memperbesar atau memperkecil tampilan sesuai dengan yang kita inginkan Palet Navigator Berfungsi menggeser atau memperbesar gambar melalui sebuah salinan miniatur gambar. Bagian tengah palet navigator disebut Thumbnail.Penggaris untuk menampilkan klik View > Show Rulers (Ctrl + R), ukuran penggaris adalah pixel.

Page 4: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 4

Menampilkan dan Menghilangkan Pallete Beberapa computer mungkin tidak menampilkan semu pilihan seperti di atas, untuk mengeluarkan atau menghilangkan tool pilihan seperti diatas gunakan menu bar kemudian windows

Page 5: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 5

Menu Tool Untuk Mengedit suatu foto menu yang kita gunakan adalah menu tool,

Keterangan: A.Marquee tool B.Move tool C.Lasso tool D.Magic Wand tool E.Crop tool F.Slice tool G.Patch tool H.Brush tool I.Stamp tool J.History Brush tool K.Eraser tool L.Gradient tool M.Sharpen tool N.Dodge tool A. Marquee Tool Terdiri dari 4 jenis yaitu:

1. Rectangular Marquee (Shortcut keyboard: M, atau Shift + M) Digunakan untuk membuat area selection berbentuk segi empat.pada image.

2. Elliptical Marquee (Shortcut keyboard: M, atau Shift + M) Digunakan untuk membuat area selection berbentuk elips atau lingkaran pada image.

O.Path Selection tool P.Text tool Q. Pen tool R. Line tool S. Notes tool T. Eyedropper tool U. Hand tool V. Zoom tool

Page 6: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 6

3. Single Row Marquee, Digunakan untuk membuat area selection satu baris pada image (ukuran tinggi selection adalah 1 pixel).

4. Single Column Marquee, Digunakan untuk membuat area selection satu kolom pada image (ukuran lebar selection adalah 1 pixel).

B. Move Tool Shortcut keyboard: VDigunakan untuk menggeser/memindah selection, layers, dan guides. C. Lasoo Tool (Shortcut keyboard: L, atau Shift + L untuk mengubah jenis Lasoo) Terdiri dari 3 jenis yaitu: 1. Lasoo, Digunakan untuk membuat area selection dengan bentuk bebas 2. Polygonal Lasoo, Digunakan untuk membuat area selection berbentuk poligon 3. Magnetic Lasoo, Digunakan untuk membuat area selection dengan cara menempelkan tepi selection pada area tertentu pada image. D. Magic Wand Tool Shortcut keyboard: WDigunakan untuk membuat area selection yang memiliki warna serupa. Perbedaan toleransi warna dapat diatur pada tool option bar. E. Crop Tool Shortcut keyboard: CDigunakan untuk memangkas image (memotong dan membuang area tertentu dari image) F. Slice Tool (Shortcut keyboard: K, atau Shift + K untuk mengubah slice) Terdiri dari 2 jenis yaitu: 1. Slice Tool, Digunakan untuk membuat potongan-potongan image dari suatu image 2. Slice Select Tool, Digunakan untuk memilih potongan pada suatu image G. Patch/Healing Brush Tool (Shortcut keyboard: J, atau Shift + J mengubah tool)

1. Patch Tool, Digunakan untuk mengecat/melukis pada area tertentu image dengan pola (pattern) atau sample tertentu. Cocok untuk memberbaiki image yang rusak.

2. Healing Brush Tool, Digunakan untuk mengecat/melukis image dengan pola atau sample tertentu. Cocok untukmemperbaiki image yang agak rusak.

H. Brush Tool (Shortcut keyboard: B, atau Shift + B untuk mengubah tool) Terdiri dari 2 jenis yaitu: 1. Brush Tool, Digunakan untuk melukis image dengan goresan kuas 2. Pencil Tool, Digunakan untuk melukis image dengan goresan pencil Stamp Tool (Shortcut keyboard: S, atau Shift + S untuk mengubah tool) Terdiri dari 2 jenis yaitu: 1. Clone Stamp Tool, Digunakan untuk melukis image dengan sample image tertentu 2. Pattern Stamp Tool, Digunakan untuk melukis image dengan menggunakan pola tertentu

J. History Brush Tool (Shortcut keyboard: Y, atau Shift + Y untuk mengubah jenis) Terdiri dari 2 jenis yaitu:

1. History Brush Tool, Digunakan untuk melukis image menggunakan snapshot atau state history dari image

Page 7: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 7

2. Art History Tool, Digunakan untuk melukis image menggunakan snapshot atau state history dari image, dengan model artistik tertentu.

K. Eraser Tool (Shortcut keyboard: E, atau Shift + E untuk mengubah jenis eraser) Terdiri dari 3 jenis yaitu:

1. Eraser, Digunakan untuk menghapus pixel image dan mengembalikannya ke state tertentu. 2. Background Eraser, Digunakan untuk menghapus area tertentu image menjadi transparan. 3. Magic Eraser, Digunakan untuk menghapus area tertentu image yang memiliki warna yang

serupa 4. menjadi transparan dengan satu kali klik.

L. Gradient, Paint Bucket Tool (Shortcut keyboard: G, atau Shift + G)

1. Gradient Tool, Digunakan untuk mengecat area yang dipilih (selected area) dengan perpaduan banyak warna.

2. Paint Bucket Tool, Digunakan untuk mengecat area yang dipilih dengan warna foreground atau pola tertentu.

M. Sharpen, Blur, Smudge Tool (Shortcut keyboard: R, atau Shift + R)1. Sharpen Tool, Digunakan untuk menajamkan area tertentu pada image. 2. Blur Tool, Digunakan untuk menghaluskan/mengaburkan area tertentu pada image. 3. Smudge Tool, Digunakan untuk menggosok/mencoreng area tertentu pada image N. Dodge, Burn, Sponge Tool (Shortcut keyboard: O, atau Shift + O)1. Dodge Tool, Digunakan untuk menerangkan warna di area tertentu pada image 2. Burn Tool, Digunakan untuk menggelapkan warna di area tertentu pada image 3. Sponge Tool, Digunakan untuk mengubah saturation di area tertentu pada image. O. Selection Tool (Shortcut keyboard: A, atau Shift + A untuk mengubah jenis) Terdiri dari 2 jenis yaitu:

1. Path Selection Tool, Digunakan untuk melakukan selection path 2. Direct Selection Tool, Digunakan untuk mengubah anchor dan direction point dari path. (Path

akan dibahas lebih lanjut pada Bab 5) P. Type Tool (Shortcut keyboard: T, atau Shift + T untuk mengubah jenis) Terdiri dari 4 jenis yaitu:

1. Horizontal Type Tool, Digunakan untuk membuat tulisan secara horizontal 2. Vertical Type Tool, Digunakan untuk membuat tulisan secara vertikal 3. Horizontal Type Mask Tool, Digunakan untuk membuat selection berbentuk tulisan secara

horizontal 4. Vertical Type Mask Tool, Digunakan untuk membuat selection berbentuk tulisan secara

vertikal Q. Pen Tool

1. Pen Tool (Shortcut keyboard: P, atau Shift + P), Digunakan untuk membuat path dengan lengkung-lengkung yang halus

2. Freeform Pen Tool (Shortcut keyboard: P, atau Shift + P), Digunakan untuk membuat path berbentuk bebas

3. Add Anchor Point Tool, Digunakan untuk menambah anchor point pada path 4. Delete Anchor Point Tool, Digunakan untuk menghapus anchor point tertentu pada path 5. Convert Point Tool, Digunakan untuk mengubah anchor dan direction point tertentu pada path

R. Shape Tool (Shortcut keyboard: U, atau Shift + U untuk mengubah jenis) 1. Rectangle Tool, Digunakan untuk menggambar bentuk segi empat

Page 8: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 8

2. Rounded Rectangle Tool, Digunakan untuk menggambar segi empat melengkung 3. Ellipse Tool, Digunakan untuk menggambar ellipse 4. Polygon Tool, Digunakan untuk menggambar polygon 5. Line Tool, Digunakan untuk menggambar garis lurus 6. Custom Shape Tool, Digunakan untuk menggambar bentuk tertentu dari daftar bentuk yang ada S. Notes Tool (Shortcut keyboard: N, atau Shift + N untuk mengubah jenis) 1. Notes Tool, Digunakan untuk membuat catatan pada image 2. Audio AnnotationTool, Digunakan untuk membuat suara/audio pada image

Langkah Mengimport Gambar Ke Komputer

Langakah-langkah yang kita lakukan dengan asumsi sudah terpasang scanner dan driver sudah terinstal. • Klik pada File – import – Kemudian Pilih Scanernya

Pilih pada driver scanner yang ada, kemudian akan tampil dialog box dari scanner

Contoh Scaner Merk Canon

Ada dua driver terinstall yang satunya merk Epson

Page 9: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 9

Sbagai contoh kita menggunakan scanner canon dengan program driver scanner scanGera CS Banyak hal yang bisa di atur

Gambar yang terlihat adalah gambar yang terakhir kita scan bukan gambar yang akan kita scan, untuk melihat gambar yang akan kita import klik pada preview, kemudian akan ada proses

Tunggu Sampai proses menjali selesai sehingga gambar yang akan kita scan(import) kelihatan.

Page 10: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 10

Setelah selesai preview kita masih bisa mengatur bagian yang di scan, setelah itu tekan tombol scan, tunggu proses setelah selesai tutup scangear dialog dengan menekan tombol close di kanan pojok atas.

Page 11: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 11

Setelah dialog box driver scanner ditutup tampilannya akan seperti ini

Setelah itu gambar sudah bisa di edit atau di simpan dengan cara, klik file kemudian save as,

Akan muncul tampilan kotak dialog save as, pilih folder tempat kita menyimpan file, kemudian beri nama file setelah itu klik save

Page 12: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 12

Proses import gambar ke computer menggunakan scanner dan proses menyimpan selesai.

Format, Pilihlah format gambar dengan extension jpg untuk gambar atau foto dan gif untuk gambar dengan background transparan

Page 13: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 13

Edit Gambar

Gambar yang sudah jadi bisa kita perbaiki atau di modifikasi sesuai dengan keinginan kita. Buka gambar yang akan kita edit dengan cara File – Open

Membuka file Yang dah di buat

Membuka dengan nama lain Khusus format psd

Membuka browser gambar photoshop

Membuka file yang pernah kita buka sebelumnya

Page 14: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 14

Pilih file yang akan di buka kemudian klik Open

Look In : Untuk membuka folder tree, tekan pada tanda panah kebawah, kemudian pilih folder tempat foto yang akan di cari berada

Page 15: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 15

Untuk Mengedit foto tool yang akan di gunakan pertama adalah crop tool Tekan tombol ini kemudian select daerah yang akan di crop

Hasil dari crop foto

Area yang akan dipilih (crop) berwarna lebih terang, area yang dipilih bisa digeser2 sesuai dengan keinginan, setelah pas klik kanan pada gambar pilih Crop

Page 16: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 16

Simpanlah foto/gambar hasil crop dengan cara file - save untuk menyimpan dengan nama yang sama atau save as untuk menyimpan dengan nama yang berbeda.

Page 17: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 17

Memberi Text Pada Foto Buka file yang akan kita beri text, sebagai contoh bisa menggunakan gambar yang sudah

ada di computer kita buka di My Document\My Picture\sample Picture\blue Hills.jpg

Untuk menambah text gunakan type tool, terbagi empat 1. Horizontal Type Tool, Digunakan untuk membuat tulisan secara horizontal 2. Vertical Type Tool, Digunakan untuk membuat tulisan secara vertikal 3. Horizontal Type Mask Tool, Digunakan untuk membuat selection berbentuk tulisan secara

horizontal 4. Vertical Type Mask Tool, Digunakan untuk membuat selection berbentuk tulisan secara

vertikal Untuk merubah-rubah jenis tulisan klik kanan pada type tool kemudian pilih salah satu yang anda inginkan. Untuk yang pertama kita coba menggunakan Horzontal type Tool

Page 18: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 18

Klik pada sembarang tempat kemudian tulis, setelah itu klik pada Move Tool, untuk mengatur lagi posisinya, Untuk mengedit tulisan yang kita buat klik pada type tool setelah itu klik pada tulisan yang akan di edit, jika sudah ada lebih dari satu layer, klik pada layer yang akan kita edit di kolom layer untuk mengeditnya

Mengatur jenis tulisan, besar kecil, warna dan posisi

Pilih Layer yang akan kita edit baru kita klik tool

Page 19: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 19

Memotong Gambar

Untuk Memotong Gambar kita bisa menggunakan Lasoo Tool, Lasoo Tool (Shortcut keyboard: L, atau Shift + L untuk mengubah jenis Lasoo) Terdiri dari 3 jenis yaitu:

1. Lasoo, Digunakan untuk membuat area selection dengan bentuk bebas 2. Polygonal Lasoo, Digunakan untuk membuat area selection berbentuk poligon 3. Magnetic Lasoo, Digunakan untuk membuat area selection dengan cara

menempelkan tepi selection pada area tertentu pada image

Untuk merubah lasso tool yang akan gunakan, klik kanan pada lasso tool kemudian pilih lasoo tool apa yang akan digunakan. Untuk permulaan kita gunakan lasoo tool yang nomer satu. Langkah-langkahnya adalah ; • Buka file yang akan kita potong dengan cara klik file – open kemudian pilih file yang

akan kita potong, sebagai contoh kita akan memakai foto

• Kemudia pilih lasoo tool dengan cara klik pada menu tool

• Klik ditahan kemudian gerakkan mengikuti pola gambar yang akan kita potong

• Setelah garis menyatu lepaskan sehingga membentuk pola.

• Klik kanan pada gambar yang akan di potong kemudian pilih Layer Via Copy

• Artinya kita membuat layer baru dengan dari hasil seleksi yang kita buat dengan lasoo tool

Page 20: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 20

Untuk pilihan lasoo tool yang lain bisa dicoba sendiri-sendiri, masing-masing mempunyai kegunaan sendir-sendiri.

Layer baru hasil dari copy via layer, untuk sementara tidak kelihatan karena saling menutup, ganti tool menjadi move tool untuk memindahkan gambar

Layer Baru Hasil Copy via layer

Gunakan menu move tool untuk memindahkan objek atau layer

Layer baru kelihatan setelah kita geser, hasil pemotongan yang kita lakukan

Page 21: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// abi@lpm

Setelah gambar sudah selesai kita potong bisa kita masukan ke gambar yang lain, misalnya kita sudah membuka gambar pemandangan, gambar foto hasil potongan itu kita masukan ke gambar pemandangan menggunakan Move tool, klik pada move tool kemudian pilih layer yang akan kita pindahkan kemudian, klik tahan geret ke gambar pemandangan kemudian jatuhkan.

pilih pada layer yang akan kita pindahkan kemudian klik gambarnya, klik tahan kemudian geret ke gambar pemandangan. Kemudian lepaskan.

Tambahkan beberapa tulisaobjek tulisan maupun gammenggeser objek atau tulisini,

Hasilnya seperti

pjateng.go.id // Page : 21

n, buat juga tulisan yang dengan type tool vertical, Susunlah bar sesuai dengan yang anda inginkan, untuk memindahkan, an pilih pada layer yang di inginkan sehingga menjadi seperti

i i

Page 22: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 22

Gambar diatas sudah membentuk kerangka tetapi belum sempurna, untuk lebih baik lagi paling tidak gambar foto dirapikan kemudian tulisan di beri efek. Kurang lebih seperti di samping ini Gunakan eraser tool untuk menghapus tepian gambar yang berwarna putih, jangan lupa untuk memilih dulu layer yang akan di hapus.

Dalam satu gambar diatas terdiri dari banyak layer(lapisan) untuk mengedit pilih dulu layer mana yang akan diedit,

Page 23: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 23

Memberi Efek Untuk memberi efek baik terhadap layer gambar atau layer yang berupa tulisan. kita dapat menggunakan layer style caranya pada layer kemudian pilih blending option,

Berbagai macam pengaturan bisa kita lakukan di sini, secara garis besar kita bisa memberi efek drop shadaow untuk menampilkan bayangan, memberi warna gradient dan macam-macam. Beri centang pada style yang anda ingin berikan lihat efeknya langsung pada gambar. Setiap style sudah mempunyai nilai default dan masih bisa di ubah sesuai dengan yang kita harapkan, Text Efek Buat file baru dengan cara, file – new,

Content Transparentartinya background dari gambar yang akan kita buat adalah transparent

• Width (Panjang gambar)

• Height (Lebar gambar)

Page 24: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 24

Hasilnya seperti ini, kemudian buatlah tulisan menggunakn type tool

atur besar kecilnya tulisan, jenis tulisan dan warna tulisan di pengaturan. Setelah menulis tekan move tool untuk mengatur posisinya. Klik kanan pada layer tulisan kemudian pilih blending option. Centang pada Drops Shadow, Inner shadow, outer Glow, Beveal And Embos-Centour, untuk mendapatkan hasil seperti dibawah ini

Text yang kita buat kita simpan dengan format gif (*.gif) dengan cara file – save as,

Beri nama pada kotak file name, setelah itu klik save.

Format Gambar extension Gif.

Multimedia interaktif

Page 25: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 25

Untuk Membuat Tampak Transparan Mengunakan opacity

Opcity standartnya adalah 100 artinya layer terlihat jelas, sedang 0 artiny layer sudah trasnparan sehingga tidak kelihatan lagi

Page 26: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page

Merotasi Image Untuk memutar gambar bisa menggunakan menu Image – Rotate canvas

• Memutar Gambar 180 Derajat • Memutar Gambar 90 CW (clock

Wise) Searah Jarum Jam • Memutar Gambar 90 CCC (counter

Clock Wise) Berlawanan Dengan Arah jarum jam

• Arbitrari ialah memutar gambar sebesar nilai yang dimasukan

• Flip Canavas horizontal Membalik gambar secara horizontal

• Flip Canvas vertical membalik gambar secara vertical

: 26

Page 27: Pengenalan Dasar Adobe Photoshop 7

Pengenalan Adobe Photoshop// [email protected] // Page : 27

Free Transform

Untuk memperbesar atau memperkecil suatu layer bisa menggunakan free transform dengan cara pilih layer mana yang akan di edit kemudian klik edit – free transform.

Menu di dalam Image Duplicate, berfungsi untuk menduplikasi file gambar yang sedang kita edit sama persis. Canvas Size, Untuk memperbesar ukuran canvas area kerja Image Size, Untuk memperbesar ukuran dari gambar.

Masih banyak menu dan fasilitas yang ada di dalam adobe photosho yang tidak bisa di masukan kedalam modul ini karena terlalu banyak, silahkan anda banyak mencoba menggunakan menu atau tool yang ada di dalam adobe photoshop.

Klik disini, tahan kemudian gerakan untuk memperbesar maupun untuk memperkecil, setelah itu tekan enter