Membuat Gambar/ Banner Animasi

Sunday, April 10, 2011
Catatan mengenai langkah-langkah atau cara membuat gambar/ banner animasi menggunakan software Adobe Photoshop CS3 Extended.

Ikutilah panduan berikut ini, untuk membuat banner/ gambar animasi.

KLIK GAMBAR INI UNTUK MELIHAT ORANGNYA BERGERAK


1. Buka software adobe Photoshop CS3.

2. Tekan tombol "Ctrl" dan "N" secara bersamaan atau klik "File" kemudian "New". Setelah itu akan muncul dialog box untuk mengatur halaman yang akan digunakan.

3. Pada dialog box tersebut :
- Untuk mengatur lebarnya, ubahlah angka disebelah kanan tulisan "Width".
- Untuk mengatur tingginya, ubahlah angka yang ada pada sebelah kanan tulisan "Height".
- Untuk mengatur satuan panjangnya, klik tanda "v" pada sebelah kanan kotak yang ada pada sebelah kanan kotak untuk meletakkan angka pengatur lebar dan tinggi halaman tadi. Satuan yang disediakan antara lain : pixels, inches, cm, mm, points, picas dan columns.
- Untuk resolusinya, gunakan 72 pixels/inch. Caranya, isi kotak di sebelah tulisan Resolution dengan angka 72, kemudian klik tanda "v" disebelah kanan kotak sebelahnya, setelah itu klik tulisan pixels/inch.
- Pada "Color Mode" pilihlah "RGB Color" dan "8 bit".
- Pada "Background Contents", pilihlah yang Anda inginkan.
- Klik "OK"

4. Untuk mengubah warna background :
- Klik tulisan "Layer" yang letaknya pada deretan menu utama.
- Letakkan cursor pada "New Fill Layer", kemudian pilih bentuk background yang diinginkan. "Solid Color" untuk memilih satu warna, "Gradient" untuk memilih warna luntur atau gabungan, "Pattern" untuk memilih background dengann pola tertentu. Klik saja yang Anda pilih.

5. Klik tulisan "Window" pada deretan menu utama, kemudian klik "Animation" untuk memberi tanda centang pada sebelah kiri tulisan tersebut. Setelah itu akan muncul window untuk mengatur pembuatan animasi.
Klik kiri dan tahan pada bagian paling atas yang kosong pada window tersebut, kemudian tarik ke bawah atau ke atas halaman, agar tidak mengganggu pandangan Anda dalam pengerjaan frame. Untuk memanjangkan atau memendekkan ukurannya, letakkan cursor pada bagian samping terluar window tersebut sehingga kursor berbentuk garis horisontal dengan dua anak panah pada kedua ujungnya, kemudian klik kiri, tahan dan geser keluar, untuk memanjangkannya atau ke dalam untuk memendekkannya. Setelah itu, klik kiri pada bagian yang berbentuk garis-garis seperti halaman buku tulis. Ukurannya sangat kecil dan letaknya di pojok kanan atas, di bawah tanda minus "-" dan silang "x". Cari tulisan "New Layer Visible in All Frames". Hilangkan tanda centang pada sebelah kiri tulisan tersebut dengan cara meng - klik - nya. Hal tersebut dimaksudkan untuk mencegah munculnya layer baru pada frame yang lain. Jika Anda ingin layer terbaru muncul pada semua frame, maka Anda tidak perlu menghilangkan tanda centang pada sebelah kiri tulisan tersebut.

