Tutorial animasi sederhana dengan adobe photoshop cs6

TUTORIAL MEMBUAT ANIMASI SEDERHANA
MENGGUNAKAN ADOBE PHOTOSHOP CS6
DWI ANGGRAINI SUFIANTI
SISTEM INFORMASI / UNIVERSITAS GUNADARMA
Fitur Adobe Photoshop CS6 menyediakan fitur untuk
membuat gambar format .gif atau istilah lainnya
gambar animasi dengan cara mudah dan hasilnya tidak
kalah menarik dengan program-program pengolah
penghasil gambar animasi lainnya. Saya ingin
memberikan tutorial membuat animasi sederhana
dengan menggunakan Adobe Photoshop CS6:
1. Langkah Pertama untuk membuat animasi buka aplikasi photoshop. Yang Saya
pakai adalah Photoshop CS6, dan buat lembar kerja baru dengan ukuran 15cm x
15cm seperti pada gambar dibawah, kemudian pada menu windows pilih/ceklis
Timeline. fungsi dari timeline sendiri adalah untuk membuat beberapa frameme
yang berfungsi menampilkan gambar secara berurutan dan seolah-olah gambar
bisa bergerak dengan sendirinya.
Tutorial membuat animasi gif dengan photoshop
2. Pilih atau masukkan beberapa gambar yang ingin dibuat,
dan buat beberapa layer di timeline agar gambar dapat
diputar sesuai urutan dan seolah olah dapat bergerak
3. Pada Pallet klik Create a new Layer, kemuadian buka image ke
adobe photoshop, lalu copy satu persatu ke dalam layer . sampai
selesai
4. Buat beberapa buah Frame Animasi dan beberapa Layer Animasi
sesuai kebutuhan. Langkah selanjutnya setting Indicates layer visibility
(icon mata) pada setiap Frame Animasi. Maksudnya, jika Frame Animasi 1
aktif, maka Indicates layer visibility juga yang aktif harus Layer Animasi
1. Begitu selanjutnya Anda setting pada Layer animasi lainnya sesuaikan
dengan posisi nomor Frame Animasi.
6. Setelah gambar sudah dimasukkan dan sudah sesuai dengan urutan
kemudian atur kecepatan delay yang berda di bawah layer setiap timeline,
atur kecepatanya missal 0,2. Semakin besar angkanya maka perpindahan
gambar ke gambar selanjutnya akan semaki lambat.
7. Jika sudah selesai memasukkan gambar, merapikannya, mengatur
kecepatannya dan sudah terlihat bergerak dengan rapi, kemudian ke menu
File pilih save for web atau alt+shift+ ctrl+s kemudian klik ok atau simpan.
Thank YouInsert the Sub Title of Your Presentation
1 de 9

Recomendados

Laporan-Mulitimedia Animasi- Abas Djumadi por
Laporan-Mulitimedia Animasi- Abas DjumadiLaporan-Mulitimedia Animasi- Abas Djumadi
Laporan-Mulitimedia Animasi- Abas DjumadiAbas Djumadi
755 vistas9 diapositivas
Membuat efek venom por
Membuat efek venomMembuat efek venom
Membuat efek venomAgung Yuwono
180 vistas4 diapositivas
Modul adobe flash_cs.5 por
Modul adobe flash_cs.5Modul adobe flash_cs.5
Modul adobe flash_cs.5Hamri F
513 vistas57 diapositivas
Modul1 por
Modul1Modul1
Modul1tohopaloh
923 vistas10 diapositivas
Tutorial cara menjadi master desain grafis tanpa sekolah dan kuliah por
Tutorial cara menjadi master desain grafis tanpa sekolah dan kuliahTutorial cara menjadi master desain grafis tanpa sekolah dan kuliah
Tutorial cara menjadi master desain grafis tanpa sekolah dan kuliahAyana Shahab
12.9K vistas132 diapositivas
Tutorial Photoshop CC Bahasa Malaysia por
Tutorial Photoshop CC Bahasa MalaysiaTutorial Photoshop CC Bahasa Malaysia
Tutorial Photoshop CC Bahasa MalaysiaMuhammad Adeeb Zamil
2.2K vistas36 diapositivas

Más contenido relacionado

Similar a Tutorial animasi sederhana dengan adobe photoshop cs6

