Skip to content Skip to sidebar Skip to footer

Cara Membuat Mockup Animasi Secara Online

Cara Membuat Mockup Animasi Secara Online

Dalam posting kali ini, saya akan berbicara cara membuat mockup animasi secara online dengan bantuan tool yang bernama Animockup. Gambar animasi biasanya digunakan untuk memudahkan seseorang untuk memahami apa yang Agan ingin sampaikan.

Animockup adalah tool desain open source yang dapat digunakan untuk membuat mockup menakjubkan dalam hitungan menit. Platform ini memungkinkan Agan membuat mockup untuk iPhone 11, iPhone 8, Dell UltraSharp Monitor, Apple Watch dalam berbagai warna, Samsung Galaxy Note 10, Microsoft Surface Book, iPad Gold, Huawei P8 dalam berbagai warna, dan perangkat lain.

Untuk membuat mockup yang mengesankan, Agan hanya perlu memilih jenis perangkat dan menambahkan elemen yang diperlukan untuk itu. Misalnya, Agan dapat menggunakan Teks, Gambar, Warna, Gambar Latar Belakang, Ukuran, Preset , dll. Setelah menambahkan semua komponen, Agan dapat mengunduh mockup dan menggunakannya dalam proyek Agan, berbagi di media sosial, blog, dll.

Untuk membuat mockup animasi, Agan dapat mengunjungi situs web yang disebut Animockup. Seperti namanya, ini adalah platform untuk merancang mockup animasi. Agan dapat mendesain untuk membuat mockup animasi untuk sejumlah perangkat di berbagai preset.


Cara Membuat Mockup Animasi Secara Online

Cara Membuat Mockup Animasi Secara Online-1

Untuk memulai, hal pertama yang harus Agan lakukan adalah mengunjungi situs Animockup dari tombol biru di bawah ini dan memilih perangkat untuk merancang mockup.



Situs web ini menyediakan mockup untuk perangkat berikut:
  • iPhone 11
  • MacBook Pro Space Gray, Perak
  • Apple iMac
  • iPad Space Gray, Silver, Gold
  • Dell XPS 15
  • Google Pixel 4
  • Huawei P8 Black, White
  • Microsoft Surface Book
  • Samsung Galaxy Note 10
  • Apple Watch Black, Rose Gold, White
  • Monitor Dell UltraSharp, dan
  • iPhone 8

Setelah Agan memilih template untuk perangkat tertentu, itu muncul di Kanvas. Di bawah perangkat, Agan akan melihat opsi untuk mengunggah layar perangkat. Agan dapat mengunggah layar perangkat yang dipilih dalam format yang didukung yaitu MP4, MOV, dan WEBM.

Langkah selanjutnya adalah mengatur beberapa preferensi. Dalam pengaturan Canvas, Agan dapat memilih preset, ukuran, warna, zoom. Untuk preset, Agan dapat membuat mockup untuk Twitter, LinkedIn, Facebook, Snapchat, Dribbble, dan Instagram.

Jika diperlukan, Agan dapat menambahkan gambar ke latar belakang. Pastikan Agan hanya mengunggah gambar dengan format yang didukung seperti PNG dan JPG.

Sekarang saatnya mengganti teks. Di sebelah kiri, Agan memiliki opsi untuk menambahkan teks khusus dan gambar. Agan dapat memilih berbagai font yang disediakan oleh alat ini. Agan juga dapat membuat teks tebal, miringkan, garis bawah, dan atur perataan.

Cara Membuat Mockup Animasi Secara Online-2

Terlepas dari ini, Agan dapat menyebutkan panjang video. Setelah menyimpan dan menerapkan elemen, Agan dapat melihat pratinjau mockup animasi Agan. Setelah itu, Agan dapat mengunduhnya sebagai video atau GIF. Video juga dapat diunduh dalam format WEBM.

Sebagai model, mockup melakukan pekerjaan yang baik untuk menginstruksikan pengguna tentang subjek tertentu. Dengan tool open source ini, Agan dapat dengan mudah membuat mockup keren untuk berbagai perangkat. Setelah mempersonalisasikannya, Agan dapat menggunakannya untuk blog Agan agar orang-orang menikmati tulisan Agan dengan mockup animasi.
Yuk kepoin tips dan trik brankaspedia lainnya di Google News.