Spoiler untuk step 1 :
Step 1 - Mempersiapkan profil yang akan diedit
Login http://forum.indogamers.com
Klik http://forum.indogamers.com/usercp.php
Klik http://forum.indogamers.com/profile.php?do=editavatar (langsung login dengan link ini juga bisa)
Pilih Option 2 - Upload Image From Your Computer (only)
ket: option 2 untuk memasukkan hasil avatar yg sudah diedit nantinya.
Tutorial ini akan diarahkan pada pembuatan avatar dalam bentuk animasi dengan format GIF
Spoiler untuk step 2 :
Step 2 - Perhatikan dan catat
Note: the maximum size of your custom image is 175 by 250 pixels or 350.0 KB (whichever is smaller).
ket: Note, nilai yang diberikan akan berbeda sesuai aturan MOD dalam mengatur forum.
Nilai yang tercantum pada setiap profile dan userbar yg digunakan tentunya berbeda. Nilai ini nantinya akan digunakan sebagai ukuran pixel pada 'Canvas Size'
Spoiler untuk step 3 :
Step 3 - Mempersiapkan bidang 'Canvas Size' pada Photoshop CS5
Klik File - New... Ctrl+N
Klik OK
option ini menggunakan RGB / 8bit, krn dengan option ini warna yg dihasilkan untuk monitor bukan untuk dicetak. Klik Image - Mode untuk mengaturnya kembali
Spoiler untuk step 4 :
Step 4 - Reset to default, sebagai langkah nyaman dalam mengedit
Dengan melakukan reset terlebih dahulu akan memberikan kenyamanan dalam tata letak serta kemudahan akses saat mengerjakan pengeditan
Spoiler untuk step 5 :
Step 5 - Memunculkan panel untuk keperluan animasi
untuk membuat animasi secara manual sebaiknya menggunakan frame ketimbang timeline, ini untuk mempermudah penyesuaian ukuran dan keterbatasan maksimal pada NOTE
Spoiler untuk step 6 :
Step 6 - Persiapan pembuatan avatar
Disertai file siap pakai: avatar.PSD
yang diperlukan dalam pembuatan avatar adalah layer + panel animasi dlm bentuk frame
Spoiler untuk step 7 :
Step 7 - Memulai pembuatan animasi
Siapkan beberapa layer
Tekan Shift+Ctrl+N untuk membuat layer baru
Layer disini difungsikan sebagai jumlah kertas, dimana setiap frame nya akan memiliki layer sendiri disetiap perubahan yang diinginkan
Spoiler untuk step 8 :
Step 8* - Memindahkan gambar ke project
Bahan: Invoker_model.png
Tekan File - Open... Ctrl+O
Drag atau Ctrl+A jika gambar yg mau diambil seluruhnya
kemudian...
paste ke project avatar.psd
Tekan Ctrl+V
435x588 VS 175x250 = resize!
ya benar, karena size pixel yg berbeda maka perlu dilakukan penyesuaian ukuran yaitu resize
Spoiler untuk step 9 :
Step 9* - Teknik resize dengan proposional size
Tahan shift dan lakukan drag untuk memperoleh hasil resize yg baik, perhatikan gambar! hanya pada bagian ujung saja shift ini berguna
Spoiler untuk step 10 :
Step 10 - Menghilangkan atau menyeleksi background
hasilnya...
jadi lah objek gambar transparan...
Menyeleksi dibutuhkan pengaturan pada tolerance dan penggunaan contiguous
Spoiler untuk step 11 :
Step 11 - Memainkan layer dengan layer
Bahan : Earth.png
File jadi: avatar1.PSD
Lakukan seperti pada step sebelumnya (Step 8 - 9) untuk memasukkan gambar earth.png (CTRL+V)
Lakukan drag pada Layer sehingga bumi (belakang) dan invoker (depan).
posisi layer yg berbeda akan menghasilkan perpaduan gambar yg tampak menjadi satu, teknik ini sering digunakan dlm animasi untuk pergantian background
Spoiler untuk step 12 :
Step 12 - ANIMASI dengan FRAME
Setting / atur looping option ke "forever"
Tekan tombol "duplicates selected frames" untuk membuat frame ke 2
Kemudian...
*Propagate Frame 1, tanpa tanda centang untuk mencegah frame lain mengalami perubahan, ketika layer diedit pada frame 1.
Contoh hasil akhir...
Code:Format: GIF Dimensions: 175w x 250h Size: 43.91K Settings: Selective, 256 Colors, No Dither, 2 frames, Transparency on, No Transparency Dither, Non-Interlaced, 0% Web Snap1 frame mewakili perubahan 1 objek pada seluruh layer
Spoiler untuk step 13 :
Step 13 - Cara Render / Save hasil editing
setting...
Klik save
Done!
Spoiler untuk step 14 :
Step 14 - Animasi efek pada teks ataupun gambar PART #1
Buatlah tulisan pada kanvas boleh menggunakan format sebelumnya 175x250 atau seperti contoh
Perhatikan setting untuk teks agar tulisan tampak tebal (optional / kreasi sendiri jg boleh)
Buatlah layer baru sesuai kebutuhan Shift+Ctrl+N (ingat jurus ini selalu!)
langkah berikutnya adalah membuat objek pada layer berikutnya
boleh menggunakan pentool, ataupun shape..
untuk lebih mudahnya gunakan saja brush
yang nantinya layer ini sebagai sinar yg akan dijadikan efek keren
akan sedikit berbeda dengan tutorial sebelumnya
namun intinya tetap sama dlm pembuatan mask
saya beri yang mudah dulu (clipping mask)
maka hasilnya hampir jadi bro..
Tidak suka dengan warna yg tadi?
santai bro, coba klik layer 1 pilih Blending Options...
sudah berubah yaa?
jangan takut untuk bereksperimen pada option lain,
untuk color overlay saya gunakan untuk mengganti warna sebelumnya.
Berikutnya efek ini hidup jika dibuat animasi, setuju??
Hasilnya gan...
NOTE: teknik clipping mask tentu berbeda dengan manual mask, dan hasilnya berbeda pada saat dilakukan efek pada layernya..
berikut perbedaannya..
hanya berbeda karena mask yg dibentuk pada clipmask hanya pola dari brush / shape bukan teks
sedangkan pada manual mask, pola yg dibentuk berasal dari teks..
Spoiler untuk step 15 :
Step 15 - Animasi efek pada teks ataupun gambar PART #2
Sebenarnya sama dengan Tutor no. 14 hanya saja teknik pembuatan masknya berbeda
kelebihannya adalah efek yg dihasilkan jauh lebih beragam dan keren
berbeda pada teknik clipmask efeknya lebih ke tekstur, jdi krng bs menyatu dengan
layer yg diberi efek..
perhatikan pada Tutor no.14, mulai dari gambar tersebut saya berikan langkah yg berbeda
langkah berikutnya adalah masking to layer
Pada proses ini sudah terbentuk mask yg diinginkan klik "Add vector mask"
langkah final untuk pengaturan pada masking ini
Hasilnya...
FILE SOURCE: shinyfinal.PSD
yang membutuhkan video tutor (sori gan ini versi tutor yg dulu)Ada banyak cara untuk masking ke layer, Ada kelebihan dan kekurangan yang penting tujuan tercapai. Jangan pernah menyerah untuk mencari hal yang baru, cara yg tepat adalah mengetahui tolls pada software sebagai kunci jawabannya. Truslah belajar dan bereksperimen
Spoiler untuk Video Tutor SHINE by MJC (VERSI LAMA) :
*.AVI (Youtube) =
Spoiler untuk step 16 :
Step 16 - Grab GIF untuk AVATAR SIZE #bagian 1
Bahan:
Detail: 450wx450h | terdiri dari 5 Frames
Persiapan:
pertama....
File - Open... CTRL+O (buka file Bahan *.gif)
Tips: jika lebih dari 5 frames, semisal 25 - lebih.. maka diperlukan seleksi pembuangan frame dengan melakukan delete pada frame yg sekiranya tidak diperlukan.
Cara merubah ke format avatar adalah dengan merubah canvas terlebih dahulu ke ukuran avatar
contohnya: 175x250
setelah merubah canvas, maka tampak gambar yg semula 450x450 terpotong oleh 175x250 dari format avatar.
Jangan kawatir, karena gamabr gif aslinya tidak terjadi perubahan ataupun terpotong..
langkah selanjutnya hanya memerlukan resize pada gif tersebut
pada langkah ini diperlukan resize 5 frame sekaligus!
kemudian.. save atau bisa lihat langkah selanjutnya
TUTORIAL STEP 13 : CARA RENDER / SAVE HASIL EDITING
Spoiler untuk step 17 :
Step 17 - Grab GIF untuk AVATAR SIZE #bagian 2
Tutorial 17 ini hanya memberikan cara menghilangkan background pada GIF
Bahan: azunyanchibi.PSD
ket: Bahan ini masuk dlm Tutor 16 sebelumnya, digunakan untuk praktek pada Step 17
Langkah kedua hampir sama..
hanya berbeda tempat seleksinya yaitu layer 2 frame 2
wew capek jg, memang..
karena perlu waktu dan kesabaran untuk mendapatkan kesempurnaan
cie cie sudah jadi ni...
SOURCE : azunyanchibi_FINAL.PSD
fungsinya untuk apa??
tentu saja banyak guna, dengan GIF tanpa background artinya kita bs menggabungkan
dengan image lain, sehingga tampak lebih keren..
kalau imagenya GIF dengan GIF bisa tidak??
bisa, tekniknya sama kok hanya saja perlu penyesuain pada frame & time frame
lain waktu saya bahas.
Spoiler untuk step 18 :
Step 18 - Cara save format gif dengan menjaga kualitas image
Ada banyak cara untuk melakukan save hanya saja memerlukan eksperimen
karena tiap tipe gif memiliki daya sensitif pada pembacaan color table..
yg mempengaruhi pada kualitas serta ukuran
berikut beberapa option untuk melakukan reduce size tnp dengan memperhatikan kualitas dari image.
Lakukan penyimpanan image GIF dengan cara:
Klik Save for Web & Devices... Alt+Shift+Ctrl+S
akan ada pilihan tab berupa tampilan yg diinginkan, silahkan pilih 4UP
tujuan memilih 4UP adalah untuk melihat perbedaan pada tiap option yg akan diubah (bereksperimen dan menganalisa).
GIF disini hasilnya bukan untuk dicetak, maka warna yg ditampilkan (RGB) adalah warna
sesungguhnya pada monitor.
Pilihan 1 adalah
Eksperimen:
Klik thumb no.1 , kemudian pilih preset ubah ke nilai yg lain.
rubah option pada setiap thumbnya, kemudian play bersamaan
catat mana yang menurut kamu cocok dan bagus.
jika sudah klik tab dari 4UP ke Optimized (Tutor 13)
rubah seperti option pilihan kamu tdi
Pilihan 2 adalah
Menggunakan pilihan optimalisasi ukuran secara otomatis
lalu ubah nilai sesuai dengan maksimal nilai yg diinginkan,
misal pada forum ini kita dibatasi 350KB
Pilihan 3
Buat yg tidak suka eksperimen ataupun otomatis
Manualnya saya tunjukkan disini...
Pastikan bahwa kamu menggunakan IMAGE MODE RGB / 8BIT (rekomendasi)
lakukan proses...
Save for Web & Devices... Alt+Shift+Ctrl+S
1. Merubah "Color reduction algorithm"
Pilihan Perceptual, Selective, Adaptive (untuk warna tetap pada aslinya), cocok untuk frame 15-20/25
Jika tidak perduli dengan perubahan warna asli silahkan pilih Restrictive / Windows
Khusus Restrictive biasa saya gunakan untuk kasus frame 30-50 frame
2. Hapus tanda centang pada Interlaced (ini lebih ke tampilan bandwidth download preview saja)
saya lebih banyak tidak menggunakan option ini, wlopun ini menghasilkan kualitas lebih sempurna pada tampilan akhir.
3. Transparency wajib dicentang, walaupun prosesnya menggunakan background option ini memberikan nilai penting pada ukuran size. Bisa dibilang ukuran file bisa 50% sendiri saat di reduksi wow
4. Colors, untuk option ini saya batasi yaitu 32 64 128 256
5. Matte, pilih None saja
6. No Dither, dither digunakkan jika Colors (nomor 4) mengalami pecah warna. sehingga bs kita cover dengan teknik dither ini
7. Web Snap 0% & Lossy 0, jangan dirubah karena kurang banyak membantu dlm mengubah ukuran size, yg ada warna makin rusak seiring size berkurang sedikit.. dan pada prakteknya saat di upload ukuran size tidak sesuai dengan yg diharapkan alias kamuflase saja
option lain tidak berpengaruh sama skali, kecuali km penasaran boleh-boleh saja di ubah..
Klik Done sebelum klik Save jika size yang diinginkan masih belum sesuai harapan...
OMG!!!
tenang kawan..
pada kasus tertentu file size tidak hanya dipengaruhi oleh warna dan option pada saat render/save, namun juga diakibatkan oleh jumlah frame..
FRAME bukan LAYER, bedakan... ambil contoh pada forum kita ini (apa namanya ?? )
350KB dengan frame 30-50 masih bisa bro..
namun untuk premium 145.6KB adalah angka yg minim, paling tidak hanya 10 - 15, klopun 20 itu dah maksimum (sdh efek move pula).
jadi langkah berikutnya yaitu
8. Hapus / delete frame yang tidak perlu..
beberapa trik jika frame yg di miliki adalah 30
tips:
frame awal 1 2 3 4 5 6 7 - 30
hapus frame 2 4 6 8 10 12 - 30
hasilnya adalah 15 frame sempurna
mengenai speednya bisa di cover dengan custom pada timeframenya..
Spoiler untuk TIPS :> ZOOM : ALT + SCROLL MOUSE
>Berikut efek yang saya mainkan dengan style saya sendiri tentunya
Sehubungan dengan Tutor no. 14
---- file: shiny.psd
saya berikan bonus cara mencuri style efek dari *.PSD
caranya:
1. download file shiny.psd
2. buka project kamu, open file shiny.psd
3. kemudian klik "layer 1" , klik kanan "Copy Layer Style"
4. berikutnya ke project kamu sebelumnya, pilih layer 1 pada project kamu
5. klik kanan, pilih "Paste Layer Style"
6. Nah kamu skrng punya style yg sama bahkan bisa digunakan untuk project berikutnya..
Code:TUTORIAL 1 - 7 : PERSIAPAN DASAR TUTORIAL STEP 8 - 9 : CARA MEMASUKKAN GAMBAR & RESIZE FIT KE PROJECT TUTORIAL STEP 10 : CARA SELECTION / MARQUEE TUTORIAL STEP 11 : PERANAN ANTAR LAYER PADA PROJECT TUTORIAL STEP 12 : ANIMASI SEDERHANA #1 (OBJEK BERGERAK) TUTORIAL STEP 13 : CARA RENDER / SAVE HASIL EDITING TUTORIAL STEP 14 : CARA MEMBERIKAN EFEK SINAR (CLIPMASK) PADA OBJEK (TEKS & GAMBAR) TUTORIAL STEP 15 : CARA MEMBERIKAN EFEK SINAR (LAYERMASK) PADA OBJEK (TEKS & GAMBAR) TUTORIAL STEP 16 : GRAB GIF TO AVATAR SIZE #PART 1 TUTORIAL STEP 17 : GRAB GIF TO AVATAR SIZE #PART 2 (menghilangkan background pada GIF) TUTORIAL STEP 18 - CARA SAVE FORMAT GIF DENGAN MENJAGA KUALITAS IMAGE
Tenkyu buat yg ngasih Tanggo eh Thansk or Cendolnya..
Tuhan memberkati...
@http://idgs.in/369328 (my home sweet home)
INFO: untuk BB22504942(RIP) diganti BB: 25BD6676 (NEW), tq
Share This Thread