Anda di halaman 1dari 13

Belajar Tutorial Photoshop

Tempat mempelajari Photoshop dengan mudah


Arsip Galeri Pasang Iklan Jasa Edit Foto Wordpress Theme Pertanyaan Umum Browse: Home / Efek Teks / Animasi tulisan bergerak

Animasi tulisan bergerak


Diarsipkan dalam kategori: Efek Teks tanggal: 28 July 2008 oleh Mbah Dewo Tutorial Photoshop kali ini akan membahas cara pembuatan efek tulisan bergerak ( animasi ) dengan format file gif. Animasi ini dibuat dengan program photoshop pada awalnya, kemudian proses pembuatan animasinya dengan menggunakan Adobe Image Ready. Jika photoshop yang digunakan adalah versi CS3, maka animasi ini bisa dibuat langsung dengan Photoshop, tanpa harus menggunakan image ready.

Tutorial pembuatan animasi tulisan dengan Photoshop


Langkah 1 Buatlah sebuah file baru dengan Photoshop. Ukuran file bisa disesuaikan dengan kebutuhan Anda. Pada tutorial ini, saya menggunakan sebuah file yang berukuran 468 x 60 pixel; 72 dpi; RGB; content=white.

Langkah 2 Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop.

Langkah 3

Jika Anda menggunakan versi Photoshop 7 hingga CS: Klik icon Jump to Image ready. Icon ini terletak di sebelah bawah pada Tools Box. Anda juga bisa memilih menu File > Jump To > Adobe ImageReady 7.0 (pada Photoshop 7), atau File > Edit in Image Ready (pada Photoshop CS).

Jika Anda menggunakan versi Photoshop CS3: Pilih menu Window > Animation

Langkah 4 Akan Anda dapati sebuah palet panjang di sebelah bawah (bentuk tampilan relatif sama baik pada Image Ready ataupun Photoshop CS3).

Jika perlu, perlebar tampilan palet ini dengan melakukan klik dan geser pada sudut kanan bawah palet tersebut. Langkah 5 Geser tulisan hingga ke sebelah kiri luar dari background yang putih, hingga seluruh tulisan tidak nampak.

Langkah 6 Klik icon Duplicate current frame.

Langkah 7 Sekarang ada 2 frame pada palet Animation. Pastikan yang terpilih sekarang adalah frame kedua. Geser lagi tulisan hingga sisi kanan luar dari background.

Langkah 8 Klik icon Tweens animation frames.

Tujuan penggunaan Tween ini adalah untuk mempermudah pembuatan frame-frame animasi. Tween akan menambahkan frame secara otomatis berdasarkan perbedaan posisi, ukuran, tranparansi, dan efek pada obyek. Kemudian akan muncul kotak dialog baru, seperti gambar tutorial berikut ini.

Pada kotak dialog ini, kita bisa mengatur:

Tween with: digunakan untuk memilih frame mana yang akan kita gunakan sebagai dasar animasi berdasarkan frame yang aktif. Karena kita aktif pada frame kedua, maka yang tepat adalah Previous Frame. Frame to Add: digunakan untuk memilih jumlah frame yang akan ditambahkan. Semakin banyak jumlah frame, animasi akan semakin nampak halus, tetapi ukuran file hasil jadinya akan semakin besar. Layers: digunakan untuk memilih animasi pada antara semua layer, atau hanya pada layer yang aktif saja. Parameters: digunakan untuk memilih jenis perubahan obyek yang digunakan sebagai dasar animasi

Langkah 9 Klik icon Plays/stops animation.

Animasi sudah jadi. Jika Anda menginginkan pengaturan kecepatan animasi, bisa Anda pilih dari tulisan 0 sec disebelah bawah frame.

Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus, maka klik sebuah frame, kemudian tekan dan tekan tombol Shift, lalu klik frame yang lain. Bisa juga dengan Ctrl + klik frame yang lain. Setelah terpilih banyak frame sekaligus, baru ubah kecepatannya. Pengubahan kecepatan animasi akan berlaku pada semua frame yang terpilih. Untuk menyimpan hasil animasi, pilihlah menu File > Save Optimized pada Adobe ImageReady. Atau File > Save for Web & devices pada Photoshop CS3. Pastikan format file yang dipilih adalah gif. Berikut ini adalah hasil dari tutorial ini, sebuah tulisan dengan efek gerak yang disimpan dengan format file gif.

Silahkan dicoba dan digunakan sebagai tambahan materi belajar photoshop. Berikut ini ada 2 buah contoh file lain. Silahkan dicoba sendiri juga untuk membuat seperti gambar-gambar berikut ini. Gambar contoh animasi 1

Gambar contoh animasi 2

Tags: animasi, Efek Teks | Comments (279) Related posts:


1. Efek tulisan air

2. Membuat efek tulisan Godzilla 3. Membuat frame dari Action

279 Responses to Animasi tulisan bergerak


Older Comments
1.

Togok says: 22 February 2012 at 8:12 pm Wah Ternyata susah gambang ya bikin animasi gerak

