Follow Us @soratemplates

Tampilkan postingan dengan label Pengenalan Animasi & Desain Grafis. Tampilkan semua postingan
Tampilkan postingan dengan label Pengenalan Animasi & Desain Grafis. Tampilkan semua postingan

Senin, 01 Juli 2019

Langkah-langkah Membuat GIF Kelulusan Mahasiswi dan Pemandangan

Juli 01, 2019 0 Comments
A. Langkah-langkah membuat GIF Kelulusan Mahasiswi

1. Menentukan Tema
Sebelum membuat animasi atau GIF, animator harus memiliki tema terlebih dahulu sebelum dituangkan ke dalam sebuah gambar.
2. Membuat Sketsa
Alangkah lebih baik bila animator menuangkan ide nya terlebih dahulu ke dalam sebuah sketsa. Baik di kertas maupun dituangkan ke dalam sebuah aplikasi.
3. Software dan Tools yang Digunakan
Software yang digunakan untuk membuat gambar adalah Inkscape. Inskscape adalah sebuah perangkat lunak editor gambar vektor yang bersifat perangkatlunak bebas di bawah lisensi GNU GPL.


Beberapa tools yang digunakan dalam software Inkscape ini antara lain :
Rectangle Tool : Berfungsi untuk menggambar bentuk objek kotak/persegi panjang.
Circle Tool : Berfungsi untuk menggambar bentuk objek lingkaran, setengah lingkaran dan oval.
Edit Tool : Berfungsi untuk mengubah/mengedit posisi titik simpul suatu objek hingga objek berubah bentuk.
Line Tool : Berfungsi untuk menggambar garis halus\bentuk objek dengan garis-garis yang saling terhubung.
Stars Tool : Berfungsi untuk menggambar bentuk objek bintang dan persegi yang memiliki banyak sisi, misalnya : persegi lima.

4. Membuat Background
Pertama-tama yang harus dilakukan adalah membuat background atau latar belakangnya terlebih dahulu. Disini saya terpikir untuk membuat latar belakang gedung-gedung tinggi sebagai harapan bagi para mahasiswa/i yang telah lulus agar dapat mendapat pekerjaan yang mapan.

Tools yang digunakan untuk membuat gambar tersebut adalah menggunakan Rectangle tool. Pertama-tama dibuat 3 bangunan terlebih dahulu dan kemudian ditambahkan lagi gambar kotak kotak sebagai jendelanya, kemudian diberi warna agar terlihat lebih menarik.

5. Membuat Karakter Mahasiswi
Setelah membuat backgroundnya maka selanjutnya adalah menambahkan orang sebagai gambar mahasiswinya. Disini dibuat karakter mahasiswi yang gembira karena kelulusannya. Tools yang digunakan adalah circle, edit, line dan stars tool.


Untuk bagian kepalanya dibuat dahulu menggunakan tools circle setelah itu ditambahkan line tools dan edit tool untuk dibentuk menyerupai rambut kemudian di cocokan dengan bentuk kepala dari karakter tersebut.

Selanjutnya dibuat juga untuk bentuk toga dan bajunya menggunakan rectangle tool, circle tool, star tool, line tool dan edit tool. Setelah itu disusun satu persatu agar terbentuk karakternya. Kemudian untuk menyesuaikan bagian depan dan belakang atau bagian-bagian yang harus ditimpa tersebut dapat menggunakan layer.


Klik pada add layer kemudian pilih apakah gambar tersebut ingin di depan atau di belakang dari objek utama yang akan dibuat tersebut. Jika gambar sudah selesai dibuat maka langkah selanjutnya adalah memberi warna pada karakter tersebut.

Setelah memberi warna maka langkah selanjutnya adalah menggabungkan gambar mahasiswi dengan gedung yang sebelumnya telah dibuat.

6. Membuat Frame
Untuk membuat GIF/animasi maka dibutuhkan beberapa frame agar gambar tersebut dapat terlihat bergerak. Dan disini saya membuat beberapa frame dengan mengubah warna dari gedung dan merubah gerak serta ekspresi dari tiap karakter mahasiswi tersebut. Saya juga menambahkan sedikit hiasan pada sekitar objek untuk memberi kesan kebahagiaan atas kelulusan mahasiswi tersebut.
Untuk merubah ekspresi pada mahasiswi tersebut, saya menggunakan circle tool dan edit tool kemudian disesuaikan dengan ekspresi yang diinginkan.

Sedangkan untuk merubah gerak pada objek mahasiswi tersebut saya menggunakan edit tool untuk menggeser bagian tangan dan merubah posisi.

