B-Ke

Exchange V.2

http://1.bp.blogspot.com/-X7HO7vvZuHw/UsEp1QQnVAI/AAAAAAAAAaE/mkUs9M4j4_A/s1600/united-Hanapi-2.gif

Cara Membuat Tulisan Atau Banner Mengkilat Dengan Photoshop

Halo Semua... Dah Lama Dark Kage Gak Kasih Tutor, Software ku rusak -_- Jadi Gak Bisa Video'in Jadi Dark Kage Akan Kasih Dengan Gambar Saja.

Contoh Gambarnya

Caranya

1. Buat Gambar Ukuran Berapa Saja Dan Jika Selesai Jangan Disave
2. Pindahkan Tulisanmu keatas.

3. Klik Gambar Yang Sudah Ditandai Tanda Panah.

4. Klik Tanda Yang Udah Ditandai

5. Klik Gambar Yang UDah Ditandai

6. Setting Kaya Gini Lalu Klik New Klik Lagi Ok

7. Garis Kayak Gini......

8. Pasti Jadi Kayak Gini, Lalu Klik Kanan Pada Tulisannya Jangan Pada Layer, Lalu Klik Convert To Smart Object

9. Klik Kanan Pada Layer Yang Diatas Tulisan Kamu, Lalu Klik Create Clipping Mask

10. Drag Kilatan Tadi Ke Ujung Tulisan Kamu

11. Klik Windows, Lalu Pilih Animation [Tanpa Gambar]
12. Klik Deh Gambar Yang Udah Ditunjukan Tanda Panah

13. Drag Keujung Tulisannya, Tapi Jangan Cepat Cepat Dragnya [Secara Perlahan Deh]

14. Klik Gambar Yang Udah Ditandain

15. Pilih Frame To Add Tulis 25 Klik Ok
16. Klik Aja Play
17. Dah Jadi Save, Savenya Beda Yaitu Klik File Save For Web Bla Bla Bla
18. Klik Save Selesai

Sekian Tutor Dari Saya, Jika Anda Mau Copas Sertakan Sumber, Jika Kebingungan Bisa Bertanya Di Komentar Atau FB
Jika Anda Tidak Menyertakan Sumber Tanggung Dosanya Atau Anda Sama Dengan Plagiat Rendahan!!!!
Ini Banner Tutor Yang Sudah Jadi.

0 Comments

Tag : Blogger, Photshop,

Cara Membuat Banner Keren Versi B-ke

Blog

Thursday, 21 November 2013

Cara Membuat Banner Keren Versi Go! Blog - Haloo sobat, Seperti biasa saya akan update artikel setiap harinya heheh kali ini saya akan berbagi tentang Cara Membuat Banner Keren Dengan Animasi Teks Berjalan. Seperti apakah bentuk dan caranya?? simak terus artikel ini ya sob ^_^. Saya membuat artikel ini karena salah satu teman facebook saya request cara membuat banner keren. Nah, bicara soal Banner kali ini saya akan memperlihatkan sobat cara membuat banner keren dengan ukuran 468x60. Singkat waktu langsung saja yuk..

Buka dahulu Photoshop.
File -> New Gunakan ukuran 468 x 60 pixel
Jika sudah, klik Rectangle Tool seperti dibawah ini.
Atur dahulu warnanya, kemudian buat menjadi seperti ini

Masukkan dahulu gambar yang diinginkan seperti gambar anime, untuk gambar-gambar anime/ render / gambar tanpa background sobat bisa download di http://www.gt-renders.com/. Cara Memasukkan gambarnya klik File -> Open -> pilih gambar -> Ok -> seret gambarnya ke tab yang akan dibuat banner. Nah jadinya akan seperti dibawah ini.

Kemudian klik kanan Rectangle Tool dan ganti menjadi Rounded Rectangle Tool lalu sesuaikan warnanya menjadi #262626 kemudian buat seperti gambar dibawah ini.

Sekarang klik kanan layer Shape yang dibuat tadi kemudian Blending Options... Centang Inner Shadow dan atur seperti dibawah ini.

Eitss jangan di oke kan dulu. Kemudian Centang Stroke Atur Stroke dengan warna #595959 seperti ini.

Selanjutnya Klik Oke!! Lihat jadinya seperti ini.

Selanjutnya sobat klik Type Tool yang berbentuk gambar Huruf T kemudian buat tulisan yang diinginkan seperti ini.

Jangan lupa diberi jarak spasi sekitar 4/ 5 spasi. Jangan panik ini masih belum jadi, selanjutnya sobat Tekan Ctrl + Alt + G pada layer Text tadi. Dan jadinya seperti ini.