6. Membuat tulisan/ teks
- Klik simbol yang berbentuk huruf "T". Letaknya pada bagian kiri. Jika ada, klik-lah "Window", kemudian centang/ klik "Tools" untuk memunculkan window yang terdapat simbol huruf "T" tadi.
- Setelah itu, pindahkan cursor ke bagian halaman yang ingin diberi tulisan, kemudian ketik tulisan yang Anda inginkan.
- Untuk mengubah warna teks/ tulisan, blok teks atau tulisan yang ingin diubah warnanya, kemudian cari simbol yang berbentuk kotak segi panjang dengan satu warna. Letak deretannya di bawah deretan menu utama, sebelah kanan simbol untuk mengatur text alignment dan di sebelah kiri simbol yang berbentuk huruf "T" miring ke kiri yang dibawahnya terdapat garis melengkung ke atas dengan tanda panah di kedua ujungnya. Jika sudah ketemu, klik-lah simbol yang berbentuk kotak tersebut. Setelah itu akan muncul dialog box untuk memilih warna. Letakkan cursor berbentuk bulat pada warna yang diinginkan. Geser dua segitiga kecil berwarna putih di sebelahnya dengan cursor, ke atas atau ke bawah, untuk mencari warna lain. Jika ingin memilih warna yang hanya digunakan pada web, kasih tanda centang dengan klik kiri pada kotak di sebelah kiri tulisan "Only Web Colors" yang ada pada bagian bawah. Setelah itu klik "OK", maka warna teks berubah.
- Untuk mengubah bentuk font teks : blok teks yang ingin diubah bentuk font-nya, kemudian pilih bentuk font yang diinginkan, dengan cara meng-klik nama font yang ada pada daftar nama font. Klik tanda "v" yang ada di sebelah kanan nama font, kemudian klik nama font yang diingikan. letak daftar nama font tersebut ada pada sebelah kanan simbol kedua dari kiri, pada deretan di bawah menu utama.
- Untuk mengubah ukuran teks : blok teks, kemudian cari simbol yang ada di bawah tulisan "Window" pada menu utama. Klik tanda "v" yang ada pada sebelah kanan simbol tersebut, dan klik ukuran yang diinginkan. Atau dengan cara klik kanan dan tahan simbol yang berbentuk dua huruf "T", satu besar dan yang satunya kecil, kemudian geser ke kanan sambil menahan klik tersebut untuk memperbesar ukurannya atau ke kiri untuk memperkecilnya. Cara lainnya adalah dengan menekan tombol "Ctrl", "Shift" dan ">" pada keyboard Anda dengan cara bersamaan, untuk memperbesar ukuran font-nya, atau "Ctrl", "Shift" dan "<" untuk memperkecil ukuran font-nya. - Untuk menggeser/ memindah letak teks : klik simbol move tool. Letaknya paling atas pada deretan menu tools, berbentuk mata panah miring ke kiri atas, di kanan bawahnya terdapat tanda "+" dengan mata panah kecil di keempat ujungnya. Setelah itu, klik kiri pada teks, tahan dan geser ke arah yang diinginkan. Jika letak teks sudah sesuai keinginan, lepas klik tersebut. Sekaang posisi teks telah berpindah. - Untuk melengkungkan teks, gunakan simbol yang berbentuk huruf "T" miring ke kiri yang dibawahnya terdapat garis melengkung ke atas dengan tanda panah di kedua ujungnya. - Untuk mengubah teks alignment, gunakan simbol teks alignment. - Untuk mengubah ketebalan teks, cari simbol berbentuk dua huruf "a" yang posisinya tidak sejajar, terdapat di bawah deretan menu utama. Hanya muncul saat tools untuk membuat teks digunakan. Klik tanda "v" yang ada pada sebelah kanan kotak di sebelah kanan simbol tersebut, kemudian klik nama ketebalan huruf yang diinginkan. - Untuk mengedit kembali teks yang telah diketik, klik-lah simbol "T" pada menu tools yang letaknya disebelah kiri, kemudian letakkan cursor disela-sela huruf dan klik kiri satu kali. Tulisan pun dapat diedit kembali. - Untuk menghapus hasil editing, gunakan tombol "Alt", "Ctrl" dan "Z" pada keyboard, ditekan bersamaan. Untuk mengembalikan hasil edit, gunakan tombol "Shift", "Ctrl" dan "Z" dengan ditekan bersamaan juga. 7. Memasukkan gambar - Klik "File" kemudian klik "Place". - Setelah muncul dialog box, pilihlah gambar yang ingin dimasukkan pada frame/ halaman yang sedang dikerjakan, dengan cara double klik pada gambar tersebut atau dengan meng-klik gambar tersebut satu kali, kemudian klik tombol "Place". - Jika gambar telah muncul pada frame, Anda bisa mengatur ukurannya dengan meletakkan cursor pada sudutnya atau pada bagian terluar gambar tersebut, hingga cursor berubah bentuk menjadi garis dengan dua anak panah pada kedua ujungnya, kemudian klik, tahan dan tarik keluar untuk memperbesarnya atau ke dalam untuk memperkecil ukuran gambar tersebut. - Untuk memindahkan posisi gambar tersebut, letakkan cursor pada bagian tengah gambar sehingga berbentuk anak panah. Kemudian klik kiri, tahan dan geser ke posisi yang diinginkan. - Untuk memiringkan atau memutar gambar, letakkan cursor diluar gambar kemudian klik kiri, tahan dan tarik cursor ke atas, ke bawah, memutar atau miring lalu lepaskan setelah didapatkan posisi yang diinginkan. - Setelah itu klik kanan pada gambar atau background, kemudian klik "Place". Untuk membatalkannya, klik "Cancel". - Untuk mengeditnya kembali, klik "Window" kemudian "Layers" atau tekan F7. Cari nama gambar pada window "Layers" yang muncul. Letak window tersebut pada sebelah kanan halaman/ frame. Klik nama gambar tersebut, kemudian klik "Edit" pada menu utama lalu klik "Free Transform". Gambar pun bisa diedit kembali posisi dan ukurannya. - Anda juga bisa mwmasukkan gambar ke frame tersebut dengan membuatnya langsung dengan rectangle tool dan beberapa tool lain yang ada pada bagian menu "Tools". 8. Perhatikan window "Animation" yang telah dijelaskan pada langkah ke-lima (5). Lihat ke deretan simbol di sebelah bawah bagian kiri pada window tersebut. - Cari tombol "duplicate", berbentuk persegi yang pada bagian kiri bawahnya terdapat bentuk seperti lipatan kertas. Fungsi dari simbol tersebut adalah untuk menambah frame. Satu kali klik pada simbol tersebut, sama dengan menambah satu frame. Setiap frame yang ditambahkan adalah duplicate/ tiruan dari frame sebelumnya. Agar frame tersebut berbeda, maka Anda harus mengedit frame tersebut secara manual. _ Di sebelah kiri tombol "duplicate" adalah tombol "tween", sedangkan sebelah kanannya (yang berbentuk bak sampah) adalah tombol "delete", fungsinya untuk menghapus frame. Satu kali klik pada tombol tersebut adalah sama dengan mengurangi satu frame. - Klik frame yang ingin diedit, kemudian lakukan pengeditan sesuai langkah-langkah diatas. - Untuk menghilangkan layer pada frame/ halaman yang diedit, klik simbol mata disebelah kiri penanda layer yang ingin dihilangkan dari frame yang sedang diedit. Penanda layer tersebut terdapat pada window "Layers". Jika simbol mata tersebut hilang, berarti layer tidak muncul pada frame. Untuk memunculkan kembali layer tersebut, klik pada kotak disebelah kiri penanda layer, sehingga simbol mata untuk layer tersebut muncul kembali. - Buatlah beberapa frame yang berbeda, dengan cara di atas. - Setelah masing-masing frame selesai Anda kerjakan, lakukan pengaturan delay dari masing-masing frame. Klik bagian bawah frame yang bertuliskan angka diikuti tulisan "sec" dan segitiga hitam kecil menghadap ke bawah. Pilihlah delay time yang diinginkan. - Untuk mengatur loop atau banyaknya putaran pergantian frame, klik tombol yang ada di bawah frame "1". Pilih "Once" untuk satu kali putaran, "Forever" untuk putaran tak terbatas atau "Other" untuk menentukan sendiri banyaknya putaran frame. - Untuk menjalankan animasi, klik segitiga hitam yang tanpa garis di belakangnya, dengan ujung menghadap ke kanan. Untuk menghentikan, klik tombol hitam berbentuk persegi. - Jika semuanya sudah sesuai dengan keinginan, perhatikan langkah 9 di bawah ini. 9. Menyimpan Pekerjaan - Jika Anda ingin melanjutkan pekerjaan Anda di lain waktu, simpanlah dalam format "PSD" atau "PDD". - Jika pekerjaan tersebut telah selesai, simpanlah dalam format "for web and device" agar animasi-nya bekerja. Caranya adalah, klik "File" (pada menu utama) kemudian "Save for Web & Devices..." atau tekan tombol "Alt", "Shift", "Ctrl" dan "S" secara bersamaan. Perhatikan bagian kanan atas pada window yang muncul, klik tombol "Save", pilih folder untuk menyimpan gambar/ banner tersebut, beri nama, klik tombol "Save" atau tekan "Enter" pada keyboard dan selesai! 10. Melihat hasilnya - Buka folder tempat menyimpan gambar/ banner animasi hasil pekerjaan Anda tadi, kemudian buka banner animasi tersebut dengan double click atau klik kanan kemudian "Open", atau dengan cara lain yang Anda ketahui. - Banner animasi tersebut dapat tampil pada browser, Filmstrip view, Windows Picture and Fax Viewer atau software-software lain yang mendukung.

Comments :

0 komentar ke "Membuat Gambar/ Banner Animasi"


Post a Comment

Silakan berkomentar sesuka Anda. Namun jangan spam, berbau SARA, kekerasan, porno atau intimidasi terhadap orang lain. Komentar yang melewati batas akan di hapus. Terima kasih.

Get Update

Masukkan alamat e-mail Anda pada kotak di bawah ini untuk mendapatkan update terbaru dan berlangganan catatan dari blog "The Notes Web" via e-mail :


Privacy guaranteed, we will never share your e-mail.

Komentar terbaru

Catatan Terbaru

Komentar Terbaru