Graphic design-by-photoshop-cs4-slamet-riyanto por
Graphic design-by-photoshop-cs4-slamet-riyantoGraphic design-by-photoshop-cs4-slamet-riyanto
Graphic design-by-photoshop-cs4-slamet-riyantoYasir Partomo
1.9K vistas65 diapositivas
Alisalim flash4 por
Alisalim flash4Alisalim flash4
Alisalim flash4Nurdin Al-Azies
404 vistas6 diapositivas
Graphic design-by-photoshop-cs4-slamet-riyanto 2 por
Graphic design-by-photoshop-cs4-slamet-riyanto 2Graphic design-by-photoshop-cs4-slamet-riyanto 2
Graphic design-by-photoshop-cs4-slamet-riyanto 2Yudha Kirito
261 vistas65 diapositivas
Penegenalan Macromedia flash 8 por
Penegenalan Macromedia  flash 8Penegenalan Macromedia  flash 8
Penegenalan Macromedia flash 8Houtman Ambarita
107 vistas20 diapositivas
mengenal adobe photoshop por
mengenal adobe photoshopmengenal adobe photoshop
mengenal adobe photoshoperick1024
590 vistas32 diapositivas
Animasi dengan swih 2 por
Animasi dengan swih 2Animasi dengan swih 2
Animasi dengan swih 2age46
260 vistas14 diapositivas

Similar a Tutorial animasi sederhana dengan adobe photoshop cs6(20)

Graphic design-by-photoshop-cs4-slamet-riyanto por Yasir Partomo
Graphic design-by-photoshop-cs4-slamet-riyantoGraphic design-by-photoshop-cs4-slamet-riyanto
Graphic design-by-photoshop-cs4-slamet-riyanto
Yasir Partomo1.9K vistas
Graphic design-by-photoshop-cs4-slamet-riyanto 2 por Yudha Kirito
Graphic design-by-photoshop-cs4-slamet-riyanto 2Graphic design-by-photoshop-cs4-slamet-riyanto 2
Graphic design-by-photoshop-cs4-slamet-riyanto 2
Yudha Kirito261 vistas
mengenal adobe photoshop por erick1024
mengenal adobe photoshopmengenal adobe photoshop
mengenal adobe photoshop
erick1024590 vistas
Animasi dengan swih 2 por age46
Animasi dengan swih 2Animasi dengan swih 2
Animasi dengan swih 2
age46260 vistas
Membuat CD Interaktif dengan SWiSH MAX4 por Muhadi Tri
Membuat CD Interaktif dengan SWiSH MAX4Membuat CD Interaktif dengan SWiSH MAX4
Membuat CD Interaktif dengan SWiSH MAX4
Muhadi Tri2.7K vistas
Tutorial bagus photoshop cs4 baruuuuuuu por gultommauritz
Tutorial bagus photoshop cs4 baruuuuuuuTutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuu
gultommauritz110 vistas
Cara Mengupload Pattern Di Adobe Photoshop por Renra Sedoya
Cara Mengupload Pattern Di Adobe PhotoshopCara Mengupload Pattern Di Adobe Photoshop
Cara Mengupload Pattern Di Adobe Photoshop
Renra Sedoya27 vistas
Belajar macromedia flash 8 bagi pemula por Izza Anshory
Belajar macromedia flash 8 bagi pemulaBelajar macromedia flash 8 bagi pemula
Belajar macromedia flash 8 bagi pemula
Izza Anshory60.1K vistas
Tutorial PhotoShop File Save por PAMBAH.Corp
Tutorial PhotoShop File SaveTutorial PhotoShop File Save
Tutorial PhotoShop File Save
PAMBAH.Corp1.1K vistas
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptx por NasKun3
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptxPengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptx
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptx
NasKun3145 vistas
Tik bab 4 por geuleyis
Tik bab 4Tik bab 4
Tik bab 4
geuleyis195 vistas
Tik bab 4 por geuleyis
Tik bab 4Tik bab 4
Tik bab 4
geuleyis189 vistas

Más de Dasufianti

