!14 multimedia photoshop

5/8/2018 !14 Multimedia Photoshop - slidepdf.com

http://slidepdf.com/reader/full/14-multimedia-photoshop 1/15

Bab. 14-Design Grafis / 287

e-Bis& e-Com

BAB.XIV. DESIGN GRAFIS-PHOTOSHOP-CS-X3

Tujuan Pengajaran

Pertemuan kuliah e-Bisnis ini, membahas mengenai modul Design Grafis:

Adobe PhotoShop-CS-X3. Setelah mempelajari materi ini, Mahasiswa diharap-

kan mampu mengedit Gambar dan mendisign Logo Toko-Online. Materi

meliputi :

y Mengenal Adobe Photoshop

y Mengenal Toolbar dan Ikon-Ikonnya

y Pengenalan Layer

y Membuk a File Gambar

y Melak uk an Crop Kepada Ob jek Tak Beraturan

y Pratik um

14.1. Apa itu Adobe Photoshop?

Adobe Photoshop adalah software pengolah gambar yang sangatpowerfull dengan segala fasilitasnya. Hasil gambar olah dengan Adobe

Photoshop ini banyak dilihat di berbagai website, brosur, koran, majalah, dan

media lainnya. Dengan perkataan lain Adobe photoshop merupakan sebuah

software yang berfungsi sebagai image editor . Software ini banyak digunakan

untuk mengedit foto ataupun gambar. Berikut ini tampilan dari photoshop.

Gambar 14.1. Area Kerja Adobe Photoshop




e-Bis& e-Com

Mengenal Area Kerja

Seringkali letak tool-tool (palette) Adobe Photoshop sudah berubah

dimodifikasi oleh pengguna sebelumnya. Untuk mengembalikan letak palette

ini gunakan menu Windows -> Workspace -> Reset Palette Location.

Jalankan Adobe Photoshop kemudian pilih menu File -> Open. Kemudian

pilih buka gambar apa saja. Sebagai contoh di buka gambar asef.jpg (lihatgambar 14.1).

Keterangan :

A. Title Bar, menampilkan nama program photoshop yang sedang aktif.

B. Menu Bar, berisi 9 kelompok menu untuk mengakses perintah, sub menu

dan kotak dialog.

C. Option Bar, berisi parameter dari tool yang sedang diaktifkan.

D. Palette Well, berisi palette file browser dan brushes yang dapat diakses

secara bersamaan.E. Application Control, terdiri dari 3 tombol untuk mengontrol jendela

aplikasi, diantara lain minimize, maximize, close.

F. Toolbox, berisi tool-tool untuk menyeleksi, mengedit, membuat text,

mengatur ukuran tampilan dan warna, dan men-transformasi objek.

G. Document Window, jendela berisi kanvas dimana Anda akan mengedit

dan memanipulasi gambar.

H. Palette, terdiri dari perintah-perintah pendukung untuk mengontrol

tampilan, warna, langkah kerja, layer , dll.

I. Image Magnification, digunakan untuk mengontrol perbesaran tampilan

gambar dalam document window.

J. Document Information, dengan menahan tombol Alt kemudian klik pada

document information, informasi mengenai width, height, channels, dan

resolution dokumen akan tampil.

K. Document Information Selection, digunakan untuk memilih informasiyang

Anda ingin tampilkan dalam document information, seperti document

size, document profile, document dimension, scratch size, efficiency,

timing, dan current tool.

L. Action, berisi informasi atau referensi cepat mengenai penggunaan tool

yang sedang anda gunakan.

14.2. Toolbars

Toolbars adalah sebuah box yang berisi tool-tool yang biasa digunakan

dalam mengolah gambar didalam photoshop.




e-Bis& e-Com

Berikut adalah penjelasan dari masing-masing tool yang biasa digunakan

dalam mengolah gambar/foto:

y Move tool, berfungsi untuk memilih layer dan memindah area seleksi.y Magic wand tool, untuk membuat area seleksi berdasarkan warna-warna

yang sejenis.

y Slice tool, untuk membagi gambar menjadi beberapa bagian.

y Crop tool, digunakan untuk memotong beberapa bagian gambar tertentu.

y Lasso tool, untuk membuat area seleksi dengan pola bebas.




e-Bis& e-Com

y Marquee tool, meliputi rectangular marquee tool, elliptical marquee, single

row marquee, single column marquee. Berfungsi untuk menyeleksi ob jek

dengan pola persegi empat, elips, baris tunggal, dan kolom tunggal.

y Brush tool, untuk membuat cortan k uas.

y Healing brush, digunakan untuk menutup noda yang ada di gambar.

y History brush tool, untuk mengembalikan gambar ke kondisi semulasetelahgambar dimanipulasi.

y Clone stamp tool, untuk menduplikasi area gambar tertentu ke area lain.

y Eraser tool, berfungsi untuk menghapus area gambar tertentu.

