KOMPLIKASI PENGETAHUAN

Home » Posts filed under Cara Membuat Animasi

Wys tans plasings met die etiket Cara Membuat Animasi. Wys alle plasings

Cara Membuat Animasi Photoshop (Lampu Merah)

Posted by Unknown Sondag 28 April 2013 0 comments

Cara Membuat Animasi Photoshop (Lampu Merah) mudah tapi banyak yang belum tahu karena selama ini mungkin kita masih berpikir kalau photoshop hanya bisa untuk bikin gambar saja dan tidak berpikir kalau bisa buat animasi. Kali ini kita akan membahas cara pembuatan animasi sederhana saja dengan menggunakan photoshop, yaitu dengan membuat lmpu kedap kedip bergerak dari bawah ke atas dan dari atas ke bawah.

Seblum mulai belajar tutorial Cara Membuat Animasi Photoshop (Lampu Merah) ada baiknya kita paham dulu apa pengertian photoshop dan animasi menurut Wikipedia dan situs lainnya biar kalau ada yang tanya gak malu-maluin. Photoshop adalah sebuah aplikasi atau perangkat lunak yang dikhususkan untuk desain gambar yang dapat dimulai desain awal hingga selesai sempurna bentuk gambarnya. Berbeda dengan CorelDraw yang hampir mirip penggunaannya, photoshop jauh lebih unggul dalam pengeditan photo, tapi sebenarnya untuk desain gambar CorelDraw jauh lebih baik karena fiturnya lebih lengkap. Dalam penggunaan photoshop dikenal adanya Layer atau halaman kerja pembentukan gambar, tiap gambar dapat dipisahkan dalam layer tersendiri dan digabungkan setelah semua selesai designnya.

Cara Membuat Animasi Photoshop (Lampu Merah)

1.    Pertama, buka Adobe Photoshop dulu, yang CS3 atau CS4 tak masalah.
2.    Selanjutnya, buka lembar kerja baru atau lawyer dengan menekan menu ‘File’ kemudian pilih ‘New’ atau kalau mau cepat tekan Ctrl + N saja.
3.    Setelah meng-klik New maka akan muncul halaman yang meminta kamu mengisi data Lawyer baru yang akan di buat, untuk itu selahkan beri nama, ‘Merah’ saja, latar putih, dan ukuran terserah anda asal tidak terlalu besar. Layer di atas background tersebut akan trlihat seperti ini :

4. Kemudian pilih Pen Tool untuk membuat lingkaran bola merah. Cari di sebelah kiri halaman Photoshop.

5. Selanjutnya, gandakan atau buat 2 bola lagi dengan warna dengan cara tekan di keyboard komputermu Ctrl + J. Lakukan 2 kali. Selanjutnya susun ketiga lingkaran tersebut sesuai dengan urutan rambu lalu lintas, yaitu merah, kemudian hijau dan kuning di bawahnya.

6. Lalu ganti warna masing-masing sesuai urutan di atas, begitupun namanyasesuai warnanya agar mudah diingat.Caranya, double klik persis di atas bolanya yang ada di samping kanan halaman lembar kerja photoshop. Tapi ingat! Jangan di atas halaman warna abu-abunya. Lihat gambar :

7. Susun ketiga lingkaran seperti membuat rambu lalu lintas..

8. Hingga langkah no.7 di atas, kita sudah berhasil membuat gambar rambu lampu merah. Nah, selanjutnya tinggal buat animasi photoshopnya. Dengan cara, klik menu ‘Window’ di bagian atas. Lalu pilih ‘Animation’ maka akan muncul halaman seperti di bawah.

9. Selanjutnya gandakan lagi sebanyak 2 kali hingga menjadi 3 gambar dengan cara klik ‘Duplicate’ pada pilihan animasi tersebut.

10. Lalu hilangkan icon mata di layer hijau dan kuning yang ada pada animasi pertama dengan cara klik di layer animasi pertama lalu klik icon matanya.

Buat Animasi Photoshop

11. Lakukan hal yang sama dengan mengklik animasi ke dua. Tapi kali ini con mata yang dihilangkan adalah pada layer merah dan kuning

12. Ulangi lagi seperti cara no.10 dan 11 di atas pada gambar animasi ke tiga, tapi icon mata yang diklik adalah di layer merah dan hijaunya.

13. Atur setting tampilan animasi, dengan cara, waktunya pilih ‘Forever’ sedang kecepatan pilih 0,2 saja,

14. Selesai. Lihat hasil animasinya akan seperti ini jika dimainkan.

