Cara Merancang Set Produk Dapur Retro di Affinity Designer
Indonesian (Bahasa Indonesia) translation by Sittiana Ana (you can also view the original English article)



Desain retro adalah salah satu tren teratas dan tidak pernah ketinggalan zaman. Mengapa begitu populer? Ikuti tutorial ini dan cari tahu mengapa orang menyukai gaya ini dalam keseluruhan bentuk halus dan warna pastel dari barang kuno!
Kita akan menggunakan berbagai bentuk, alat, dan fungsi geometris dari Draw Persona dari Affinity Designer untuk menciptakan seperangkat peralatan dapur datar yang mengingatkan kita pada masa lalu.
Anda bisa mendapatkan Retro Kitchen Items Set ini di Envato Elements dalam berbagai variasi warna dan format untuk melihat bagaimana setiap elemen dibuat. Jangan ragu untuk menggunakannya pada proyek dan desain anda sendiri, baik pribadi maupun komersial!



Ayo mulai!
1. Cara Membuat Mixer Retro
Langkah 1
Kami akan bekerja di Draw Persona dari Affinity Designer, menciptakan aset-aset vektor terukur yang. Kita bisa mengganti tiga Personas yang berbeda di bagian atas toolbar kontrol.
Mari kita mulai membuat mixer retro dari bagian atasnya. Pakai Rectangle Tool (M) dan buat sebuah 120 x 40 px. Kita bisa menyesuaikan ukurannya secara manual (menggunakan Move Tool (V)) atau dengan mengatur nilai yang diinginkan dalam panel Transform, yang terletak tepat di bawah panel Layer secara default
Isi dengan warna pastel pastel dengan menggunakan roda panel Colour.



Langkah 2
Sekarang kita perlu membuat kedua sudut di sebelah kiri dan pojok atas di sebelah kanan dibulatkan. Mari pergi ke toolbar kontrol di atas dan hapus centang pada kotak Single radius. Sekarang kita bisa mengatur Radius dari setiap sudut secara terpisah! Mari kita atur kedua sudut kiri menjadi 50% dan pojok kanan atas 65%.



Langkah 3
Tambahkan satu persegi panjang lagi ukuran 130 x 10 px, isi dengan warna abu-abu, dan letakkan seperti yang ditunjukkan pada gambar di bawah ini.
Sekarang kita perlu menempelkan garis vertikal yang sempit yang tegak lurus terhadap persegi panjang yang dibuat. Kita bisa menyalakan Snapping untuk melihat Guide Lines dan petunjuk, yang akan membantu kita untuk memposisikan objek dengan cara yang benar, membuat mereka saling menempel.
Buat persegi panjang sempit sama tingginya dengan bentuk pirus (40 px) dan lampirkan ke tepi kiri dari bentuk abu-abu.
Mari kita ubah warna elemen vertikal. Kita bisa memilih warna dari bentuk apapun dengan mengklik pictogram Color Picker di panel Colour dan menyeretnya ke atas objek. Kemudian pilih elemen yang ingin anda ganti warna dan klik lingkaran berwarna mungil di sebelah Color Picker untuk menerapkan warna. Buat warna bentuk pirusnya sedikit lebih gelap.



Langkah 4
Tambahkan persegi panjang vertikal kecil di tepi kanan bentuk abu-abu.
Sekarang mari Duplicate (Command-J) garis abu-abunya dan letakkan di bagian paling bawah panel Layer. Isi salinannya dengan warna biru-hijau gelap dan buat salinan abu-abu paling atas agar bentuknya tidak tumpang tindih.
Tip: Daripada membuat bentuk abu-abu lebih pendek, kita juga bisa menyembunyikan bagian tumpang tindihnya di dalam persegi panjang bundar yang besar. Cukup pilih di panel Layer dan seret dan lepaskan pada elemen yang bulat sampai anda melihat pilihan biru. Dengan cara ini bentuk pirus yang besar berfungsi sebagai wadah, membuat bagian yang tidak diinginkan tak terlihat.



