Kamis, 14 Februari 2013

cara membuat gambar animasi bergerak (gif) melalui hp

0 komentar

cara membuat gambar animasi bergerak (gif) melalui hp

 Sobat semua pasti sudah tau dengan "gambar animasi bergerak" ini,gambar yang berextensi gif yang merupakan kumpulan dari beberapa gambar yang digabung menjadi satu.
Berbeda dengan gambar yang ber ekstensi Jpg,Jpeg maupun png.Gambar gif ini tampilan nya lebih halus dan ukurannya lebih kecil.Dan satu lagi kelebihan dari gambar ini adalah bisa bergerak dan berganti ganti dengan gambar yang lain secara berkesinambungan.
Biasanya gambar seperti ini sering kita temukan pada wallpaper maupun screen saver sebuah hp untuk mempercantik tampilan thema hp tersebut. Ternyata untuk membuat gambar bergerak tersebut tidak lah susah,bahkan bisa dibuat dengan menggunakan gadget hp yang kita pakai (baik symbian maupun hp java).
untuk itulah saya akan mencoba memberikan tip tentang :
cara sederhana membuat gambar bergerak melalui hp
Bagi sobat yang berminat silahkan ikuti tutorialnya dibawah ini:
  1. Pertama download dan instal aplikasi yang telah saya sediakan dibagian bawah postingan ini.
  2. setelah aplikasinya terinstal,siapkan beberapa buah gambar (maksimal 5 gambar) yang akan kita jadikan sebagai gambar animasi nanti.
    usahakan semua format dan resolusi(ukuran) gambarnya sama,dan harus berekstensi gif atau png.
    untuk merubah format dan resolusi gambar,bisa menggunakan aplikasi yang telah saya sediakan tadi.
    -untuk hp symbian gunakan aplikasi imagedesign,sedangkan hp java gunakan aplikasi pothosnap.
  3. setelah gambarnya telah diubah,letakkan semua gambar tsbt pada satu folder tersendiri.Agar disaat proses pembuatannya kita tidak mengalami kesulitan dalam memilih gambar nya
  4. Buka aplikasi elementhal gif yang telah diinstal tadi.
    (sebelumnya ubah dulu "tambah dan edit data pengguna" menjadi selalu izinkan pada pengaturan akses aplikasi tsbt).
    kemudian pilih "create"
    elemental1.jpg
  5. Aturlah lebar dan tinggi gambar serta waktu pergantian gambar (70) sesuai dengan resolusi layar hp yang ingin anda buat gambar gif nya.
    elemental2.jpg
  6. Selanjutnya tekan pilihan (bagian kiri atas),lalu pilih new frame.
    lalu cari dan pilih folder gambar png yang telah anda buat tadi.
    elemental3.jpg
  7. setelah foldernya ditemukan,tekan lagi pilihan lalu pilih mark all,kemudian tekan done.
    tunggu sampai proses gambarnya berhasil ditampilkan dijendela layar aplikasi tsbt.
    elemental4.jpg
  8. jika gambarnya telah keluar,tandai semua gambar tersebut,Setelah itu silahkan save gambarnya.
    tunggu proses pembuatan file,lalu tentukan nama gambar serta tempat penyimpanan hasil pembuatan gambar tersebut.
    elemental5.jpg
  9. Selamat gambar bergerak anda telah berhasil dibuat,cari dan lihat hasil gambarnya pada tempat penyimpanan yang anda tentukan tadi.

Senin, 11 Februari 2013

CARA MEMBUAT FILM ANIMASI KARTUN 3D

4 komentar

Membuat Film Animasi Kartun 3D secara gratis dan mudah

Animasi yang menawan
.


Upin dan Ipin, siapa yang tidak kenal dengan serial animasi produksi Negara tetangga ini? Pasti Anda semua mengenalnya karena setiap hari diputar di dalah satu TV swasta dan produk-produk sampingannya (merchandise) sudah bisa ditemukan di mana-mana



Upin dan Ipin, Toy Story, SHrek, atau bahkan Meraih Mimpi yang diproduksi di Indonesia, semua pada dasarnya adalah film animasi tiga dimensi (3D). Tidak seperti The Simpsons, Tom & Jery, atau Naruto yang merupakan animasi dua dimensi (2D).

Untuk menciptakan animasi 3D seperti film-film yang tadi sudah disebut, tentu saja membutuhkan berbagai hal yang semuanya di atas rata-rata. Misalnya spesifikasi komputernya, kemampuan dalam membuat animasi, dan pastinya biaya yang sangat besar.
.

.
Namun saat ini, di Internet sudah banyak menawarkan berbagai macam aplikasi web yang bisa Anda manfaatkan guna menghasilkan animasi 3D. Salah satunya adalah xtranormal.com yang menawarkan pembuatan animasi 3D, gratis, dan mudah. Saking mudahnya, Xtranormal berani mengguna motto “If you can type, you can make movies”. Yang artinya, Anda tidak harus menguasai skill animasi apapun, yang penting Anda bisa menulis kata-kata dan sedikit kreativitas, maka Anda bisa membuat sebuah animasi 3D yang menawan.

