Skip to main content

Animasi With Photoshop CS6

Kali ini kita akan belajar sesuatu yang baru yaitu tentang cara membuat animasi dengan Photoshop CS6. Sebenarnya banyak software khusus untuk membuat animasi secara praktis, namun yang biasa berkutat dengan Photoshop tidak perlu khawatir dan tidak perlu mengistall software tambahan karena Anda juga bisa membuat animasi dengan Photoshop. Hasilnya tidak kalah menarik kok dengan software khusus animasi.

Berikut ini adalah tutorial untuk membuat animasi sederhana dengan menggunakan Photoshop. Hasil akhirnya seperti ini.

membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop,

Step 1

Buka aplikasi Photoshop dan buat sebuah dokumen baru (Ctrl+N). Disini, kita menggunakan ukuran 200x400 px.

membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop,


Step 2

Duplikat layer dengan menekan Ctrl + J dan ganti namanya menjadi "Kotak" (Klik dua kali pada nama "Layer 1".

membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop,


Step 3

Klik kanan pada layer "Kotak" lalu pilih Blending Option. Ubah layer style menjadi "Blue Gass" dan klik OK.

membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop,


Step 4

Tambahakan Sebuah teks dengan menggunakan Horizontal Type Tool.

membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop,


Step 5

Klik kanan pada layer teks dan pilih Blending Options. Beri Style "Double Ring" dan klik OK.

membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop,


Sampai disini hasil kita seperti ini.

membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop,


Step 6

Kita masuk ke inti membuat animasi pada Photoshop. Klik menu window >  Timeline.

membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop,


Akan muncul sebuah jendela baru di bagian bawah seperti ini.

membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop,


Step 7

Dalam jendela timeline, kita hanya menjumpai satu frame saja karena memang kita baru membuat satu. Untuk menambahkan tampilan baru, klik icon Duplikat Selected Frame.

membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop, timeline

Step 8

Sekarang kita sudah memiliki 2 frame, tapi kedua frame ini masih sama. Nah untuk membedakannya, kita akan merubah sedikit frame kedua. Caranya, pilih dulu frame yang kedua lalu ubah Blending Optionnya. Disini saya menambahkan Color Overlay dan merubah Blend Mode pada Outher Glow menjadi Color Dodge.

membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop,


Step 9

Setelah frame berbeda, selanjutknya kita mengatur timingnya. Caranya klik segitiga kecil di bawah preview frame dan pilih Time Decay yang diinginkan. Begitu juga dengan frame lainnya.

 membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop, timeline

Step 10

Simpan file dengan mengklik menu File > Save for Web. Ganti file format menjadi GIF, lalu OK.

membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop, save for web, gif


Hasil Akhir

membuat animasi dengan photoshop, tutorial photoshop, adobe photoshop, photoshop cs6, untuk pemula, belajar photoshop,

Oke, itulah cara membuat animasi dengan Photoshop CS6. Ini hanyalah contoh sederhana saja, Anda bisa berkreasi dengan model yang lebih canggih dan frame yang lebih banyak. Intinya ada pada step 6, step 7 dan step 9 dan step 10. Semoga bermanfaat.

Comments

Popular posts from this blog

GUIDE CARA MEMBUKA AVATAR PUBG MOBILE YANG TERKUNCI!

Avatar atau foto profil adalah suatu hal yang wajib ada di dalam sebuah game. Pemain bisa mengganti avatar mereka sesuka hatinya. Di  PUBG Mobile , kamu juga bisa mengganti avatar sesuai dengan yang kamu mau lho! Namun, Avatar yang ada di  PUBG Mobile  harus kamu buka dengan menjalankan misi yang diberikannya. Hari ini  G CUBE  akan memberitahu kalian cara membuka Avatar  PUBG Mobile  yang terkunci! Yuk Simak Artikel dibawah ini! ^^ Avatar yang Ada di PUBG Mobile dan Cara Membukanya Ada  19 avatar  yang bisa kamu buka di PUBG Mobile ini. Berikut adalah listnya: Social Network Jika kamu login menggunakan  Facebook  atau  Twitter , biasanya Avatar ini akan langsung terbuka. Tetapi jika kamu  log in  dan bermain menggunakan " Guest ", kamu tetap bisa menghubungkan akun  Facebook  dan  Twitter mu. Dengan cara membuka setting, lalu di bagian atas kanan ada " Linked Account " d...

Solusi [your graphics card driver is outdated,we recommend you to update it first ] Nox App Player

Kita akan membahas tentang Masalah yang terjadi Di Nox App Player yaitu biasanya  Lag (Lemot),Patah-Patah,Graphics tidak mendukung , Biasanya ini terjadi saat anda memulai menginstall nox app player dan masalah yang paling terjadi muncul tulisan  " your graphics card driver is outdated,we recommend you to update it first ."  Nah itu lah yang paling sering dialami oleh semuanya error muncul seperti tidak support dengan VGA anda dengan itu saya akan membahasnya di sini cara mengatasinya untuk anda yang ingin memainkannya. Jika anda mengalami masalah ini saat saat pertama kalinya anda menjalankan Nox App, Ini lah beberapa solusi yang mungkin dapat membantu anda : Aktifkan VT di PC anda >  Baca Disini Sesuaikan CPU & RAM di PC anda untuk mendukung menjalankan Nox App Klik Setting Bergambar gerigi Isi Berapa Kinerja Yang Ingin Di Pakai Nox (Dengan Angka) "Jangan Di Pakai Semuanya" Update Graphics Card Anda, Saya Rekomendasikan Dengan Ini ...

Tutorial Menggunakan NetCut dan Cara Mengatasinya Dengan NetCut Defender.

hai teman maaf nih baru nge post lagi :D karena ada kesibukan , bukan sibuk sih tapi jarang buka pc :D jadi lah , eh iyah nih bei mau update tentang Net Cut Apa itu NetCut? Bagaimana cara menggunakan NetCut tersebut Apa itu NetCut Difender? Bagaimana cara menggunakan NetCut Difender tersebut           I. Apa itu NetCut? Petama-tama apakah kalian tau apa itu NetCut..?? Mungkin bagi Para h@cker dan pelikmat internet, software NetCut itu tidak asing lagi di telinga mereka. Baik lahhh... langsung aja pada topik: NetCut adalah singkatan dari Network dan Cut, pasti kalian sudah tau artinya. yupss, dari kata Network dan Cut tersebut kalian pasti sudah tau apa fungsi NetCut tersebut.. Yaa bagi yang tidak mengerti saya akan jelaskan. NetCut berarti menggunting jaringan atau lebih tepatnya lagi memutuskan Hubungan/Koneksi.. (Bukannya memutuskan hubungan seseorang lhooo... wuakakakakkk...) dan jika kita memutuskan koneksi mereka maka otomatis Bandw...