Reply
2.

dani says:

21 February 2012 at 10:49 am mksih bnyak atas infonya ..!! Reply


3.

almanda says:

14 February 2012 at 12:17 pm oke, im try it Reply


4.

Penasaran says:

13 February 2012 at 4:13 pm Kok gk ada save as *.gif di adobe 7 saya? Yg ada cuman PNG dan HTML Reply
5.

gex says:

8 February 2012 at 9:48 am saya sudah menyimpan file dengan Save for Web & devices pada Photoshop CS3 dan dg format gif..tp setelah saya lihat hasila animasi sya tidak juga bisa bergerak. mohon bntuanya

Reply
6.

NIMAR says: 25 January 2012 at 8:02 pm thank y ats ilmunya ternya gampang y heeheheheh Reply

7.

rivaldi says: 16 January 2012 at 12:49 pm Makasih banyak atas ilmunya yach sob Reply

8.

DHARMA says: 13 January 2012 at 1:45 pm gANN,,KLO SAVE FOR WEB N DEVICE NA KAGAG BISAA DI KLIK,,GMNA DONKK..?? Reply

9.

oyoy says: 27 November 2011 at 6:24 pm wahh gan makasi banyak ya infonya ! keren bangeeet ! ngebantu banget,, hahahaha bisa bikin semua bahagia ! Reply

10.

Auliaur Rahman says:

17 November 2011 at 11:04 pm mantap nie ilmunya. terima kasih ya. Reply
11.

budiman says: 26 September 2011 at 2:22 pm gan kalo bisa sms ding ke no ni 087773512049 biar ana bisa lebih jelas belajarnya

Reply
12.

meidi says: 12 September 2011 at 6:30 am teman-teman aku mau nanya kalau mau nge-Download ini caranya gimana?? pleasee REPLY my massage

Reply

oyoy says: 27 November 2011 at 6:26 pm coba aja cari di google gan, banyak kok link downloadnya, masukin keyword free download adobe photoshop CS3 Reply

13.

zarnadi says: 5 September 2011 at 4:17 am wah makasih ya gan atas tips-tipsnya, jalan-jalanlah ke tempat aku. Reply

14.

dhanu says: 29 August 2011 at 9:41 pm mog cba jga achk?? -_@ Reply

15.

yogie indrawan says: 28 August 2011 at 12:46 am i like it,,thx Reply

16.

putr! yun!t4 says: 23 August 2011 at 6:13 pm

Trnyata gmpang y ..!!! ha ha ha .. Reply Older Comments

Leave a Reply
Click here to cancel reply.
Top of Form

Nama (gunakan nama sebenarnya, bukan nama situs/keyword Anda(required) E-Mail (tidak akan dipublikasikan, kecuali pada kasus tertentu. Utamakan untuk menggunakan email gravatar Anda.) (required) Website Anda (jika punya, jika tidak punya cukup dikosongkan)

Komentar Anda akan dibaca semua orang, gunakanlah tulisan yang jelas dan dengan bahasa yang sopan.

Submit Comment

138

Bottom of Form

Membuat Efek Komik Membuat Avatar

Pencarian

Top of Form

Cari disini

Bottom of Form

Sponsor

Artikel lain

Efek Tombol Glossy Memasukkan foto kedalam teks Cara memberi watermark pada foto Efek tulisan air Membuat efek tulisan Godzilla

Artikel Sebelumnya
Efek Foto Hologram Selamat Hari Raya Idul Fitri Eraser untuk Menghapus Gambar Update WordPress dan Ganti Theme Menerapkan Brush Pada Garis Path

Kategori

Contoh Desain Dari Penulis Efek Photoshop


Efek Foto Efek Teks

Komunitas Petunjuk Photoshop


Pewarnaan Seleksi

Tutorial Photoshop Dasar Tutorial Photoshop Lanjut

software Tip Lain Wordpress Theme

Langganan RSS
Untuk berlangganan informasi update dari blog ini, silahkan bookmark tautan RSS berikut: RSS Subscribe
Top of Form

Untuk pengiriman ke email Anda, bisa dengan langsung mengisikan alamat email Anda pada form berikut:
http://feeds.feedb Tutorial Photosho en_US Daftar

Bottom of Form

Random Artikel

Belajar Photoshop dari majalah Membuat bingkai foto variasi 2 Efek Tombol Glossy Mengatur tepi seleksi pada Photoshop CS3 Cara menyimpan seleksi Mengedit gambar dengan Photoshop, seperti membuat kliping

Tautan

Agus Supriadi Ahmad Isnaini Dwi Hermawanto Ilham Saibi Jekivita Kukuh Prasetyo Murdani Eko Ray Astho Wasidi

Yudhistira Oktavianta

Hak cipta 2007 - 2012 oleh MbahDewo | Tentang | Kontak | Kesepakatan | Wordpress Theme Adobe dan Adobe Photoshop adalah produk dan merk dagang dari Adobe Incorporation.