Sebelumnya, pastikan Anda sudah menggunakan browser versi terbaru yang dilengkapi dengan Flash Player terbaru, dan koneksi Internet tentunya.


Flash Player. Plugin browser agar bisa menampilkan animasi dari file-file format flash (*.swf). Software Flash Player digunakan untuk menampilkan animasi flash dalam sebuah situs. Flash Player 10.1 merupakan flash player terbaru yang dikeluarkan oleh Adobe Flash Player.

Flash. Aplikasi animasi vector yang dikembangkan oleh Macromedia (kini Adobe), Gratis dan animasi Flash terlihat sama pada web browser yang berbeda karena menggunakn plug-in yan gdirekomendasikan oleh Adobe. Keuntuk menggunakan Flash adalah kecepatan download dibandingkan aplikasi gratis lainnya.

CARA MEMBUAT GAMBAR ANIMASI DENGAN BERBAGAI MACAM GERAK

0 komentar


Cara Membuat Gambar Animasi dengan Berbagai Macam Gerak

Setelah sebelumnya kita mencoba membuat gambar kipas angin atau baling-baling animasi dan gambar animasi lingkaran berputar  yang menyerupai gambar loading, maka kali ini saya akan mencoba menjelaskan cara membuat gambar animasi dengan pergerakan gambar menuju kedalam dan keluar media seperti pada contoh gambar animasi diatas.
Apakah anda tertarik untuk mencoba membuat sendiri gambar animasi seperti diatas??
Silahkan ikuti langkah-langkah dibawah :
1.     Persiapkan sebuah gambar pada netbook/computer anda yang akan dijadikan gambar animasi. Dalam hal ini, anda bisa memakai gambar dengan pola lingkaran seperti pada gambar yang saya pakai, atau gambar persegi empat (terserah anda).
Gbr.1
2.     Crop/potong gambar tersebut menjadi 4 bagian seperti pada gambar dibawah.
Membuat Gambar Animasi Bergerak
Gbr.2
Untuk meng-crop/memotong gambar tersebut, anda bisa memanfaatkan Microsoft Office Picture Manager, software bawaan netbook/computer anda. Atau anda juga bisa menggunakan software lain yang biasa anda gunakan untuk mengedit photo.
3.     Setelah langkah no.2 selesai anda lakukan, selanjutnya buka aplikasi Macromedia Flash anda. Pada halaman yang muncul, klik Flash Document pada bagian Create New.
Membuat Gambar Animasi Bergerak
Gbr.3
4.     Setelah muncul halaman baru, selanjutnya tekan Ctrl+F3 pada keyboard netbook/computer anda, sehingga muncul halaman seperti gambar dibawah. Selanjutnya klik kolom ukuran default.
Membuat Gambar Animasi Bergerak
Gbr.4
Pada halaman Document Properties seperti gambar no.4 diatas, ganti ukuran default sesuai dengan ukuran gambar yang telah anda persiapkan pada langkah no.1 diatas.(contoh 130×130 px). Selanjutnya klik OK.
Tekan Ctrl+F3 lagi untuk kembali kehalaman semula.
5.     Tambahkan 3 Layer baru dengan mengklik tanda yang terletak disudut kiri bawah halaman Layer, sehingga jumlah Layer menjadi 4.
Membuat Gambar Animasi Bergerak
Gbr.5
6.     Selanjutnya, klik kanan pada Layer 1 dan pada Layer Properties ganti nama Layer 1 menjadi potongan 1.
Membuat Gambar Animasi Bergerak
Gbr.6
Lakukan hal yang sama terhadap 3 Layer lainnya.
7.     Setelah langkah no.6 diatas selesai anda lakukan, selanjutnya klik pada Layer potongan 1, kemudian masukkan gambar potongan 1 yang telah anda persiapkan pada langkah no.2 diatas. Caranya klik Menu File–>Import–>Import to Stage.. atau tekan Ctrl+R pada keyboard anda. Geser/letakkan gambar tersebut seperti pada gambar dibawah.
Membuat Gambar Animasi Bergerak
Gbr.7
Selanjutnya, klik pada Layer potongan 2, kemudian masukkan gambar potongan 2.
Lakukan langkah seperti diatas terhadap Layer potongan 3 dan 4 dengan letak gambar masing-masing potongan seperti pada gambar dibawah.
Membuat Gambar Animasi Bergerak
Gbr.8
8.     Langkah berikutnya, klik dibawah angka Frame 20  pada Layer potongan 1 kemudian tekan F6 pada keyboard anda. Selanjutnya klik kanan dibawah angka frame 10 kemudian pilih Create Motion Tween.
Klik dibawah angka Frame 20 lagi, kemudian geser gambar potongan 1 keatas media. (Untuk penggeseran sempurna, tekan tombol arah panan à sambil menekan tombol huruf V pada keyboard)
Membuat Gambar Animasi Bergerak
Gbr.9
9.     Lakukan hal yang sama seperti langkah diatas terhadap ke-3 Layer lainnya yaitu Layer potongan 2 pada angka Frame 40
Layer potongan 3 pada angka Frame 60
Layer potongan 4 pada angka Frame 80
Sehingga hasilnya akan tampak seperti gambar dibawah.
Membuat Gambar Animasi Bergerak
Gbr.10
10.     Langkah selanjutnya, klik dibawah angka frame 1 pada Layer potongan 2, kemudian tarik/geser garis tersebut dan letakkan sejajar dengan angka frame 20 Layer potongan 1.
Membuat Gambar Animasi Bergerak
Gbr.11
Lakukan hal yang sama terhadap Layer potongan 3 dan 4. (Perhatikan gambar 12 dibawah).
Membuat Gambar Animasi Bergerak
Gbr.12
11.     Selanjutnya klik dibawah angka frame 85 pada Layer potongan 4, kemudian tekan F6 pada keyboard.
Lakukan hal yang sama terhadap Layer potongan 3, 2, dan 1.
Tekan Ctrl+ENTER untuk melihat hasilnya. Untuk membuat Gambar Animasi bergerak yang lainnya, silahkan gunakan imajinasi anda dengan memperhatikan animasi-animasi pada blog atau pada situs animasi yang telah anda kunjungi.
12.     Untuk menyimpan gambar animasi tersebut, silahkan klik File–>Export–>Export Movie
Simpan dengan type Animated GIF(*.gif) atau Flash Movie(*.swf).
SELAMAT BERIMAJINASI.

