Glitter Text atau Text yang berkelip - kelip biasanya banyak orang menggunakannya pada web atau blog. Animasi text yang di letakkan pada banner suatu web atau blog agar terkesan indah dan menarik. Maka saya akan memberikan cara atau tutorial bagiamana cara membuat Text yang bisa berkelap - kelip. Cara ini tidaklah begitu susah, namun anda mungkin bisa berkreasi sendiri dan di kembangkan dari cara yang saya berikan.
Kita harus sudah mempersiapkan warna Backgroundnya dan warna apa yang harus di pakai untuk text yang akan kita berikan efek animasinya. Langsung saja kita mulai langkah - langkahnya untuk membuat Animasi Text Glitter.
Langkah 1
Buat dokumen baru dengan ukuran 200x200 pixel. Fill background dengan warna abu - abu #B6B4B4. Atau anda bisa memberi warna background yang lain sesuai selera.
Langkah 2
Buat text dengan warna merah #F20B0B, saya menggunakan Arial Rounded TM Bold Font.
![ibattle](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeg1wab-KUKObfwlDzqmZZLpvNYjYvTiB986MhSW13O5CsD4fk0UreJm3OlAi5TY5PZ3mGGJbymRDLKWte_-8Oamc2wqinXI7FtZONPljzoEYo0Fe5m7nGIhHAku7oGqELBXPtG1D_hFU/s320/text.jpg)
Langkah 3
Layer > Rasterize > Type.
Langkah 4
Duplikat Layer Text nya 2 kali, sehingga kita punya Layer Text sebanyak tiga.
Langkah 5
Aktiflah pada Layer Text yang paling atas, kemudian pilih Filter > Noise > Add Noise. Dan setting seperti di bawah ini ( Amount : 50 % ).
![add noise](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjpi9_FsJ39A3UERBTM5iL2OWiyKZamyUv3wliEqiUV4BsEZu13bMhupXdnVRkdvoTjD13h6Ig0_rn9YxD0GG0ETu7hyphenhyphenAl-YIBjnIyDtSikidaaoCwiZJXh3OkFre45fRTuR6ltKxSm90/s320/add-noise.jpg)
Langkah 6
Aktiflah pada Layer Text yang tengah, kemudian Add Noise juga dengan Amount : 55 %. Sedangkan untuk Layer Text yang paling bawah Add Noise juga dengan Amount : 60 %.
![noise](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsI-owDw5Rj5EQYEvqPX57CeOnNr3YH5S9zqL6CPjIo03ffMX9me38XLXF3-mMWLCGamCJWxsiDrNS5ejecJZlN0UyVFbRaBhAl9Kd4VeIkIgTlFXLZEnPnNGELDQUENAJd7HK_i9e8_Y/s320/add-noise-2.jpg)
Langkah 7
Pilih salah satu Layer Text kemudian klik kanan dan pilih Blending Options. Setting seperti di bawah ini :
Drop Shadow
![drop shadow](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjovApi2X52qmVeUoWkXzb21m2ZlOAZh5m0CWLtwoTk5rRzCoOs-QgYi-sjPiZ-2O-hvZqW7dZL5pst_V7pnUFo5OUjr18rJdS63VOhr4XnV0SviePQnJ-LpfT1Y2JX6uUNBkb0KgTIvyM/s320/drop-shadow.jpg)
Bevel and Emboss
![bevel and emboss](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFKtLZ9WKcxOMSgAL8ThHHuZ8vIXgggKCEaPpN9dy0QBpbIYck949vVVVdJ5nmwkZcARq0RHVESw_jNNE2NuDZrEsVUcerNghcmMVjVkYTl4wh5Q37QzPYp6ZZXTayPXAE2XsYhPIdWE/s320/bevel-and-emboss.jpg)
Stroke
![stroke](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOGZzTu3RrD2ln1yoAz2h1GTDEIy4hoTLdzqKOXfdEqpMAiFy2hjXtSyKOkoQ5LgFwMO9haxDRlx7fqR1jqu3HWRtdZ5kyuACOfr5AaARbWFscOzu8Qxk7PJbcGWbBQRFL82uGJp_nz5E/s320/stroke.jpg)
Langkah 8
Kemudian klik kanan pada Layer Text pilih Copy Layer Style, kemudian Paste Layer Style ke kedua Layer Text yang lain.
![blending options](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD_hIDP0WGVna75lYKYK9UgJb9EvcOAVQFvGuPTe0SKQ1kzIv0JF-mCnbJOwVvON4fa9v2jT5GV_67ZHF3ZXTGst1K19Gq4LDIy0ZRK_aE5utBD5NFqvOTf2uGZMMTu3EKfghoIcSvtJ8/s320/blending-options.jpg)
Langkah 9
File > Edit In ImageReady
Langkah 10
Setelah masuk ke dalam Adobe ImageReady, hilangkan icon mata pada Layer Text ke dua dan ke tiga. Jadi Layer yang ada icon matanya hanya Layer Text yang paling atas dan background saja. Kemudian Creat New Frame.
![Creat New Frame](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWZ3jKLsOtjPkTzyj3G9WPLP2Vlr38Fcmk0Uzvd7TNpNZBveQ_8LZKtzG87A_M7P5ubzYz28kOor6-WtIGfp_hFcasoB2RJUQCM9Ac5M51mJ-MoalCwOFKvTIBA6Kh7XnRv2C2Qpww6ig/s320/new-frame.gif)
Langkah 11
Hilangkah icon mata pada Layer yang atas, klik lagi pada Layer Text nomor dua sampai icon matanya muncul, kemudian Creat New Frame.
Langkah 12
Hilangkah icon mata pada Layer nomor dua, klik lagi pada Layer Text yang paling bawah sampai icon matanya muncul, kemudian Creat New Frame.
Langkah 13
Jadi sekarang kita mempunya Frame sebanyak 4 buah. Coba klik Play, kalau sudah bisa berkedip - kedip berarti kita berhasil.
![frame](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFJtsQhssW4Kvso6g2Apr_brtjwc9_gC9BwYsUIBzSU4mqU-InLh-FokvHg8B9HOTnLBRDcayxjKFv2LkPD5Ev4erHDOxQ6k0ICOUYNOk7XGV3zVbTm4ocZL3kHwFMmuwF4YinLhzgbV8/s320/new-frame2.gif)
Langkah 14
Sekarang tinggal save file, caranya pilih File > Save Optimized As. Save menjadi gif. hasil nya akan seperti gambar di bawah ini. Selamat mencoba.
Kita harus sudah mempersiapkan warna Backgroundnya dan warna apa yang harus di pakai untuk text yang akan kita berikan efek animasinya. Langsung saja kita mulai langkah - langkahnya untuk membuat Animasi Text Glitter.
Langkah 1
Buat dokumen baru dengan ukuran 200x200 pixel. Fill background dengan warna abu - abu #B6B4B4. Atau anda bisa memberi warna background yang lain sesuai selera.
Langkah 2
Buat text dengan warna merah #F20B0B, saya menggunakan Arial Rounded TM Bold Font.
![ibattle](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeg1wab-KUKObfwlDzqmZZLpvNYjYvTiB986MhSW13O5CsD4fk0UreJm3OlAi5TY5PZ3mGGJbymRDLKWte_-8Oamc2wqinXI7FtZONPljzoEYo0Fe5m7nGIhHAku7oGqELBXPtG1D_hFU/s320/text.jpg)
Langkah 3
Layer > Rasterize > Type.
Langkah 4
Duplikat Layer Text nya 2 kali, sehingga kita punya Layer Text sebanyak tiga.
Langkah 5
Aktiflah pada Layer Text yang paling atas, kemudian pilih Filter > Noise > Add Noise. Dan setting seperti di bawah ini ( Amount : 50 % ).
![add noise](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjpi9_FsJ39A3UERBTM5iL2OWiyKZamyUv3wliEqiUV4BsEZu13bMhupXdnVRkdvoTjD13h6Ig0_rn9YxD0GG0ETu7hyphenhyphenAl-YIBjnIyDtSikidaaoCwiZJXh3OkFre45fRTuR6ltKxSm90/s320/add-noise.jpg)
Langkah 6
Aktiflah pada Layer Text yang tengah, kemudian Add Noise juga dengan Amount : 55 %. Sedangkan untuk Layer Text yang paling bawah Add Noise juga dengan Amount : 60 %.
![noise](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsI-owDw5Rj5EQYEvqPX57CeOnNr3YH5S9zqL6CPjIo03ffMX9me38XLXF3-mMWLCGamCJWxsiDrNS5ejecJZlN0UyVFbRaBhAl9Kd4VeIkIgTlFXLZEnPnNGELDQUENAJd7HK_i9e8_Y/s320/add-noise-2.jpg)
Langkah 7
Pilih salah satu Layer Text kemudian klik kanan dan pilih Blending Options. Setting seperti di bawah ini :
Drop Shadow
![drop shadow](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjovApi2X52qmVeUoWkXzb21m2ZlOAZh5m0CWLtwoTk5rRzCoOs-QgYi-sjPiZ-2O-hvZqW7dZL5pst_V7pnUFo5OUjr18rJdS63VOhr4XnV0SviePQnJ-LpfT1Y2JX6uUNBkb0KgTIvyM/s320/drop-shadow.jpg)
Bevel and Emboss
![bevel and emboss](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFKtLZ9WKcxOMSgAL8ThHHuZ8vIXgggKCEaPpN9dy0QBpbIYck949vVVVdJ5nmwkZcARq0RHVESw_jNNE2NuDZrEsVUcerNghcmMVjVkYTl4wh5Q37QzPYp6ZZXTayPXAE2XsYhPIdWE/s320/bevel-and-emboss.jpg)
Stroke
![stroke](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOGZzTu3RrD2ln1yoAz2h1GTDEIy4hoTLdzqKOXfdEqpMAiFy2hjXtSyKOkoQ5LgFwMO9haxDRlx7fqR1jqu3HWRtdZ5kyuACOfr5AaARbWFscOzu8Qxk7PJbcGWbBQRFL82uGJp_nz5E/s320/stroke.jpg)
Langkah 8
Kemudian klik kanan pada Layer Text pilih Copy Layer Style, kemudian Paste Layer Style ke kedua Layer Text yang lain.
![blending options](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD_hIDP0WGVna75lYKYK9UgJb9EvcOAVQFvGuPTe0SKQ1kzIv0JF-mCnbJOwVvON4fa9v2jT5GV_67ZHF3ZXTGst1K19Gq4LDIy0ZRK_aE5utBD5NFqvOTf2uGZMMTu3EKfghoIcSvtJ8/s320/blending-options.jpg)
Langkah 9
File > Edit In ImageReady
Langkah 10
Setelah masuk ke dalam Adobe ImageReady, hilangkan icon mata pada Layer Text ke dua dan ke tiga. Jadi Layer yang ada icon matanya hanya Layer Text yang paling atas dan background saja. Kemudian Creat New Frame.
![Creat New Frame](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWZ3jKLsOtjPkTzyj3G9WPLP2Vlr38Fcmk0Uzvd7TNpNZBveQ_8LZKtzG87A_M7P5ubzYz28kOor6-WtIGfp_hFcasoB2RJUQCM9Ac5M51mJ-MoalCwOFKvTIBA6Kh7XnRv2C2Qpww6ig/s320/new-frame.gif)
Langkah 11
Hilangkah icon mata pada Layer yang atas, klik lagi pada Layer Text nomor dua sampai icon matanya muncul, kemudian Creat New Frame.
Langkah 12
Hilangkah icon mata pada Layer nomor dua, klik lagi pada Layer Text yang paling bawah sampai icon matanya muncul, kemudian Creat New Frame.
Langkah 13
Jadi sekarang kita mempunya Frame sebanyak 4 buah. Coba klik Play, kalau sudah bisa berkedip - kedip berarti kita berhasil.
![frame](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFJtsQhssW4Kvso6g2Apr_brtjwc9_gC9BwYsUIBzSU4mqU-InLh-FokvHg8B9HOTnLBRDcayxjKFv2LkPD5Ev4erHDOxQ6k0ICOUYNOk7XGV3zVbTm4ocZL3kHwFMmuwF4YinLhzgbV8/s320/new-frame2.gif)
Langkah 14
Sekarang tinggal save file, caranya pilih File > Save Optimized As. Save menjadi gif. hasil nya akan seperti gambar di bawah ini. Selamat mencoba.
0 comments:
Post a Comment