Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe XD
Design

Bagaimana Cara Membuat Ikon Cloud pada Adobe XD

by
Difficulty:BeginnerLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Dwi Bagus Nurrohman (you can also view the original English article)

Final product image
What You'll Be Creating

Dengan komputerisasi cloud yang sudah berkembang,  sebuah simbol "cloud" akan selalu mudah dibawa.  Pelajari bagaimana membuatnya pada video ini dari kursusnya,  Desain Ikon Dengan Adobe XD

Bagaimana Cara Membuat Ikon di Adobe XD

Buat Bentuk Dasar Untuk Cloud

Untuk memulai,  setel 60 x 60 px pada artboard, kemudian seleksi dan nyatakan Grid pada toolbar sebelah kanan.  Setel grid ke 1, jadi setiap pixel akan ada garis bantu horizontal dan vertikal.

Pilih Ellipse Tool dan klik kiri dan tahan Shift untuk membuat lingkaran kecil.  Kemudian ke Edit > Duplicate, pindahkan kopian ke atas dan kanan,  dan tahan Shift dan sesuaikan. 

First two circles of the cloud shape

Draf diatasi keduanya dan hapus pilihan fill.  Kemudian pilih lingkaran yang lebih kecil,  dan pergi ke Edit > Duplicate lagi. Tahan Shift dan klik kiri dan seret ke kanan jadi akan tetap sempurna di garis.

Adding a third circle

Kemudian ke Edit > Duplicate lagi. Buat lingkaran kecil ini sedikit lebih besar dengan menahan Shift,  klik kiri, dan sesuaikan dengan salah satu sudut.

Adding a fourth circle

Sekarang pilih Rectangle Tool dan menggambar persegi panjang horizontal. Lalu seret semuanya dan pergi ke Object > Align to Pixel Grid. Itu hanya membantu merapikan dan mensejajarkan di bagian bawah pada khususnya.

Rectangle added over the circles

Tarik kotak ini sedikit keluar, dan kemudian klik dua kali bentuk dan pilih dua sudut atas dan menyeretnya jika mereka berada di luar ikon cloud.

Rectangle being adjusted inwards

Buat Sebuah Bentuk Awan dan Atur

Sekarang, ini terlihat seperti berantakan berbagai bentuk saat ini. Namun, dalam Adobe XD kita bisa menggabungkan beberapa bentuk menjadi satu bentuk

Cukup seret semuanya, dan dari pilihan di bagian atas Property Inspector, pilih Add, dan itu akan menggabungkan semua bentuk menjadi satu bentuk.

Create a single shape

Anda bisa melihat bahwa di bagian bawah, kita mengalami sedikit anomali. Tapi itu bagus-cukup zoom in, klik dua kali, dan coba sesuaikan jalan itu sedikit. Dengan hanya memindahkan lingkaran itu sedikit akan membantu menghaluskan kurva.

Anomaly being adjusted

Kemudian seretlah semuanya dan berikan Border 2. Dan dari pengambil warna, pilih warna#4A4A4A, dan hapus pilihannya. Skala itu sedikit, tahan Alt-Shift dan penskalaan dari pusat.

Sekali lagi, pergi ke Object> Align to Pixel Grid jika kamu perlu. Kamu bisa melihatnya mengocoknya sedikit, jadi kamu mungkin perlu menyesuaikan beberapa bentuk lagi, seperti yang kita lakukan sebelumnya.

Full cloud shape

Tambahkan Detail Akhir

Hal terakhir yang akan kita lakukan adalah menambahkan sedikit lengkungan, hanya untuk memberi awan sedikit lebih detail

Pilih Pen Tool dan klik kiri saja, klik kiri lagi untuk membuat kurva, dan tekan Escape untuk menyelesaikannya. Kemudian pilih yang sama # 4A4A4A carikan dari pengambil warna. Dan hal terakhir yang bisa kita lakukan adalah menyeret segalanya dan pergi ke Object> Group sehingga kita bisa memindahkannya sebagai satu objek.

Cloud with detail line added

Kamu akan melihat bahwa awan kita sedikit banyak dari grid piksel. Jadi Anda bisa menarik lebih dari segalanya, dan pergi ke Object> Group untuk mengelompokkan semuanya. Dan kemudian pergi ke toolbar dan menyesuaikan nilai y sehingga bukan 15,5, itu dibulatkan ke 15. Dan kamu akan melihatnya sekarang sejajar dengan grid pixel dengan baik.

Liat Kursus Penuh

Dalam kursus penuh, Desain Ikon Dengan Adobe XD, Anda akan belajar bagaimana menggunakan alat yang tersedia di Adobe XD untuk merancang berbagai ikon yang berbeda. Serta awan, Anda akan belajar membuat ikon telepon, browser, pensil dan banyak lagi, memetik beberapa keahlian Adobe XD yang berguna sepanjang jalan.

Anda bisa langsung mengikuti kursus ini dengan berlangganan Envato Elements. Dengan biaya bulanan yang rendah, Anda mendapatkan akses tidak hanya ke kursus ini, tetapi juga perpustakaan kami yang berkembang dari lebih dari 1.000 kursus video dan eBook terdepan di Industri Envato Tuts +.

Ditambah lagi, anda sekarang mendapatkan unduhan tak terbatas dari perpustakaan Envato Elements yang besar seluas 440.000+ aset kreatif. Buat dengan font, foto, grafik dan templat yang unik, dan berikan proyek yang lebih baik dengan lebih cepat.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.