Langkah 5
Sekarang mari kita membuat sorotan sederhana di permukaan.
Duplicate Bagian pirus dari mixer dua kali (Command-J > Command-J) dan tarik salinan ke bagian paling atas (Shift-command]). Gunakan tombol Down Arrow untuk memindahkan bentuknya sedikit kebawah. Pilih salinan atas dan yang di bawahnya, dan gunakan Substract Operation untuk memotong bentuk



Langkah 6
Sekarang kita hanya memiliki garis tipis di tepi atas. Mari kita isi dengan warna abu-abu dan membuatnya semi transparan dengan mengatur Blend Mode menjadi Screen dalam panel Layer.
Tekan Command-Shift dan kecilkan bentuknya sedikit, membuatnya sedikit lebih kecil.



Langkah 7
Buatlah 45 x 14 px persegi panjang berwarna biru-hijau gelap, tempelkan ke tepi bawah mixer. Buat sudut bawahnya 40% Rounded dengan menyesuaikan Radius di toolbar kontrol di atas (jangan lupa hapus centang pada kotak Single Radius).
Pakai Move Tool (V), pilih bentuk, dan tarik ke kanan sambil memegang Option-Shift untuk membuat salinan



Langkah 8
Sekarang mari kita membuat mangkuk. Mulailah dengan sebuah 100 x 5 px persegi panjang abu-abu. Kali ini kita ingin semua sudut dibulatkan, jadi kita bisa menggunakan Rounded Rectangle Tool (M) untuk membuat bentuk ini atau kita bisa membiarkan kotak Single Radius dicentang dan atur Corners menjadi 100% Rounded.



Langkah 9
Buatlah 90 x 70 px persegi panjang abu-abu terang untuk mangkuknya. Pilih kedua bentuk dan klik tombol Align Center panel Align di atas ke pusat kedua bentuk.
Buat sudut bawah persegi panjang 50% Rounded.



Langkah 10
Mari duplicate (Command-J) mangkuk, tahan tombol Command dan kecilkan bentuknya, membuat sebuah elemen sempit di tengahnya. Isi dengan warna abu-abu yang lebih gelap, tiru sebuah refleksi pada permukaan baja.
Tempatkan mangkuk di bawah bagian depan mixer dan hubungkan dengan menambahkan persegi panjang vertikal yang sempit. Buatlah terlihat seperti bagian baja juga dengan menambahkan garis yang lebih gelap dan sempit di pusatnya.



Langkah 11
Mari kita lanjutkan dan ciptakan dudukan mixernya. Gunakan Rectangle Tool (M) untuk membuat sebuah 170 x 25 px bentuk pirus di bawah mangkuk. Hapus tanda centang pada kotak Single Radius dan buat pojok kiri atas dan kanan 80% Rounded.



Langkah 12
Sekarang kita perlu menghubungkan dudukan dengan bagian atas mixer. Buat persegi panjang pirus yang tinggi antara dudukan dan bagian atas (saya telah membuat sebuah bentuk 30 x 90,5 px, tapi tinggi bentuknya mungkin berbeda).
Pilih bagian vertikal dan dudukannya dan gunakan Add Operation untuk menggabungkan unsur-unsur ini menjadi satu objek.



Langkah 13
Sekarang mari kita haluskan dudukan dengan bantuan Corner Tool (C). Gunakan untuk mengklik dan menyeret node, membuat sudut membulat. Anda akan melihat lingkaran merah, menunjukkan jari-jari atau lingkaran sudut-sudutnya.



Langkah 14
Mari selesaikan dengan menambahkan persegi panjang bulat abu-abu di bagian bawah dudukannya, dan itulah dia! Mixer kita selesai! Mari pindah ke objek retro berikutnya.



