Cara Membuat Grafik Dengan Adobe XD: Panduan Pemula

Adobe XD adalah alat canggih yang memungkinkan Anda membuat desain UI/UX untuk perangkat lunak, aplikasi, situs web, dan banyak lagi. Ini juga termasuk membuat maket, prototipe, dan komponen UI khusus untuk sebuah antarmuka. Anda dapat membuat desain sederhana dan kompleks menggunakan Adobe XD.

Di sini, kami akan menguraikan cara menambahkan grafik sederhana termasuk bentuk, gambar, dan teks ke proyek Adobe XD baru. Ini akan diikuti dengan panduan tentang cara mengubah sekelompok bentuk menjadi komponen, dan cara menggunakan kembali komponen tersebut di halaman. Terakhir, artikel ini juga akan membahas cara mengekspor grafik Anda. Mari kita langsung masuk.

Membuat Proyek Adobe XD

Saat Anda membuat proyek Adobe XD baru, Anda harus memilih ukuran tata letak untuk proyek Anda. Ini menyediakan beberapa template untuk Anda pilih berdasarkan beberapa perangkat populer.

Beberapa contohnya termasuk iPhone X/XS/11 Pro (375px kali 812px), iPad (768px kali 1024px), atau Web 1920 (1920px kali 1080px). Atau, Anda juga memiliki opsi untuk memilih lebar dan tinggi khusus untuk proyek Anda.

Setelah Anda membuat proyek baru, Adobe XD akan membuka halaman kosong. Di sinilah Anda dapat mulai menambahkan gambar, bentuk, teks, atau elemen desain lainnya. Tergantung pada versi Adobe XD yang Anda miliki, Anda mungkin dapat jelajahi beberapa fitur baru yang ditawarkan Adobe XD.

Elemen desain tingkat atas adalah halaman kanvas itu sendiri. Jika Anda menyorotnya, Anda dapat menggunakan panel sebelah kanan untuk mengubah beberapa propertinya secara langsung, seperti lebar atau tinggi kanvas.

Bagaimana Menambahkan Gambar

Ada beberapa cara Anda dapat menambahkan gambar ke proyek Adobe XD Anda.

• Opsi pertama adalah mengklik roti isi daging ikon menu di bagian atas kolom sebelah kiri. Klik Impor, dan buka file yang ingin Anda tambahkan.
• Pilihan lainnya adalah menavigasi ke gambar Anda di file explorer dan menyeret file langsung ke Adobe XD.
• Opsi ketiga adalah menyalin dan menempelkan gambar Anda jika Anda membukanya di perangkat lunak lain, seperti Microsoft Word.

Cara Mengubah Ukuran dan Memposisikan Ulang Gambar

Anda dapat memposisikan ulang dan mengubah ukuran gambar baik secara langsung di kanvas atau dengan mengubah propertinya.

1. Sorot gambar. Saat Anda menyorot elemen desain di kanvas, Anda akan dapat melihat propertinya di panel sebelah kanan.
2. Ubah lebar dan tinggi gambar. Ini diwakili oleh W dan H bidang.
3. Anda juga dapat mengubah X dan kamu koordinat di mana kiri atas gambar dimulai.
4. Untuk memindahkan gambar, klik dan seret gambar di sekitar kanvas.
5. Untuk mengubah ukuran, seret titik yang terletak di tepi gambar.

Cara Menyesuaikan Tepi Gambar

Anda dapat menyesuaikan sudut gambar untuk mengubah bentuknya.

1. Sorot gambar.
2. Anda akan melihat beberapa titik yang terletak di sekitar gambar. Selain itu, ada juga beberapa titik yang terletak di dalam sudut gambar.
3. Klik dan seret pada titik yang terletak di dalam gambar. Ini perlahan akan membentuk kembali gambar menjadi bentuk yang berbeda.

Cara Menambahkan Efek Lain ke Gambar

Anda dapat memanipulasi gambar lebih lanjut dengan menambahkan efek. Ini termasuk opacity, border, efek blur, dan banyak lagi.

