Copy and paste in your website

<div align="center">
<div  style="background: #3300CC; border: 2px solid #FF3300; width: 300; height:auto;  -moz-box-shadow: 0px 0px 20px #FF3300; -moz-border-radius: 10px; ">
<b style="COLOR:#FFFF00; FONT-SIZE:38; font-family: forte; text-shadow: 2px 2px 5px #000;"><a href="http://blogger-kbk.blogspot.com/" target="_blank"> Blogger KBK</a></b>
<br/><br/>

<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="10" style="background:#000; border-top:2px solid #FF3300 ; border-bottom:2px solid #FF3300; COLOR:#FFF;">');
var i;
for (i = 5; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://blogger-kbk.blogspot.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>

<div align="center" style="margin-top: 15px; margin-bottom: 15px">
<blink ><b  style=" background: #000; border: 2px solid #FF3300;  height: 180;  -moz-box-shadow: 0px 0px 20px #FF3300; -webkit-box-shadow: 0px 0px 20px #FF3300; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; padding:5px; "><a href="http://blogger-kbk.blogspot.com/search/label/Blog%20Trick" target="_blank">Tutorial Blog Kubang kondang</a></b></blink>
</div></div></div>

<div align="center">
<div  style="background: #3300CC; border: 2px solid #FF3300; width: 300; height:auto;  -moz-box-shadow: 0px 0px 20px #FF3300; -moz-border-radius: 10px; ">
<b style="COLOR:#FFFF00; FONT-SIZE:38; font-family: forte; text-shadow: 2px 2px 5px #000;"><a href="http://blogger-kbk.blogspot.com/" target="_blank"> Blogger KBK</a></b>
<br/><br/>

<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="10" style="background:#000; border-top:2px solid #FF3300 ; border-bottom:2px solid #FF3300; COLOR:#FFF;">');
var i;
for (i = 5; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://blogger-kbk.blogspot.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>

<div align="center" style="margin-top: 15px; margin-bottom: 15px">
<blink ><b  style=" background: #000; border: 2px solid #FF3300;  height: 180;  -moz-box-shadow: 0px 0px 20px #FF3300; -webkit-box-shadow: 0px 0px 20px #FF3300; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; padding:5px; "><a href="http://blogger-kbk.blogspot.com/search/label/Blog%20Trick" target="_blank">Tutorial Blog Kubang kondang</a></b></blink>
</div></div></div>

rumahku sorgaku

» Tutorial Photoshop » Belajar Membuat Animasi Dengan Adobe Photoshop

Belajar Membuat Animasi Dengan Adobe Photoshop

Belajar Membuat Animasi Dengan Photoshop

Software : adobe Photoshop CS3 - CS4 .. CS2 blom cek udah ada fasilitas animasinya ato belom yaa.. mungkin masih pake Image Ready.

By Request : Saya bikin Tutorial ini karena banyak yang request.

Saya coba buat dasar-dasar nya aja.. atau gimana sih cara buat suatu gambar itu jadi gerak.. belom masuk ke berubah bentuk ya.. cuman gerak aja..

Pembuatan animasi di photoshop ada 2 cara :

1. Import Langsung dari layer ( Make frame from layers - buat yang udah EXPERT )

2. Manual ( ini khusus buat menggerakan benda aja)

Sekarang kita mulai dengan yang manual dulu aja yaa.. dari dasar dulu la..

Pertamax.. hehehe buka dokumen baru :

Buat kotak dengan rectangle marquee tool. Klik Select > Inverse.. lalu warnai dengan warna Hitam Klik Edit > Fill > Black

Sekarang buat lingkaran dengan Elliptical Marquee tool.. ( Sambil tekan tombol SHIFT biar Bener-bener bulet jadinya )..

Warnai dengan Gradient TOol > Radial Gradient. Warna Terserah aja..

Kalo ngikutin nya bener … jadinya kayak gini ..

Sekarang kita gerakkan Bola nya..

Klik Windows > Animation, maka muncul Animation Bar..

Klik Duplicate Selected Frame .. Muncul Frame baru dengan posisi bola yang sama..

Sekarang pindahin bola yang ada di frame 2 ke tepi kiri tengah..

Klik Tween Animation Frame untuk membuat Frame-frame dari posisi bola di atas ke posisi bola di samping secara otomatis.. kalo mau gerakan nya halus.. frame nya banyakin aja.. saya pake 5 frame aja..

Sekarang udah jadi deh.. gerakan dari atas ke samping kiri.. coba aja tekan tombol Play.

Pake cara yang sama .. Sekarang klik frame terakhir.. Klik duplicate selected frame lagi.. Pindahkan bola ke bawah tengah.. lalu buat Tween animation frame.sebanyak 5 juga.. Lalu animasikan bola dari tengah bawah ke tengah kanan.. animasikan lagi..

Untuk yang terakhir jangan sampe kembali ke posisi awal.. tapi buat renggang sedikit..

Klik tombol Play.. Kalo udah Ok save di GIF..

Klik File > Save For Web and Devices

Hasilnya :

Selamat Mencoba…

Artikel Belajar Membuat Animasi Dengan Photoshop ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Adobe Photoshop Tutorials

0

Silahkan Tulis Komentar Anda ...

Blogger KBK

Tutorial Blog Kubang kondang

© Blogger Kubangkondang