Membuat Animasi Utama

Submitted by wahono on Rab, 10/07/2015 - 12:32

Berbeda dengan animasi atas, bawah, kiri dan kanan. Pada animasi utama ini dapat terdiri dari banyak animasi. Masing-masing animasi dapat diatur kapan akan diputar secara otomatis. untuk membuat animasi utama sebagai berikut:

  • Klik menu grup yang sebelumnya sudah dibuat (jika belum ada, buat grup terlebih dahulu)
  • Pada menu Grup klik tombol Sunting Animasi
  • Setelah itu klik tombol Tambah Animasi Utama.
  • Isi judul animasi.
  • Pilih grup untuk animasi tersebut.
  • Animation code berfungsi sebagai hasil akhir dari animasi yang kita buat, dan juga berfungsi untuk memasukkan code yang telah jadi dari desain yang telah kita buat.
  • Klik Konten Animasi dan dilanjutkan klik AcoSlider Editor (seperti gambar)
    Acoslider
  • Pratayang Acoslider berfungsi untuk menampilkan animasi yang baru di ubah, dengan mengeklik tombol [TERAPKAN PERUBAHAN]
  • Konfigurasi container, berfungsi untuk pengaturan-pengaturan sebagai berikut:
    • Lebar (pixel), untuk mengatur berapa pixel lebar layar yang akan di tampilkannya animasi utama.
    • Tinggi (pixel), untuk mengatur berapa pixel tinggi layar yang akan di tampilkannya animasi utama
    • Checkbox [Lebar Penuh], jika aktif maka animasi yang tampil akan memenuhi container yang telah di setting lebar dan tingginya (disarankan). jika tidak animasi yang tampil sesuai dengan ukuran aslinya.
    • Checkbox [Putar Otomatis], jika aktif maka animasi akan memutar/memainkan secara otomatis (disarankan), jika tidak untuk memutarnya menggunakan klik kanan pada mouse.
    • Checkbox [Widget], jika aktif maka akan tampil widget sehingga kita dapat memberhentikan animasi yang sedang berjalan.
  • Setelah itu konfigurasi slide dengan cara klik "slide 0", untuk animasi utama hanya beberapa konfigurasi yang harus di setting, konfigurasi-konfigurai yang harus disetting sebagai berikut:
    • Lama (detik), berfungsi untuk mengatur waktu lamanya animasi ini akan tampil. 
    • Jenis latar belakang, berfungsi untuk menagtur latar belakan animasi atas, ada tiga pilihan untuk jenis latar belakang.
      • Latar warna, dimana untuk latar belakang terdiri dari bermacam-macam warna yang dapat kita pilih di combo box [Warna Belakang].
      • Latar Motif, dimana untuk latar belakang terdiri dari beberapa motif yang telah kami sediakan yang dapat kita pilih di combo box [Motif].
      • Latar gambar, dimana untuk latar belakang terdiri dari gambar yang kita inginkan.
        • [Telusuri] berfungsi untuk memilih gambar yang akan ditampilkan, setelah memilih gamabar, maka secara otomatis [URL Gambar] akan terisi.
        • [Pengulangan Gambar], berfungsi untuk mengatur gambar tersebut akan mengulangi gambar berdasarkan:
          • [No Repeat]
          • [Repeat X]
          • [Repeat Y]
        • [Ukuran Gambar], untuk mengatur gambar berdasarkan
          • [None]
          • [Contain]
          • [Cover]
        • [Perataan], berfungsi untuk mengatur gambar tersebut dapat rata kanan/rata kiri/rata kanan tengah dan lain-lainnya.
    • Efek Masuk. berfungsi untuk mengatur efek dimulainya animasi, dimana untuk efek masuk ini banyak pilihan yang dapat dipilih sesuai yang diinginkan.
    • Efek Keluar. berfungsi untuk mengatur efek keluarnya animasi, dimana untuk efek keluar ini banyak pilihan yang dapat dipilih sesuai yang diinginkan.
    • Icon [+] berfungsi untuk menambah slide, sehingga di Animasi utama kita dapat menampilkan beberapa slide.
    • Icon [-] berfungsi untuk menghapus slide yang tidak akan digunakan lagi.
  • Item Slide, berfungsi untuk mengatur isi dari slide yang akan dibuat, terdiri dari:
    • [Jenis Elemen] berfungsi untuk memilih animasi yang akan tampil terdiri dari:
      • [Text], animasi yang berjalan berupa teks, dimana dalam teks ini dapat diatur:
        • checkbox [tebal] untuk menebalkan teks yang tampil
        • checkbox [miring] untuk untuk memiringkan teks
        • checkbox [garis bawah] untuk memberi garis bawah pada teks.
        • [Jenis Font] berfungsi untuk memilih font pada teks, dimana jenis font ini telah kami sediakan, jenis font ini terdiri dari font bawaan acosinfo dan juga font yang diambil dari google font.
        • [ukuran huruf] berfungsi untuk mengatur besar kecilnya huruf.
        • [Warna huruf] berfungsi untuk memilih warna huruf.
        • [Efek teks] berfungsi untuk memilih efek dari teks.
        • [Perataan Vertikal] dan [Perataan Horisontal] berfungsi untuk meratakan teks.
      • [Image], animasi yag berjalan berupa gambar.
        • [URL Gambar] untuk memilih gambar
        • [Pengulangan Gambar]
        • [Ukuran Gambar]
        • [Perataan]
        • [Transparan (0-1)], berfungsi untuk mengatur transparan teks tersebut, jika kita isi 0.5 maka gambar tersebut akan transfaran 0.5.
      • [Video], animasi yang berjalan berupa video.
        • [Jenis video] berfungsi untuk memilih jenis video yang akan ditampilkan.
        • [URL Gambar] untuk memilih lokasi video
        • [Lebar (px/em/%)] berfungsi untuk mengatur lebarnya ukuran video yang tampil.
        • [Tinggi (px/em/%)] berfungsi untuk mengatur tingginya ukuran video yang tampil.
      • [HTML], animasi yang tampil diambil dari link website.
    • [Posisi & ukuran] berfungsi untuk mengatur posisi dan ukuran animasi yang akan ditampilkan, terdiri [Kiri (px/em/%)], [Atas (px/em/%)], [Lebar (px/em/%)] dan [Tinggi (px/%)].
    • [Kontainer], untuk menatur kontainer yang terdiri dari
      • [Warna belakang], berfungsi untuk memilih warna belakan dari item slide
      • [Lebar bingkai (px)], berfungsi untuk mengatur tebal tidaknya bingkai (garis tepi)
      • [warna bingkai], berfungsi untuk memilih warna bingkai
      • [Lengkung (px/em/%)], berfungsi untuk membuta garis lengkung pada bingkai
      • [Tipe Bingkai], berfungsi untuk memilih tipe bingkai yang telah disediakan.
      • [Bayangan], berfungsi untuk memilih tipe bayangan yang telah disediakan.
    • [Animasi Masuk] berfungsi untuk mengatur animasi item slide pada saat diawal
      • [Efek] berfungsi untuk memilih efek saat animasi masuk.
      • [Mulai (detik)] berfungsi untuk mengatur waktu mulainya efek saat masuk, satuan yang digunakan detik.
      • [Lama (detik)] berfungsi untuk mengatur waktu lamanya efek saat masuk.
      • [Pengulangan] berfungsi untuk memilih waktu mengulangnya.
    • [Animasi Normal] berfungsi untuk mengatur efek, mulai, lama dan mengulang, setelah efek animasi masuk.
    • [Animasi Keluar] berfungsi untuk mengatur efek, mulai, lama dan mengulang, setelah efek animasi normal.
  • [Frekuensi Tampil] berfungsi untuk memilih berapa kali animasi utama akan tampil, di frekuensi tampil ini juga kita dapat menampilkan slide animasi yang terjadwal dari satu slide ke slide berikutnya, ada beberapa pilihan frekuensi tampil, terdiri dari:
    • [Selalu Tampil] jika pilihan ini yang dipilih maka animasi utama akan selalu menampilkan animasi slide terus-menerus.
    • [Setiap Hari] jika memilih pilihan ini maka animasi akan tampil setiap hari, dimana dalam setiap hari tersebut kita dapat memilih waktu  untuk menampilkan slide-slide di animasi utama, slide-slide tersebut juga dapat di setting tampil beberapa menit.  Untuk memasukkan waktu  akan tampil ada di combo box [Waktu mulai putar] dengan format waktu hh:nn dan [Lama putar (menit)] untuk memasukkan berapa lama slide animasi akan tampil dengan satuan yang digunakan menit. seperti contoh:
      • animasi slide 1 waktu mulai putar 10:00 lama putar 30 menit, maka setiap hari setiap jam 10:00 selama 30 menit slide animasi akan tampil 
      • animasi slide 2 waktu mulai putar 11:00 lama putar 10 menit, maka setiap hari setiap jam 11:00 selama 10 menit slide animasi akan tampil 
    • [Hari Tertentu] jika memilih pilihan ini maka slide animasi akan tampil di hari-hari tertentu dan jam tertentu, bisa jadi slide 1 hanya tampil pada hari senin saja, sedangkan untuk slide 2 bisa tampil di hari senin, rabu, kamis dan sabtu saja. Hari-hari tersebut dapat dipilih di [Hari Tertentu] untuk memilih lebih dari satu hari gunakan tombol [Ctrl + Klik kanan pada mouse].
    • [Range Tanggal] jika memilih pilihan ini maka slide animasi akan tampil pada range tanggal tertentu, bisa jadi dalam sebulan di tanggal tertentu kita dapat men setting slide animasi yang berbeda-beda, dan di tanggal tersebut dapat di kombinasi dengan waktu dan lama putar.
  • Tombol [Tinjauan] berfungsi untuk melihat Animasi utama yang telah dibuat sebelum disimpan.
  • Tombol [Save and keep published] berfungsi untuk menyimpan Animasi utama yang telah dibuat.
  • Tombol [Hapus] berfungsi untuk menghapus Animasi utama yang telah dibuka.