animasi burung terbang
Post on 26-Nov-2014
262 Views
Preview:
TRANSCRIPT
http://www.idhammulia.co.cc/2011/04/animasi-burung-terbang.html Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)
IdHaM MuLiA | Kamis, 31 Maret 2011 | Label: tutorial
Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak
lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri
dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.
Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.
Contoh dan scriptnya bisa dilihat di bawah ini :
1.Gajah loncat
Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com"
target="_blank">Widget-Animasi</a></center></small></div>
2. Boring
Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img
src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>
3.Tuyul ketawa
Script:
<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img
src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>
4.Boneka joget
Script :
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img
src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>
6. Tuyul baring
Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com"
target="_blank">Free-Widget-Animasi</a></center></small></div>
7. Panda biru
Script
<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>
8. Panah
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget
Animasi</a></center></small></div>
9. Bunga
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget
Animasi</a></center></small></div>
10.Anjing laut
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget
Animasi</a></center></small></div>
11.Lumba-lumba
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget
Animasi</a></center></small></div>
12.Kucing tidur
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget
Animasi</a></center></small></div>
13.Kelinci
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="
http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get
more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
14.Dragon
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget
Animasi</a></center></small></div>
15.Ikan
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget
Animasi</a></center></small></div>
16.Pinguin
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget
Animasi</a></center></small></div>
17. Helikopter
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://idhammulia.blogspot.com/2011/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget
Animasi</a></center></small></div>
Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.
Oia yang saya beriwarna merah itu bisa sobat rubah itu adalah letak posisi animasi mu menjadi dimana :
Bottom
Left
Center
Right
Right
Top
Center
Bottom
Left
Top
Center
Bottom
Cara memasang widget animasi ke blog :
1. Pilih script yang tersedia
2. Di Dashboard blogger pilih Rancangan - Elemen halaman
3. Pilih Tambah Gadget
4. Pilih HTML/Javascript
5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript
Kirimkan Ini lewat Email BlogThis! Berbagi ke Twitter Berbagi ke Facebook Berbagi ke Google Buzz
0 k
http://www.ilmugrafis.com/flash.php?page=animasi-burung-terbang
TUTORIAL ANIMATION
KATEGORI : MACROMEDIA / [Adobe] FLASHTutorial belajar membuat Animasi dengan menggunakan macromedia Adobe Flash Proffesional dari dasar hingga mahir
MACROMEDIA [ADOBE] FLASH | 1 | | 2 |
Animasi Burung TerbangPublish: 17 April 2010 | Author & Copyright: Miko | Status: FREE tutorial
Dalam Tutorial kali ini akan membahas bagaimana membuat animasi sederhana dengan mode Frame by frame yaitu animasi dengan membuat gambar perframe beda halnya dengan Motion Tweening teknik frame by frame memerlukan waktu yang cukup banyak karma dalam setiap frame kita harus membuat gambar yang tidak sama, pada tutorial kali ini objek yang akan kita gunakan yaitu sebuah ilustrasi burung dan aplikasi yang digunakan yaitu Macromedia Flash MX Professional 2004
Langkah pertama yaitu buatlah gambar ilustrasi burung sebanyak 3 kali dengan menggunakan ToolboxBrush Tool
Untuk membuatnya perhatikan gambar dibawah ini
Buatlah ilustrasi gambar burung dengan brush tool bisa juga menggunakan Pen Tool
Sebelum menginjak langkah selanjutnya copy gambar yang sudah dibuat tadi, tujuannya yaitu agar kita tidak usah repot-repot membuat badan burung lagi jadi pada akhirnya kita tinggal paste gambar setelah itu
nanti hanya menambah bentuk sayap yang berbeda saja
buatlah sayap pada bagian atas , pada bagian ini kita sedang membuat gambar 1
Masuk ke pembuatan gambar kedua buatlah bentuk sayap di bawah
Untuk gambar yang terakhir buatlah sayap diatas punggung burung tetapi agak rendah sedikit, jika sudah selesai tinggal pewarnaan pada gambar burung
langkah selanjutnya yaitu pembuatan animasinya pada gambar 1 letakkan dikeyframe pertama , atur posisi gambar sesuai keinginan anda asal semua gambar harus di 1 posisi yang sama semua
buatlah Keyframe dengan cara klik kanan frame kedua >> pilih Insert Keyframe, setelah itu masukanGambar 2
buatlah Keyframe dan masukan gambar 3 keposisi yang sudah kita tentukan tadi
langkah selanjutnya blok semua Frame yang telah kita buat >> klik kanan dan pilih Copy Frame. Kemudian Paste ke frame selanjutnya
Hasilnya bisa dilihat dengan cara pilih Menu Control >> pilih Play atau Ctrl+Enter
Hasilnya:
Animasi Burung Terbang :)
salam kreatif by MIKO IG
top related