2. Cara Merancang Blender Retro Datar
Langkah 1
Mari kita mulai dari atas lagi dengan membuat tutup blender. Membuat sebuah 74 x 7 px persegi panjang pirus dengan sudut yang bulat sepenuhnya.
Kemudian buatlah yang lebih kecil (52 x 7 px) persegi panjang warna sedikit lebih gelap dan buat sudut atasnya 50% Rounded. Tempatkan satu bentuk di atas yang lain.



Langkah 2
Sekarang mari kita bentuk semangkuk gelas blender dari sebuah 65 x 100 px persegi panjang biru muda. Klik tombol Convert to Curves di toolbar kontrol di atas dan pilih node kiri bawah bentuk dengan Node Tool (A).
Tekan Shift dan tekan tombol Right Arrow untuk memindahkan node 10 px ke kanan. Kita juga bisa mengetik "+10" di kotak X dari panel Transform untuk menambahkan 10 px untuk nilai Horizontal Position yang sudah ada.
Ulangi hal yang sama untuk node kiri bawah, tapi kali ini tekan Left Arrow (sambil menahan Shift) atau menggunakan nilai negatif untuk memindahkan node dalam arah yang berlawanan. Dengan cara ini kita membuat bagian bawah mangkuk lebih sempit.



Langkah 3
Mari duplicate (Command-J) mangkuk dan kecilkan salinan sambil menahan tombol Command untuk membuat salinan jauh lebih sempit. Jadikan warnanya sedikit lebih ringan.



Langkah 4
Buat kotak abu-abu berukuran sekitar 45 x 13 px di bagian bawah blender, membuat lebarnya sesuai dengan tepi bawah mangkuk.
Duplicate (Command-J) Elemen abu-abu tiga kali, membuat salinannya lebih sempit, dan memindahkannya lebih dekat ke tepi dan ke pusatnya. Variasikan pencahayaan pada bentuk, menciptakan refleksi dan nada untuk meniru permukaan baja.



Langkah 5
Sekarang mari kita pindah ke bagian bawah blender. Membuat sebuah 75 x 40 px persegi panjang pirus dan membuat sudut atas 50% Rounded.
Buat sebuah 85 x 4 px persegi panjang bulat abu-abu untuk dudukan dan tempelkan di tepi bawah blender.



Langkah 6
Mari desain panel kontrol blender.
Buatlah sebuah 60 x 12 px persegi panjang bulat abu-abu di tengah bagian pirus. Pilih semua elemen blender dan klik Align Centre untuk memastikan semuanya terpusat sempurna.
Duplicate (Command-J) bentuk abu-abu bulat, tahan Command-Shift, dan membuat salinan yang lebih kecil. Jadikan warnanya sedikit lebih ringan.



Langkah 7
Gunakan Ellipse Tool (M) untuk membuat sebuah 25 x 25 px lingkaran abu-abu gelap, lalu tambahkan lingkaran yang lebih kecil dan lebih ringan di atasnya.
Buat saklar segitiga kecil di atas lingkaran dengan bantuan Triangle Tool (M).
Tambahkan sorot dan bayangan ke bagian pirus dari blender untuk membuatnya sedikit lebih tiga dimensi. Kita bisa membuatnya dengan menduplikasi bentuk utama dua kali untuk sorotannya dan dua kali untuk bayangan, lalu pindahkan dan gunakan Substract Operation, seperti yang kita lakukan di Bagian 1, Langkah 5 Saat kita membuat dudukan mixer.