Bagaimana cara membuat animasi photoshop (Lampu Merah) tidak sulit kan? Yang terpenting sebenarnya banyak praktek dan belajar, apalagi menambah pengetahuan pada trik-tirk baru yang belum diketahui. Sudah banyak sekali tutorial cara buat animasi photoshop di internet tinggal pintar-pintarnya kita memilih mana yang dapat dijadikan panduan dan mana yang tidak. Di blog ini contohnya di sediakan lengkap berbagai ilmu soal cara bikinnya sesuai dengan jenis animasi apa yang akan anda buat, baik itu photoshop, di blog, flash, dan lain sebagainya. Untuk itu, terus langjutkan cara-cara lainny dengan mengujungi halaman selanjutnya.(Sumber : putu-dirga.blogspot.com)

Baca juga cara membuat lainnya :

Cara Membuat Animasi Gambar (Gambar Animasi GIF, Kartun, dan lainnya)

Posted by Unknown Vrydag 26 April 2013 0 comments

Cara Membuat Animasi Gambar (Gambar Animasi GIF, Kartun, dan lainnya) caranya banyak sekali, tapi kali ini saya hanya ingin memberikan beberapa software yang sangat terkenal dan paling banyak digunakan oleh animator maupun orang yang baru mau belajar animasi. Jadi disini yang dibagi adalah jenis software buat gambar animasinya, sedang tahap dan langkah-langkah cara membuat animasi sudah saya tulis sebelumnya di beberapa artikel yang telah saya tulis yang bisa anda lihat di bagian paling bawah artikel ini.

gambar animasi gambar

Jika ingin lebih mudah dalam memahami cara membuat animasi gambar, maka cara terbaiknya adalah melihat langsung langkah-langkah dan tutorialnya lewat video sehingga prakteknya dapat dimengerti secara real, bukan dengan hanya membayangkannya saja. Beberapa software pembuat animasi ini sudah sangat terkenal dan sudah sejak lama diketahui orang karena fasilitasnya yang gratis dan berbagai fitur yang disediakan di dalamnya, seperti membuat animasi gif, kartun, 3D, ataupun 2 dimensi. Tapi, sebelum kita mulai belajar tutorialnya, ada baiknya kita paham terlebih dahulu apa pengertian dari gambar animasi menurut wikipedia dan master lainnya. Gambar animasi atau animasi gambar adalah merupakan manajemen tampilan sekumpulan gambar dengan mengatur alur dan waktu tampilan masing-masign gambar sehingga gambar-gambar tersebut tampak seperti hidup dan bergerak mulai dari awal gerakan hingga akhir gerakannya.

1.    Adobe Flash = tinyurl.com/adobeku

Flash dari Adobe sudah sangat terkenal dan bahkan hampir setiap animator tau dan pernah menggunakan softwarenya. Selain kualitas hasil buat animasinya yang dapat diandalkan, fitur-fitur desain animasinya juga sangat lengkap dan dapat ditampilkan dalam format apa saja. Software animasi gambar ini juga bisa digunakan untuk berbagai sistem komputer, seperti Mac, Linux, dan Windows. Nah berikut ini sedikit tutorialnya dalam bentuk video agar bisa lebih mudah dipahami :

2.    goanimate.com

Semua animator yang senang dengan software gratisan yang berkualitas pasti tahu software ini. Jika ingin lebih cepat paham dalam cara membuat gambar animasi dengan bantuan tutorial ringan saja, lebih baik belajar saja menggunakan software pembuat animasi gambar ini karena cara penggunaan aplikasi di dalamnya sangat mudah. Belum lagi, karena begitu terkenalnya di seluruh dunia, maka tutorial penggunaan software ini sudah sangat banyak di blog-blog berbahasa indonesia maupun blog berbahasa Inggris. Untuk permulaan saja silahkan lihat tutorial cara bikin animasi di bawah ini.

3.    Toon Boom Studio = tinyurl.com/animasie

Dari namanya saja sedikit unik, mungkin di Indonesia masih banyak yang belum tahu software pembuat animasi ini. Tapi di luar negeri para animator sudah banyak yang menggandrungi kelebihan-kelebihan perancang animasi ini. Informasi ini juga saya dapat dari sebuah situs berbahasa Inggris kalau ini adalah salah satu cara membuat animasi gambar flash bergerak yang cukup dapat diandalkan kualitas dan kemudahan penggunaannya. Tapi sayang saya belum menemukan video tutorial cara membuatnya. Untuk itu saya sarankan cari di Youtube saja.

4.    Anime Studio = anime.smithmicro.com

Dengan melihat namanya saja kita sudah pasti bisa menebak kalau ini adalah software yang bisa membantu kita membuat animasi gambar. Berbeda dengan yang ketiga di atas, ini jauh lebih terkenal dan bahkan di Indonesia sudah banyak penggemar software buat animasi yang menggunakannya. Selain itu, saya juga punya videonya agar bisa lebih paham cara membuat animasi dengan aplikasi ini.

