Amal membantu Membagikan

Showing posts with label animasi. Show all posts

Wednesday, December 18, 2013

Blogroll Ganteng Dengan Efek Animasi

Dari judulnya, mungkin temen-temen sudah bisa menebak postingan apa kali ini???

Kali ini, saya ingin share mengenai cara membuat blogroll yang animatif, sehingga tampilan nya menjadi lebih menarik untuk dipandang...

DEMO :

Tutorial ini saya buat berdasarkan tutorial yang saya pelajari dari Mas Taufik, dan saya share kembali kepada temen-temen yang lain yang merasa tertarik dengan model blogroll seperti ini.

1. Login ke blogger.

2. Pilih Template - Edit HTML.

~~3. Centang Expand Template Widget.~~

4. Letakkan kode berikut diatas kode </head> :

var $ul = $(#blog-roll),
    roll = function() {
        $ul.find(li).first().slideUp(slow, function() {
            $(this).appendTo($(this).parent()).fadeIn();
        });
    }, anim = setInterval(roll, 3000);

// Pause on hover...
$ul.hover(function() {
    clearInterval(anim);
}, function() {
    anim = setInterval(roll, 3000);
});

5. Simpan Template.

6. Letakkan link-link yang akan ditampilkan secara animasi pada tempat yang temen-temen inginkan seperti contoh dibawah :

<ul id="blog-roll">
    <li><a href="#">Alya Zahra 1</a></li>
    <li><a href="#">Alya Zahra 2</a></li>
    <li><a href="#">Alya Zahra 3</a></li>
    <li><a href="#">Alya Zahra 4</a></li>
    <li><a href="#">Alya Zahra 5</a></li>
    <li><a href="#">Alya Zahra 6</a></li>
    <li><a href="#">Alya Zahra 7</a></li>
    <li><a href="#">Alya Zahra 8</a></li>
    <li><a href="#">Alya Zahra 9</a></li>
    <li><a href="#">Alya Zahra 10</a></li>
</ul>

7. Enjoy.

*Kode yang digaris bawah tidak perlu ditaruh di template apabila telah terdapat kode serupa

Bagaimana sob???
Semoga postingan ini bermanfaat....

Tuesday, December 17, 2013

Membuat Animasi Judul sebuah Video

Indikator Materi :

§ Menjelaskan fungsi Menu Title pada Ulead Studio Video

§ Mendemokan cara mengolah menu Title pada Ulead studio Video

§ Mempraktikkan fasilitas Title Ulead Video Studio

§ Membuat sebuah Title video dengan berbagai animasi

Untuk membuat Animasi Judul atau Title pada sebuah video kita harus buat semenarik mungkin, agar kualiatas video editan kita nantinya memiliki nilai lebih dengan video orang lain.
1. Langkah awal pembuatan title ini adalah kamu bisa klik langsung menu Title seperti pada gambar dibawah ini :

2. Klik Title maka akan muncul tampilan seperti diatas, kamu tinggal pilih model mana yang kamu inginkan. Untuk memberi efek pada Title klik Animation dan selanjutnya klik Apply animation maka akan tampil berbagai macam Type kreasi Title nantinya.

3. Dari gambar Type Title ada 7 macam yaitu : Zoom, Fade, Fly, Moving Path, Pop-up, Swing, Turn. Masing-masing Type juga akan terdiri dari banyak pilihan kamu bisa langsung coba mana yang kamu suka.

4. Setelah Judul sudah Siap dengan animasinya, kamu stel lama tampilan judul tersebut agar tidak terlalu cepat atau tidak terlalu lama dengan cara klik terlebih dahulu tulisan, misal dari gambar dibawah "Buat Title Belajar" kemudian drag atau seret sejauh yang kita inginkan.

5. Uji coba hasil olahan Title yang kita buat dengan mensimulasikannya seperti yang tampak pd gambar berikut ini:
Klik Play maka video Title akan berjalan.

6. Clip akan menjalankan satu Title saja

7. Project akan menjalankan seluruh olahan video dimulai dari Title, Audio, Gambar ataupun Rekaman Video sekaligus.

Kamu juga bisa lihat video pembuatannya disini

Selamat berkreativitas

Jangan lupa tinggalin pesan apabila ada kesulitan ...