Minggu, 10 Februari 2013

Cara membuat animasi dengan photoshop

0 komentar
Disela kesibukan dan mungkin saya sudah lama ga update, kali ini akan coba posting artikel Cara Membuat Animasi Huruf Dengan Photoshop. Mudah-mudahan saja ada manfa’atnya . . . Teman-teman ternyata software sebagai andalan agan-agan Digital Printing ini, atau yang lebih dikenal dengan nama Adobe Photoshop, bisa membuat sebuah animasi format .gif . . . yaaa lumayan susah-susah gampang sich membuatnya :D Animasi huruf yang saya contohkan adalah animasi huruf sederhana saja agar ga terlalu sulit dalam membuat artikelnya . . . dan mudah dimengerti oleh pemula . . . (alasan saja :( ). Selanjutnya saya serahkan sama agan-agan untuk lebih mengembangkannya lagi dalam hal design grafic’nya.
Langkah pertama buat File baru, klik File > New
Pada File Name beri nama Animasi. Untuk pengaturan Size Width 400 pixels, Height 100 pixels dan Resolution 72 pixels/inch
Klik OK dan hasilnya seperti yang terlihat pada gambar di bawah, sebuah file baru dengan nama Animasi
Buat Layers baru dengan cara, klik menu Layer > New > Layer
Beri nama Kotak
Klik OK, maka akan terbentuk sebuah layers baru dengan nama layers Kotak
Klik Rectangle Tool atau klik huruf U pada Keyboard
Dan pilih Fill Fixels dan Rounded Rectangle Tool
Buat kotak didalam file Animasi seperti yang terlihat pada gambar di bawah
Lalu klik Styles dan pilih Star Glow
Maka hasilnya akan seperti yang terlihat pada gambar di bawah
Buatlah huruf dengan cara klik Horizontal Type Tool atau tekan huruf T pada Keyboard
Untuk setting pakai jenis huruf Arial beri efek Bold ukuran 36 pt
Klik pada area kerja dan ketik DOWNLOADS NOW
Maka otomatis akan terbentuk sebuah Layers baru dengan nama DOWNLOADS NOW
Klik Styles dan efek Sun
Hasilnya akan seperti yang terlihat pada gambar di bawah
Selanjutnya Klik Menu Window > Animation
Hasilnya akan seperti yang terlihat pada gambar di bawah
Klik Selects frame delay time dan pilih 0.5
Duplicat Frames dengan cara klik Duplicates selected frames dan aktifkan Frames 2
Selanjutnya aktifkan juga Layers Kotak
Klik kanan pada Layers Kotak dan pilih Blending Options
Pada Layer Style hilangkan tanda centang/ceklist Color Overlay klik OK
Lakukan hal yang sama pada Layers DOWNLOADS NOW
Pada Layer Style hilangkan tanda centang/ceklist Stroke klik OK
Hasilnya akan seperti yang terlihat pada gambar di bawah
Sementara di coba apakah animasi sudah dapat berjalan dengan baik apa belum, dengan cara klik Plays animation
Jika sudah benar atau animasi sudah sesuai dengan yang diinginkan, selanjutnya simpan hasil karya Anda dengan cara klik Save for Web & Devices
Simpan dengan format GIF lalu klik Save
Selesai, selamat berkarya dan semoga bermanfaat . . .

Main Menu

Blogger templates

Blogger templates

Pages

Followers