Bagaimana cara membuat animasi gambar (gambar animasi gif, kartun, dan lainnya) mudah kan? Dan sudah tahu juga tutorialnya? Jika belum silahkan baca artikel di bawah ini. Pada artikel selanjutnya kamu akan dimanjakan dengan berbagai tutorial cara membuat animasi yang jauh lebih lengkap karena langkah-langkah pembuatannya dijelaskan secara detail dan terperinci yang tentunya juga disertai gambar-gambar yang menjelaskan maksduh di tiap penjelasannya.

Baca juga cara membuat lainnya :

Cara Membuat Animasi 3D Flash Bergerak (3 Dimensi)

Posted by Unknown Donderdag 25 April 2013 0 comments

Cara membuat animasi 3d flash bergerak+ bisa dibilang sederhana pengerjaannya bisa juga sulit tergantung pemahaman kita tentang dasar-dasar penggunaan pada softwarenya. Nah, kali ini kita akan berbagi soal cara penggunaan software animasi 3D dari Blender. Ya, blender merupakan salah satu software pembuat animasi flash 3D yang terkenal dan telah banyak digunakan orang, khususnya bagi yang baru mau belajar bikin animasi. Di bawah ini adalah penjelasan singkat dan sederhana mengenai langkah-langkah menjalankan software blender tersebut.

Cara Membuat Animasi 3D Flash Bergerak (3 Dimensi)

Bikin Animasi 3D - Blender

Sebelum mulai belajar tutorial cara membuat animasi 3d di bawah ini ada baiknya kalau kita tahu dulu apa itu blender dan apa pengertian animasi menurut Wikipedia dan yang lainnya. Animasi adalah suatu bentuk pengaturan beberapa gambar dengan menyusun waktu tampilannya sesuai alur gerak yang wajar yang diinginkan pembuatnya mulai dari gerakan awal hingga akhir. Sedangkan Blender sendiri adalah Blender adalah software atau perangkat lunak untuk desain grafis dalam bentuk 3 dimensi yang disediakan gratis oleh blender.org yang terkenal di kalangan desainer grafis. Software Blender dapat digunakan untuk bikin animasi 3D dalam berbagai bentuk yang beragam. Aplikasi ini juga memiliki fitur yang beragam untuk membentuk berbagai karakter unik. Hebatnya lagi software animasi Blender dapat digunakan untuk berbagai sistem komputer, seperti Mac OS, Linux dan Microsot.

Cara MembuatAnimasi 3D Flash Bergerak

1. Hal yang paling pertama dilakukan adalah dengan membuka software Blender (v 2.49 recomended) tapi kalau belum punya aplikasinya silahkan download dulu di situs aslinya di www.blender.org atau bisa juga mengunjungi link download di bawah :

http://tinyurl.com/blender2
(ketik link di atas di browser mozilla/google chrome)

2. Selanjutnya jika telah masuk dalam halaman pembuatannya, silahkan pilih Add > Mesh > Cube

3. Setelah itu tekan huruf "I" di keyboard komputermu guna memasukkan Key-nya
lalu pilih "Loc" (untuk Location)

4. Pindah jendela/window kemudian ganti nilai ‘key’ menjadi angka 10 seperti gambar di bawah ini

5. Pindahkan gambar kubus tersebut dengan cara kliktanda panah atau boleh juga dengan menekan huruf "G" di keyboard komputermu.

6. Selanjutnya tekan lagi kembali huruf "I" di keyboard komputer untuk menutup ‘key’ yang telah ditekan tadi.

7. Akhirnya beres juga pembuatan animasi 3d ini, untuk melihat hasilnya, ada baiknya mengembalikan angka key frame tadi menjadi ‘1’.

Bagaimana Cara Membuat Animasi 3D Flash Bergerak dengan Blender? Lumayan sederhana kan cara buatnya dibanding dengan software animasi lainnya. Perbanyak latihan saja membuat jenis gambar animasi lainnya agar nanti bisa semakin mahir. Saya rasa tanpa guru pasti bisa semua orang bisa berhasil yang penting mau banyak belajar tutorial dan praktek. Dan jika sudah pintar cara buat animasinya kamu bisa menawarkan kepada orang lain jasa belajar animasi atau kursus animasi gambar sekalian biar bisa buat tambah penghaislan, kan lumayan!

Baca juga cara membuat lainnya :

Cara Membuat Animasi Macromedia Flash 8 Sempurna+

Posted by Unknown Woensdag 24 April 2013 0 comments

Cara Membuat Animasi Macromedia Flash 8 Sempurna+ hanya bisa dilakukan dengan langkah-langkah yang tepat, mulai dari pembuatan gambar flashnya hingga penyusunan tampilan gambar hingga terlihat bergerak. Hanya saja jika kita ingin belajar cara membuat animasi dengan menggunakan macromedia flash 8 atau pun MX kita juga harus tahu cara pengoperasian corelDraw untuk mempersiapkan gambar flashnya, apakah itu gambar gif, gambar kartun, atau pun gambar 2D / 3 dimensi. Nah, setelah gambarnya siap kita bisa memasukkannya dalam software Macromedia 8 untuk mulai membuat animasi bergeraknya dengan mengatur timing dan penempatan gambarnya.