Nah sekarang Text Sudah masuk sekarang kita akan memulai membuat Animasi Teks Berjalan, Rapikan dulu posisinya sob. seret dlu teksnya ke paling kanan agar tidak terlihat. seperti ini.

Jika sudah, Sobat klik menu Windows di atas sekali lalu pilih Animation.

Membuat animasi berjalannya sebenarnya sama seperti tutorial sebelumnya yang saya share. Yaitu cara membuat Animasi Kilauan Pada Tulisan Dengan Photoshop. Jika sobat sudah mengerti caranya sobat sudah bisa berimajinasi sesuai keinginan sobat, Jika sobat masih belum mengerti tetap simak artikel ini. Jika sudah membuka Windows Animation, Sobat atur dlu waktunya mnjadi 0 sec. kemudian klik Dupliacare Selected Frames Seperti gambar dibawah ini.

Jika sudah sobat klik layer Teks yang sobat buat tadi lalu geser dari kanan ke pojok kiri hingga teks paling kanan tidak terlihat seperti dibawah ini.

Jika sudah seperti diatas teksnya sudah dipindahkan dari kanan ke kiri. Kemudian sobat klik Tweens Animation Frames seperti gambar yang dilingkari seperti dibawah ini.

Ubah Frames To Add menjadi 200 Kemudian Klik Oke seperti dibawah ini.

Nah Selesai, Kemudian klik Frames ke 202 ubah detiknya mnjadi 2 detik atau 3 detik sesuai selera sobat. Seperti ini

Sekarang sobat coba play!! jika sudah selesai sobat save, Eitss... Savenya Bukan Dengan Ctrl+S, Save dengan menekan Ctrl + Alt + Sift + S Save dengan nama yang sobat inginkan dengan format .gif

Maka jadinya akan seperti ini

Sekian artikel yang saya buat hari ini, mohon maaf jika ada kata-kata yang kurang dimengerti atau sobat kurang puas dengan cara yang saya buat, bukannya saya tidak bisa membuat yang keren seperti sobat inginkan tapi karena artikel ini sudah cukup panjang dan otomatis saya kewalahan hehe, mungkin cara yang saya berikan sobat bisa berimajinasi sedikit menambahkan efek atau lainnya. Jika sobat kurang jelas sobat bisa bertanya lewat komentar dibawah ini.

0 Comments

Tag : Blogger, Photshop,

Zynation moon template

Yeay,kali ini gw akan share template yang sebelum nya udah pernah gw pake,tapi yang gw pake dulu bertema terang,nahh kali ini udah gw update dikit warna nya jadi gelap,biar gak silau aja gitu XD okay template ini agak sedikit berat jadi karena terlalu banyak banner yang di pasang,jadi maklumi aja,bisa di hapus kok banner nya fiture template ini sihhh biasa aja gak ada yang spesial,yang spesial cuma ada bulan nya di atas header XD

yang gw pake dulu lagi suasa cerah,yang gw skare sekarang lagi suasana malam yang indah dengan bintang bintang yang berserakan di atas nya *mana?

udah dehh langsung ajaa

Download

Jangan di ganti credit original template nya yahh,jika ingin di redesign cukup tambahkan
"redesign by: nama kamu"

See you
sumber:Zynation

0 Comments

Tag : Templates,

Download Template Simple Green Kabuto

Halo semua sahabat I.Z Darkness, kali ini saya akan ngeshare template yang saya redesign. Yah, maklum klo templatenya jelek karena saya masih Blogger Newbie, jadi saya belum terlalu paham dalam blogger. Ya, udah dah dari pada kebanyakan ngomong mendingan langsung aja nih templatenya.

Fitur-Fitur :

Auto Read More
1 Sidebar di kanan
Anti klik kanan
Anti CTRL+U
Meta Content SEO Friendly
6 space Banner 125x125
4 space Banner 468x468
20 space Banner 88x88

Demo | Download

0 Comments

Tag : Templates,

Download Template Blue Free!

Download Template Blue Free!

Download Template Blue Dark Free!

Assalamu'alaikum Wr. Wb.

dari pada bengong di depan monitor mending mimin Share aja nih template Dark Blue Free! yang mimin pakai buat blog ini.

nih SS nya..

Bagian Header :

Bagian Body :

Bagian Footer :

Fitur :

1. Banner 468x80 4 slot dan bisa di tambah lagi

2. tempat Gadget di atas Footer ada tiga buah

3. Headline, tempat Banner 88x31 di Header

4. Side Bar tempat banner 125x125 dan 88x31

Bagaimana?
ada yang mau? OK dah kalau mau silahkan didownload.. ^_^

Source

0 Comments

Tag : Templates,

Download Template Blogger Gray Paper

Download

Download & Demo

Terimakasih untuk tidak menghapus, mengganti dan menghilangkan Creedit Footer