y Gradient tool, untuk membentuk gradasi warna dengan berbagai pilihan

tipe dan pola gradasi.

y Dodge tool, untuk mencerahkan atau memutihkan gambar yang agak

gelap. Jika anda meng-klik segitiga kecil yang berada di dodge tool,

anda akan menemukan tool lain seperti burn tool dan sponge tool. Burn

tool digunakan untuk mengelapkan warna gambar sedangkan sponge

tool digunakan untuk menambah/mengurangi kontras warna padagambar.

y Type tool, digunak an untuk mengetik text. Ada dua macam type tool

yaitu horizontal type tool dan vertical type tool.

y Path selection tool, untuk memilih dan memindah posisi path.

y Pen tool, untuk membuat path garis lurus ataupun lengkung. Sedangkan

freeform pen tool digunakan untuk mengambar secara bebas.

y Shape tool, terdiri dari rectangle tool, rounded rectangle tool, ellipse,

polygon, line tool, dan custom shape. Tool-tool tersebut dapat digunakan

untuk mengambar objek berbentuk segi empat, elips, poigon, garis, dan

bentuk bebas. Khusus untuk polygon tool, anda bisa

menambah/mengurangi jumlah sisi yang dimiliki polygon tersebut.

y Notes tool, digunakan untuk menambah informasi dalam bentuk suara,

sedangkan audio annotation digunakan untuk menambah catatan

dalam bentuk suara.

y Eyedropper tool, untuk memilih warna foreground dari gambar atau

teken Alt dan klik untuk memilih warna background dari gambar.

y Hand tool, untuk menggeser dan mengatur posisi gambar dalam jendela

dokumen.

y Zoom tool, untuk memperbesar/memperkecil ukuran tampilan gambar.

Setelah mengenal area kerja dan tool-tool di dalam photoshop, sekarangsaatnya kita

mempelajari teknik-teknik dasar dalam mengolah gambar.

14.3. Pengenalan Layer

Layer merupakan lapisan-lapisan lembar kerja transparan yang berisi

gambar. Sebuah dokumen bisa memiliki satu atau beberapa layer. Layer-layer




e-Bis& e-Com

tersebut tersusun secara bertumpuk pada bagian palets layer sehingga

membentuk suatu gambar.

Layer merupakan lapisan-lapisan lembar kerja transparan yang berisi

gambar. Sebuah dokumen bisa memiliki satu atau beberapa layer. Layer-layer

tersebut tersusun secara bertumpuk pada bagian palets layer sehingga

membentuk suatu gambar .

Gambar diatas dibentuk oleh beberapa layer yang disusun menjadi satu se-

hingga membentuk sebuah gambar. Di setiap layer terdapat sebuah gambar

yang terpisah antara satu dengan yang lainnya. Posisi antara satu layer dengan

yang lainnya dapat diubah dengan cara men-drag layer kita keatas/kebawah.

Hal ini tentunya akan mempengaruhi tampilan dari gambar yang kita miliki.




e-Bis& e-Com

y Untuk membuat jendela baru, pilih menu file/new atau tekan tombol Ctrl+N

y Terdapat beberapa parameter yang dapat diisi di dalam kotak dialog new,

yaitu:

1) Name, nama yang dapat dibuat sendiri sesuai dengan proyek design

yang akan dibuat.

2) Preset, menentukan ukuran dimensional file. 3) Width, menentukan lebar dokumen yang anda buat.

4) Height, menentukan tinggi dokumen yang anda buat.

5) Resolution, menentukan julah resolusi, yaitu jumlah pixel yang menyusun

satu satuan luas yang biasanya diukur dalam satuan ppi (pixels per

inch) atau dpi (dots per inch).

6) Color mode, menentukan mode warna yang akan digunakan di

dokumen baru. Terdapat lima mode yang dapat digunakan, yaitu

bitmap, grayscale, RGB color, CMYK color dan lab color.

7) Back ground content, menentukan warna latar belakang dokumen

yanganda buat.

14.4. Membuk a File Gambar

Untuk membuka file, pilih menu file > open atau tekan tombol Ctrl + ¶O·.

� Pilih gambar yang anda inginkan dan klik ok, maka secara otomatis gambar

tersebut akan muncul sebagai jendela baru.

� Cara lain yang dapat digunakan adalah dengan menggunakan metode

drag and drop. Yang perlu anda lakukan adalah men-drag gambar yang

anda ininkan ke dalam aplikasi photoshop anda.




e-Bis& e-Com

14.5. Menyimpan Gambar

� Pilih menu file > save as atau tekan tombol ¶Shift+Ctrl+S·.

� Pilih format gambar yang anda inginkan.

� Setelah itu klik ok.

y Untuk mengubah ukuran gambar,

pilih menu image > image size.

y Setelah itu, tentukan ukuran

gambar yang anda inginkan, lalu

klik ok. Setelah itu ukuran gambar

anda akan berubah.