Sebelum kita mulai belajar tutorial cara membuat animasi macromedia flash 8 yang sederhana tapi sempurna di bawah ini, ada baiknya kita mengerti dulu apa pengertian Macromedia Flash dan apa pengertian dari Animasi menurut Wikipedia sebagai situs referensi terpercaya. Macromedia sendiri adalah sebuah aplikasi atau software yang banyak digunakan orang dalam membuat gambar animasi atau tepatnya gambar bergerak dengan menggabungkan beberapa gambar menjadi satu rangkaian gerakan yang teratur sehingga tampak hidup. Akan tetapi dalam menggunakan software ini kita juga butuh aplikasi lain seperti CorelDraw dan PhotoShop untuk membuat gambarnya terlebih dahulu sebelum dimasukkan dalam software tersebut. Sedangkan Animasi sendiri adalah suatu cara menampilkan gambar menjadi seakan-akan hidup atau bergerak dengan menyusun alur geraknya secara wajar mulai dari gerakan awal hingga gerakan akhir.

Cara Membuat Animasi Macromedia Flash 8

1. Pertama buat terlebih dahulu gambar menyerupai nyamuk melalui software desain grafis di CorelDraw :


Buat Animasi Macromedia

2. Jika telah selesai membuatnya dan tampilannya sudah agak mirip dengan gambar di atas, selanjutnya pisahkan masing-masing bagian gambar nyamuk berdasarkan kriterianya, yaitu kepada bersama badan, kaki, mata, mulut dan sayap pada page yang berbeda-beda.

Keterangan Gambar : badan.wmf, mata.wmf, sayap.wmf, kaki.wmf, mulut.wmf

3. Selanjutnya, export tiap gambar terlebih dahulu satu per satu pada page masing-masing dengan menggunakan format curve pada gambarnya.

4. Kasi nama di setiap gambar dengan menggunakan format .wmf, yaitu kepala.wmf, kaki.wmf, mata.wmf, mulut.wmf , sayap.wmf.

5. Simpan juga desain nyamuk anda dalam CorelDraw dengan diberi nama : mosquito.cdr

6. Selanjutnya buka software Macromedia Flash 8 atau MX dan mulai bikin flashnya dengan membukan ‘Library’ dengan cara tekan ‘F11’ di keyboard dan halaman Lybrary pun akan muncul seperti di bawah ini.

7. Tekan pada icon (+) (tanda tambah) yang terletak di bagian pojok kiri bawah pada halaman Library dan selanjutnya akan muncul halaman kecil seperti ini :

8.   Beri nama ‘badan’ pada kolom Name dan pilih ‘graphic’ pada kolom Behavior, kemudian klik Ok. Dan untuk membuka gambar ini nantinya dengan cara klik menu ‘File’ lalu ‘Insert’ dan cari file ‘badan’ berformat wmf tersebut. Begitupun untuk membuka gambar lainnya, lakukan hal yang sama.

9.   Jika semua gambar untuk badan telah berada di dalam Library, maka langkah selanjutnya adalah membuat movie clip sayap, mata, kaki dan mulut yang caranya sama dengan langkah no.6 sampai no.8.

10.   Jika semua bagian tubuh nyamuk telah dibuat Clip Movienya, sekarang pindahkan gambar sayap yang bertipe graphic dengan cara click + drag kelokasi stage. Lihat gambar di bawah :

cara bikin animasi macromedia

11. Lakukan proses yang sama untuk membikin Movie Clip mata, dan kaki mosquito-nya.

12. Nah, selanjutnya untuk menggabungkan semua Movie Clip sayap1, mata1, mulut1, kaki1. Kita lakukan proses yang mirip dengan menambhkan Movie Clip baru yang bernama mosquito. Nah, darii dalam Movie Clip nyamuk ini akan ditempatkan beberapa layer, yaitu :

- Layer Pertama : Badan graphic
- Layer Kedua : Mata1 Movie Clip
- Layer Ketiga : Mulut1 Movie Clip
- Layer Keempat : Kaki1 Movie Clip
- Layer Kelima : Sayap Movie Clip

13. Untuk membuka Movie Clip Mosquito, aktifkan ‘stage’ pada ‘Scene1’, kemudian klik + drag Movie Clip mosquito dan tempatkan di Layer1 pada frame1.
Terakhir, untuk melihat hasil pembuatan pada Movie Clip tinggal tekan Ctrl+Enter pada keyboard komputermu dan akan terlihat seperti ini :

