logo ilmugrafis
Home Tutorials News Artikel Fonts Download Gallery Kontak
Google Powered Search
 
ilmu grafis » PHOTOSHOP PHOTO EFFECT » Page 11

Membuat Animasi 3D di Photoshop

Publish: 30 Maret 2013 | Author & Copyright: Yusri Mappadang | Status: FREE Animasi Photo Efek

Hai guys lama tidak jumpa. Kemarin Sempat kepikiran di benakku mungkin gak ya membuat animasi 3D hanya dengan menggunakan satu gambar dan editingnya pun di photoshop??? Tapi setelah saya coba-coba eh ternyata bisa. Kalau sobat mau tahu langsung aja.........!!!!!!

Pada tutorial ini, Pertama-tama yang sobat lakukan yaitu buka program photoshop sobat, disini saya menggunakan CS5, namun bisa diterapkan di photoshop CS lainnya (minimal Photoshop CS3)

Tutorial Animasi Efek 3D dengan Photoshop

1. Buka gambar yang sobat ingin diberi Animasi di Photoshop, disini saya menggunakan gambar keponakan saya
foto yang akan di animasi
gambar : foto yang akan di animasi

2. Setelah itu Duplikate (CTRL+J)sampai kira-kira sampai 6 duplikate
layer digandakan
gambar : layer digandakan

dan hilangkan tanda mata pada layer (klik icon mata) kecuali layer background
tanda mata dihilangkan
gambar : tanda mata dihilangkan

3. Kemudian pada menu utama klik Windows » Animation sehingga akan muncul kotak animasi dibawah gambar
Animation frames di photoshop
gambar : Animation frames di photoshop

4. Klik pada layer background kemudian klik Flter » Stylize » Extrude pada kotak size dan depth isi 25 klik ok
efek extrude photoshop
gambar : efek extrude photoshop

5. Kemudian klik Duplicates Selected Frames sehingga akan muncul frame 2. pada kotak frame. Jadi sekarang kita punya 2 frame
duplicate frames
gambar : duplicate frames

6. Klik Layer 1 untuk mengaktifkan Layer 1, beri / munculkan tanda mata kembali pada Layer 1. Caranya sama yaitu klik pada tempat gambar mata berada.
aktifkan layer 1
gambar : aktifkan layer 1

kemudian klik filter » stylize » extrude pada kotak size dan depth isi masing dengan 20 klik ok.
extrude
gambar : extrude

7. Kemudian klik Duplikate Selected Frames untuk mendapatkan Frame ke 3. Ulangi langkah diatas yaitu dengan mengaktifkan 'mata' pada Layer 1 Copy . Beri efek Extrude dan pada kotak extrude isi dengan size dan depth masing - masing 15.

Teruskan dan ulangi langkah - langkahnya ke layer berikutnya dengan aturan setting pada extrude nantinya selisih masing - masing 5 angka.
Lakukan hal tersebut hingga Frame 5 dan Layer 1 copy 3
frame 5 hasil Layer 1 copy 3
gambar : frame 5 hasil Layer 1 copy 3

8. Ok kembali duplicate untuk mendapatkan frame 6, Nah Pada Layer 1 copy 4 isi size dan depth dengan angka 2

9. Di frame 7 atau pada layer 1 copy 5 jangan diberi efek apapun.
frame 7 selesai
gambar : frame 7 selesai

Selesai? belum, sabar ya, hampir selesai sobat hehehe..................

10. Sekarang kita akan memberi jeda. Pada kotak animasi klik gambar Frame 1 kemudian klik Tweens Animasi Frames
Tweens Animation Frames
gambar : Tweens Animation Frames

11. Pada kotak tween isi frame to add : 3 ok

12. Setelah itu klik gambar frame terakhir. klik Tweens Animasi Frames. Pada kotak tween isi frame to add : 5 klik ok.
Frame 10
gambar : Frame 10

13. Untuk melihat hasil sementara klik pada gambar pertama kemudian klik play animation

14. Saatnya menyimpan hasil kerja kita. Untuk menyimpan animasi, kita harus menyimpan untuk web.
Caranya pada menu utama klik File » Save for web and devices akan muncul kotak seperti dibawah
save for web GIF
gambar : save for web GIF.

Beri nama file kemudian Simpan pada lokasi yang diinginkan klik save. Untuk melihat animasi yang telah kita buat tadi kita harus melihatnya melalui (open with) browser.

Animasi Preview :
save for web GIF
Hasilnya bisa di preview di KLIK DISINI

