7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Affinity Designer

Cara Merancang Set Produk Dapur Retro di Affinity Designer

Read Time: 9 mins

Indonesian (Bahasa Indonesia) translation by Sittiana Ana (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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!

Retro Kitchen Items SetRetro Kitchen Items SetRetro Kitchen Items Set

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.

make a rectanglemake a rectanglemake a rectangle

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%.

make the corners roundedmake the corners roundedmake the corners rounded

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.

add details to the mixer topadd details to the mixer topadd details to the mixer top

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.

adjust the width of the rectangleadjust the width of the rectangleadjust the width of the rectangle

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

make a simple highlight with subtractmake a simple highlight with subtractmake a simple highlight with subtract

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.

use screen blend modeuse screen blend modeuse screen blend mode

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

add rounded rectanglesadd rounded rectanglesadd rounded rectangles

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.

make a bowl from rectangles 1make a bowl from rectangles 1make a bowl from rectangles 1

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.

make a bowl from rectangles 2make a bowl from rectangles 2make a bowl from rectangles 2

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.

make a bowl from rectangles 3make a bowl from rectangles 3make a bowl from rectangles 3

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.

create a standcreate a standcreate a stand

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.

use Add operationuse Add operationuse Add operation

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.

use the corner tooluse the corner tooluse the corner tool

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.

finish up with the planetary mixerfinish up with the planetary mixerfinish up with the planetary mixer

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.

make a cap from rectanglesmake a cap from rectanglesmake a cap from rectangles

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.

make a glass bowl from rectangle 1make a glass bowl from rectangle 1make a glass bowl from rectangle 1

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.

make a copy and form a highlightmake a copy and form a highlightmake a copy and form a highlight

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.

add a rectangle under the bowladd a rectangle under the bowladd a rectangle under the bowl

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.

create a base from rectanglecreate a base from rectanglecreate a base from rectangle

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.

design the control paneldesign the control paneldesign the control panel

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.

add a round switchadd a round switchadd a round switch

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.

make a handle from rounded rectanglesmake a handle from rounded rectanglesmake a handle from rounded rectangles

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!

add shadows and highlightsadd shadows and highlightsadd shadows and highlights

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.

make a toaster from rectanglesmake a toaster from rectanglesmake a toaster from rectangles

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.

create a knob from rounded rectanglescreate a knob from rounded rectanglescreate a knob from rounded rectangles

Langkah 3

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

duplicate the switch from blenderduplicate the switch from blenderduplicate the switch from blender

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.

create notches with pen toolcreate notches with pen toolcreate notches with pen tool

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.

make bred from rectanglesmake bred from rectanglesmake bred from rectangles

Langkah 6

Selesaikan roti, dan jangan lupa tambahkan bayangan dan sorot bagian pirus dari pemanggang roti.

Dan itu dia! Item terakhir kita selesai!

finish up with the toasterfinish up with the toasterfinish up with the toaster

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.

Retro Kitchen Devices are FinishedRetro Kitchen Devices are FinishedRetro Kitchen Devices are Finished

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!

Retro Kitchen Items SetRetro Kitchen Items SetRetro Kitchen Items Set

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.