1. Sorot gambar dan ubah HAIkecepatan di panel sebelah kanan.
2. Saat masih di panel sebelah kanan, ubah warna Bmemesan. Di sini, Anda juga dapat mengubah ketebalan, gaya dasbor, dan gaya sudut dari perbatasan.
3. Tambahkan efek blur pada gambar, dan ubah Jumlah Obyek Kabur untuk menambah atau mengurangi intensitas blur.

Bagaimana Menambahkan Bentuk

Anda dapat menambahkan bentuk dalam Adobe XD melalui panel sebelah kiri.

1. Di panel sebelah kiri, Anda dapat memilih untuk membuat beberapa bentuk dasar termasuk persegi panjang, lingkaran, segitiga, dan garis. Pilih bentuk yang ingin Anda gambar.
2. Klik pada titik mana pun di kanvas dan seret kursor untuk mulai membuat bentuk.

Bagaimana Menambahkan Bentuk Kustom

Anda dapat menggunakan alat bentuk khusus untuk membuat bentuk Anda sendiri.

1. Di panel sebelah kiri, pilih pena ikon.
2. Klik di mana saja di kanvas untuk menambahkan titik pertama Anda, atau "sudut", untuk bentuknya. Untuk setiap titik bentuk, klik kanvas di area yang Anda inginkan.
3. Setelah Anda selesai membuat bentuk, tekan tombol Esc tombol pada keyboard Anda.

Cara Mengubah Warna Bentuk

Anda dapat mengubah warna bentuk menggunakan panel sebelah kanan.

1. Sorot bentuknya.
2. Di panel sebelah kanan, ubah FSaya akan.
3. Selain itu, Anda juga dapat menambahkan batas, efek buram, dan mengubah opasitas bentuk dengan cara yang sama seperti gambar.

Bagaimana Menambahkan Teks

Anda juga bisa tambahkan dan edit teks dengan cara yang sama seperti Anda menambahkan bentuk.

1. Klik pada Teks ikon di panel sebelah kiri.
2. Klik di mana saja pada kanvas untuk menambahkan kotak teks baru. Ketik teks yang Anda inginkan ke dalam kotak teks.
3. Gunakan panel sebelah kanan untuk mengedit ukuran, keluarga font, dan penyelarasan bidang.

Cara Membuat Komponen

Komponen adalah sekelompok elemen desain yang dapat digunakan kembali. Untuk membuat dan menggunakan komponen, Anda harus terlebih dahulu memiliki sekelompok bentuk atau objek desain lainnya.

1. Sorot grup bentuk di kanvas. Klik kanan pada grup dan pilih Membuat Komponen.
2. Di bagian bawah panel kiri, klik Aktiva. Menu baru akan membuka daftar semua aset yang Anda miliki, termasuk komponen yang baru saja Anda tambahkan.
3. Klik dan seret komponen dari daftar komponen ke kanvas. Melakukannya akan membuat grup elemen yang sama persis.

Cara Mengekspor Barang

Anda dapat mengekspor item individual serta seluruh halaman.

1. Jika Anda ingin mengekspor satu item, sorot item yang ingin Anda ekspor.
2. Klik pada roti isi daging ikon menu di bagian atas kolom sebelah kiri.
3. Pilih Ekspor, lalu klik Terpilih.
4. Jika Anda ingin mengekspor seluruh halaman (atau semua halaman), pilih Semua Artboard sebagai gantinya.
5. Anda dapat menentukan format file (PNG, JPG, SVG, atau PDF), untuk apa item yang diekspor (seperti Web atau iOS), dan di mana Anda ingin menyimpan file Anda.

Dapatkan Keahlian dalam Adobe XD

Ini hanya dasar-dasarnya. Beberapa fitur lainnya termasuk kemampuan untuk menambahkan hyperlink, simbol, integrasi aplikasi, dan Kit UI. Adobe XD juga mengeluarkan fitur-fitur baru sesekali untuk membantu meningkatkan dan merampingkan pembuatan maket dan desain UI khusus Anda.

Ada beberapa kursus yang tersedia secara online untuk membantu meningkatkan keterampilan desain baru Anda.

Kursus Adobe Ini Akan Mengubah Anda Menjadi Master Cloud Kreatif

Baca Selanjutnya

Tentang Penulis