Instruksi

Cara mengaktifkan dan memunculkan Friend's Link.

Masukkan script dibawah ini di Tata Letak -> Javascript/ Html

<style type="text/css">
#at{
position:fixed;
right:35%;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:0px;
width:0px;
float:top;
cursor:pointer;
background:url(url);
}
.atcontent{
float:left;
width:300px;
height:400px;
border:5px solid #ccc8cc;
background:#fff repeat-x bottom center scroll;
-moz-border-radius:10px;
padding:10px;
}
.atcontent:hover{
border:5px solid #ff0000;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div style="background:#fff;">
<h2>Friend's Link</h2>
<ul>
<li><a href="http://www.g-bloog.com/" href" title="klik disini!! jika ingin dirimu gak goblog xd">Go! Blog</a></li>
<li><a href="http://www.g-bloog.com/" href" title="klik disini!! jika ingin dirimu gak goblog xd">Go! Blog</a></li>
<li><a href="http://www.g-bloog.com/" href" title="klik disini!! jika ingin dirimu gak goblog xd">Go! Blog</a></li>
<li><a href="http://www.g-bloog.com/" href" title="klik disini!! jika ingin dirimu gak goblog xd">Go! Blog</a></li>
<li><a href="http://www.g-bloog.com/" href" title="klik disini!! jika ingin dirimu gak goblog xd">Go! Blog</a></li>
<li><a href="http://www.g-bloog.com/" href" title="klik disini!! jika ingin dirimu gak goblog xd">Go! Blog</a></li>
<li><a href="http://www.g-bloog.com/" href" title="klik disini!! jika ingin dirimu gak goblog xd">Go! Blog</a></li>
<li><a href="http://www.g-bloog.com/" href" title="klik disini!! jika ingin dirimu gak goblog xd">Go! Blog</a></li>
<li><a href="http://www.g-bloog.com/" href" title="klik disini!! jika ingin dirimu gak goblog xd">Go! Blog</a></li>
<li><a href="http://www.g-bloog.com/" href" title="klik disini!! jika ingin dirimu gak goblog xd">Go! Blog</a></li>
</ul>
<a href="#" href" title="friend's Link">Link Lainnya...</a>
</div>
</div>
<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><i class='icon-remove-circle icon-2x'/> </i></a></div>
</div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.bottom = (-620-at.offsetWidth).toString() + "px";
</script>

Penulisan yang distabilo silahkan sobat ganti dengan link dan nama blog yang sobat inginkan.

Menu Navigasi

<div id='menujohanes'>
<ul>
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'><i class='icon-home'/> Home</a></li>
<li><a class='menu' href='#'><i class='icon-sitemap icon-large'/> Sitemap</a>
</li>
<li><a class='menu' href='#'><i class='icon-random icon-large'/> Exchange</a>
</li>
<li><a class='menu' href='#'><i class='icon-cog icon-large'/> Tutorial</a>
<ul>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Photoshop</a></li>
</ul>
</li>
<li><a class='menu' href='#'><i class='icon-user icon-large'/> Contact</a>
<ul>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Google plus</a></li>
</ul>
.........

Keterangan

Merah = Ganti dengan link yang sobat inginkan

Orange = Ganti dengan Nama menu yang sobat inginkan

Nah oke mungkin cuman itu yang dapat saya sampaikan untuk kurang lebihnya silahkan sobat acak- acak sendiri wehehehe...

Demikianlah artikel yang dapat saya sampaikan semoga bermanfaat bagi kita semua, ingat!! gunakan dengan bijak hargailah karya orang. Bagi sobat yang ingin bertanya dapat mengajukan pertanyaan melalui kotak komentar yang tersedia dibawah artikel ini. Wassalamualaikum wr. wb

0 Comments

Tag : Templates,

Cara Membuat Banner dengan Flashvortex

Sebelumnya kita sudah membahas cara membuat banner dengan picasion.com, tapi kali ini kita akan membahas cara membuat banner dengan flashvortex. Flashvortex merupakan salah satu tool online yang digunakan untuk membuat flash banner gratis.

Selain kita bisa membuat banner di flashvortex, kita juga dapat membuat menu, texts, buttons, clocks. Berikut simak langkah-langkah pembuatan flash banner menggunakan flashvortex :

Kunjungi situs flashvortex.com
Pilih salah satu menu yang ingin Anda buat, misalnya: Anda ingin membuat banner, klik 'Banners'.
Kemudian pilih design banner sesuai keinginan Anda.
Selanjutnya Anda bisa mengatur ukuran, tulisan, background, link target banner yang akan Anda buat.
Setelah selesai, klik 'Generate Animation' untuk mengambil kode scriptnya.
Copy paste kode tersebut pada HTML/JavaScript blog Anda.