Advertisement
  1. Computer Skills

Spreadsheet Animasi: Bagaimana Membuat Animasi Pixel Dalam Excel

Scroll to top
Read Time: 6 min

() translation by (you can also view the original English article)

Ketika anda berpikir tentang Excel, anda tidak diragukan lagi akan berpikir tentang angka, perhitungan dan keuangan. Kemungkinannya anda tidak akan terpikirkan tentang sesuatu yang fun, kreatif atau animasi menggunakan spreadsheet, tapi mungkin kita dapat melakukan sesuatu tentang itu!

Sebagai seorang anak kecil, anda mungkin pernah mengubah buku teks sekolah menjadi animasi flipbook. Merupakan asal muasal "gambar bergerak," flipbook memberikan ilusi animasi dengan cara menggerakkan halaman dengan cepat, dimana setiap halamannya berisi karakter yang sama dan bergerak terus menerus dalam posisi yang berbeda. Terjadi begitu saja kalau Excel juga dapat menggunakan perlakuan yang sama.

Kita akan membuat apa yang saya namakan dengan "scrollbook". Ini adalah versi digital dari flipbook, dengan scrolling yang menggantikan flipping terhadap halamannya. Halaman Excel akan menjadi frame animasinya, dan cell akan menjadi pixelnya. Tutorial ini akan menunjukkan kepada anda semua yang anda perlukan untuk membuat animasi pixel yang enak dipandang dengan hanya menggunakan spreadsheet.

Kanvas Spreadsheet

Jadi pertama - tama, marilah kita mengatur file Excel. Mulailah dengan membuat dokumen baru dan pilih Page Layout entah di tab Layout atau pada tombol kiri bawah:

page layout

Pada menu dropdown zoom level pilih One Page:

zoom dropdown

Sekarang halaman tersebut akan selalu berada pada posisi yang sama kapanpun anda melakukan scroll. Halaman tersebut sekarang berfungsi sebagai frame animasi.

Untuk membuat ukuran cell menjadi persegi pilih select all (Command-A) lalu masuk ke menu Cells > Format pada tab Home. Di situ, ganti Row Height menjadi 0.55cm dan column width menjadi 0.55cm.

row height

Anda dapat menggunakan pixel yang lebih kecil atau lebih besar, namun pixel ini jika pada ukuran page Letter US akan memberikan resolusi 31x40 px yang sangat cocok untuk sebuah animasi simpel yang akan kita buat. "31x40" sedikit mengganggu dan karakter kita akan lebih terpusat jika jumlah pixel horisontal genap, namun mencoba menyamakan seluruh column widths hanya akan menghasilkan angka yang ganjil untuk beberapa alasan tertentu, jadi untuk menurunkan resolusi ke 30x40 saya harus mengubah lebar kolom A, B dan AC, AD ke 0.65cm.

Semuanya Cell, Tidak Ada Angka

Kanvas sudah siap. Kita akan membuat animasi orang yang melompat, dan gerakannya akan dibuat berulang - ulang sehingga kita dapat dengan mudah memperpanjang durasi animasi.

Karakter kita yang sangat sederhana ini akan memiliki kepala berukuran 2x3 px. Anda dapat mengganti desain kepalanya namun anda mungkin perlu menggunakan aplikasi penggambar seperti Photoshop untuk melakukan itu, jadi anda dapat lebih bebas mencoba alternatif sebelum memutuskan untuk menggambar ulang desain pada cell spreadsheet.

Saya menyarankan anda untuk meletakkan kepala pada kolom O dan P dan baris 21-23. Pilih cell tersebut:

select cells for the head
Pilih cell untuk bagian pertama karakter: kepalanya.

Klik kanan pada cell yang dipilih dan masuk ke Format Cells... (atau tekan Command-1) dan masuk ke tab Fill dan pilih warna yang gelap, anda dapat menggunakan custom color namun karena anda akan melakukan ini berulang kali akan lebih baik untuk menggunakan theme colors.

Badan karakter akan berukuran 4x6 px, kakinya 6 px vertikal dan lengannya 4px melintang.

body
Anda dapat menaikkan cell terpilih dan blok cell dengan menahan tombol Command.

Kita akan menambahkan bayangan menggunakan pattern option. Anda dapat juga menggunakan abu - abu cerah untuk bayangannya namun saya lebih suka nuansa retro karena pattern. Patterns berada dalam tab yang sama dengan Format Cells > Fill namun letaknya berada di option Foreground.

shadow

Sekarang frame 1 (dari 11) sudah lengkap. Pilih seluruh cell dari halaman tersebut dan copy, kemudian scroll ke halaman kedua, pilih cell A1 dan paste.

Perubahan pada frame 2 adalah si karakter melenturkan kakinya untuk melompat hanya dengan memperpendeknya sebanyak 1px, dan juga menurunkan lengannya sebanyak 1 px pada bahu dan 1 px lainnya di tengah, seperti ini:

