Cara Membuat Button Hover Teks di Adobe XD. Hai, berjumpa kembali dalam website kursus desain grafis private online DUMET school. pada kesempatan kali ini, kita kan belajar cara bagaimana membuat sebuah buton teks yang akan diberikan efek hover di Adobe XD. Nantinya kita akan belajar membuat sebuah teks yang akan dijadikan sebuah button. Dan kemudian akan diberikan efek hover di Adobe XD.

Cara Membuat Button Hover Teks di Adobe XD

Well, melalui artikel kali ini, yaitu artikel tutorial dengan judul “Cara Membuat Button Hover Teks di Adobe XD”. Penulis akan coba menjelaskan cara bagaimana membuat efek hover pada sebuah button teks di Adobe XD. Bagaimana caranya? Silahkan teman-teman kursus desain grafis private 1 murid 1 instruktur ikuti artikel berikut. Check it out :

  • Pertama-tama silahkan teman-teman buka dan jalankan software pengolah gambar Adobe XD milik teman-teman.
  • Kemudian silahkan teman-teman buat satu lembar kerja baru berukuran 500px dikalikan 500px

Cara Membuat Button Hover Teks di Adobe XD

  • Berikutnya, silahkan teman-teman buat satu teks dengan menggunakan Type Tool. Sebagai contoh penulis akan menggunakan kata DUMET dengan memilih warna abu-abu muda.

Cara Membuat Button Hover Teks di Adobe XD

  • Jika sudah jadikan teks tersebut sebagai Component dengan cara mengklik kanan dan pilih Make Component. Atau teman-teman dapat menggunakan Shortcut CTRL + K dari keyboard milik teman-teman.

Cara Membuat Button Hover Teks di Adobe XD

  • Jika selanjutnya, pada menu properties silahkan teman-teman pilih Default State dan pilih Hover state.

Cara Membuat Button Hover Teks di Adobe XD

  • Pada Hover state silahkan teman-teman pilih Hover state dan ganti warna tesk tersebut berwarna merah.

Cara Membuat Button Hover Teks di Adobe XD

WhatsApp chat