Review kaizala apps tugas b.inggris bisnis2 por
Review kaizala apps  tugas b.inggris bisnis2Review kaizala apps  tugas b.inggris bisnis2
Review kaizala apps tugas b.inggris bisnis2Dasufianti
115 vistas1 diapositiva
Subsistem penelitian dan subsistem perencanaan Sistem Informasi SDM por
Subsistem penelitian dan subsistem perencanaan Sistem Informasi  SDMSubsistem penelitian dan subsistem perencanaan Sistem Informasi  SDM
Subsistem penelitian dan subsistem perencanaan Sistem Informasi SDMDasufianti
445 vistas16 diapositivas
Kecerdasan bisnis- Sistem Penunjang Keputusan por
Kecerdasan bisnis- Sistem Penunjang KeputusanKecerdasan bisnis- Sistem Penunjang Keputusan
Kecerdasan bisnis- Sistem Penunjang KeputusanDasufianti
567 vistas20 diapositivas
Manajemen resiko por
Manajemen resikoManajemen resiko
Manajemen resikoDasufianti
430 vistas11 diapositivas
Manajemen layanan si por
Manajemen layanan siManajemen layanan si
Manajemen layanan siDasufianti
355 vistas9 diapositivas
Information Technology Infrastructure Library (ITIL) por
Information Technology Infrastructure Library (ITIL)Information Technology Infrastructure Library (ITIL)
Information Technology Infrastructure Library (ITIL)Dasufianti
902 vistas18 diapositivas

Más de Dasufianti(10)

Review kaizala apps tugas b.inggris bisnis2 por Dasufianti
Review kaizala apps  tugas b.inggris bisnis2Review kaizala apps  tugas b.inggris bisnis2
Review kaizala apps tugas b.inggris bisnis2
Dasufianti115 vistas
Subsistem penelitian dan subsistem perencanaan Sistem Informasi SDM por Dasufianti
Subsistem penelitian dan subsistem perencanaan Sistem Informasi  SDMSubsistem penelitian dan subsistem perencanaan Sistem Informasi  SDM
Subsistem penelitian dan subsistem perencanaan Sistem Informasi SDM
Dasufianti445 vistas
Kecerdasan bisnis- Sistem Penunjang Keputusan por Dasufianti
Kecerdasan bisnis- Sistem Penunjang KeputusanKecerdasan bisnis- Sistem Penunjang Keputusan
Kecerdasan bisnis- Sistem Penunjang Keputusan
Dasufianti567 vistas
Manajemen resiko por Dasufianti
Manajemen resikoManajemen resiko
Manajemen resiko
Dasufianti430 vistas
Manajemen layanan si por Dasufianti
Manajemen layanan siManajemen layanan si
Manajemen layanan si
Dasufianti355 vistas
Information Technology Infrastructure Library (ITIL) por Dasufianti
Information Technology Infrastructure Library (ITIL)Information Technology Infrastructure Library (ITIL)
Information Technology Infrastructure Library (ITIL)
Dasufianti902 vistas
Ilmu Budaya Dasar por Dasufianti
Ilmu Budaya DasarIlmu Budaya Dasar
Ilmu Budaya Dasar
Dasufianti130 vistas
Membuat CV dengan HTML por Dasufianti
Membuat CV dengan HTMLMembuat CV dengan HTML
Membuat CV dengan HTML
Dasufianti481 vistas
Penduduk, masyarakat dan kebudayaan por Dasufianti
Penduduk, masyarakat dan kebudayaanPenduduk, masyarakat dan kebudayaan
Penduduk, masyarakat dan kebudayaan
Dasufianti423 vistas

Último

LATIHAN7_HEPIMAYASARI_E1G017085.pptx por
LATIHAN7_HEPIMAYASARI_E1G017085.pptxLATIHAN7_HEPIMAYASARI_E1G017085.pptx
LATIHAN7_HEPIMAYASARI_E1G017085.pptxhepimayasari28
15 vistas9 diapositivas
Digitalisasi Pertanian por
Digitalisasi PertanianDigitalisasi Pertanian
Digitalisasi PertanianAbdCharisFauzan
5 vistas11 diapositivas
DITHYA HUTASOIT_E1G022069.pptx por
DITHYA HUTASOIT_E1G022069.pptxDITHYA HUTASOIT_E1G022069.pptx
DITHYA HUTASOIT_E1G022069.pptxDithyaHutasoit
6 vistas6 diapositivas
Latihan 6_Novelia Tamba_E1G022063-1.pptx por
Latihan 6_Novelia Tamba_E1G022063-1.pptxLatihan 6_Novelia Tamba_E1G022063-1.pptx
Latihan 6_Novelia Tamba_E1G022063-1.pptxnoveliatamba
15 vistas6 diapositivas
TugasPenkom6_Mohammad Alfarezi_E1G022091.pdf por
TugasPenkom6_Mohammad Alfarezi_E1G022091.pdfTugasPenkom6_Mohammad Alfarezi_E1G022091.pdf
TugasPenkom6_Mohammad Alfarezi_E1G022091.pdfarezi787
9 vistas9 diapositivas
Yohanes silaen E1G022043.pptx por
Yohanes silaen E1G022043.pptxYohanes silaen E1G022043.pptx
Yohanes silaen E1G022043.pptxyohanessilaen6
6 vistas8 diapositivas