next frame

Pada frame 3 kita akan mendapatkan si karakter lebih melenturkan kakinya, jadi kita memperpendek kakinya sebanyak 1 pixel lagi. Dan kita akan sedikit menurunkan lengannya lagi, sehingga tampak diagonal:

another frame
Anda dapat memindahkan sejumlah besar gambar dengan cara copy dan paste blok cell daripada mengedit seluruh cell secara manual.

Pada frame 4 lengannya akan tetap sama namun karakter ini sudah berada di udara, kakinya terentang penuh sepanjang 6 px tall dan seluruh tubuhnya berada 1 px di atas bayangan, yang tetap pada tempat yang sama sepanjang animasi.

frame 4

Untuk frame 5 kita akan memperpanjang lengannya secara horizontal lagi. Anda dapat paste frame 1 di sini, hanya saja karakter ini akan berada lebih tinggi di udara, 2 px lebih tinggi di atas frame sebelumnya - yang berarti 3 px di atas bayangannya. Untuk detail yang menyenangkan saya akan membuat bayangannya lebih pendek karena semakin jauh dari tanah serta tidak mengubah warnanya namun mengubah pattern menjadi sedikit lebih cerah.

frame 5

Pada frame 6 karakter ini lebih tinggi 2 px dibanding pada frame 5 dan lengannya bergerak sedikit lebih tinggi:

frame 6

Pada frame 7 karakter ini cuma naik 1 pixel lebih tinggi namun lengannya naik lagi dan bayangannya menjadi semakin cerah:

frame 7

Pada frame 8 dia tidak menjangkau lebih tinggi lagi, posisinya tetap sama karena sudah berada pada puncak loncatan, hanya lengannya saja yang bertambah tinggi satu pixel membentuk diagonal:

frame 8

Pada frame 9 karakter tersebut mulai kembali turun, hanya sebanyak 1 px. Bayangannya menjadi sedikit lebih gelap. Anda dapat copy dan paste frame 6, satu - satunya perbedaan adalah bahwa kita akan menunda gerakan lengan beberapa frame, jadi lengannya akan tetap diagonal seperti di frame 8:

frame 9

Frame 10 akan tampak sama seperti frame 5 namun dengan lengan pada posisi seperti frame 7:

frame 10

Frame 11 menutup loop, karakter tersebut tetap berada di udara namun pada frame berikutnya akan sama seperti yang pertama kita buat. Bayangannya kembali ke pattern awal. Tampilannya seperti frame 4 namun lengannya sama seperti frame 6:

frame 11

Mengubah Excel Menjadi Viewer Animasi

Sekarang setelah animasi tersebut lengkap anda memilih cell kanan bawah dari halaman 11 dan scroll ke atas ke halaman 1, dan dengan menahan tombol shift pilih cell kiri atas dari halaman tersebut untuk meng-copy seluruh animasi. Anda akan ke halaman 12 dan memilih cell kiri atas (A1) kemudian paste. Paste lagi pada halaman 23 dan ulangi sebanyak yang anda inginkan. Saya kira 4 kali looping membuat triknya bekerja.

Untuk membungkus file tersebut anda perlu ke Layout > View, dan uncheck Headings, untuk menghindari jumlah cell bergerak sedikit ketika menjadi 4 digit. Anda dapat juga uncheck Gridlines untuk menghilangkan border cell, itu akan tampak lebih bersih namun akan kurang tampak seperti spreadsheet, jadi semuanya tergantung anda apakah menampilkannya atau tidak:

page headings

Kemudian ubah ukuran window untuk mencocokkan ukuran halaman dan memberi nama yang cerdik untuk spreadsheet:

spreadsheet name
So clever.

Anda dapat juga menambahkan beberapa instruksi atau judul untuk halaman pertama:

spreadsheet cover pagespreadsheet cover pagespreadsheet cover page
Gunakan imajinasi anda di sini: halaman ini adalah hal pertama yang akan dilihat orang ketika mereka melihat animasi anda.

Dan selesai! Cukup scroll dari awal spreadsheet ke akhir untuk melihat animasi, atau lihat video di bawah untuk melihatnya beraksi:

Ada begitu banyak hal yang dapat anda lakukan

Jika anda menyelesaikan orang melompat dan ingin mengerjakan scroll book lainnya, anda dapat mencoba "pudel melompat":

jumping poodlejumping poodlejumping poodle
Blue crosshairs added just as guidelines.

Atau membuat animasi apapun yang anda suka, menggunakan teknik ini. Dan membagikannya - bagaimanapun juga, jarang sekali anda mengirimkan file excel hanya untuk bersenang - senang. Kami ingin melihat animasi yang anda buat di komentar di bawah! Atau, jika anda memiliki masalah dengan melakukan animasi untuk spreadsheet, tinggalkan komentar dan kami pasti akan membantu anda.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Computer Skills tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.