Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. 3D & Motion Graphics
  2. 3D Rendering
Cgi

Membuat Loop GIF di Cinema 4D

by
Difficulty:BeginnerLength:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Agus (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial ini saya akan menunjukkan kepada Anda cara menganimasikan dan membuat geometri sederhana untuk membuat animasi GIF pengulangan yang mulus. Saya akan membahas animasi, pencahayaan berbasis objek, kedalaman bidang, dan cara mengonversi file video yang dihasilkan menjadi animasi GIF di Photoshop.

Cinema 4D: Modeling, Animating, Rendering

Langkah 1

Mulailah dengan membuat geometri yang akan dianimasikan. Tambahkan objek Torus baru ke adegan dan ubah properti objeknya menjadi

  • Ring Radius: 90cm
  • Ring Segments: 3
  • Pipe Radius: 25cm
  • Pipe Segments: 3
First Torus object

Langkah 2

Duplicate objek Torus dua kali. Pertahankan nilai segmen Ring dan Pipe tetap sama. Hanya mengubah radius untuk properti tersebut sebagai berikut;

Contoh pertama

  • Ring Radius: 235cm
  • Pipe Radius: 40cm

Contoh kedua

  • Ring Radius: 570cm
  • Pipe Radius: 70cm

Itu adalah nilai yang saya pilih. Anda mendefinisikan nilai sesuai keinginan.

Jika Anda mengikuti nilai-nilai saya, Anda harus mendapatkan hasil yang sama seperti di bawah ini:

All three Torus objects
All three Torus objects

Langkah 3

Atur orientasi — parameter rotasi — dari objek torus seperti ditunjukkan di bawah ini

Torus adalah yang terkecil dan Torus.3 adalah yang terbesar.

Orientation parameters of the Torus objects

Hasilnya akan terlihat seperti ini:

Final result after rotation

Langkah 4

Tambahkan objek Kamera ke tempat kejadian dan tempatkan seperti yang Anda inginkan. Pastikan titik fokus kamera berada pada Torus terkecil.

Placement of the camera
Placement of the camera

Langkah 5

Di bawah tab Details objek Camera, aktifkan DOF Map Front Blur dan DOF Map Rear Blur options. Sesuaikan titik akhir dari DOF Maps sesuai seperti yang ditunjukkan di bawah ini.

DOF enabled on the camera
DOF enabled on the camera

Pengaturan ini akan mengaktifkan fitur depth of field (DOF) kamera, sehingga kita bisa mendapatkan efek blur untuk bagian tertentu dari tampilan kamera.

Langkah 6

Bagaimana menganimasikan objek-objek itu. Alihkan tata letak ke Animation untuk interface serbaguna untuk melakukan animasi. Untuk melakukan ini, pilih Animation dari layout menu yang muncul di sudut kanan atas.

Animation layout selection
Animation layout selection

Sekarang layout akan berubah dan tab timeline dengan kontennya akan muncul di bagian bawah

Timeline tab
Timeline tab
Langkah 7

Cara menganimasikan objek torus secara terpisah. Ini relatif akan menjadi animasi yang mudah dengan hanya satu parameter animasi. Pilih salah satu dari torus, saya memilih Torus.3

Pergi ke Coord. tab dan parameter R. B, ini adalah singkatan dari Rotation Bank. Klik titik abu-abu di sebelah parameter R.B, itu akan berubah menjadi merah, artinya Anda menambahkan bingkai utama. Ini juga akan terlihat di timeline.

First keyframe
First keyframe

Pindahkan kursor timeline ke frame terakhir, dalam case frame ini 40. Anda akan melihat bahwa titik merah berubah menjadi titik merah berongga. Itu berarti Anda tidak dapat menambahkan keyframe lain untuk parameter ini.

Saya ingin rotasi penuh objek torus. Jika saya mulai dengan 0 Degrees pada bingkai 0 Saya perlu mengatur last frame, dalam hal ini bingkai 40, hingga 359 Degrees, karena 0 dan 360 Degrees adalah hal yang sama.

Dalam hal ini, R.B disetel ke 23 Degrees already. Jadi, saya harus pergi dari 23 Degrees ke -336 Degrees untuk membuat rotasi penuh. Anda juga bisa pergi dari 23 Degrees ke 359 + 23 = 382 Degrees , yang hanya akan membalikkan arah rotasi.

Jika Anda sudah memindahkan kursor ke frame terakhir, atur parameter R.B ke -336 Degrees dan tekan tombol merah berlubang untuk menambahkan bingkai utama lain untuk frame 40.

Second keyframe
Second keyframe
Ulangi langkah yang sama untuk objek Torus.2. Hati-hati, bagaimanapun, dengan smallest torus object, yang terakhir disebut Torus. Karena orientasinya, bukan parameter R.B, Anda harus menambahkan keyframes untuk parameter R.P-nya, yang berarti Rotation Pitch.
Keyframe of the smallest torus
Keyframe of the smallest torus

Setelah semua bingkai utama ditambahkan, timeline akan terlihat seperti ini:

Final state of the timeline
Final state of the timeline

Langkah 8

Persempit slider timeline ke 40 dan tekan green play button.

Narrowing down the timeline
Narrowing down the timeline

Anda akan melihat animasi dimulai, slowly speeds dan kemudian slows down. Jadi, tidak terasa terus menerus atau mulus. Ini karena ease-in ease-out dalam perilaku yang disediakan oleh spline key type.

Anda perlu mengatur animation keys ke interpolasi linier. Untuk melakukannya, pilih semua model di dalam timeline dan kemudian pilih Linear option dari menu. Itu ditunjukkan di bawah ini;

Changing keys to linear interpolation
Changing keys to linear interpolation

Tekan green play button lagi dan Anda akan melihat animasi yang smooth dan seamless .

Pada titik ini kita sudah selesai membuat model dan menjiwai. Saya akan melanjutkan dengan pencahayaan dan rendering.

Langkah 9

Pada titik ini, sebelum melanjutkan, beralihlah ke tampilan kamera yang sudah kita buat. Untuk melakukannya, klik ikon kecil di sebelah objek kamera.

Set the view to camera view
Set the view to camera view

Juga kembali ke Standard layout.

Buat bahan untuk obyek torus;

Create material
Create material

Double-click pada materi yang Anda buat. Atur beberapa parameter untuk beberapa saluran, seperti berikut.

Mulai dengan Color channel. Untuk menambahkan Ambient Occlusion klik arrow button di sebelah Texture dan ikuti Effects menu, di sana Anda akan menemukan Ambient Occlusion.

Color channel
Color channel

Lanjutkan dengan Diffusion channel. Klik arrow button putih di sebelah Texture dan tambahkan Noise

Diffuse channel
Diffuse channel

Tambahkan Reflectance channel. Tambahkan refleksi seperti yang ditunjukkan di bawah ini dan kemudian dengan memilih reflection layer, bernama sebagai Layer 1, Anda perlu mengatur parameter yang diberikan di bawah gambar yang sesuai.

Reflection channel
Reflection channel

Channel terakhir adalah Glow channel.

Glow channel
Glow channel

Drag dan drop material ini ke ketiga obyek torus untuk menugaskan material.

Seharusnya terlihat seperti ini:

Final result with materials
Final result with materials

Langkah 10

Berikutnya adalah penciptaan objek background dan material untuk itu.

Adding background
Adding background

Buat material dan tambahkan Gradient texture untuk saluran warna.

Gunakan pengaturan yang ditunjukkan di bawah ini:

Background material
Background material

Tetapkan materi ini ke background object yang telah kita buat.

Langkah 11

Pencahayaan. Saya lebih suka menggunakan pencahayaan berbasis objek untuk adegan-adegan seperti itu.

Mulailah dengan keluar dari tampilan kamera dengan mengklik ikon kecil di sebelah objek kamera dan kemudian dalam tampilan perspektif default, buat dua objek kubus dan letakkan di sisi kiri dan kanan model torus kita.

Adegan ditampilkan di bawah;

Lighting setup
Lighting setup

Ketebalan objek kubus tidak mempengaruhi hasil.

Langkah 12

Sekarang kita akan membuat dua bahan yang berbeda untuk digunakan sebagai sumber cahaya untuk objek kubus kita.

Buat dua bahan dan hanya tambahkan Luminance channel, biarkan pengaturan saluran lain sebagaimana adanya.

Light source materials
Light source materials

Tetapkan bahan-bahan itu ke obyek kubus. Saya menetapkan satu kebiruan ke kubus kiri dan satu kekuningan ke kubus kanan. Ini terserah kamu.

Adegan adalah sebagai berikut:

Final result of the scene
Final result of the scene

Langkah 13

Menetapkan parameter render.

Mulai dengan output section. Atur ukuran file output sesuai keinginan.

480x360px preset. Jangan lupa untuk frame range From: To: 40, karena saya animasi di antara rentang ini.

Output settings
Output settings

Periksa opsi Save dan pilih direktori untuk menyimpan file dan beri nama. Atur format ke QuickTime Movie.

Save settings
Save settings

Tambahkan Global Illumination dengan mengklik tombol Effects ... Biarkan apa adanya, Anda tidak perlu bermain dengan parameternya untuk contoh ini.

Tambahkan Depth of Field dan gunakan pengaturan yang diberikan di bawah ini;

Depth of field settings
Depth of field settings

Dan yang terakhir adalah menambahkan Object Glow dan kita selesai.

Tekan tombol Render to Picture Viewer untuk membuat setiap frame dan menghasilkan output video.

Render to picture viewer
Render to picture viewer

Photoshop: Conversion ke GIF

Langkah 1

Pada tahap ini, Anda akan memiliki animasi sebagai file video dalam format file .mov.

Agar dapat mengonversi file .mov ini menjadi file GIF, saya akan menggunakan Photoshop.

Jalankan Photoshop, buka Run> Import> Video Frames to Layers dan pilih file .mov yang Anda buat.

Importing layers from video file
Importing layers from video file

Ini akan meminta window. Pastikan bahwa opsi Make frame animation dicentang. Kemudian tekan OK.

Import settings
Import settings

Langkah 2

Untuk melihat frame-frame itu, kita perlu membuka Timeline. Untuk melakukannya, pergi ke Window> Timeline.

Timeline
Timeline

Langkah 3

Setelah Anda membuka Timeline, Anda akan melihat setiap frame di atasnya. Pilih semua frame itu dan tekan salah satu teks 0,03 untuk mengubahnya menjadi "no delay". Nilai ini menunjukkan waktu tunda antara setiap frame saat animasi. Jadi, kita ingin no delay, karenanya pengaturan "no delay".

No delay setting
No delay setting

Langkah 4

Save animasi sebagai file GIF. Buka File > Export > Save for web.

Saving the animation
Saving the animation

Ini akan meminta new window di mana Anda akan melihat spesifikasi file GIF yang akan disimpan. Anda dapat mengubah pengaturan kualitas untuk mengurangi ukuran file atau Anda dapat skala output, yang juga akan mengurangi ukuran file.

Setelah Anda puas dengan kualitas dan ukuran file, klik save dan Anda baru saja membuat animasi GIF.

Snapshot From Final Result

Snapshot
Snapshot

Advertisement
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.