Bagaimana Cara Membuat Animasi Macromedia Flash 8? Selain simple dan sederhana kita juga bisa mempraktekkan cara ini dalam membuat animasi lain, seperti animasi stickman, blender, pivot, dan teknik masking serta jenis animasi lainnya. Di samping itu, jika belum tahu penggunaan CorelDraw kamu bisa menggunakan program Photoshop untuk membuat gambar seperti di atas dengan cara yang tidak jauh berbeda. Jika telah selesai animasi ini bisa ditempatkan dimana saja termasuk di blog anda seperti blogspot dan wordpress agar telihat lebih hidup dan aplikatif. (sumber :stimikjabar)

Baca juga cara membuat lainnya :

Cara Membuat Animasi di Blog dengan Banner Flash Bergerak+

Posted by Unknown Dinsdag 23 April 2013 0 comments

Cara Membuat Animasi di Blog dengan Banner Flash Bergerak sebenarnya banyak, hanya saja untuk yang terbaik dan paling banyak digunakan blogger adalah dengan Flashvortex.com, sebab layanannya selain gratis juga ada banyak pilihan, mulai dari animasi gambar banner atau iklan, animasi icon, animasi menu blog, dan juga animasi tulisan di blog sebagaimana telah saya tulis sebelumnya. Tapi mungkin banyak yang belum tahu bagaimana cara mengoperasikan atau membuatnya bila menggunakan situs tersebut, untuk itu saya sengaja menulis artikel ini sebagai tutorial buat teman-teman yang lagi senang otak atik blog.

Sebelum belajar tutorial Cara Membuat Animasi di Blog dengan Banner Flash Bergerak di bawah ini saya sedikit ingin memberikan info soal apa pengertian animasi menurut Wikipedia agar kita gak terlalu gaptek kalau ada yang nanya. Animasi adalah kumpulan gambar yang disusun alur tampilannya sesuai dengan alur gerak yang diinginkan dengan mengatur waktu tampilan masing-masing gambar agar terlihat hidup dan bergerak atau umumnya disebut juga dengan animasi flash.

Cara Membuat Animasi di Blog dengan Banner Flash Bergerak

1. Langkah awalnya adalah dengan mengunjungi situs www.flashvortex.com

2. Setelah terbuka halaman situsnya, klik menu ‘Banner’ yang ada di bagian atas, sesuai dengan gambar yang dilingkari merah di bawah ini.

Cara Membuat Animasi di Blo

3. Selanjutnya tinggal pilih bentuk banner yang kamu suka. Dan jika sudah dipilih kira-kira mana yang bagus modelnya, lalu tekan ‘Clik Here To Edit’ seperti keterangan gambar yang dilingkari di bawah ini.

4. Nah, selanjutnya akan muncul halaman baru yang meminta kamu mengisi beberapa kata-kata atau tulisan pada kolom isian ‘Fist Line’yang nantinya akan muncul dalam banner dan gambar animasi flash bergerak di blogmu. Tinggal ganti kata-kata tersebut.

5.    Jika gambar di atas di sorot ke bawah, pada bagian kolom "General Setting" silahkan ganti alamat situsnya dengan alamat blogmu sendiri, misalnya http://ecaramembuat.blogspot.com

6.    Jika semua kata-kata dalam kolom sudah diganti sesuai keinginanmu, maka selanjutnya tinggal klik menu "Generate Animation" di bagian paling bawah halaman tersebut.

7.    Nah, tunggu beberapa detik dan akan terlihat halaman baru seperti gambar di bawah ini.

Cara Membuat Animasi di Blog dengan Gambar

8. Tinggal Copy kode banner flash yang terlihat seperti gambar di atas lalu paste atau letakkan dalam kode html blogmu. Caranya, di bagian dashbord blogmu kamu pilih menu Layout atau Tataletak, kemudian tambahkan widget di bagian mana saja yang kamu suka dengan mengklik ‘Add Wigget’ yang ada di bagian atas widget yang sudah jadi. Selanjutnya tinggal pilih jenis widget ‘HTML/Javascript’ dan letakkan deh kode di banner dari Flashvortex.com di atas. Lalu ‘save’ dan selesai sudah pembuatannya.

Bagaimana Cara Membuat Animasi di Blog dengan Banner Flash Bergerak di artikel blog ini? Lengkap dan mudah dimengerti kan? Jadi kalau mau cari artikel tutorial di blog ini kamu bisa mencarinya saja di sini karena cara apa saja tersaji dengan lengkap. Dan saya juga menyarankan kalau mau lebih baik lagi blognya sebaiknya balajar cara agar blogmu masuk halaman pertama google karena yang terpenting untuk blog adalah kunjungannya, bukan tampilannya, silahkan baca di : Cara Membuat Blog Masuk Halaman Pertama Google.

