Cara Membuat Logo Animasi Premiere League di After Effects

Dalam tutorial kali ini kita akan belajar bagaimana Cara Membuat Logo Animasi Premiere League di After Effects dengan mudah. Dengan mengetahui langkah-langkah tutorial ini kita bisa membuat logo branding kita sendiri atau membuat lebih banyak animasi yang bagus dengan mengetahui sedikit dasar pada aplikasi After Effects.

Hasil akhir

Hasilnya akan terlihat seperti ini:

Cara Membuat Logo Animasi Premiere League di After Effects

Rincian Tutorial:

  • Program: After Effects cc, Photoshop cc
  • Perkiraan Waktu Penyelesaian: 25 Menit
  • Kesulitan: Sedang

Sumber Foto:

Sebelum membuatnya, kalian harus memilih empat warna dan satu warna transparan dari logo kalian (dalam tutorial ini saya menggunakan logo premiere league). Jika kalian sudah lama ingin belajar After Effects, ini adalah kesempatan yang sempurna bagi kalian untuk menciptakan sesuatu yang unik dan baru, dan mempelajari beberapa teknik dasar yang hebat dalam prosesnya.

Dalam tutorial ini kita akan mempelajari langkah-langkah dalam membuat logo animasi Premiere League.

Langkah 1 – Buat Sequence baru

Buat sequence baru dan atur width dan height nya 240 px.

Sampai disini atur workspace seperti yang admin buat, untuk memudahkan kalian dalam mengikuti langkah-langkah ini.

Langkah 2 – Buat Shape (Q) atau bentuk baru

Shape ini akan mejadi animasi kita nanti. Cara nya adalah dengan klik sequence kemudian klik (Q) untuk membuat bentuk baru, setelah itu tekan Shift+Klik dan tarik kotak itu di luar atau hampir mendekati sequence yang kita buat tadi.

Untuk menyempurnakan kotak yang tidak lurus di atas, kita pilih pada bagian panel Align di kanan bawah kemudian klik “Horizontal Center Alignment” dan “Vertical Center Aligment”.

Langkah 3 – Tambahkan warna

Setelah membuat bentuk, kita tambahkan warna pada kotak tersebut dengan klik fill color di atas screen kemudian piliih warna yang kalian suka, atau bisa dengan menggunakan Eyedrooper Tool untuk menyeleksi warna yang akan di pilih dari gambar yang ada.

Langkah 4 – Duplikat Layer

Seperti yang ada di timeline, layer kalian bernama “shape layer 1”. Pilih layer itu dengan mengklik di bagian nama atau pada blue bar di timeline, kemudian tekan “Ctrl+D” 4 kali untuk menggandakannya. Buat menjadi 5 layer pada timeline kamu seperti gambar di atas.

Langkah 5 – Memindahkan Anchor Points

Fungsi dari memindahkan “Anchor Points” ini adalah untuk mengatur gerak atau perpindahan animasi kita nantinya. Untuk menggantinya cukup mudah, pada “Shape Layer 2” tekan (Y) dan tarik sesuai perpindahan arah yang akan di buat. Tarik ke kanan/kiri atau atas/bawah.

Ulangi pada layer 3 – 5, tarik pada sudut yang berbeda untuk menciptakan perpindahan yang bagus. Pada langkah ini kita tidak perlu menggunakannya pada Layer Shape 1.

 Langkah 6 – Atur waktu perpindahan animasi pada layer

  • Layer 3 atur pada detik pertama (01 s)
  • Layer 4 atur pada detik kedua (02 s)
  • Layer 5 atur pada detik ketiga (03 s)

Langkah 7 – Tambahkan warna pada layer 2-5

Pada langkah ini saya menggunakan Eyedrooper Tool untuk menyeleksi warna pada gambar, seperti gambar di atas.

Baca Juga: Cara Mengubah Foto Menjadi Bergerak Di Photoshop

Langkah 8 – Cara Membuat Logo Animasi Premiere League di After Effects dan Menggunakan Keyframe

Pilih shape layer 2 kemudian klik (S) pada keyboard untuk mengatur scale pada shape, dan klik ikon stopwatch, kemudian hilangkan ikon link untuk dapat mengatur persentase scale. Atur nilai yang kedua pada persentase scale menjadi 0%. Ikon diamond seperti gambar di atas pada timeline akan menunjukkan posisi lokasi di mulainya keyframe. Atur shape layer 2-5 seperti langkah di bawah ini:

  • Shape layer 2: 100%, 0%
  • Shape layer 3: 0%, 100%
  • Shape layer 4: 100%, 0%
  • Shape layer 5: 0%, 100%

Langkah 9 – Menyesuaikan “Easing”

Fungsi dari langkah ini adalah untuk membuat pergerakan animasi terlihat menarik sehingga tidak terlihat membosankan.

Untuk menyesuaikannya yaitu dengan menekan Shift pada keyframe terakhir pada setiap layer, kemudian klik kanan pada salah satu ikon diamond itu. Setelah itu pilih “Keyframe Velocity” seperti gambar di atas.

Sampai di sini atur “Incoming Velocity” menjadi 100% seperti gambar di atas, kemudian klik OK.

Langkah 10 – Tambahkan Logo

Tambahkan logo di layer paling atas, kemudian atur logo tepat di tengah gambar.

Langkah 11 – Preview dan Export

Pastikan animasi kamu sudah terlihat baik dengan mereview terlebih dahulu sebelum menekan tombol render untuk meng-export. Cara meng-export nya yaitu klik File > Export > Add to Render Queue.

  • Output Module Setting: Untuk mengatur format, video output dan lain-lain
  • Output To: Untuk mengatur nama video kalian dan dimana akan diletakkan dalam folder komputer
  • Rendering: Proses dari membangun gambar dari sebuah model (atau model yang secara kolektif dapat disebut sebuah berkas adegan), melalui program komputer.

Langkah 12 – Edit di Photoshop

Sekarang saatnya kita gunakan Photoshop untuk mengconvertnya menjadi animasi Gif. Caranya adalah dengan klik File > Import > Video Frames to Layers dan pilih video yang telah kamu render di After Effects tadi.

Klik Windows > Timeline untuk menampilkan timeline kemudian klik play button pada pojok kiri bawah untuk mereview video.

Langkah 13 – Export to GIF

Atur Preset > GIF 128 No Dither dan pastikan dengan format GIF seperti pada gambar di atas dan klik OK.

Selesai!

Cara Membuat Logo Animasi Premiere League di After Effects

Begitulah Cara Membuat Logo Animasi Premiere League di After Effects, untuk kalian yang masih belum paham atau masih baru dalam menggunakan After Effects silahkan tinggalkan komentar di bawah. Terima kasih dan semoga bermanfaat.