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

Blogger Widgets

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:
  1. Komputer / Laptop / Notebook >> yang ini wajib !!! 
  2. Software Asli Adobe Photoshop
  3. 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,