Baca juga cara membuat lainnya :

Cara Membuat Animasi di Blog (Dengan Kursor Bergerak)

Posted by Unknown 0 comments

Cara Membuat Animasi di Blog (Dengan Kursor Bergerak) hampir tidak jauh berbeda dengan cara pembuatan animasi dengan tulisan di blog pada artikel sebelumnya. Hanya saja kali ini kursornya yang dibuat gambar bergerak dengan beraneka macam gambar flash yang tampak bergerak atau berkedip kedip, selain itu setelah artikel ini akan dibahas juga bagaimana cara membuat tulisan yang mengikuti kursor seperti ular atau kursor yang diikuti tulisan meligkar, kan seru kalau blogmu bisa seperti itu?

Tapi sebelum mulai belajar tutorial Cara Membuat Animasi di Blog (Dengan Kursor Bergerak) di bawah ini ada baiknya kalau kita tahu dulu apa pengertian animasi menurut Wikipedia. Animasi adalah perancangan gambar menjadi seakan-akan bergerak atau hidup dengan cara menyususun beberapa gambar yang sesuai dengan alur gerakan yang diinginkan mulai dari gerakan pertama hingga terakhir yang masing-masing waktunya diatur. Jadi animasi bisa juga dibilang sebagai penggabungan beberapa gambar yang penampilannya berubah secara cepat sehingga terlihat hidup.

Buat Animasi Di Blog dengan Kursor

Cara Membuat Animasi di Blog (Dengan Kursor Bergerak)

Langkah paling awal adalah masusk dulu di akun www.blogger.com
Pilih menu ‘Template’ di bagian Dashbor blogmu
Selanjutnya tinggal klik menu ‘Edit HTML’ template blogmu.
Temukan kode </head> di dalam html blogmu. Karena tampilan blog sekarang baru dan sudah berubah, maka caranya dengan klik di sembarang tempat dalam halaman kode html blogmu, kemudian tekan Ctrl+F untuk mempercepat pencarian, nah selanjutnya akan muncul tulisan ‘Search’ persis di atas kode-kode html tersebut, tinggal ketik </head> saja untuk mencarinya.
Letakkan kode kursor di bawah ini persis di atas kode </head> atau sebelum kode </head> Dan jangan lupa ‘save’ untuk menyimpannya

Petunjuk : Untuk mengganti tampilan kursor animasinya kamu tinggal ganti tulisan warna merah di atas mulai dari tulisan ‘http’ sampai ‘gif’ dengan menggunakan url link di bawah ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQlG4y4Da9oN_J0_B12DkbCFcu7hRd7LqfSM6lZmp58BDPcFk-BSjCBQXMhAD6MZRnDKor4inWKIQdVzRVxbkztrMS9r8j4ri-8jzGdepsMg8dR0QY9kVO5CcRHkYf-2qNl8jhiEEvM_E/s1600/2308a.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFdfJpQ3p_lm3BDGGzczOw2yADKV_tSKInBh9RA595_0mVoMJHrtEE2J6FUYCV_kkjZNbAOXeOut07WZvqUN50o19lXWC77ShfkCSkb75kFAasv9S1lbq8GoxicrnmssComAeF1Etl8XY/s1600/bullseye-ani.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlbXfqofFlEzO3083ugXG3d4NKipOFpsXU3i-o6QJHSv_ix1dz7KOEbkI4k81pLbLE7fgkgIzfYIcQ2bHGvOlRSsFty7BZkH7gVOLifuZhzDSTaueJ15UkqI-nQe7kCwt-airFQ9QuD80/s1600/tail2.gif

Bagaimana Cara Membuat Animasi di Blog (Dengan Kursor Bergerak) di atas? Tidak ada susahnya kan? Hanya saja link-link di atas tidak saya sediakan secara langsung melainkan harus mengcopy sendiri linknya di blog bayangan yang saya buat khusus pengunjung setial blog ini. Tapi perlu juga saya sampaikan kalau blog sebenarnya yang menjadi andalannya adalah artikelnya dan rankingnya di blog, walaupun blogmu keren dan menarik tapi artikelnya sedikit dan tidak bisa masuk halaman pertama google saya kira percuma karena yang akan melihatnya tidak sampai ribuan orang per hari. Untuk itu, saya sarankan untuk membaca artikel ini : Cara Membuat Blog Ranking 1 Di Google.

Baca juga cara membuat lainnya :

Cara Membuat Animasi di Blog (Tulisan, Kursor, Banner Bergerak)

Posted by Unknown 0 comments

