aji wahyudi
Sabtu, 09 November 2013
Kamis, 07 November 2013
cara mengganti cursor di blog
Cara Mengganti Kursor Blog dan 13 Cursor Menarik
Mengganti Kursor Blog dan berbagai aneka kursos dengan gambar Animasi Keren.bisa
dilakukan dengan gambar sendiri dan karya penampilan sendiri, jika
merasa punya tingkat daya seni yang menarik, lebih baik untuk membuat
icon cursor sendiri, tentu itu adalah hal yang sangat gambang, baiklah
jika merasa tertarik untuk hanya mencoba coba, coba lihat dulu yang satu
ini Klik DEMO.
Oke langsug saja,, hehe
- Masuk Ke Blogger - Pilih Template - Edit HTML
- Dan Cari Code </head>
- Pilih kursor sesuai keinginanmu dibawah ini dan Paste code-nya tepart diatas code </head>
Cursor 1
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/horse-ani1.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1XaceLSFOpICwaW2nNmT_aj_RnZ7pOtjBB_TTE9mLP4NmGO1WRdNVDiRgZ6xQYkCPYCq3vRwerrrvnZmtBhzdd4m7Q7RgzFxn4WCvjc2c9YSomuA-01HsrkLMOb9q5_4V966DAsRGw/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 2
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Heart.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1XaceLSFOpICwaW2nNmT_aj_RnZ7pOtjBB_TTE9mLP4NmGO1WRdNVDiRgZ6xQYkCPYCq3vRwerrrvnZmtBhzdd4m7Q7RgzFxn4WCvjc2c9YSomuA-01HsrkLMOb9q5_4V966DAsRGw/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 3
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Halloween_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1XaceLSFOpICwaW2nNmT_aj_RnZ7pOtjBB_TTE9mLP4NmGO1WRdNVDiRgZ6xQYkCPYCq3vRwerrrvnZmtBhzdd4m7Q7RgzFxn4WCvjc2c9YSomuA-01HsrkLMOb9q5_4V966DAsRGw/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 4
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Fly_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1XaceLSFOpICwaW2nNmT_aj_RnZ7pOtjBB_TTE9mLP4NmGO1WRdNVDiRgZ6xQYkCPYCq3vRwerrrvnZmtBhzdd4m7Q7RgzFxn4WCvjc2c9YSomuA-01HsrkLMOb9q5_4V966DAsRGw/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 5
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/aliendance.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1XaceLSFOpICwaW2nNmT_aj_RnZ7pOtjBB_TTE9mLP4NmGO1WRdNVDiRgZ6xQYkCPYCq3vRwerrrvnZmtBhzdd4m7Q7RgzFxn4WCvjc2c9YSomuA-01HsrkLMOb9q5_4V966DAsRGw/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 6
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/apple-tmani.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1XaceLSFOpICwaW2nNmT_aj_RnZ7pOtjBB_TTE9mLP4NmGO1WRdNVDiRgZ6xQYkCPYCq3vRwerrrvnZmtBhzdd4m7Q7RgzFxn4WCvjc2c9YSomuA-01HsrkLMOb9q5_4V966DAsRGw/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 7
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bounce.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1XaceLSFOpICwaW2nNmT_aj_RnZ7pOtjBB_TTE9mLP4NmGO1WRdNVDiRgZ6xQYkCPYCq3vRwerrrvnZmtBhzdd4m7Q7RgzFxn4WCvjc2c9YSomuA-01HsrkLMOb9q5_4V966DAsRGw/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 8
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/tail2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1XaceLSFOpICwaW2nNmT_aj_RnZ7pOtjBB_TTE9mLP4NmGO1WRdNVDiRgZ6xQYkCPYCq3vRwerrrvnZmtBhzdd4m7Q7RgzFxn4WCvjc2c9YSomuA-01HsrkLMOb9q5_4V966DAsRGw/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 9
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bluemultiglit.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1XaceLSFOpICwaW2nNmT_aj_RnZ7pOtjBB_TTE9mLP4NmGO1WRdNVDiRgZ6xQYkCPYCq3vRwerrrvnZmtBhzdd4m7Q7RgzFxn4WCvjc2c9YSomuA-01HsrkLMOb9q5_4V966DAsRGw/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 10
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Arrow_02.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1XaceLSFOpICwaW2nNmT_aj_RnZ7pOtjBB_TTE9mLP4NmGO1WRdNVDiRgZ6xQYkCPYCq3vRwerrrvnZmtBhzdd4m7Q7RgzFxn4WCvjc2c9YSomuA-01HsrkLMOb9q5_4V966DAsRGw/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 11
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/03/03/blue-fire-pointer.html" target="_blank" title="Blue Fire Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blue Fire Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 12
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur949.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur949.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/26/batman-begins-help-select.html" target="_blank" title="Batman Begins - Help Select"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins - Help Select" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 13
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur201.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur201.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/22/shiny-flashy-green-matrix.html" target="_blank" title="Shiny Flashy Green Matrix"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Shiny Flashy Green Matrix" style="position:absolute; top: 0px; right: 0px;" /></a>
cara membuat animasi 3D di CorelDraw
Membuat Animasi 3D dengan CorelDRAW
Membuat Animasi 3D dengan CorelDRAW
Tutorial Membuat Animasi 3D dengan CorelDRAW
ini dibuat dengan tujuan untuk mempertagas dari tutorial sebelumnya
yang ada sebagian rekan masih belum faham betul cara memasukkan object
yang telah kita buat, mungkin tutorian ini membuat sampeyan tidak
bingung lagi;
Langkah 1;
Sebagai
contoh kita buat lingkaran, disini harus kita biasakan membuat object
dengan ukuran pixel, karena gif animasi itu biasanya dibuat untuk
keperluan website atau blog
Buat lingkaran dengan ukuran 250 px X 250 px
Beri efek Gradasi, pilih radial pada Property Bar
Export gambar yang telah kita buat, bisa dengan format gif, jpg atau png beri nama file satu
Pada Angle of rotation ketikkan 90, dan Export juga beri nama file dua
Seperti langkah sebelumnya pada Angle of rotation ketikkan 180, dan Export juga beri nama file tiga
Yang terakhir juga seperti langkah diata pada Angle of rotation ketikkan 270, dan Export juga beri nama file empat, maka sampeyan punya punya 4 file lingkaran yang berbeda.
Langkah 2;
Buka Program Aplikasi Corel Photo Paint, Pada Width = 250 Hight = 250 sesuai dengan ukuran gambar yang telah kita buat, dan perlu diingat pada Background color biarkan saja tetap putih karena kalau sampeyan pilih No Background
setiap sampeyan paste meskipun sudah sampeyan klik pada luar halaman
hasilnya setiap halaman akan tetap muncul gambar yang sama, Number of frame = 4, karena gambar kita berjumlah 4.
Setelah sampeyan klik OK
maka ada penampakan seperti gambar dibawah, dan sekali lagi perlu
diperhatikan layar halaman harus seperti gambar dibawah ini ada
background putih;
Selanjutnya Copy gambar satu yang ada dikomputer kita, dan pada Menu Bar pilih Edit --> Paste --> Paste as New Selection
Sehingga gambar akan tampil seperti gambar dibawah ini, nah
ini yang perlu diperhatikan setelah gambar tampil pointer mouse
sampeyan arahkan pada luar gambar (yang warna abu-abu itu lo!!) dan
klik, untuk lebih yakin sampeyan klik lagi, dengan tujuan agar tidak muncul gambar yang sama pada tiap halaman
Selanjutnya pindah ke halaman 2, lakukan seperti langkah di atas, jangan sampai lupa setelah gambar tampil klik diarea luar gambar, dan lakukan sampai keempat halaman terisi 4 gambar yang telah kita buat tadi;
Selanjutnya Save, beri nana file misalnya animasi3d, pada Save as type pilih GIF-Gif Animation
kalau tampil kotak dialog seperti dibawah ini pada Palette pilih optimized agar tampilan gambar maksimal;
Pada kotak dialog berikutnya, pada Frame Repetition centang Loop Frames, beri tanda ceks pada forever apabila sampeyan menginginkan animasi akan jalan terus secara berulang-ulang;
Selesai maka file sampeyan yang namanya 'animasi 3d' akan tampil seperti gambar dibawah ini;
Atau kita bisa buat model yang lain;
cara membuat animasi sederhana di photoshop 7.0
Cara Membuat Animasi GIF Sederhana Dengan Adobe Photoshop
Tak jarang kita
menemukan sebuah gambar yang dapat bergerak kesana kemari layaknya foto
yang ada di film harry potter (fotonya bisa bergerak :P) namun dibalik
itu semua tahukah anda bagaimana cara membuat gambar bergerak/ animasi
tersebut?
Baiklah kali
ini saya akan memberikan sedikit teknik mendesain / merancang sebuah
animasi sederhana dengan menggunakan Adobe Photoshop, namun pada latihan
ini saya masih saja menggunakan Adobe Photoshop 7.0 karena saya belum
memiliki Adobe Photoshop terbarunya hehehe.
Namun CARA INI
juga dapat anda gunakan pada Adobe Photoshop yang lainnya kok. jadi
mantavers gak usah ikut2an saya menggunakan Adobe Photoshop 7.0 ya!
Nah, sebelum memulai ada baiknya kalau mantavers menyediakan bahan2 kita bereksperimen sebagai berikut:
- Komputer / Laptop / Notebook >> yang ini wajib !!!
- Software Asli Adobe Photoshop
- Mouse >> coba bayangin kalo gak ada mouse pasti agak ribet bikinnya kan?
Saya akan melanjutkan ke tahap selanjutnya tapi sebelumnya saya menyarankan kepada anda untuk meng-click salah
satu ADVERTISE dibawah postingan ini. Caranya klik KANAN lalu pilih
OPEN IN NEW TAB. Setelah kurang lebih 1 menit anda dapat menutup kembali
layanan iklan tadi.
OK! Saatnya bereksperimen! sekarang kita lanjut ke Langkah pembuatan ANIMASI "Bola Warna Warni" seperti ini:
~ LANGKAH - LANGKAH ~
1. Buka software Adobe Photoshop anda
2. Klik File kemudian klik New atau langsung tekan Ctrl + N
3. Atur ukuran dan model gambar anda seperti contoh dibawah ini:
4. Setelah
layout baru anda muncul dengan backround transparent seperti gambar
diatas, kini saatnya membuat sebuah bola kecil dengan mengklik ELLIPSE
TOOL atau langsung tekan tombol U pada keyboard.
5. Saat bola
kecil hitam sudah berada di layers, RESTERIZE kan layer bola kecil hitam
itu pada kolom layers. Caranya klik kanan pada gambar bola hitam di
kolom layers kemudian klik RESTERIZE LAYER.
6. Duplikasi /
gandakan layer bola hitam tadi dengan cara klik kanan gambar bola hitam
pada kolom layers kemudian klik DUPLICATE LAYER sebanyak 5 kali secara
berulang- ulang.
Maka akan muncul shape- shape hasil penggandaan yang anda lakukan.
7. Warnai shape lainnya dengan warna dengan warna yang anda sukai dengan PAINT BUCKET TOOLS.
mis: merah, kuning, hijau, dilangit yang biru whehehe.
8. Kalau sudah seperti ini:
9. Saatnya meng- convert gambar anda dari Adobe Photoshop ke Adobe ImageReady.
10. Jika sudah pada Adobe ImageReady anda dapat menekan tombol F11 pada keyboard agar muncul KOLOM ANIMATION.
11. Langkah selanjutnya dapat anda lihat dari ANIMASI yang saya buat dengan Camtasia Recorder dibawah ini.
(mohon maaf, gambar mengalami kerusakan)
12. Kalau hasil pertukaran warna bola terlau cepat maka anda dapat mencoba mengubah pengaturan delaynya.
13. Sekarang saatnya menyimpan ANIMASI GIF anda. Dengan cara:
klik FILE > SAVE OPTIMIZED AS... > Pilih lokasi penyimpanan.
14. Mungkin
untuk pertama kali mencoba agak susah (seperti saya dulunya :P) namun
jika anda melakukan sesering mungkin nanti juga bisa kok dengan
sendirinya
15. Nah setelah
lancar dengan animasi dasar ini maka SEKARANG saatnya membuat kreasi2
lainnya misalkan tangan bergerak (seperti iklan di blog ini), mulanya
dengan mencontoh animasi2 simple yang anda temui, lalu coba buat sendiri
karya anda.
16. Selamat mencoba! dan terus pantau perkembangan blog ini ya :)
Penanda: adobe
photoshop, cara membuat animasi dengan adobe photoshop, animasi dengan
adobe imageready, membuat animasi, belajar membuat animasi, langkah
mudah membuat animasi, trik adobe photoshop,
Langganan:
Postingan (Atom)