`
7. Membuat Animasi/GIF

Untuk membuat animasi/GIF ini saya menggunakan aplikasi Video Editor dari microsoft. Kemudian saya gabungkan semua frame yang telah saya buat ke dalam project library. Di aplikasi ini kita juga dapat mengatur durasi dari tiap frame sesuai yang diinginkan

Kita juga dapat menduplikat frame sesuai dengan durasi yang diinginkan. Pastikan juga supaya frame tidak tertukar posisinya karna hal tersebut dapat membuat animasi bergerak tidak sesuai dengan polanya. Jika sudah selesai maka project dapat disimpan.
Dan hasilnya akan seperti ini, 



B. Langkah-langkah membuat GIF Pemandangan Menggunakan Photoshop

1. Menentukan Tema
Sebelum membuat animasi atau GIF, animator harus memiliki tema terlebih dahulu sebelum dituangkan ke dalam sebuah gambar.
2. Membuat Sketsa
Alangkah lebih baik bila animator menuangkan ide nya terlebih dahulu ke dalam sebuah sketsa. Baik di kertas maupun dituangkan ke dalam sebuah aplikasi.
3. Software dan Tools yang Digunakan
Software yang digunakan untuk membuat GIF adalah Photoshop cc 2017. Photoshop adalah software yang digunakan untuk memodifikasi gambar atau foto secara profesional baik meliputi modifikasi obyek yang sederhana maupun yang sulit sekalipun.





5. Cara Membuat GIF menggunakan Photoshop
a. Buat layer baru terlebih dahulu, setelah membuat layer baru berikan warna untuk warna dasar atau warna langitnya.


Gambar 1
Gambar diatas adalah contoh dari layer awal yaitu pembuatan warna dasar atau menentukan warna untuk langitnya.
b. Selanjutnya membuat pewarnaan biru, seperti air untuk menciptakan pemandangan yang lebih indah dan tenang. Caranya membuat layer baru terlebih dahulu dengan cara Shift+Ctrl+N.


Gambar 2
c. Setelah selesai membuatkan warna biru untuk airnya, maka selanjutnya buat gunung. Sebelumnya kita disini menggunakan cara yang sama yaitu membuat layer baru terlebih dahulu, dan setelah itu baru dibuat skets nya dalam masing-masing layer.

Gambar 3
Pada pembuatan matahari kami menggunakan elipse tool untuk proses pembuatan matahari yang bulat sempurna. Caranya tekan U pada keyboard.
Setelah semua dibuat, langkah selanjutnya adalah proses pembuatan animasi orang-orangan nya. Cara sama, buat layer baru terlebih dahulu, cara dengan menggunakan pen tool dengan mode shape. Contoh seperti gambar dibawah berikut:

Pertama2 buat kapal terlebih dahulu, kemudian buat orangnya, seperti gambar berikut :

Pada gambar diatas kita sudah membuat kan 1 kapal dengan 2 orang diatasnya, selanjutnya saya akan membuat kapal yang kedua, caranya dicopy saja. Sebelum melakukan pengcopy-an dilakukan, alangkah baiknya di buatkan grup terlebih dahulu, agar memudahkan untuk melakukan copy skets tersebut.

d. Selanjutnya proses pembuatan animasi bergeraknya. Caranya pilih window lalu pilih timeline.



Maka selanjutnya akan muncul tampilan :




Dalam timeline tersebut kita dapat mengatur watimeline.
ktu, posisi gambar yang akan bergerak, caranya dengan memberikan sebuah tanda titik pada


Dan hasilnya akan seperti ini,

Selasa, 02 April 2019

Animasi Kelulusan Mahasiswi dan Pemandangan

April 02, 2019 0 Comments

Kali ini saya dan kelompok saya akan membuat gambar bergerak atau bisa disebut juga dengan nama lain yaitu GIF. Apa itu GIF? GIF adalah kepanjangan dari Graphic Interchange Format sebuah gambar bergerak yang memiliki beberapa gambar frame, format ini menyatukan beberapa frame yang memiliki gambar berbeda-beda sehingga jika setiap gambar disatukan akan terlihat seperti bergerak.  Langsung saja kita menuju salah satu GIF yang dibuat oleh kelompok kami.
Gambar ini dibuat menggunakan Inkscape, dan bertemakan tentang kelulusan.



Terdapat 2 mahasiswi yang sedang merayakan kelulusannya setelah melakukan siding skripsi, terlihat mereka berdua sangat senang sekali akan kelulusannya. Mereka berdua menjalani kuliah selama 4tahun lamanya, dan lulus dengan tepat waktu.


(Pada bagian inilah nantinya gambar akan menjadi bergerak)
Mahasiswi ini sangat gembira dikarenakan kedua nya mendapat IPK dengan skor 4.00 dengan  predikat kelulusan Cumlaude. Mahasiswi ini bernama Yani dan Eni.



Keduanya terlihat berbahagia bersama-sama menikmati kelulusan yang mereka capai, setiap usaha dan jerih payah mereka ternyata berbuah baik. Orang tua Yani dan Eni pasti bangga melihat anaknya lulus dengan indeks prestasi yang baik.






Yani dan Eni pun berpegangan tangan lalu merangkul bersama, bahwa mereka telah berhasil telah menyelesaikan studi mereka dengan tepat waktu. Memang benar kata pepatah “Usaha keras itu tidak akan mengkhianati hasil”


Oke kita lanjut gambar ke 2 yang dibuat juga oleh kelompok kami.
Gambar ini dibuat menggunakan photoshop, bertemakan timelapse pemandangan.


Pemandangan dibawah kaki gunung yang dekat danau tersebut sangat indah, orang-orang menaiki perahu untuk menikmati pemandangan disana, angin yang sejuk membuat mereka terlihat sangat menikmatinya.


Orang-orang pun mengarahkan perahu kedepan dan kebelakang agar dapat perahu dapat bergerak, angin sepoi-sepoi pun membuat awan bergerak. Terlihat burung-burung pun berterbangan dengan bebas.

Awan pun semakin lama semakin bergerak kearah kiri dikarenakan kencangnya angin, dan matahari pun menyinari dengan terang.