Cara Membuat Animasi di Blog (Tulisan, Kursor, Banner Bergerak) merupakan ilmu penting bagi seorang blogger, sebab jika kita mampu membuat tulisan bergerak ataupun gambar bergerak di dalam blog maka sama saja kita sudah tahu sedikit tentang animasi dasar dalam menjalankan dan mempercantik tampilan blog kita agar terlihat keren dan menarik. Nah animasi di blog kali ini bukan saja dalam bentuk animasi tulisan, tapi kursor dan banner juga akan kami berikan tutorialnya untuk mempermudah teman-teman dalam mengetahui semua cara buat animasi yang baik dan benar dalam blog.

Sebelum kita bicara jauh tentang Cara Membuat Animasi di Blog (Tulisan, Kursor, Banner Bergerak), maka ada baiknya kita pahami dulu bagaimana dan apa pengertian animasi dalam Wikipedia dan lainnya. Animasi adalah penggabungan beberapa gambar yang disesuaikan dengan alur gerak yang diinginkan mulai dari satu gerakan ke gerakan terakhir yang masing-masing waktunya ditentukan untuk menciptakan gambar yang seakan-akan hidup atau bergerak.

Buat Animasi di blog

Ada banyak jenis dan cara bikin animasi di blog, untuk itu agar bisa tahu semua cara-caranya ada baiknya mengunjungi satu per satu artikel yang telah saya tulis berikut ini :

Cara Membuat Animasi di Blog dengan Tulisan Bergerak/Berjalan

Untuk mengcopy semua kode di bawah silahkan klik ini :

1. Buat animasi tulisan berjalan yang disertai link

<div style="background: #FFFFFF; border: 2px solid #ADFF2F; color: black; font-size: 15px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-tulisan-berjalan-di-blog.html"/>Bikin Animasi di Blog</a></marquee>
</div>

Tampilan animasinya :

Animasi Berjalan dengan Link

Silahkan diganti : background: #FFFFFF : untuk backgroundnya, solid #ADFF2F untuk warna garisnya, dan size: 15px untuk ukuran font.

2. Bikin animasi berjalan di blog dengan background

<div style="background: #000000; border: 2px solid #ADFF2F; color: blue; font-size: 15px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Cara membuatTulisanBerjalan di Blog</marquee>
</div>

Tampilan animasinya (Silahkan diganti, tulisan warna merah di atas sesuai dengan yang dimau) :

Animasi di Blog dengan Background

3. Animasi bergerak di blog dengan tulisan berwarna

<font color="blue"><marquee>Contoh Animasi Berwarna</marquee></font>

Bentuk animasinya :

Animasi Tulisan Berwarna

Keterangan :

4. Animasi tulisan dari bawah ke atas

<marquee direction="up" scrollamount="3" align="center"> Tulisan berjalan dari bawah ke atas</marquee>

Hasil animasinya :

Cara Bikin Tulisan Berjalan di Blog

5. Cara membuat animasi di blog dengan tulisan berjalan dari Atas ke Bawah

<marquee direction="down" scrollamount="3" align="center"> Bentuk tulisan dari Atas ke Bawah</marquee>

Tampilan animasinya :

Contoh Animasi Berjalan

6. Animasi tulisan berjalan dari kanan ke kiri bolak balik di blog

<marquee direction="right" scrollamount="3" align="center" behavior="alternate"> Tulisan Mondar Mandir</marquee>

Hasil animasinya :

Animasi Tulisan Blog Bolak Balik

7. Animasi di blog dengan tulisan dari kiri ke kanan bolak balik.

<marquee direction="left" scrollamount="3" align="center" behavior="alternate"> Desain Animasi Bolak Balik</marquee>

Bentuk animasinya :
Animasi Tulisan Mondar Mandir
8. Kode animasi di blog dengan tulisan dari kiri ke kanan

<marquee direction="right" scrollamount="3" align="center"> Animasi tulisan dari kiri ke kanan</marquee>

Animasi bergeraknya :
Tulisan Animasi dari Kiri ke Kanan

9. Animasi tulisan dari kanan ke kiri

<marquee direction="left" scrollamount="3" align="center"> Animasi dari kanan ke kiri</marquee>

Animasi berjalannya :

Tulisan Berjalan dari kanan ke kiri

Bagaimana cara membuat animasi di blog dengan tulisan bergerak atau berjalan ini? Mudah sekali kan bikinnya? Untuk itu buat teman-teman yang mau mempercanti blognya agar terlihat lebih keren ada baiknya menggunakan trik-trik di atas. Selain lebih responsif juga akan menambah variasi di blogmu. Sebenarnya ada banyak cara untuk memperindah blog kita, tapi biar bagaimana pun indahnya blogmu, kalau tidak bisa masuk halaman pertama Google ya tetap saja tidak ada gunanya, untuk itu silahkan baca artikel ini : Cara Membuat Blog Ranking #1 di Google.

Baca juga cara membuat lainnya :

Cara Membuat Animasi Flash Bergerak dengan Macromedia 8 Terbaik