Langkah 8
Mari tambahkan pegangan ke mangkuk blender. Gunakan Rounded Rectangle Tool (M) untuk membuat sebuah 35 x 50 px bentuk pirus di atas sisi kiri mangkuk.
Duplicate bentuknya, tahan Command-Shift, dan membuat salinan yang lebih kecil. Pilih kedua bentuk dan klik Substract untuk memotong lubang di tengahnya.
Akhirnya, Move to Back bentuknya dengan menekan Shift-Command-[ untuk menyembunyikan sebagian di belakang mangkuk.



Langkah 9
Tambahkan bayangan dan sorotan ke tutup pirus blender dan kemudian selesaikan perangkat ini dengan menambahkan bayangan dan sorot pada permukaan kaca mangkuk juga.
Dan itulah dia! Blender retro kita sudah selesai! Mari beralih ke ikon terakhir!



3. Cara Membuat Pemanggang Roti Retro Bergaya Datar
Langkah 1
Kali ini, mari mulai menciptakan aset dari bawahnya. Buatlah 130 x 7 px persegi panjang bulat abu-abu untuk dudukannya.
Tempelkan 115 x 60 px persegi panjang biru-hijau (pirus) ke tepi atas dudukan. Buat sudut atasnya 25% Rounded untuk memperhalus bentuknya.



Langkah 2
Mari tambahkan persegi panjang abu-abu vertikal 7 x 50 px dengan sudut atas yang membulat.
Buat sebuah kenop dari sebuah 20 x 6 px persegi panjang bulat abu-abu terang, tempatkan di bentuk sebelumnya. Tempatkan salinan yang lebih kecil di atas kenop agar lebih tiga dimensi.



Langkah 3
Duplicate (Command-J) saklar bulat dari blender kita dan tambahkan ke panel depan pemanggang roti.



Langkah 4
Mari tambahkan takik di sekeliling saklar. Gunakan Pen Tool (P) dan tahan Shift untuk membuat goresan vertikal pendek dengan Stroke warna pirus gelap. Beralih ke panel tab Stroke dan atur Width menjadi 0,6 pt.
Pakai Move Tool (V), tahan Option-Shift, dan tarik garis ke bawah, menciptakan salinan bawah saklar.
Pilih kedua baris dan Group (Command-G) -kan mereka. Duplicate (Command-J) kelompok tersebut.
Akhirnya, pilih salinan kelompoknya dan putar barisnya -90 derajat baik secara manual atau dengan pengaturan R nilai menjadi -90 di panel Transform.



Langkah 5
Mari kita menaruh sepotong roti ke dalam pemanggang roti kita. Gunakan Rectangle Tool (M) untuk membuat sebuah 65 x 25 px bentuk coklat dengan sudut atas membulat.
Duplicate bentuk dan buat salinannya lebih kecil, susutkan menjadi 57 x 21 px. Isi dengan warna coklat muda dan pastikan ujung bawah kedua bentuk sejajar.
Sekarang pakai Ellipse Tool (M), tahan Shift, dan mari kita mulai membuat lingkaran kecil dari berbagai ukuran, yang menggambarkan lubang di roti panggang.



Langkah 6
Selesaikan roti, dan jangan lupa tambahkan bayangan dan sorot bagian pirus dari pemanggang roti.
Dan itu dia! Item terakhir kita selesai!



Perangkat Dapur Retro kita Selesai! Well Done!
Dan inilah dia! ketiga barang retro dari kitchen set kita. Saya telah menempatkan mereka di permukaan yang rata dan menambahkan sebuah persegi coklat gelap di bagian bawah panel Layer untuk membentuk latar belakang yang kontras. Anda bisa menambahkan detail sebanyak yang anda inginkan agar komposisi terlihat seimbang dan lengkap.



Kerja yang mengagumkan! Saya harap anda menikmati menemukan alat dan fungsi utama dari Draw Persona of Affinity Designer. Jangan ragu untuk menerapkan semua tip dan trik untuk membuat ikon vektor yang lebih datar.
Ingat bahwa anda bisa mendapatkan Flat Retro Kitchen Items Set ini di Envato Elements dalam berbagai format dan variasi warna untuk melihat semua detail atau menggunakannya di proyek desain anda!



Jika anda menikmati membuat ikon vektor datar dan aset di Affinity Designer, saya punya beberapa tutorial lagi untuk anda! Silahkan dicek!


