Photoshop,
Bisa!
Disclaimer
---Buku ini pernah dipublikasikan oleh penerbit Informatika dengan judul Cepat & Tepat Photoshop. Karena beberapa pertimbangan, setelah stoknya
habis tidak dicetak ulang. Sesuai aturan kerja sama, bahwa buku yang tidak diterbitkan maka hak ciptanya dikembalikan ke penulis. Akhirnya, penulis menggratiskan ebook ini dan boleh untuk dibagikan kembali selama tidak menghilangkan dan menambahkan sebagian atau seluruhnya ebook ini.
---Daftar Isi
Install QuickTime — 1
Gambaran Singkat Photoshop — 4 • Pendiri Adobe System — 5 • Awalnya Photoshop — 6
• dari ImagePro ke Photoshop kemudian Pencarian Inverstor — 7 • TimeLine Photoshop — 9
• Sejarah Peluncuran — 10
• Penghargaan untuk Photoshop — 12 Membuka File — 16
Pembesaran — 17 Pengecilan — 18 Pergeseran — 19 Isolasi Gambar — 20
Show/Hide Palet Toolbox — 21 Dokumen Baru — 22 Memindahkan Layer — 23 Layer — 24 Ukuran Gambar — 25 Menuliskan Teks — 26 Saving — 27 PSD atau JPG — 28 Memutar Canvas — 29 Meluruskan Gambar — 30 Mencek Image Size — 31 Memotong Gambar — 32 RGB atau CMYK — 33 Kloning — 34 Mengapa EPS — 35 Magic Wand — 36 Menerapkan Warna — 37
Bekerja dengan Banyak Layer — 39 Layer Lagi ... — 40
Tool Rectangle Marque — 44 Filter — 45 Teks (lagi) — 46 (Lagi-lagi) Layer — 47 Resume — 48 Channel — 49 Invert — 50 Seleksi Mask — 51 Gaussian Blurr — 52 Layer Mask — 53 Brush — 54 Pen — 55 Action — 56 Batch — 57 Photoshop’s Action — 58 Contact Sheet II — 59 Web Photo Gallery — 60 Install Font — 61
Mengatur Kesalahan — 62 Type Mask — 63
Teks Kurva — 66
Beberapa Contoh Warp Text — 68 Bevel and Emboss — 70
Gradient Overlay — 72 Tool Gradient — 73
Tool Paint Bucket untuk Pattern — 75 Tool Paint Bucket untuk Foreground — 77 Drop Shadow — 79
Glow — 81 Eraser — 83 Eyedropper — 85 Tool Color Sample — 87 Tool Pen untuk Seleksi — 88 Mencetak Melalui Printer — 91
Tutorial ImageReady 1 Membuat Swipe Effect — 97 Tutorial ImageReady 2 Splash — 116
Membuat Wallpaper 1. Isolasi Gambar (1) 2. Isolasi Gambar (2) 3. Mengganti Background 4. Menuliskan Teks 5. Memasang Wallpaper Perintah yang dipelajari pada tutorial ini:
membuka file, menyimpan, Penggunaan tool lasso, membuat file baru, tentang resolusi, format file, tentang layer, menuliskan teks, pengenalan filter serta perintah lainnya. Foto Frame 1. Mengatur Cropping 2. Adjustment Warna 3. Clonning Gambar 4. Membuat Frame 5. Finishing
Beberapa perintah yang akan dipelajari: meluruskan gambar, image size, cropping, perintah unsharp mask, curve, proses export gambar dari aplikasi CorelDraw.
Kalender Mini 1. Warna Duotone
2. Memasang Penanggalan 3. Menampatkan Nama Bulan 4. Finishing
Beberapa perintah yang akan dipelajari: mengenal mode warna, brightness/contrass, filter riffle, rectangle marque tool, elliptical marque tool, bevel, drop shadow, glow serta yang lainnya.
Kartu Ulang Tahun 1. Isolasi Gambar 2. Proses Masking 3. Menempatkan Image 4. Mencetak gambar
Beberapa perintah yang akan dipelajari:
invert, high pass, levels, masking, import gambar di CorelDraw. Gambar Sketsa 1. Mode Overlay 2. Menambahkan Layer Mask 3. Menggunakan Brush Beberapa perintah yang akan dipelajari:
Mode layer, filter Gausian Blurr, Filter Mask, bekerja dengan kuas.
Membuat Line Art 1. Pengaturan Kuas 2. Proses Line Art 3. Line Art Lanjutan
4. Membuat Halftone 5. Pewarnaan (1)
6. Pewarnaaan (2) 7. Pewarnaan (3)
8. Menambahkan Background
Beberapa perintah yang akan dipelajari: Menset kuas kaligrafi, tool Pen, Path, Cliping
Bonus
1. Membuat Actions 2. Automate > Batch 3. Photoshop’s Actions 4. Contact Sheet II 5. Web Photo Gallery 6. Install Font
terispirasi dari http://www.photoshopsupport.com
terispirasi dari
Membuka file
Cara paling konvensional melalui klik menu File > Open. Cara lainnya adalah...
atau double klik di area coklat ini
preview file yang
terseleksi klik open setelah Anda menemukan filenya
tampilkan secara thumbnail. Anda bisa menggantinya menjadi tiles, icons, list, atau details
Perbesaran
Perbesaran berguna untuk melihat tampilan detil gambar. Ada beberapa cara melakukan pembesaran tampilan. Untuk mengaksesnya Anda bisa memilih salah satu cara berikut.
Z
1. Bagi pemula, Anda bisa memilih cara ini, klik tombol kaca pembesar
untuk perbesaran akurat, ketikkan nilainya di sini
Atau bisa juga melalui palet Navigator (ketikkan nilainya atau geserkan slidernya) 2. Klik untuk penerapannya nilai persentase perbersaran tampilan untuk Zoom
Pengecilan
Untuk pengecilan tampilan layar, Anda bisa mengetikkan nilainya pada status bar atau palet navigator. Atau mau mencoba cara lain...
+ Alt =
atau cara lebih ringkas yaitu menekan tombol Alt (tool Zoom masih dalam keadaan aktif) Bila Anda tetap memilih
yang konvesional, pilih cara ini yaitu dengan mengklik tombolnya.
oh ya masih ada lagi...
Inilah cara yamg paling praktis, tanpa mengklik tombolnya dan tidak peduli tool apa yang aktif. Saya akan banyak melakukan cara ini pada kesuluruhan tutorial.
Ctrl +=
Ctrl —–
untuk perbesaran
untuk pengecilan
Pergeseran
Berguna untuk menggeserkan layar, dirasakan manfaatnya bila gambar berukuran besar (tidak tertampung pada tampilan 100%)
... kemudian drag pada kanvas. 1. Masih belum mau
berubah? klik tool Hand di tool box bagi yang konvesional.
... atau drag kotak merah pada palet Navigator.
Isolasi Gambar
Kita akan berlatih menggunakan Lasso. Lasso bukanlah satu-satunya tool untuk mengisolasi gambar, masih banyak cara lainnya yang disediakan oleh Photoshop (dibahas pada tutorial berikutnya).
OK. Tampaknya memang Anda bertipe konvensional, inilah toolnya, tool bergambar tambang.
Ketik 1 atau 2 untuk Feather. Feather akan menjadikan tepian hasil seleksi tampak halus (tidak berundak).
drag atau klik (sambil menekan Alt) untuk membuat daerah seleksi.
Selesai seleksi, tekan Delete pada keyboard
Untuk membatalkan seleksi, klik di luar area marque (garis nyala redup mirip semut berjalan).
Ini merupakan area seleksi. Untuk
memindahkan area seleksi, simpan kursor di area seleksi kemudian drag. Sekarang cobalah Anda lakukan drag pada area seleksi sambil menekan tombol Ctrl pada keyboard. Apa yang terjadi?
Untuk menyembunyikan/ memunculkan toolbox dan panel yang biasa tampil di kiri dan kanan kanvas tekan
Tab Alt
Gunakanlah Lasso Polygon (dengan klik, bukan drag) untuk membuat seleksi berupa garis lurus. Kombinasikanlah dengan drag untuk membuat bentuk bebas.
Lasso polygon.
+ =
sambungan halaman sebelumnya
Show/hide palet toolbox
Alt Shift untuk mengurangkan seleksi Untuk menambahkan seleksi
Bila Anda telah membuat seleksi, Anda bisa melakukan
Dokumen Baru
Cara paling umum melalui File > New. Cara lainnya ...
Ctrl N
nama dokumen yang akan Anda buat
Pilihan ukuran dokumen yang disediakan oleh Photoshop. Anda bisa memilih A4, A3 serta ukuran lainnya di sini.
Ukuran lebar dokumen yang akan dibuat. Ukuran tinggi
dokumen yang akan dibuat.
resolusi dokumen
Backgorund yang bisa dipilih; putih, transparan atau warna background (diatur pada warna background, lihat halaman 37 )
Resolusi Dokumen
Kita akan menggunakan hasil akhir dokumen ini untuk konsumsi layar monitor, sehingga kita memilih resolusi 72 dpi. Untuk keperluan dokumen cetakan, pilihlah resolusi antara 200 - 300 dpi untuk menjaga kualitas gambar.
Memindahkan Layer
klik tool Move (gambar panah) atau tekan
V
dokumen tujuan dokumen sumber
klik layer pada dokumen sumber yang akan dipindahkan kemudian drag menuju dokumen tujuan
Layer
Urutan tampilan gambar. Layer paling atas pada palet Layer akan ditampilkan paling atas pada kanvas.
Tampilan urutan layer. Anda bisa memindahkan urutan layer dengan cara mendrag layer terseleksi ke atas atau bawah.
Menambahkan layer baru (klik) atau duplikat (drag layer tersekeksi) membuang layer terseleksi menambahkan layer style
Mode layer. Lihat tutorial 6!
Opacity bisa Anda gunakan untuk mengatur nilai transparan layer terseleksi. Lihat tutorial ?
klik layer kemudian drag untuk
memindahkan urutan, menduplikat atau membuang.
Ukuran Gambar
1. Klik layer kemudian tekan Edit > Free Transform atauuntuk menampilkan titik node
2. Drag node ke dalam gambar untuk pengecilan atau ke luar untuk perbesaran.
Untuk ukuran pasti, ketikkan nilai lebar dan tingginya
untuk membalikkan gambar kiri <> kanan, pilih Flip Horizontal atau Flip Vertical untuk atas <> bawah.
T Ctrl
Menuliskan Teks
2. Sorot teks yang akan diedit
1. Klik tool teks atau tekan kemudian ketikkan teksnya. Teks secara otomatis menjadi layer tersendiri memeriksa tampilan huruf satu persatu
Style serta pengaturan huruf; bold, normal, italic, ukuran, allignment, warna serta yang lainnya. Cobalah untuk bereksperimen dan lihat hasilnnya!
Saving
Pilih File > Save atau tekan Aktifkan pilihan layers agar file dokumen masih bisa diedit
Pilih PSD untuk format filenya. Anda bisa memilih TIF, JPG, serta format lainnya melalui kotak ini
tuliskan nama filenya
Ctrl S
Untuk penyimpanan file JPG diberikan kotak dialog JPG Options...
Atur nilai kompresi sesuai keperluan. Nilai yang terlalu kecil akan mengganggu kualitas tampilan.
PSD atau JPG?
PSD
PSD merupakan format asli Photoshop yang mendukung semua fitur photoshop. Format ini memiliki kedalaman warna hingga 16 juta serta mendukung alpha channel. Ketika dibuka pada Photoshop, format PSD masih bisa menampilkan informasi mengenai layer, mask serta yang lainnya sehingga memudahkan untuk koreksi atau melanjutkan pengembangan. JPEG
JPEG (Joint Photographic Experts Group) atau bisa disebut juga JPG merupakan format yang sering dipakai untuk menampilkan image pada dokumen HTML di layanan internet dan online. File dokumen JPG berukuran kecil karena melalui proses kompresi. Tingkat kompresi tinggi akan
menghasilkan kualitas gambar yang rendah sementara tingkat kompresi rendah akan menghasilkan kualitas gambar lebih baik. Format JPEG
mendukung mode warna RGB, CMYK, Grayscale dan tidak mendukung alpha channel.
Pada dokumen PSD informasi mengenai layer masih bisa ditampilkan. Hal ini sangat penting ketika Anda bermaksud melakukan koreksi atau melanjutkan pekerjaan. Bukalah dokumen JPG, apakah juga menampilkan informasi yang sama?
Memutar Canvas
Klik menu Image > Rotate Canvas. Beberapa pilihan yang bisa diambil:
180° memutar kanvas 180° (terbalik) kiri ke kanan, atas ke bawah.
90° CW memutar kanvas 90° searah jarum jam 90° CCW memutar kanvas 90° kebalikan arah jarum jam
Arbitrary memutar kanvas berdasarkan nilai derajat yang dimasukkan. Kita akan mempraktekannya ke depan.
tunggu... hingga Photoshop menyelesaikan perintah Anda.
Meluruskan Gambar
1. Klik tool Measure. Bila Anda tidak melihat tool ini, tekan panah segitiga kecil pada tool di atas tool Zoom untuk memaksanya keluar
Shift I tekan berkali-kali hingga tool measure muncul.
2. Cari bagian lurus dari gambar, kemudian dengan tool measure, buat garis mengikuti bagian tersebut.
3. Pilih Image > Rotate Canvas > Arbitrary. Biarkan nilai yang dipilihkan oleh Photoshop, kemudian tekan OK. Sebentar kemudian gambar telah berdiri tegak.
Mencek Image Size
Klik menu Image > Image Size
Perkiraan ukuran
besar file. lebar dokumen dalam satuan pixels Tinggi dokumen
dalam satuan pixels
lebar dokumen dalam satuan cm. Anda bisa mengganti satuan cm menjadi mm, inch atau yang lainnya melalui menu drop down ini. tinggi dokumen dalam satuan cm. aktifkan untuk perubahan ukuran bersifat proporsional
tanda rantai berarti perubahan bersifat proporsional
resolusi gambar dalam pixel/inch
Memotong Gambar
C
1. Klik tombol
Crop 3. Buat area persegi yang mencakup seluruh gambar.
4. Perkecil/perbesar area seleksi bila diperlukan. Tekan SHIFT bila perubahan ingin proporsional. Untuk menggeserkan kotak Crop, klik pada area kemudian drag.
5. Tekan ENTER atau double klik pada area Crop untuk menerapkan pemotongan.
untuk tombol Crop
2. Isikan nilai lebar, tinggi serta resolusi untuk image hasil crop. Anda juga bisa mengabaikan langkah ini.
RGB dan CMYK
CMYK
CMYK merupakan salah satu nama mode warna. Nama CMYK berasal dari komponen warna penyusunnya. C berarti Cyan, M Magenta, Y Yellow dan K untuk Black (tidak menggunakan B agar tidak dibingungkan dengan Blue). Nilai pada komponen CMYK ditetapkan dengan persentase. Warna terang ditetapkan dengan nilai persentase yang kecil, sementara gelap (shadow) ditetapkan dengan nilai presentase yang besar. Warna putih bisa Anda dapatkan dengan menetapkan nilai 0% untuk keempat komponen warna pada CMYK. Beberapa aplikasi dekstop publishing (misalnya Adobe PageMaker) mewajibkan mode CMYK untuk image separasi yang akan dibuat massal melalui percetakan.
Secara teori, kombinasi penuh dari C, M, dan Y akan menghasilkan nilai Black (hitam). Dikarenakan semua tinta cetak mempunyai impurty (kotor), ketiga tinta ini menghasilkan warna coklat tua pada cetakan dan harus dikombinasikan dengan K (black) untuk menghasilkan warna yang benar-benar hitam. RGB
Komponen RGB terdiri dari R (red), (G) Green dan B (blue). Penetapan jangkauan nilai untuk mode RGB adalah dari 0 hingga 255. Nilai 255 untuk ketiga komponen akan menghasilkan putih. Sementara nilai 0 akan menghasilkan hitam. Nilai yang sama untuk untuk tiap komponen akan menghasilkan warna pada range abu-abu. Warna RGB yang overlap menghasilkan warna Cyan, Magenta dan Yellow.
Cyan (C) Yellow (Y)
Magenta (M)
C + M = B (Blue) Y + M = R (Red)
C + Y = G (Green)
Kloning
Proses ini digunakan salah satunya untuk memperbaiki bagian gambar yang rusak.
S untuk Stempel 1. Klik tombol
Stempel
3. Tekan Alt untuk mengambil warna (texture) sumber kloning.
2. Atur besarnya kuas, kalau
perlu juga mode serta opacity. 4. Klik pada bagian rusak yang ingin diperbaiki.
untuk membesarkan diameter kuas. Berlaku juga untuk tool Brush. untuk mengecilkan diameter kuas. } ] { [
Mengapa EPS?
Terkadang Photoshop tidak mampu memenuhi semua kebutuhan elemen gambar yang dibutuhkan untuk proyek kerja kita (kalaupun bisa membutuhkan waktu yang relatif lama, sehingga lebih repot). Jangan khawatir, Photoshop bisa menerima format file yang bermacam-macam sehingga memungkinkan untuk membuka file dari aplikasi lain. Kita akan mencoba membuka file yang dibuat oleh CorelDraw (aplikasi pengolah gambar vektor). Untuk memindahkannya ke Photoshop bisa melalui proses Export. Saya pribadi lebih memilih file berformat eps karena bisa membuat background menjadi transparan.
File EPS mampu membuat backround menjadi transparan
Magic Wand
Berguna untuk membuat seleksi berdasarkan kesamaan warna. Tool ini bergambar tongkat sulap.
W
untuk magic wand
1. Klik Magic Wand
3. Bawa tongkatnya kemudian klik pada daerah yang akan diseleksi
4. Selanjutnya Anda bisa mengganti warna (lihat halaman 37), membuang (delete) atau melakukan edit lainnya pada daerah seleksi. 2. Bila perlu, atur Toleransi
(jangkaun kesamaan warna seleksi) serta Anti aliased (agar hasil seleksi tidak berundak)
Menerapkan Warna
1. Buat warna sesuai yang Anda inginkan. Klik pada foreground atau background
foreground
background
Pilih warna dengan menggeserkan slider kemudian klik warna yang diinginkan pada kotak sebelah kiri. Cara ini banyak memberikan cara coba-coba ...
atau cara yang akurat yaitu mengisikan komposisi warnanya. Cobalah untuk menuliskan nilai C 100, M 0,
Y 100 dan K . Lihatlah warna yang dihasilkan. Atau cobalah masukan FFFFFF pada kotak masukkan #.
Kotak warna atas adalah preview warna baru yang terpilih, sementara kotak warna bawah adalah preview warna lama sebelum perubahan
Paint Bucket. Lihat halaman selanjutnya
Sambungan halaman sebelumnya...
Untuk menerapkan warna pada area terseleksi, pilih salah satu cara berikut:
• untuk menerapkan warna Bacground pada area terseleksi
• untuk menerapkan warna Foreground pada area terseleksi
Cobalah menggunakan tool paint Bucket (tool yang dilingkari) untuk menerapkan ke daerah seleksi dan lihatlah hasilnya!
X
Tombol jalan pintas bermanfaat yang berhubungan dengan kotak warna foreground
backround
menukar antara warna foreground dan background
D mengembalikan warna ke pilihan default yaitu hitam untuk foreground dan putih untuk background
Ctrl BackSpace
Back Space
Alt
Bekerja dengan Banyak Layer
Mengunci layer terseleksi agar tidak bisa diedit. Layer yang telah
diterapkan effects layer. Double klik untuk pengeditan. Double klik untuk
mengganti nama layer.
menandakan layer dalam keadaan terkunci Cobalah ini. Seleksi layer (sebaiknya yang berada di tengah
pada urutan layer, kemudian tekan...
... dan lihatlah perubahannya! Ctrl Ctrl } ] { [
Layer Lagi...
Pengetahuan tambahan untuk layer setelah sebelumnya dicicil pada penjelasan di depan.
Tanda bahwa layer visible. cobalah klik pada mata ini dan lihat apa yang terjadi!
Merge visible akan menggabungkan semua layer yang tampak (visible) menjadi satu layer saja.
Klik Flatten image
kemudian bandingkan, apa bedanya dengan perintah merge visible!
E Shift
Ctrl
Selain mengklik pada palet layer, cara lain untuk menyeleksi bisa dengan cara klik kanan pada kanvas kemudian pilih layer yang diinginkan
Curve
Inilah satu fasilitas yang disediakan oleh Photoshop untuk mengatur warna image. Anda boleh mencoba fasilitas lainnya, misalnya Levels, Color balance, Hue/saturation (kesemuanya tedapat pada menu image > adjusment). Kemudian bandingkan masing-masing kelebihannya.
1. Pilih warna yang akan Anda atur. Pilihan warna yang tersedia bergantung mode warna yang dipilih. Pada contoh menggunakan mode waran CMYK (Image > Mode > CMYK. Untuk menerapkan perubahan untuk keseluruhan warna gunakan pilihan paling atas (atau tekan Ctrl ~), pada contoh ini yaitu CMYK.
2. Geserkan grafik hingga mendapatkan perubahan warna pada image yang Anda inginkan.
3. Bisa juga mengisikan nilai masukan
pada kolom input dan output. 4. Cek tampilan sebelum dan sesudah perubahan dengan mengklik kotak cek preview
Eraser
Tool penghapus yang bisa Anda gunakan untuk membuang bagian yang tidak perlu. Digunakan dengan cara disapukan (melalui klik dan drag mouse).
1. Klik tool Eraser
E
2. Atur pilihan Eraser
bila perlu. 4. Klik atau drag untuk memulai menghapus
3. Pilih layer yang akan diterapkan penghapusan.
Duotone
Membuat gambar terdiri dari dua warna saja. Anda bisa mengunakan duotone untuk membuat foto berkesan klasik. Untuk memilih duotone, pindahkan terlebih dahulu ke mode grayscale, kemudian pilih duotone (dari menu Image > Mode).
Pilih Duotone. Anda juga bisa memilih Monotone (1 warna), Tritone (3 warna), Quadtone (4 warna).
Klik pada kotak warna kemudian pilih warna yang akan ditampilkan pada gambar.
Jumlah kotak tinta yang disediakan bergantung pada pilihan type yang diambil (pada contoh duotone yang berati dua).
Nama dari warna yang terpilih. Anda juga bisa menuliskan nama warnanya langsung tanpa mengklik kotak warna (tentu saja bila Anda hapal namanya)
Klik kotak preview untuk menampilkan sebelum dan sesudah perubahan.
Tool Rectangular Marque
Berguna untuk membuat area seleksi berbentuk persegi panjang.
1. Klik tool
Rectangular Marque 2. Cobalah untuk mengisikan nilai feather yang besar, misalnya 20. Lihatlah bagaimana hasilnya!
3. Drag untuk membuat area seleksi. Cobalah untuk menahan Ctrl ketika mendrag dan perhatikan bagaimana hasilnya.
4. Simpan pada layer tersendiri (bila perlu)
E untuk Tool Rectangular Marque
Filter
Fasilitas dari Photoshop untuk mengolah foto berupa spesial efex. Tidak semua filter dibahas pada tutorial, oleh sebab itu ada baiknya Anda mencoba sendiri masing-masing filter.
Klik menu Filter > Texture > Texturizer.
Pilihan pengaturan yang bisa Anda set sesuai keinginan.
Kategori yang
bisa Anda pilih. Tampilan Thumbnail dari kategori terpilih.
Teks (lagi)
Tool Text bisa diakses dari tombol keyboard dengan menekan T. Sementara tool text tersebut tidak hanya satu, melainkan ada empat pilihan (lihat gambar). Untuk berpindah antara pilihan tool Text, gunakan penekanan SHIFT.
Pilih tool teks untuk
penulisan arah vertikal sorot terlebih dahulu teks, untuk melihat hasil perubahan secara real time.
Pengaturan jarak antar karakter Apa ini? Anda boleh mencobanya sendiri
E Shift
(... lagi lagi) Layer
Sudah saatnya kita melakukan secara bertahap meninggalkan cara konvensional untuk menuju cara yang lebih praktis. Kita akan mengontrol nilai opacity pada layer melalui keyboard, tidak lagi menggeser slider atau menuliskan nilainya. Setidaknya ini akan menghemat waktu.
Seleksi terlebih dahulu layer yang akan diatur opacity-nya
numeric pad, sekelompok tombol yang ditempatkan di sebelah kanan pada keyboard. Num Lock 7 8 9 4 5 6 1 2 3 0
Pastikan numeric pad dalam keadaan aktif dengan menekan Num Lock.
Tekan 1 untuk 10, 2 untuk 20 dan seterusnya. 54 bisa Anda dapatkan dengan menekan 5 dan 4 secara cepat. Untuk 100 tekan 0.
Terdapat hampir dua lusin mode layer, Anda bisa mencobanya untuk tiap-tiap perubahan.
Resume
Terdapat beberapa bagian yang tidak dijelaskan melalui tutorial animasi. Berikut ini adalah penjelasannya yang bisa membantu pemahaman Anda.
Lingkaran dibuat dengan tool Eliptical Marque. Kemudian diterapkan Bevel (Layer > Layer style > Bevel and Emboss) serta Glow dengan pilihan Outer Glow (Layer > Layer style > Outer Glow)
Angka 7 diterapkan Inner Shadow (Layer > Layer style > Inner shadow)
Tulisan Juli diterapkan Stroke dan Drop Shadow.
Kotak warna kuning diterapkan Motion Blur (Filter > Blur > Motion Blurr...) untuk kemudian diterapkan drop shadow.
Channels
palet channels Tampilan warna penuh.
Channel ini sebenarnya merupakan kombinasi channel-channel di bawahnya (RGB merupakan pilihan mode warna yang dipakai). Ketika Anda memilih CMYK (Image > Mode > CMYK color) maka nama Channel pun menjadi CMYK.
Channel warna independen. Pada pilihan RGB, terdapat tiga channel terpisah yaitu Red (R), Green (G), Blue (B). Cobalah pindahkan mode warna ke CMYK kemudian lihat berapakah channel independen yang terbentuk.
Channel hasil duplikat yang ke depannya akan dibuatkan Channel Mask untuk keperluan seleksi objek.
Ikon untuk menambahkan channel.
Invert
Image > Adjusment > Invert
Putih merupakan pixel yang akan diambil sementara hitam merepresentasikan mask. Bila bagian pixel yang akan diambil lebih gelap dari bagian yang tidak akan diambil, gunakan Invert untuk menukar hitam dengan putih.
I Ctrl
Seleksi Mask
Setelah selesai membuat gambar menjadi bagian hitam dan putih, selanjutnya kita buat seleksi untuk pengambilan gambar.
1. Klik Channel Mask
2. Klik Channel tampilan penuh
3. Drag menuju dokumen baru
Gaussian Blurr
Filter ini membuat gambar menjadi kabur pada layer terseleksi.
Filter > Blur > Gaussian Blur...
Tampilan perubahan dari
nilai yang terpilih Nilai blur yang ingin diterapkan. Tentukan jangkauan
lingkaran perubahan dengan menggeserkan (mengisikan) pada radiusnya. Klik untuk melihat sebelum perubahan dan setelah perubahan.
Layer Mask
5. Aktifkan layer Mask Thumbnail 1. Buat layer baru 2. TambahkanLayer Mask pada layer baru 3. Klik tool Brush
4. Pilih bentuk kuas
6. Atur warna Foreground menjadi hitam
7. Drag dengan kuas yang barusan Anda pilih pada kanvas. Bagian yang tersapu akan menjadi bolong (tembus sehingga menampilkan gambar pada layer di bawahnya)
Brush
Window > Brush preview pilihan Angle dan
Roundness
Isikan nilai sudut putaran kuas pada kotak Angle. Gunakan bersama Roundness untuk membuat garis kaligrafi. Roundness akan mengatur lebar kuas nilai diameter kuas Hardness merupakan kelembutan kuas. 0% berarti lembut (kabur) sementara 100% berarti tegas.
Jarak pixel antara guratan kuas diatur pada Spacing. Nilai kecil berati menghasilkan jarak yang lebih dekat.
Pen
Berbeda dengan tool Lasso, Tool Pen masih memungkinkan untuk mengatur titik demi titik pada pembuatan seleksi (pilih Make Selection, lihat halaman 88). Sekarang kita akan menggunakan tool Pen (bukan tool Path seperti pada pembicaraan di tutorial, sekaligus koreksi) untuk menggambar.
1. Klik tool Pen
P
2. Shape Layers atau Paths? Pilih Paths karena kita akan
memanfaatkannya dalam bentuk garis.
3. Tool Pen atau Tool Freeform Pen? Pilih Tool Pen untuk menggambar titik demi titik.
4. Klik titik demi titik mengikuti gambar. Untuk mengedit titik (memindahkan posisi) serta segmen (membuat lengkung) gunakan tombol Ctrl pada keyboard.
Action
2. Pilih New Actions 1. Window > Actions 3. Beri nama Actions 4. Pilih tombol pada keyboard untuk mengaktifkan action. 5. Tekan tombol Record untuk memulai perekaman
6. Perintah yang telah masuk ke dalam action gabung
7. Tekan tombol Stop bila telah
selesai. Untuk mengaktifkan actions, tekan tombol
Play, atau tekan Shortcut key yang telah didefinisikan (pada contoh F12)
Batch
Inilah proses otomatis yang bisa dipakai untuk menerapkan action, lebih singkat dengan sekali perintah untuk puluhan file (bahkan ratusan). Keluarkan kotak dialog Bacth dengan klik File > Automate > Bacth.
1. Pilih actions yang telah didefisikan 2. Pada contoh,
kita pilih folder
3. Kemudian pilih folder yang akan diterapkan actions
4. Atur pilihan ini:
Termasuk sub folder, abaikan membuka kotak dialog, abaikan peringatan profile warna. 6. Tekan tombol OK dan biarkan Photoshop melakukannya untuk Anda. 5. Cek pilihan pada
Destination.
Lewat kotak pilihan ini Anda bisa mengatur file hasil penerapan action ditempatkan pada folder terpisah dengan sumber.
Photoshop’s Actions
Photoshop memberikan Actions siap pakai yang bisa langsung Anda terapkan. Anda bisa memilih menurut kategori yang diberikan.
1. Pilih kategori 2. Pilih actions yang
akan Anda terapkan
3. Tekan Play untuk memulai penerapan. 4. Tunggu sebentar...
Contact Sheet II
Fasilitas dari photoshop untuk menempatkan beberapa gambar yang telah dipilih ke dalam satu file yang disusun berdasarkan baris dan kolom. bermanfaat untuk membuat katalog.
1. File > Automate > Contact Sheet II
2. Pilih Folder serta aktifkan Include All Subfolder tempat file berada
3. Atur ukuran dokumen beserta resolusinya. Agar ukuran file tidak terlalu besar, aktifkan pilihan Flatten All Layers.
Preview tampilan dari nilai yang diisikan pada pengaturan
Jumlah baris dan kolom tampilan thumbnails. Aktifkan Rotate For Best Fit agar Photoshop menempatkannya dengan lebih teratur. Pada contoh, file db_03.tif yang berorientasi aslinya landscape diputar otomatis menjadi portrait agar ditempatkan lebih teratur.
jenis huruf serta besar nama file Contoh dokumen hasil
Web Photo Gallery
Bila Contact Sheet cocok untuk membuat katalog untuk keperluan print (bentuk cetakan), maka Web Photo Gallery berguna untuk membuat katalog yang akan dikonsumsi melalui layar monitor (publikasi elektronik). File dokumen Web Photo Gallery beformat HTM .
1. File > Automate > Web Photo Gallery
3. Atur folder sumber (tempat gambar file berada) dan folder tujuan (tempat file hasil ditempatkan)
2. Pilih style, Anda bisa melihat preview dari style yang Anda pilih di sebelah kanan. 5. Bukalah browser (misalnya Internet Explorer) untuk menampilkan hasilnya. File dokumen ditampilkan dalam bentuk tabel.
Klik link untuk tampilan detail 4. Atur ukuran tampilan
thumbnail serta jumlah baris dan kolomnya. Border merupakan ukuran batas tabel.
Install Font
Anda bisa menambahkan koleksi font ke sistem komputer sehingga bisa tampil pada aplikasi Photoshop.
1. Bukalah folder tempat font berada. File font biasanya berekstensi TTF. Anda bisa mencari dan mendownload gratis di internet dengan kata kunci free font, download font atau sejenisnya.
2. Bukalah folder C:\ Windows\Fonts
3. Seleksi font yang akan ditambahkan kemudian drag
menuju C:\Windows\Fonts 4. Tunggu proses selama komputer melakukan Install Font. Bila telah selesai, bukalah aplikasi Photoshop untuk segera menggunakan font yang barusan Anda install.
Mengatur Kesalahan
Anda bisa menekan Ctrl Z untuk mengembalikan ke keadaan sebelum kesalahan terjadi. Tapi ini hanya berlaku untuk satu kali perintah terakhir. Bagaimana dengan beberapa perintah yang telah terlanjur Anda terapkan? Jangan khawatir, Photoshop memberikan fasilitas History.
1. Keluarkan paletnya melalui Windows > History.
Tampilan urutan perintah yang telah dilakukan. 2. Klik pada daftar perintah yang telah
dilakukan untuk mengembalikan ke keadaan sebelum kesalahan terjadi.
Tool Type Mask
Tool Type Mask bisa digunakan untuk menuliskan teks bertekstur gambar.
1. Klik Tool Horizontal Type Mask. 2. Buka file gambar
Shift T beberapa kali hingga mendapatkan Horizontal Type Mask. Tool gunakan
3. Buatlah dokumen baru melalui File > New.
Ctrl N untuk membuat dokumen baru.
4. Tuliskan teks pada dokumen yang akan diambil teksturnya. 5. Klik tool Move kemudian drag
pada tulisan masking menuju dokumen baru.
6. Dan inilah hasilnya. Cobalah untuk meneruskan pengeditan dengan penerapan Layer style misalnya Drop Shadow atau Bevel.
Teks Kurva
Tidak hanya teks horizontal dan vertikal saja yang mampu dibuat pada Photoshop. Anda juga bisa membuat teks melengkung seperti yang dihasilkan pada CorelDraw. Pada Photoshop, fasilitas yang memungkinkan untuk melakukan ini adalah Warp Text.
1. Tuliskan teks. Gunakan tool
type untuk keperluan ini. 3. Silakan pilih style yang akan Anda Klik pada pilihan style. gunakan.
preview realtime dari pengaturan yang dilakukan geserkan slider segitiga atau mengisikan nilainya untuk setiap perubahan yang ingin diterapkan. Bend merupakan arah kurva. Nilai positif akan menghasilkan arah yang berlawanan dengan nilai negatif. Horizontal Distortion akan menghasilkan perspektif secara horizontal (mengecil pada bagian kiri dan kanan).
style yang dipilih
Vertical Distortion akan menghasilkan perspektif secara vertikal (mengecil pada bagian atas dan bawah).
Bevel and Emboss
Salah satu efek layer yang sering digunakan adalah Bevel and Emboss. Efek layer ini akan mengatur kemiringan satu sisi objek dan memberikan bayangan pada sisi lainnya. Berikut ini properti Bevel and Emboss yang penting. Hal pertama yang mesti Anda lakukan adalah menyiapkan objek yang diterapkan Bevel and Emboss.
Layer > layer style > Bevel and Emboss. Pilih style bevel di sini,
misalnya Inner Bevel. Inner Bevel akan menerapkan perubahan pixel di dalam layer. Ukuran perbesaran dan pengecilan bevel. nilai sudut bayangan warna bayangan mode bayangan Soften akan mengatur halus/ kasar sisi bevel. Semakin tinggi nilai soften maka sisi bevel akan semakin halus. Preview dari setiap perubahan nilai yang diterapkan.
Pillow Emboss akan menerapkan inner bevel yang kemudian membalikkan warna pada outer bevel untuk membuat efek celah.
Preview Pillow Emboss
Smooth akan menjadikan sisi bevel tampak halus.
Emboss akan membuat bevel yang merupakan gabungan dari inner bevel dan outer bevel sekaligus
Outer Bevel akan menerapkan bevel pada pixel di luar layer.
Gradient Overlay
Tidak hanya warna solid saja yang bisa diterapkan pada objek. Photoshop memungkinkan untuk menerapkan warna gradasi pada objek melalui fasilitas Gradient Overlay.
1. Siapkan objek yang akan diterapkan Gradient Overlay. Pada contoh ini berupa teks.
4. Klik salah satu pilihan warna dari daftar preset yang tersedia
2. Layer > Layer Style > Gradient Overlay...
3. Pilih Gradient Overlay
5. Klik untuk mengganti warna gradasi atau geser-geserkan untuk mengatur posisi warna gradasi.
6. Bila perlu, Anda juga bisa menambahkan warna baru pada gradasi dengan mengklik
Tool Gradient
Tool Gradient akan memberikan hasil yang hampir sama dengan Gradient Overlay. Tool Gradient diatur dengan manual sehingga Anda bisa mengatur arah sudut dan panjang gradasi.
1. G untuk tool Gradient. Tekan Shift untuk menukar dengan tool Paint Bucket.
2. Pilih linear, radial, angle, reflected atau diamond
Klik untuk pengaturan lebih lanjut
3. Buatlah area seleksi menggunakan tool Lasso atau Magic Wand. Penerapan tool Gradient tanpa seleksi akan berpengaruh terhadap seluruh layer atau objek.
Bila diperlukan, tambahkan beberapa warna lagi pada gradasi dengan mengklik di sepanjang garis ini.
Klik untuk membuat titik awal...
... kemudian drag pada titik lain. Sudut dan panjang garis yang ditarik akan mempengaruhi arah dan jarak gradasi.
Tool Paint Bucket untuk Patern
Selain bisa digunakan menerapkan warna solid, Tool Paint Bucket juga bisa digunakan untuk menerapkan patern (pola) pada objek.
Shift
G untuk Tool Paint Bucket. Bila yang terseleksi tool Gradient,
tekan
G
1. Tekan
2. Pilih Patern
3. Pilih Patern yang diinginkan dari daftar
4. Siapkan area seleksi yang akan diterapkan patern.
Simpan pada layer baru (bila perlu)
5. Klik pada area seleksi
Area seleksi setelah penerapan Patern
Tool Paint Bucket untuk Foreground
Selama tutorial pada CD, untuk megisikan warna pada objek kita menggunakan Alt Back Space. Terdapat cara lain yang menghasilkan tampilan yang sama, yaitu melalui fasilitas tool Paint Bucket.
1. Klik tool Paint Bucket
2. Pilih Foreground
Atur Mode dan Opacity bila perlu
3. Siapkan area seleksi. Anda bisa mengabaikan ini bila menginginkan penerapan warna untuk satu layer penuh.
4. Atur warna Foreground dengan cara mengkliknya. Pilih warna yang Anda inginkan. Warna inilah yang akan diterapkan begitu tool Paint Bucket diklik.
4. Klik pada area seleksi.
Inilah warna yang telah diterapkan pada area seleksi. Penerapan tool Paint Bucket pada tutorial bisa dilihat pada halaman 104 membuat Swap Image.
Drop Shadow
Drop shadow akan memberikan efek bayangan yang jatuh menimpa objek. Bayangan yang dihasilkan akan ditampilkan di belakang objek. Keluarkan panel Drop Shadow melalui menu Layer > Layer Style > Drop Shadow. Beberapa pengaturan penting yang sering digunakan ditampilkan sebagai berikut.
Pastikan Drop Shadow terpilih.
Preview.
Nilai kepekatan bayangan. Nilai 30-70 memberikan tampilan yang realistis
Secara default Photoshop memberikan warna hitam. Klik di sini untuk menggantinya.
Putarkan garis pada lingkaran untuk mengubah arah bayangan. Nilai 108 pada contoh berarti sumber cahaya berada di atas (108°) sehingga bayangannya berada di bawah kanan.
Size akan mengatur besar/kecil ukuran bayangan.
Distance berguna untuk mengatur jarak bayangan dengan objek.
objek setelah diterapkan drop shadow
Layer yang telah diterapkan
effect diberi tanda dengan ikon huruf f dalam lingkaran beserta namanya. Untuk pengeditan lakukan double klik di sini.
Selain melalui menu Layer > Layer Style, Anda juga bisa menerapkan efek layer dengan cara mengklik ikon ini.
Glow
Efek Glow akan memberikan pancaran cahaya yang mengelilingi objek. Terdapat dua pilihan yang disediakan oleh Photoshop; Outer Glow dan Inner Glow. Outer Glow akan memancarkan cahaya ke luar objek mengisi bagian transparan layer sementara Inner Glow memancarkan cahaya mengarah ke dalam objek. Pada contoh ini, ditampilkan beberapa bagian penting dari pengaturan pada Outer Glow.
Layer > Layer Style > Outer Glow... Yakinkan Outer
Glow telah terpilih. Warna pancaran cahaya. Klik kotak ini bila ingin mengganti warnanya
Noise akan menambahkan bagian transparan secara acak yang akan memudarkan pancaran cahaya. Size mengatur
pancaran cahaya lebih besar atau kecil. Spread mengatur lebar/sempit pancaran cahaya. Preview perubahan.
Objek setelah diterapkan Outer Glow.
Double klik untuk melakukan perubahan.
Klik ikon mata untuk menampilkan dan
Eraser
Tool Eraser berfungsi untuk menghapus bagian-bagian objek yang tidak akan digunakan. Photoshop meyediakan 3 pilihan kuas Eraser; Brush, Pencil Block. Eraser Brush telah dipraktekkan pada tutorial 3. Penjelasan lainnya mengenai eraser ditampilkan sebagai berikut.
untuk
Eraser Besar kuas dan jenisnya
E Pilih yang mana? Brush,
Pencil atau Block
Photoshop menyediakan 3 tool Eraser untuk digunakan sesuai keperluannya masing-masing; Tool Eraser, Tool Background Eraser dan Tool Magic Eraser. Anda bisa bereksperimen menggunakan 2 tool terakhir untuk beberapa gambar yang berbeda sehingga bisa disimpulkan fungsi spesifiknya.
Coretan yang dihasilkan penghapus mode Brush menghasilkan sisi yang lembut.
Coretan yang dihasilkan penghapus mode Pencil menghasilkan sisi yang tampak berundak.
Mode Block menghapus objek dengan kursor segi empat yang berukuran tetap.
Eyedropper
Eyedropper bermanfaat untuk mengambil warna langsung dari image tanpa perlu untuk menuliskan komposisi warnanya.
I
1. Tekan untuk tool
Eyedropper. 2. Bawa pointer ke gambar kemudian klik pada warna yang akan diambil.
3. Warna yang diklik akan ditampilkan pada Foreground. Untuk memasang warna yang diambil menjadi Background, lakukan klik.
Untuk mencek kompisisi warna yang telah diambil dari image, bisa melakukan salah satu cara berikut:
1. Double klik kotak warna Foreground sehingga akan menampilkan kotak color picker
2. Melalui palet Info. (window > info). Bisa dilihat, nilai kompisisi warna
ditampilkan sama dengan yang diberikan oleh kotak dialog color picker.
Tool Color Sample
Tool Color berfungsi untuk mengambil informasi komposisi beberapa warna sekaligus. Ketika memakai tool ini, Photoshop secara otomatis akan mengeluarkan palet info.
Shift
2. Klik pada warna di objek yang akan dicari komposisi warnanya. Photoshop membolehkan Anda membuat empat acuan color sample. 1. Tekan I Acuan color sample yang ditempatkan dengan penomoran. Anda bisa memindahkan posisinya dengan mendrag ke lokasi
Nilai contoh warna berdasarkan nomor acuan.
3. Klik tombol Clear untuk menghilangkan acuan color sample pada objek.
Tool Pen untuk Seleksi
Tool Pen bisa digunakan untuk membuat bentuk atau menyeleksi objek seperti halnya tool Lasso. Melalui tool Pen, Anda masih bisa mengontrol handle, sudut dan segment sebelum dipindahkan menjadi seleksi.
P
pilih Paths
pilih tool Pen
Klik untuk membuat titik. Photoshop akan secara otomatis membuat segment yang menghubungkan antar titik yang Anda buat. Buatlah bentuk yang mengikuti objek yang akan diseleksi. Untuk membuat bentuk tertutup, tempatkan titik terakhir yang Anda buat dengan titik pertama.
Gunakanlah tombol Ctrl untuk menyeleksi, memindahkan serta mengedit segment, handle
serta titik yang belum pada tempatnya.
Untuk memindahkan bentuk path menjadi seleksi. Lakukan langkah berikut:
1. Keluarkan panel Paths melalui Window > Paths.
2. Klik tombol Load path as a selection.
3. Sekarang bentuk path berubah menjadi seleksi.
Setelah bentuk menjadi selection, Anda bisa memperlakukan pengeditan objek terseleksi sama halnya ketika bekerja dengan tool lasso atau magic wand. Salah satunya memindahkan objek.
Salah satu tool yang bisa digunakan untuk pengeditan objek terseleksi, Tool Move
Mencetak Melalui Printer
Setelah Anda menyelesaikan semuanya, langkah terakhir adalah mencetak melalui printer (kecuali bila Anda berniat memasangnya di internet). Berikut ini pilihan dan fasilitas yang sering dipakai ketika proses pencetakan dilakukan. Panduan ini menggunakan printer HP Deksjet 1180C. Secara prinsip kotak dialog yang ditampilkan akan sama walaupun barangkali beberapa kotak dialog menampilkan pilihan yang berbeda dengan printer yang Anda gunakan.
P
Ctrl Alt
mem-preview tampilan terlebih dahulu sebelum mencetak akan memberikan keyakinan kepada Anda bahwa image ditempatkan dengan benar (misalnya tidak terpotong)
preview image pada halaman kertas
Secara default image akan ditempatkan di tengah kertas. Unchek bila Anda ingin mengubahnya kemudian isikan nilai batas pada kotak Top untuk nilai atasnya kemudian Left untuk kiri.
Secara default image akan di-print
dengan perbesaran 100%. Untuk keperluan gambar yang lebih besar atau kecil, Anda bisa mengganti nilai 100% dengan nilai baru atau mengisikan pada kotak isian Height dan Width.
Klik tombol Page Setup... untuk mengubah ukuran kertas. Lihat gambar halaman selanjutnya!
Pilihan kualitas cetakan.
Best akan memberikan hasil yang paling bagus namun prosesnya paling lama. Normal memberikan kualitas cetakan menengah. Pilihan ini telah cukup untuk mencetak gambar tanpa keperluan detail yang tinggi. Fast akan mencetak cepat dengan kualitas image yang rendah. Biasanya dilakukan untuk menghemat tinta.
Sesuaikan orientasi kertas; Portrait untuk orientasi kertas berdiri sementara Landscape untuk pilihan kertas memanjang (tidur).
Pilih kertas yang memungkinkan keseluruhan image bisa tercetak. Semua pilihan kertas dilengkapi dengan informasi ukuran panjang dan lebar.
Untuk keperluan pencetakan banyak, ganti nilai 1 dengan jumlah cetakan yang diperlukan.
Kotak cek Collate akan aktif bila Anda mencetak lebih dari 1. Collate akan memerintahkan untuk mengeluarkan halaman yang sama terlebih dahulu hingga terpenuhi jumlah salinan baru kemudian ke halaman selanjutnya dan begitu seterusnya.
Aktifkan Convert To bila Anda berkeinginan untuk mengkonversikan image yang dibuat menjadi Graysale atau Sepia pada hasil cetakan.
Lihatlah preview terlebih dahulu sebelum memulai pencetakan.
Beberapa printer memungkinkan untuk melakukan pengaturan gelap/ terang, warna, saturasi serta volume tinta yang dikeluarkan pada gambar hasil cetakan.
Semuanya sudah beres? Klik OK untuk mulai proses pencetakan.
Adobe ImageReady
ImageReady adalah software yang dipergunakan untuk kebutuhan animasi bagi keperluan web. ImageReady merupakan software bawaan Photoshop. Aplikasi ini akan muncul bila Anda meng-install Photoshop dengan pilihan lengkap. Tampilan pada ImageReady tidak terlalu jauh dengan tampilan pada Photoshop. Untuk memasang file dari ImageReady pada situs, Anda bisa menggunakan aplikasi pengolah HTML misalnya Macromedia Dreamweaver.
Untuk membuka Adobe ImageReady bisa dengan mengklik namanya dari daftar program ...
... atau melalui tombol pada toolbox di Photoshop.
File hasil pengolahan ImageReady nantinya akan berbentuk animasi berekstensi .gif. GIF merupakan format warna 8 bit yang berarti mempunyai warna berbeda hingga 256 (2 pangkat 8). GIF merupakan format yang bagus untuk gambar line art, logo atau tulisan. GIF kurang bermanfaat bila dipakai untuk gambar photografi yang biasanya mempunyai warna lebih dari 256 dengan transisi warna yang halus.
GIF mendukung gambar animasi serta background transparency. Selain itu, format GIF didukung oleh semua web browser grafis.
Membuat Swipe Effect
Tutorial ini mengikuti Michael Baumgardt pada tips dan trik Adobe Photoshop. Beliau adalah seorang praktisi dan penulis buku Web Design dan Dekstop Publishing berkebangsaan Jerman. Tutorial ini diberi nama swipe effect yang biasa dilihat pada tampilan banner iklan.
Pertama:
Buat dua tampilan gambar yang disimpan pada masing-masing layer set. 1. Buat dokumen baru berukuran 500 × 85 pixels.
Ctrl N
Beri nama banner, atau apapun yang Anda inginkan.
Untuk latihan ini, isikan nilai 85 pixel untuk tinggi...
... dan lebarnya 85 pixel.
Pilih Transparent
2. Buatlah layer set untuk setiap swipe effect.
Inilah dokumen yang akan kita buat, 500 × 85 pixels. Tampilkan 100% agar kita bisa melihat bagaimana animasi berjalan sesungguhnya.
Keluarkan panel Layer (Window > Layer)
2. ... Sebanyak dua kali
3. Buang layer yang tidak terpakai sehingga tampilan pada gambar panel layer akan seperti berikut.
4. Ganti nama Set 1 dan Set 2 dengan misalnya gambar 1 dan gambar 2.
double klik untuk mengganti nama
Layer ini tidak akan dipergunakan...
... sehingga kita perlu
membuangnya. Klik pada ikon tong sampah ini.
5. Kita akan mulai membuat gambar. Buatlah gambar atau tulisan yang Anda inginkan.
tampilan gambar 1
panah bawah menunjukkan layer set sedang dibuka
layer-layer ini masuk ke dalam layer set gambar 1.
tampilan gambar 2 Yakinkan bahwa
layer-layer harus masuk ke dalam salah satu layer set (tidak ada yang diluar).
Kedua:
Menukar Gambar 1. Duplikat layer set.
Kita akan membuat animasi yang berulang, oleh sebab itu duplikat terlebih dahulu layer set gambar 1 kemudian pindahkan ke urutan paling bawah. Anda bisa mengabaikan ini bila animasi tidak akan berulang (looping).
Klik panah untuk menggulung layer set sehingga menghemat tempat.
kemudian drag layer set hasil penduplikatan menuju urutan paling bawah layer.
Klik kanan kemudian pilih Duplicate Layer Set.
2. Tambahkan Layer Mask
Kita akan menggunakan layer mask untuk mengatur penggantian gambar. Tambahkan layer mask pada tiap layer set kecuali yang paling bawah.
1. Klik tombol add a mask...
2. ... pada layer set gambar 1 dan gambar 2.
3. Lepaskan Link Layer Mask.
Agar layer pada masing-masing layer set tidak mengikuti perubahan ketika dipindahkan nanti. Lepaskan link pada masing-masing layer set sehingga tak ada lagi ikon link pada panel layer.
4. Terapkan warna hitam pada masing-masing layer mask. Terapkan terlebih dahulu pada layer mask di layer set gambar 1.
Set dahulu warna foreground dengan black atau tekan D pada keyboard untuk mengubah kotak warna menjadi tampilan default (warna foreground hitam dan background putih). Untuk menerapkan warna pada layer mask, gunakan tool Paint bucket.
Hilangkan ikon link agar perubahan pada mask tidak mempengaruhi objek lainnya dalam layer set. Lakukan pada kedua layer set.
5. Terapkan juga untuk layer set gambar 2.
Penerapan warna hitam pada layer mask akan menjadikan gambar 2 kosong sehingga tembus menampilkan image pada layer di bawahnya (gambar 1 copy).
klik pada ikon mask.
menandakan bahwa layer mask sedang aktif. Klik pada layer
set gambar 2 (tengah) Gunakan tool
Paint bucket.
Layer set gambar 2 akan kosong sehingga menembus ke layer di bawahnya (menampilkan image gambar 1 copy)
Ketiga:
Menganimasikannya
1. Buka panel animasi melalui Window > Animation kemudian buat frame baru.
Layer mask masih dalam keadaan terseleksi
Untuk menambah frame, klik
duplicate current frame ...
Inilah frame hasil duplikat
... atau bisa juga melalui pilihan New Frame Window > Animation
2. Geserkan layer mask pada layer set gambar 2.
Seleksi frame ke-2
... geserkan layer mask ke kanan hingga keseluruhan gambar lengkap ditampilkan. Gunakan tool Move atau bisa juga
dengan ...
... untuk memindahkan layer mask ke kanan kanvas.
masih bekerja pada gambar 2.
3. Tambahkan dua frame.
4. Ulangi langkah yang sama dengan nomor dua untuk frame terakhir dengan pengubahan pada layer set paling atas (layer set gambar 1).
3. Seleksi layer mask pada layer set gambar 1 4. Geserkan ke kanan ...
5. ... hingga memunculkan image yang utuh. 1. Klik dua kali 2. Seleksi pada frame ke-4
5. Terapkan perintah Tween agar perpindahan frame menjadi lebih halus.
4. Anda bisa mengisikan nilai berapapun tetapi secara umum 10 hingga 20. Kita coba masukkan nilai 15. Tekan tombol OK
1. Seleksi dua frame awal kemudian keluarkan kotak perintah tween.
Gunakan Shift untuk menyeleksi frame lebih dari satu.
2. Klik ... 3. ... dan pilih Tween...
Secara otomatis Photoshop menambahkan frame baru sebanyak nilai yang diisikan (15 buah).
6. Lakukan perintah yang sama untuk dua frame terakhir karena kita berkeinginan animasi ini berjalan terus-menerus (looping).
Untuk animasi terus menerus pilih Forever.
Sekarang frame pada palet animasi menjadi banyak karena telah mengalami penambahan.
Seleksi frame 18 dan 19 (dua terakhir)
Pilih Tween dan isikan nilai 15.
Keempat: Saving Animasi 1. Lakukan test
Lakukan test terlebih dahulu pada banner yang telah dibuat. Banner akan dimainkan dengan tanpa jeda sehingga gambar banner yang utuh terlihat hanya sebentar.
Kita akan memberikan jeda pada frame yang memunculkan image secara utuh. Jeda yang diberikan 5 detik.
2. Cari frame pada banner yang telah memunculkan image secara utuh. Pada contoh ini 5 detik diterapkan untuk frame 17 dan 34.
Panel animasi akan mem-preview jalannya animasi.
Klik Plays/Stops Animation untuk memainkan dan menghentikan animasi
3. Tekan Tombol Plays/Stops Animation untuk melihat hasil perubahan. Klik delay waktu
pada frame 34 dan pilih 5 detik Pilih frame yang telah utuh menampilkan image
Frame 17 dan 34 akan menunggu lima detik untuk mengganti image dengan frame lain.
3. Untuk lebih akurat, Anda bisa melakukan test melalui browser, misalnya Internert Explorer.
Klik File > Preview in > Iexplore.
Anda bisa melihat beberapa informasi penting berkenaan dengan banner mengenai format file, dimensi, besar file, warna, jumlah frame serta kode halaman HTML.
4. Simpan file
Bila semuanya telah sesuai dengan apa yang diharapkan, lakukan penyimpanan.
Anda bisa memilih File > Save Optimized… dengan menyimpannya dalam format gif atau HTML.
Pilih HTML and images. File > Save Optimized…
Untuk menceknya, bukalah menggunakan browser (misalnya Internet Explorer) Inilah file HTML hasil penyimpanan.
Photoshop akan secara otomatis membuat folder images untuk menempatkan file gif.
Tutorial ImageReady
Splash
Ini merupakan tutorial kedua ImageReady. Beberapa teknik telah dipraktekkan pada tutorial pertama. Pada tutorial kedua ini kita akan melibatkan efek filter dalam pembuatan animasi.
Pertama:
Siapkan Background-nya
1. Buatlah dokumen dengan spesifikasi berikut. 1. Beri nama splash atau apapun yang Anda inginkan.
3. ... dan 300 untuk tinggi. 2. Isikan 300 untuk lebar ... 4. Pilih Transparent.
Inilah dimensi dokumen yang telah didefinisikan, pasang pada pembesaran 100%
2. Untuk keamanan tampilan warna (hanya warna untuk web saja yang ditampilkan) aktifkan Only Web Colors. 1. Klik kotak warna Foreground untuk menerapkan warna
4. Terapkan pada layer background 2. Buatkan background ... atau mengisikan kode warnanya. 3. Klik pada warna
yang diiinginkan ...
3. Buatkan Frame-nya
1. Gunakan Tool Rounded Rectangle Marquee.
2. Isikan 15 untuk nilai ketumpulan sudutnya.
4. Simpan layer baru di urutan paling atas.
3. Klik tombol New Layer untuk menambah layer baru
daerah seleksi 5. Drag untuk
6. Untuk menukar area seleksi tekan
8. Atur Foreground
menjadi putih. 9. Alt Backspace.Terapkan pada frame. Gunakan
7. Ganti nama menjadi frame
Kedua:
Pasang Gambarnya 1. Buatkan Layer Set.
2. Susun Layer
Pidahkan layer frame ke urutan paling atas.
1. Klik New Layer Set dua kali.
2. Ganti nama layer set menjadi photo dan teks agar memudahkan me-manage-nya
Pindahkan layer frame ke paling atas ...
... dan background di paling bawah
3. Buat elemen image penyusun untuk masing-masing layer set. Kita mulai dengan layer set teks.
2. ... dan yang kedua, layer yang merupakan duplikat dari layer satu.
1. Layer set teks terdiri atas dua layer. Satu layer yang bertuliskan
www.situsdezul.cjb.net (atau apapun yang Anda inginkan) ...
Tampilan filter motion blurr pada layer duplikat. 3. Layer hasil
penduplikatan diterapkan filter motion blurr (Filter > Blurr > Motion Blurr)
panah bawah akan menampilkan seluruh layer yang masuk ke dalam layer set teks
Pilih angle 0° dengan distance diatur lebar.
1. Image kesatu adalah Layer 1 yang merupakan layer asli.
3. Image ketiga merupakan duplikat dari layer Layer 1 copy.
2. Image kedua berupa duplikat dari layer 1 yang kemudian diterapkan filter Brightness/ Contrast
4. Terapkan Brightness/Contrast pada Layer 1 Copy (Image > Adjustment > Brightness/Contrast). Isikan Brightness dengan nilai 100 dan Contrast -100 ...
... sehingga menghasilkan objek berwarna putih.
1. Ganti nama menjadi Brightness. 2. Ganti nama menjadi
motion blur. Layer ini merupakan duplikat dari layer Brightness yang kemudian
diterapkan filter motion blurr
3. Inilah hasilnya
Berarti susunan layer set teks akan tampak seperti berikut ini ...
Background dan Frame akan muncul pada tiap tampilan layer set.
background ditempatkan di luar layer set.
frame ditempatkan di luar layer set layer set teks
Tampilan layer teks yang
bertuliskan www.situsdezul.cjb. net
Sementara untuk layer set photo akan tampak seperti berikut ... Layer 1 layer asli Duplikat brightness yang kemudian di terapkan Motion Blurr
Duplikat dari Layer 1 yang diterapkan brightness/contrast. tampilan pada layer set
Ketiga:
Menganimasikannya. 1. Keluarkan palet animasi.
Mulailah dengan layer set teks. Aktifkan dan seleksi layer Motion Blurr. a. Pindahkan objek ke pinggir kanan hingga habis (tidak terlihat). Bila
mendapatkan kesulitan ketika memindahkan objek karena yang pindah malah objek di layer lain, gunakan saja tombol Shift dan panah kanan.
window > animation 4. Untuk memindahkan,
gunakan tool move atau ... 2. Non aktifkan layer teks di bawahnya 1. Aktifkan dan seleksi layer motion blurr
3. Seleksi frame ke-1
Shift
b. Tempatkan layer motion blurr di tengah-tengah kanvas pada frame kedua.
2. Seleksi frame ke-2 1. Masih
menggunakan tool move atau dengan cara geser Shift panah kanan.
4. Pindahkan layer motion blurr ke tengah-tengah kanvas
3. Perubahan hanya terjadi pada layer motion blurr
c. Aktifkan layer tulisan dan hide layer motion blurr pada frame ketiga. 1. Klik untuk menambahkan satu frame 2. Seleksi frame ke-3
... dan non aktifkan layer motion blurr.
2. Layer Set Photo
a. Buatkan frame baru ke-4 untuk perpindahan layer motion blurr.
b. Buat frame ke-5 dengan layer motion blur berada pada tengah-tengah kanvas, mirip perintah ketiga langkah 1 point b.
1. Gunakan tool move untuk menggeserkan atau melalui tombol Shift dan Panah kanan. 5. Pindahkan ke kanan hingga habis. 4. Aktifkan layer motion blurr
3. Seleksi frame ke-4 2. Klik untuk
menambahkan frame6. Tempatkan motion blurr di tengah kanvas pada frame ke-5
1. Seleksi frame ke-6
2. Aktifkan layer hanya pada layer brightness.
c. Tambahkan satu frame lagi (frame ke-6). Aktifkan layer Brightness dan nonaktifkan motion blurr.
Klik untuk menambahkan frame
d. Buatkan frame baru (frame 7). Aktifkan layer 1 dan nonaktifkan layer brightness.
Klik untuk
menambahkan frame
1. Seleksi frame ke-7 2. Aktifkan hanya pada layer 1 saja. preview-nya akan
e. Buatkan frame satu lagi (frame ke-8). Tampilan pada frame ke-8 sama dengan frame ke-1 yaitu dengan hanya mengaktifkan layer background dan dan layer frame.
3. Mengatur Waktu Jeda
Klik pada frame 3 (layer yang telah tampil full). Pada frame ini akan diatur waktu jeda menjadi 3 detik atau bisa diganti menjadi nilai berapapun yang Anda inginkan.
Aktifkan hanya layer background dan layer frame
1. Klik delay
2. Pilih other...
4. Lakukan juga pada frame ke-3
Keempat: Simpan
1. Sebelum menyimpan. Lihatlah dulu preview-nya dengan menekan tombol Plays/Stops Animation.
2. Untuk tampilan lebih akurat bagaimana animasi yang dihasilkan berjalan, gunakan browser Internet Explorer melalui File > Preview in > iexplorer.
Informasi penting berkaitan dengan file animasi yang akan dihasilkan.
3. Bila semuanya berjalan sesuai dengan apa yang Anda harapkan, simpan dokumen melalui File > Save Optimized As.... Pilih *.gif (tanpa file html) atau pilih file HTML (sekaligus image gif).
Misalnya kita pilih HTML.
Untuk melihat hasilnya, carilah file HTML kemudian double klik sehingga terbuka pada browser.
