Step 1 (Mempersiapkan susunan Animasi):
Untuk menampilkan tampilan susunan animasi (animation frames) lakukan cara berikut,
Tahan tombol / hold
ALT dan tekan tombol
W, akan tampil seperti
gambar 1.
Beri tanda cek atau centang pada pilihan
Animation.
Gambar =
1
Step 2 (Mempersiapkan Kanvas):
Buat dokumen baru dengan Klik
File -
New... atau dengan menekan
Ctrl + N seperti pada
gambar 2.
Sesuaikan size / ukuran canvas dengan ukuran avatar sesuai dengan format dari forum.
Untuk IDGS forum menggunakan
175x250 Pixel seperti pada
gambar 3.
Tampilan setelah klik OK, muncul dokumen baru seperti pada
gambar 4.
Gambar =
2 3 4
Step 3 (Cara membuat Layer):
Buat layer baru yg fungsinya ada untuk meletakkan obyek (tulisan, gambar, efek).
tekan
Shift +
Ctrl +
N.
maka muncul layer seperti pada
gambar 5.
Layer 1 nti digunakan untuk obyek 1
dan Layer 2 nti digunakan untuk efek shine yg akan melewati obyek 1 pada layer 1.
Gambar =
5
Step 4 (Mengisi text atau tulisan pada Layer 1):
Klik
Layer 1, Gunakan
Horizontal Type Tool pilih tombol seperti pada
gambar 6.
Arahkan cursor dan klik pada kanvas.
Isi text dengan sembarang kalimat, misal "MJC" seperti pada contoh
gambar 7.
Untuk mengganti jenis text, warna, format dsb,
silahkan klik tombol yg sudah saya beri tanda kotak merah pada
gambar 7.
Setelah mengisi text dengan sembarang kalimat, maka layer yg semula "layer 1" akan berubah judulnya sesuai dengan isi text yg diisi.
Untuk itu senggaja diubah judulnya untuk mempermudah tutor ini menjadi "layer 1" lihat
gambar 8.
Gambar =
6 7 8
Step 5 (Membuat shine pada layer 2):
Siapkan layer 2, dengan menggunakan
Pen Tool lihat
gambar 9.
Gunakan
Pen Tool dan buatlah titik titik terhubung sehingga membentuk persegi panjang scr vertikal.
(Untuk langkah ini bebas, tidak hrs persegi panjang, miring-miring dikit kyk yg buat jg gak apa ^^).
perhatikan
gambar 10, arahkan kursor mouse ke tengah bagian dari hasil
Pen Tool lalu
klik kanan dan akan tampil menu dan Pilih
Make Selection... lihat
gambar 11.
Untuk Menghasilkan shine yg tidak terlalu kaku,
maka bisa ditambahkan
"Feather Radius" antara 3 - 5 pixels (bulu kaki sapa hayoo ^^) Lihat
gambar 12.
Gambar =
9 10 11 12 13
Step 6 (Mengisi Shine Layer 2 dengan Gradient / Color):
Berikutnya adalah mengisi Marquee (garis titik titik dri pen tool).
Pilih tombol
Gradient Tool Lihat
gambar 14.
Untuk gradient yg salah pilih adalah Neutral Density (pilihan saja) Lihat
gambar 15.
Cara penggunaannya cukup klik, tahan dan geser hasilnya akan seperti pada
gambar 16.
Gambar =
14 15 16
Step 7 (Membuat shine Layer 2 dengan Blending Option):
Pada layer 2 masi item nih shinenya... hmmm
Saat nya kita coba manipulasi supaya bercahaya atau kilau.
Caranya klik pada layer 2, klik kanan dan kluar menu lihat
gambar 17 pilih
Blending Options...
untuk setting
Outer Glow lihat
gambar 18.
untuk setting
Inner Glow lihat
gambar 19.
(Option ini bergantung pada kondisi, text-hitam BG/Background putih maka shine saya buat jdi putih)
tips: Kunci untuk mendapatkan SHINE terbaik adalah memainkan dan bereksperimen pada blending option
Gambar =
17 18 19
Step 8 (Masking / Penggabungan shine layer 2 ke text layer 1):
Pemasangan mask supaya shine hanya melewati bidang obyek saja,
ini berlaku juga untuk shine pada gambar/logo.
Perhatikan kotak merah pada
gambar 20.
Buat mask pada layer 1 dengan cara...
Pilih
layer 2, Tahan CTRL lihat
gambar 21.
Klik
layer 1 (selama menahan tombol
Ctrl sesuai gambar yg diberi kotak merah)
Kemudian lepas
Ctrl, Lanjutkan dengan menekan tombol
Add layer mask simbulkan lingkaran dlm kotak dibagian bawah layer lihat
gambar 22.
Hasilnya seperti pada gambar 23, dimana
layer 2 memiliki link dengan mask yaitu bayangan/topeng dari
layer 1.
Gambar =
20 21 22 23
Step 9 (Membuat gerakan shine pada Animation Frames):
Pilih tombol
Move Tool atau tekan V.
lalu perhatikan
layer 2 + mask, hilangkan tanda rantai "Indicates layer mask is linked to layer"
sehingga tampak seperti
gambar 24.
Untuk menggerakkan shine yg dibuat, pilih layer 2 (bukan mask) lihat
gambar 25.
lihat keyboard dan gerakkan dengan arrow atau arah.
Sudah terlihat shine nya? hmmmm...
Gambar =
24 25
Step 10 (ANIMATION FRAMES):
Pastikan semua langkah sudah beres dari step yg diberikan.
Langkah berikut adalah membuat animasi per frames.
Tekan "Duplicates selected frames" untuk menambahkan
frame animasi lihat
gambar 26.
Setiap menambahkan
frame Gerakan layer 2 ke posisi lain, sehingga pada saat di play akan nampak bergerak lihat
gambar 27.
Lakukan dengan membuat frames hingga membentuk suatu animasi.
Gambar =
26 27
Step 11 (Setting / Configurasi timeline per frames):
Animasi dari step 11, menggunakan time 0 sec. pada bbrp format dan kecepatan koneksi tiap user tentu berpengaruh lihat
gambar 29.
Maka dari itu time bisa diatur dan disesuaikan dengan kebutuhan.
REMINDER: Tiap RAM / CPU masing-masing berpengaruh terhadap animasi yg dtampilkan.
Usahakan frames dibatasi, krn untuk format IDGS sendiri membatasi ukuran size (default 350KB, silahkan dilihat di profil forum masing masing user).
Mengenai loop: once / forever (animasi berulang), dan delay silahkan diatur sendiri
Step 12 (Rendering / save as GIF):
Saatnya menyimpan file yg sudah jdi ini kedalam format GIF "Save for web and Devices..."
Simpan file ke GIF dengan menekan
Alt Shift Ctrl S lihat
gambar 28.
Gambar =
28 29
Step 13 (Finishing):
DONE
Result / Hasil =
Step 14 (untuk menambahkan background/gambar dari file *.PSD):
Buka file gambar yg akan dimasukkan dengan menekan
Ctrl O lihat
gambar 30.
Kemudian klik gambar yg dipilih, klik Open lihat gambar 31.
File yg dibuka bervariasi ukuran, jika terlalu besar seperti pada
gambar 32.
Sebelum mengganti ke ukuran canvas sebaiknya mengubah "background ke layer"
caranya klik 2x pada background lihat
gambar 33 klik ok.
Kemudian
ALT CTRL I, ubah ke
175x250 pixels lihat
gambar 34.
Pindahkan file yg sudah di resize, dengan menggunakan tombol marquee
"Rectangular Marquee Tool" dan block seluruh gambar seperti pada
gambar 35.
Setelah terblock smua seperti pada
gambar 36, tekan
Ctrl C.
kemudian pindah ke dokumen kerja yg memuat shine (*.PSD) lihat gambar 37.
letakkan gambar setelah background / bagian terbawah dari layer dengan menekan
Ctrl V.
Gambar =
30 31 32 33 34 35 36 37
dan disimpan seperti langkah 12
Result / Hasil =
NB: Jangan lupa menyimpen file PSD, krn berguna untuk melakukan teknik yg sama dengan mencopy dari hasil kerja sebelumnya. tq
Originally Posted by MJC
sama pas awal, tpi klo emg niat bs lama-lama. anggap aja ni photoshop main dota hero invoker hapalin dan kuasai skillnya
![-=[GRS]=- is offline](images/statusicon/v2/user-offline.png)
![-=[GRS]=-'s Avatar](http://static.indogamers.com/customavatars/avatar270385_4.gif "-=[GRS]=-'s Avatar")
AMT | Corner | Dota 2 Lounge| Facebook"The weak lose their freedom to the strong. Such is the way of the strong. And it is the providence of nature that only the strong survive. That is why I needed strength." - Kuja
Share This Thread