Bagi anda yang ingin mempelajari susunan layer maka anda bisa Download hasil jadi tutorial ini:
Download Now
Download Disini

Taraaaaaaaa selesai juga sampai disini tutorial Photoshop kali ini. Sampai jumpa di tutorial Desain Grafis yang lainnya.
Semoga bermanfaat............... :) Salam Grafis

Share URL Share the URL of this Tutorial in IM, Email or post in forums

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)
android apk IlmuGrafiscom Apk | rss Subscribe ilmuGrafis.com via Email


author
<> Info dan Kontak Penulis

Yusri Mappadang
Tentang Penulis : Lahir di Toraja 1994, Menyukai desain grafis sejak kelas 2 SMK, hobby sepakbola, Berenang

Motto : Pendidikan Merupakan Perlengkapan Paling Baik Untuk Hari Tua

Penulis dapat dihubungi via:
Email : YusriantoMappadang@gmail.com
Twitter : twitter.com/Yusri_Interist1
FB : facebook.com/userhi.m.interisti
Blog : www.langkahyusri.com

Saya (Penulis) bersedia mematuhi ketentuan dan peraturan di IG
- Tutorial / Artikel ini resmi saya diberikan untuk dipublikasikan di www.ilmugrafis.com
- Kritik, Saran, maupun Pertanyaan seputar Tutorial bisa menghubungi Penulis
Semoga Bermanfaat, Terima kasih



Rekomendasi Resmi ilmuGrafis
Metode Belajar Cepat dan Mudah dengan Video Tutorial dan Desain Grafis Source
Dipersembahkan oleh www.ilmuGrafis.net
PSD CE
Photoshop Complete Edition

Koleksi Lengkap Video Tutorial Photoshop dan mulai dari Efek Foto Professional hingga manipulasi foto terungkap semua disini
PLGNT
Plugins Topaz dan NIK

Koleksi Plugins Photoshop yang powerfull untuk membuat Foto - Fotomu Lebih Berwarna dan Bermakna
PSD DG
Photoshop Desain Grafis

Video Tutorial Photoshop CS 3 ini mengungkap penggunaan teknik-teknik photoshop yang sering digunakan para praktisi
video tutorial
Ultimate Brush Photoshop

Kumpulan dan Koleksi Brush Premium Photoshop siap pakai untuk keperluan desain anda
video tutorial
Plugins Suite 5

Kumpulan Plugins Premium dan Plugins Suite 5 untuk meningkatkan kemampuan dan menambah fitur Photoshop anda
photo frame icon
Fantastic Photo Frames

Kumpulan Frame dan Digital Frame siap pakai untuk keperluan frame dan mempercantik foto anda secara Instan


ARTsense 1
Advertisement

Aturan dan Kebijakan di website ilmugrafis

  • Semua Konten di ilmuGrafis.com bertujuan sebagai media pendidikan dan pembelajaran, oleh karena itu dimohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain
  • Kami melakukan segala upaya untuk memastikan bahwa informasi di ilmuGrafis.com tersaji seakurat dan sebaik mungkin. Anda bisa melaporkan jika ada konten ataupun informasi yang tidak berkenan di Kontak
  • Jika anda ingin memposting ulang atau mengcopy konten yang ada di ilmuGrafis.com maka silahkan membaca terlebih dahulu Terms Of Use
Search Pilih Kategori
PHOTOSHOP
Photoshop Dasar
Photoshop Teks Effect
Photoshop Photo Efek
Photoshop Alternatif
Photoshop Extra
CORELDRAW
CorelDRAW Dasar
CorelDRAW Logo
CorelDRAW Bebas
CorelDRAW Extra Tools
PHOTOGRAPHY
Lightroom
VECTORIZE
Adobe Illustrator
ANIMATION
Flash
Swishmax
MODELING
3dsMAX
AutoCAD
Cinema 4D
Maya
VIDEO EDITING
Adobe Premiere
After Effect
Pinnacle
WEB DEVELOPER
Dreamweaver
jQuery
Fireworks
PUBLISHING
Freehand
InDesign
Ms. Paint
Ms. Visio
FREEWARE
Gimp
Inkscape
CREATIVE-ZONE
Gallery
Papercraft
Liga Grafis
Hall Of Fame
EXTRA
News
Artikel
Hiburan
Bursa Kerja
Jasa Grafis

Link To Us
ilmu grafis indonesia

Peta Situs Term of Use web edukasi - ilmugrafis.com Indonesia
© 2008 - 2014 ilmuGrafis.com Design and Development by IG Team.
All other trademarks are the property of their respective owners.
kembali ke atas / back to top