Último(7)

LATIHAN7_HEPIMAYASARI_E1G017085.pptx por hepimayasari28
LATIHAN7_HEPIMAYASARI_E1G017085.pptxLATIHAN7_HEPIMAYASARI_E1G017085.pptx
LATIHAN7_HEPIMAYASARI_E1G017085.pptx
hepimayasari2815 vistas
Latihan 6_Novelia Tamba_E1G022063-1.pptx por noveliatamba
Latihan 6_Novelia Tamba_E1G022063-1.pptxLatihan 6_Novelia Tamba_E1G022063-1.pptx
Latihan 6_Novelia Tamba_E1G022063-1.pptx
noveliatamba15 vistas
TugasPenkom6_Mohammad Alfarezi_E1G022091.pdf por arezi787
TugasPenkom6_Mohammad Alfarezi_E1G022091.pdfTugasPenkom6_Mohammad Alfarezi_E1G022091.pdf
TugasPenkom6_Mohammad Alfarezi_E1G022091.pdf
arezi7879 vistas
1-zv2Thh900fnv_bslVdRio9ojEMA3DO2lH0DSVPlzYM.pptx por ichannudin1
1-zv2Thh900fnv_bslVdRio9ojEMA3DO2lH0DSVPlzYM.pptx1-zv2Thh900fnv_bslVdRio9ojEMA3DO2lH0DSVPlzYM.pptx
1-zv2Thh900fnv_bslVdRio9ojEMA3DO2lH0DSVPlzYM.pptx
ichannudin18 vistas

Tutorial animasi sederhana dengan adobe photoshop cs6

  • 1. TUTORIAL MEMBUAT ANIMASI SEDERHANA MENGGUNAKAN ADOBE PHOTOSHOP CS6 DWI ANGGRAINI SUFIANTI SISTEM INFORMASI / UNIVERSITAS GUNADARMA
  • 2. Fitur Adobe Photoshop CS6 menyediakan fitur untuk membuat gambar format .gif atau istilah lainnya gambar animasi dengan cara mudah dan hasilnya tidak kalah menarik dengan program-program pengolah penghasil gambar animasi lainnya. Saya ingin memberikan tutorial membuat animasi sederhana dengan menggunakan Adobe Photoshop CS6:
  • 3. 1. Langkah Pertama untuk membuat animasi buka aplikasi photoshop. Yang Saya pakai adalah Photoshop CS6, dan buat lembar kerja baru dengan ukuran 15cm x 15cm seperti pada gambar dibawah, kemudian pada menu windows pilih/ceklis Timeline. fungsi dari timeline sendiri adalah untuk membuat beberapa frameme yang berfungsi menampilkan gambar secara berurutan dan seolah-olah gambar bisa bergerak dengan sendirinya. Tutorial membuat animasi gif dengan photoshop
  • 4. 2. Pilih atau masukkan beberapa gambar yang ingin dibuat, dan buat beberapa layer di timeline agar gambar dapat diputar sesuai urutan dan seolah olah dapat bergerak
  • 5. 3. Pada Pallet klik Create a new Layer, kemuadian buka image ke adobe photoshop, lalu copy satu persatu ke dalam layer . sampai selesai
  • 6. 4. Buat beberapa buah Frame Animasi dan beberapa Layer Animasi sesuai kebutuhan. Langkah selanjutnya setting Indicates layer visibility (icon mata) pada setiap Frame Animasi. Maksudnya, jika Frame Animasi 1 aktif, maka Indicates layer visibility juga yang aktif harus Layer Animasi 1. Begitu selanjutnya Anda setting pada Layer animasi lainnya sesuaikan dengan posisi nomor Frame Animasi.
  • 7. 6. Setelah gambar sudah dimasukkan dan sudah sesuai dengan urutan kemudian atur kecepatan delay yang berda di bawah layer setiap timeline, atur kecepatanya missal 0,2. Semakin besar angkanya maka perpindahan gambar ke gambar selanjutnya akan semaki lambat.
  • 8. 7. Jika sudah selesai memasukkan gambar, merapikannya, mengatur kecepatannya dan sudah terlihat bergerak dengan rapi, kemudian ke menu File pilih save for web atau alt+shift+ ctrl+s kemudian klik ok atau simpan.
  • 9. Thank YouInsert the Sub Title of Your Presentation