Posted by Unknown Maandag 22 April 2013 0 comments

Cara Membuat Animasi Flash Bergerak dengan Macromedia 8 Terbaik kali ini akan kita buat lebih ringan penjelasannya agar mudah dipahami. Dan untuk mudah memahaminya akan dijelaskan dengan cara membuat animasi gambar atau dengan kata lain langkah-langkah pembuatannya akan disertakan gambar animasi yang akan dibikin. Umumnya animasi bergerak banyak ragamnya, yaitu animasi gambar, animasi gif, animasi kartun, animasi foto dan lain sebagainya yang umum di buat orang. Dari berbagai bentuk tersebut biasanya dilahirkan bentu animasi 2D atau 3D, tapi kali ini kita hanya akan bikin contoh 2D-nya saja agar penjelasannya tidak terlalu panjang

Sebelum kita mulai belajar tutorial cara membuat animasi flash bergerak dengan Macromedia 8 di bawah ini, maka ada baiknya kalau kita tahu terlebih dahulu apa pengertian animasi atau gambar animasi menurut Wkipedia atau situs pengertian laiinya. Animasi adalah pengolahan gambar menjadi bergerak dengan menyusun penempatan gambar secara berurut mengikuti alur gerakan yang diinginkan pada setiap perubahan dan pertambahan waktu yang terjadi, baik itu dalam bentuk gambar manusia, hewan atau pun benda mati yang dibuat seakan-akan bergerak dari satu tempat ke tempat lainnya. Jadi animasi sendiri adalah pengaturan gerak dan penggantian gambar dari satu keadaan ke keadaan tertentu dalam waktu yang berbeda.

Cara Membuat Animasi Flash Bergerak with Macromedia 8

1. Sebagai langkah awal buka aplikasi Macromedia Flash.8
2. Selanjutnya pilih menu ‘flash document’

cara buat animasi flash bergerak

3. Kemudian mulailah membuat lembar kerja terlebih dahulu dengan bikin 2 layer atau halaman pembuatan gambar. Dan sebagai contoh berilah nama dengan ‘Penopang Kipas’ dan ‘Baling-Baling’

4. Mulailah buat gambarnya dengan lebih dulu membuka layer ‘Baling-Baling’ kemudian klik Fram 1

5. Nah, sekarang perhatikan gambar di atas, pada menu Tools pilih ‘Polystar Tool’

6. Perhatikan dan lihat gambar di atas, pilihlah ‘Options’ lalu ganti ‘number of side’ jadi 3

7. Proses di atas tadi untuk membuat gambar segitiganya, sekarang teman-teman tinggal menggambar kipas dari dua gambar segitiga dan satu lingkaran kecil (Lihat lagi Gambar 4). Apabila sudah selesai menggambar untuk animasi kipas-nya, tinggal blok semua gambar kemudian tekan di keyboard Ctrl+G untuk menggabungkan gambar-gambarnya.

8. Setelah itu klik kanan di frame 40 pada layer ‘Baling-Baling’ kemudian pilih ‘Insert Frame’, klik kanan lagi di frame 40 tadi lalu pilih ‘Create Motion Tween’, untuk memunculkan arah panah tekan F6.(Lihat lagi Gambar 5 di atas)

9. Klik frame 1 layer ‘Baling-Baling’ kemudian ubah rotate / putaran kipasnya menjadi CW (atau searah jarum jam) kemudian atur timesnya menjadi 5 (Lihat Gambar 6).

10. Dengan menyelesaikan langkah ke 9 di atas, berarti teman-teman sudah selesai membikin baling-baling kipasnya, dan untuk mengecek bisa dengan tekan Ctrl+Enter di keyboard komputermu.

11. Terakhir, untuk mempercantik animasinya teman2 bisa klik di layer Penopang Kipas, kemudian gambar Penopangnya, setelah selesai klik di frame 40 kemudian pilih insert frame.Sehingga menjadi seperti di bawah ini kalau readers sudah selesai.

Bagaimana Cara Membuat Animasi Flash Bergerak dengan Macromedia 8? Simple dan mudah kan pembuatannya? Terkadang menggunakan software Macromedia Flash.8 sangat dipengaruhi oleh kereatifitas kita dalam merancang animasi bergerak yang indah. Untuk itu selalu lakukan improvisasi agar hasilnya bisa jauh lebih menarik dari yang sebelum-sebelumnya, seperti belajar membuat animasi blender 3 dimensi, belajar cara masiking gambar dan lain sebagainya yang ada hubungannya dengan Macromedia.8 ini. Selain itu, untuk lebih mempermudah pembuatannya ada baiknya anda juga belajar menggunakan Photoshop sebagai langkah awal sebelum menggunakan cara di atas. (Sumber : caritentang.blogspot.com)

Baca juga cara membuat lainnya :