Video: Adobe XD Auto Animate the Website Design - Tutorial For Beginners 2024
Anda dapat memilih warna latar belakang dan warna perbatasan di beberapa tempat berbeda di Adobe Edge Animate CC, seperti yang ditunjukkan pada gambar ini. Anda dapat mengatur warna latar dan batas dari salah satu dari dekat menu utama pada toolbar atau dari bagian Color (Warna) di panel Properties.
Buka properti Warna dari panel Properties atau di dekat menu utama.Anda tidak harus memilih perbatasan untuk mengubah warnanya. Anda mengatur warna perbatasan seperti Anda akan mengatur warna latar belakang. Ikon warna border berada tepat di sebelah kanan warna latar belakang.
Anda dapat memilih warna baik dengan tampilan atau dengan nilai numerik.
Bila Anda mengklik ikon Background Color atau ikon Border Color, grafik warna akan muncul seperti gambar di bawah ini. Dari grafik ini, Anda bisa memilih warna latar belakang atau border untuk elemen Anda.
Menggunakan grafik warna.Grafik warna memberi Anda banyak pilihan untuk memilih warna. Saat pertama kali membuka grafik warna, kotak di kiri atas tampak abu-abu. Bila Anda memilih warna baru, kotak terbagi dua, menunjukkan warna saat ini di sebelah kiri dan warna asli di sebelah kanan.
Jika ingin kembali ke warna aslinya, cukup klik sisi kanan kotak. Bila Anda menemukan warna yang Anda sukai, Anda dapat menyimpannya untuk digunakan nanti dengan mengklik ikon + di dekat warna yang tersimpan (seperti yang ditunjukkan).
Untuk benar-benar memilih warna, Anda bisa mengklik dan menyeret lingkaran mengelilingi grafik, atau Anda bisa menggunakan slider pertama untuk mengubah rona. Slider kedua mempengaruhi seberapa terang atau gelap warnanya. Slider ketiga mempengaruhi transparansi, yang berguna jika Anda ingin melihat elemen lain yang mungkin ditempatkan di bawah elemen yang Anda tambahkan warnanya.
Pilihan lainnya adalah mengubah warna dengan mengetikkan nilai warna RGBa, Hex, atau HSLa tertentu dalam kotak teks.
Jika Anda memiliki gambar atau elemen lain pada Panggung yang memiliki warna yang ingin Anda gunakan, Anda dapat menggunakan alat pipet untuk memberi contoh warna untuk digunakan pada elemen yang dipilih. Bila Anda memilih alat pipet, Anda akan melihat target dengan cincin besar di sekitarnya seperti yang ditunjukkan pada gambar ini.
Saat target melewati Panggung, warna yang akan dicontohnya ditunjukkan di ring. Bila Anda melewati warna yang Anda suka, cukup klik kanan dan warna itu otomatis diterapkan ke elemen yang dipilih. Anda juga dapat menyimpan warna ini dengan menekan ikon +.
Gunakan pipet pipet untuk mencicipi warna dari Panggung.Anda dapat menghidupkan warna background dan border seperti ditunjukkan oleh adanya diamond keyframe.Mungkin saja, misalnya, untuk menghidupkan sebuah persegi panjang sehingga latar belakangnya berubah dari merah ke hitam. Berikut adalah prosedur cepat untuk menghidupkan warna:
-
Gambarlah elemen, seperti persegi panjang, di Panggung. Pastikan Mode Auto-Keyframe menyala (Stopwatch berwarna merah).
-
Gunakan grafik warna dari panel Properties untuk memilih warna latar belakang, seperti warna merah.
-
Pindahkan Playhead ke Timeline selama Anda ingin animasi bertahan lama.
-
4. Gunakan grafik warna untuk memilih warna baru, seperti warna biru.
-
Jika Stopwatch berwarna merah, maka Anda baru saja membuat animasi di mana warna latar belakang persegi panjang berubah dari merah menjadi biru.
-
Jika Anda membuat rangkaian itu cukup lama, Anda akan melihat elemen berubah ungu selama animasi berubah warna dari merah ke biru.
-
Untuk kontrol yang lebih tepat terhadap warna yang ingin Anda gunakan, Anda dapat langsung memasukkan nilai numerik untuk nilai RGBa, Hex, atau HSLa, seperti yang ditunjukkan.
-