y Aktifkan kotak resample image

dan constrain proportion agar

ukuran objek dapat diubah secara

proportional.




e-Bis& e-Com

14.6. Latihan Terbimbing

Pada latihan kali ini, kita akan menggabungkan empat buah gambar

sehingga membentuk sebuah gambar.

Siapkan lembar kerja baru sesuai dengan ukuran yang kalian inginkan.

� Buka gambar awan. jpg, lalu klik pada layer background untuk mengubah-

nya menjadi layer biasa

y Setelah itu, pindahkan gambar awan tersebut kedalam halaman baru

yang telah kita siapkan dengan cara men-drag gambar tersebut.

y Lakukan hal yang serupa dengan gambar gedung. jpg, hanya saja

jangan memasukannya ke dalam halaman baru kita.




e-Bis& e-Com

y Carilah tombol

y dan aktifkan pilihan magic eraser. Gunakan tool tersebut di area yang

bewarna putih untuk mendapatkan hasil seperti berikut:

14.7. Memotong Gambar Dengan Crop

� Geserlah bangunan tersebut ke

dalam halaman yang telah terisi

gambar awan sehingga kedua

gambar tersebut akan

tergabung menjadi satu.

� Lakukan hal yang serupa

kepada kedua gambar lainnyauntuk menggabungkan

keseluruhan gambar tersebut.

� Hasil akhir dari gambar kalian

akan tampak seperti yang telah

dicontohkan.




e-Bis& e-Com

14.8. Melak uk an Crop Kepada Ob jek Tak Beraturan

Kita tidak bisa menggunakan crop tool yang biasa untuk meng-crop objek

yang tidak beraturan. Ada beberapa cara yang dapat kita lakukan yaitu

dengan:

y Menggunakan magic wand dan magic eraser . Hanya saja kedua tools ini

hanya dapat digunakan jika gambar objek memiliki warna yang berbeda

dengan background gambar.

y Menggunakan lasso tool. Cara kerja lasso tool adalah dengan membuat

path di sekitar gambar yang ingin kita crop. Dengan menggunakan lassotool, kita hanya perlu membuat path yang melingkari gambar gelas

tersebut. Awal dari path dan ujung path tersebut harus terhubung satu

sama lain. Setelah membentuk sebuah path, pindahkan gambar tersebut ke

dalam area baru.

� Untuk meng-crop gambar, klik tombol crop

yang berada di toolbox.

� Seleksi area gambar yang ingin di-crop

dengan cara mendrag mouse anda

� Setelah selesai tekan tombol ¶enter·.




e-Bis& e-Com

Latihan 1

� Bukalah file gambar juice. jpg dalam folder latihan dan crop-lah gambar

gelas tersebut.

14.9. Mengatur Pencahayaan Gambar

Latihan 2

Bukalah file jerawat. jpg dalam folder latihan, dan gunakan healing brush tool

Untuk menghilangkan noda jerawat.

y

Pilih file gambar yang andainginkan, lalu pilih menu image >

ad justment > curves.

y Geser garis kurve untuk mengatur

terang/gelapnya gambar.

y Setelah itu klik ok.




e-Bis& e-Com

Clue: setelah menggunak an healing brush, aturlah pencahayaan dan

tambahk an efek gaussian blur

14.10. Menulis Dan Mengedit Text

Untuk menulis text, kita akan menggunakan text tool. Ada dua macam text

tool, yaitu horizontal text tool dan vertical text tool

B e f o r e A

f t er




e-Bis& e-Com

Menggunak an blending options untuk memvariasi text

� Drop shadow, digunakan untuk membuat efek bayangan baik pada objek

vector maupun objek text.

� Outer glow, digunakan untuk membuat efek berkilau pada garis luar objek

agar tampak seperti bersinar.

� Emboss, dignakan untuk member efek timbul.� Outer bevel, juga digunakan untuk membuat efek text timbul.

Perbedaannya dengan emboss adalah bagian outline akan terlihat lebih

jelas.

Untuk melakukan efek-efek seperti

disamping, pilih menu layer >

blending option/ layer > menu

pilihan anda.




e-Bis& e-Com

Latihan 3

� Buatlah bentuk yang menyerupai contoh berikut dengan bahan-bahan

yang telah diberikan.

� Clue: gunakan opacity di dalam layer palet.

14.11. Tugas

� Buatlah sebuah poster/halaman sampul majalah sesuai dengan design

yang anda inginkan.

� Bahan boleh diambil darimana saja.

� Design kalian harus se-kreatif mungkin.

14.12. Catatan

Setelah Proses Intalasi selesai.

Lak uk an setting pada Adobe CS3, yaitu :

y Menu Edit/Preference/General/Option/ semuanya.

y New dok umen tentuk an Uk uran k ertasnya Width : 21 cm, Hight : 29,7 cm,

Resolution : 300 Pixel.




e-Bis& e-Com

!14 multimedia photoshop

Documents