Advertisement
  1. Design & Illustration
  2. Icon Design
Design

Cara Membuat Set Ikon Mobil di Affinity Designer

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Imam Firmansyah (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial hari ini, kita akan melihat lebih dekat pada proses pembuatan satu set ikon mobil di Affinity Designer, menggunakan tidak lebih dari beberapa bentuk geometris dasar yang akan kita sesuaikan di sana-sini.

Juga, jangan lupa Anda selalu dapat memperluas perpustakaan vektor Anda dengan menuju ke Envato Elements di mana Anda akan menemukan banyak pilihan ikon bertema mobil.

Jadi, anggap Anda sudah memiliki Affinity Designer yang berjalan di latar belakang, angkat ia dan mari kita mulai!

1.Cara Mengatur File Proyek Baru

Seperti biasa, kita akan mulai dengan mengatur New Document, dengan menuju ke File > New (atau dengan menggunakan pintasan keyboard Control-N) yang akan kita sesuaikan sebagai berikut:

  • Type: Web
  • Document Units: Pixels
  • Create artboard: checked
  • Transparent Background: checked
  • Page Width: 128 px
  • Page Height: 128 px
  • DPI: 72
setting up a new document

2. Cara Mengatur Artboard

Setelah kita membuat dokumen, kita perlu mengambil beberapa waktu dan menyusun proyek kita menggunakan beberapa Artboard, satu untuk setiap ikon, untuk mempertahankan alur kerja yang jelas dan stabil.

Langkah 1

Untuk melakukan ini, cukup pilih Artboard default dari dalam panel Layers, dan kemudian buat salinan dengan klik kanan > Duplicate (atau dengan menggunakan pintasan keyboard Control-J), mengganti nama keduanya kemudian sebagai berikut:

  • artboard pertama: front view
  • artboard kedua: side view
setting up the artboards

Langkah 2

Karena kita tidak ingin Artboard-nya tumpang tindih, kita harus memilih keduanya dari dalam panel Layers (pastikan untuk memulai dengan yang bawah) dan kemudian buka panel Arrange. Di sini, kita akan menggunakan opsi Align Horizontally Space Horizontally, pastikan untuk tidak mencentang Auto Distributedan masukkan nilai khusus 64 px.

distancing the artboards

Tips cepat: secara default, Anda dapat memilih dan memindahkan Artboard mana saja menggunakan Move Tool (V), tetapi segera setelah Anda memposisikan bentuk di atasnya, mereka akan secara otomatis terkunci pada tempatnya.

Jika Anda ingin memastikan bahwa Anda tidak akan memindahkannya secara tidak sengaja, Anda dapat menguncinya secara manual dari dalam panel Layers dengan menggunakan toggle Lock/Unlock kecil, tetapi ini juga akan mengunci semua bentuk yang diposisikan di atasnya, yang berarti jika Anda harus memilihnya, Anda harus melakukannya dari dalam panel Layers.

example of locking the artboards

3. Cara Membuat Reference Grid

Reference grid (atau grid dasar) adalah sekumpulan permukaan referensi yang dibatasi dengan tepat, yang memungkinkan kita untuk membangun ikon dengan berfokus pada ukuran dan konsistensi.

Biasanya, ukuran gird-grid ini menentukan ukuran ikon yang sebenarnya, dan mereka harus selalu menjadi keputusan pertama yang Anda buat setelah Anda memulai proyek baru, karena Anda selalu ingin memulai dari ukuran sekecil mungkin dan membangunnya.

Sekarang, dalam kasus kita, kita akan membuat paket ikon menggunakan hanya satu ukuran, lebih tepatnya 128 x 128 px, yang merupakan paket yang cukup besar untuk dikerjakan.

Langkah 1

Posisikan diri Anda pada Artboard pertama, dan menggunakan Rectangle Tool (M) buat persegi 128 x 128 px , yang akan kita warnai menggunakan #F15A24 dan kemudian center align seperti yang terlihat pada gambar referensi.

creating the main reference surface

Langkah 2

Tambahkan persegi 112 x 112 px yang lebih kecil, yang akan kita warnai menggunakan warna putih (#FFFFFF) dan kemudian posisikan di tengah Artboard karena akan bertindak sebagai area gambar aktif kita, memberi kita lapisan pelindung 8 px.

adding the active drawing area

Langkah 3

Pilih dan kelompokkan dua persegi bersama-sama menggunakan pintasan keyboard Control-G, pastikan untuk menamai mereka menggunakan label "reference grid" dan kemudian mengisi Artboard yang tersisa menggunakan salinan (Control-C > Control-V) dari yang kita baru saja kita kerjakan. Luangkan waktu, dan begitu Anda selesai, lanjutkan ke langkah berikutnya.

adding the remaining reference grids

4. Cara Membuat Ikon Tampilan Depan

Segera setelah kita selesai mengatur file proyek kita, kita dapat memposisikan diri pada Artboard pertama, dan kemudian memperbesar grid referensi sehingga kita dapat memiliki tampilan yang lebih baik dari bentuk yang akan kita buat.

Langkah 1

Kita akan mulai dengan membuat ban menggunakan dua persegi panjang 24 x 8 px, yang akan kita warnai menggunakan #443630 dan kemudian center align ke tepi bawah area gambar aktif, posisikan pada jarak 4 px dari bagian luarnya.

creating the main shapes for the tires

Langkah 2

Sesuaikan bentuk yang baru saja kita buat, dengan memilih secara individual masing-masing dan kemudian menghapus centang pada opsi Single Radius yang ditemukan dalam toolbar konteks atas. Setel sudut kiri bawah (BL) dan kanan bawah (BR) ke Rounded, berikan keduanya nilai absolut 4 px kemudian.

adjusting the shapes of the tires

Langkah 3

Buat bentuk utama untuk bemper depan menggunakan persegi panjang 108 x 16 px , yang akan kita warnai menggunakan #D3622F dan kemudian posisikan di atas ban, pastikan untuk center align ke area gambar aktif yang mendasarinya.

creating the main shape for the front bumper

Langkah 4

Sesuaikan bentuk dengan memotong persegi panjang 52 x 4 px (disorot dengan warna hijau) dari bagian tengah tepi bawah bentuk sebelumnya menggunakan operasi Subtract.

adding the cutout to the front bumper

Langkah 5

Lanjutkan menyesuaikan bentuk, dengan secara individual memilih masing-masing node atas guntingan yang dihasilkan menggunakan Node Tool (A) dan kemudian mendorong mereka ke dalam sebesar 4 px menggunakan panel Transform, dengan hanya memasukkan +/- 4 pxdalam kotak input X-nya, tergantung pada sisi mana Anda mulai.

adjusting the shape of the front bumper

Langkah 6

Tambahkan nomor plat menggunakan persegi panjang 28 x 8 px (#443630), yang akan kita posisikan di tengah tepi atas guntingan.

adding the number plate

Langkah 7

Buat guntingan sisi kanan menggunakan tiga persegi panjang berwarna #443630 (12 x 4 px untuk yang bawah, 12 x 2 px untuk yang atas dan yang lain 12 x 4 px untuk yang dalam), yang akan kita posisikan seperti terlihat pada gambar referensi.

adding the main shapes for the right bumper cutouts

Langkah 8

Tambahkan highlight halus menggunakan tiga persegi panjang 1 px tinggi (#FFFFFF) yang akan kita posisikan di bawah guntingan, pastikan untuk menurunkan tingkat Opacity-nya menjadi 24%. Setelah selesai, pilih dan kelompokkan setiap potongan dengan sorotannya sendiri menggunakan pintasan keyboard Control-G, lakukan hal yang sama untuk ketiga persegi panjang tersebut.

adding the highlights to the right bumper cutouts

Langkah 9

Tambahkan guntingan sisi kiri menggunakan salinan (Control-C > Control-V) yang sudah kita selesaikan, yang akan kita refleksikan secara horizontal (klik kanan > Transform > Flip Horizontal) lalu posisikan di sisi yang berlawanan dengan sisi bemper.

adding the left sided cutouts to the front bumper

Langkah 10

Tambahkan garis detail samping menggunakan dua grup tiga persegi panjang 4 x 2 px (#443630), disusun secara vertikal 2 px dari satu sama lain, yang akan kita posisikan pada sisi bemper, seperti yang terlihat pada gambar referensi.

adding the side lines to the front bumper

Langkah 11

Buat bibir atas bemper menggunakan persegi panjang 112 x 4 px (#443630), yang akan kita tumpuk di atas bodi utamanya.

adding the upper lip to the front bumper

Langkah 12

Akhiri bagian saat ini dengan menambahkan bayangan halus menggunakan persegi panjang 108 x 2 px (#443630) dengan 28% Opacity, yang akan kita posisikan di bawah bentuk yang kita buat beberapa saat yang lalu. Setelah selesai, pilih dan kelompokkan (Control-G) semua bentuk komposisi bemper sebelum melanjutkan ke langkah berikutnya.

adding the subtle shadow to the front bumper

Tips cepat: seiring berjalannya waktu, saya sarankan mengelompokkan dan memberi nama bagian-bagian berbeda dari mobil sehingga jika Anda perlu memilih dan menyesuaikannya nanti, Anda dapat dengan mudah melakukannya dengan membuka panel Layers dan melihat labelnya.

example of renaming groups using custom labels

Langkah 13

Mulailah bekerja pada ujung depan mobil dengan membuat persegi panjang 104 x 24 px, yang akan kita warnai menggunakan #F27B40 dan kemudian posisikan di atas bibir bemper.

creating the main shape for the front section of the car

Langkah 14

Tambahkan bentuk utama untuk panggangan depan menggunakan persegi panjang 96 x 16 px (#443630), yang akan kita center align dengan bentuk yang dibuat sebelumnya menggunakan opsi pada panel Arrange yaitu opsi Align Center dan Align Middle.

adding the grill to the front section of the car

Langkah 15

Buat garis detail horizontal menggunakan delapan persegi panjang 96 x 1 px (#665049), ditumpuk secara vertikal 1 px dari satu sama lain, yang akan kita kelompokkan (Control-G) dan kemudian posisikan ke bentuk sebelumnya seperti yang terlihat pada gambar referensi. Setelah Anda memiliki bentuk di tempat, pilih mereka dan bentuk yang mendasari yang lebih besar lalu kelompokkan (Control-G) bersama-sama juga.

adding the horizontal detail lines to the front grill

Langkah 16

Tambahkan penutup panggangan depan menggunakan dua persegi 8 x 8 px (#443630) yang diposisikan 4 pxdari satu sama lain, yang pertama-tama akan kita konversi ke kurva menggunakan tombol Convert to Curves agar dapat memposisikan ulang node mereka.

Setelah Anda selesai mengonversikannya ke kurva, sesuaikan mereka secara otomatis dengan memilih masing-masing node bagian bawah menggunakan Node Tool (A), dan kemudian mendorongnya ke dalam sebanyak 2 px menggunakan tombol panah arah keyboard, kelompokkan (Control-G) dan kemudian memposisikannya seperti yang terlihat pada gambar referensi.

creating the front grill covers

Langkah 17

Buat bentuk utama untuk lampu sisi kanan yang lebih besar menggunakan lingkaran 12 x 12 px, yang akan kita warnai menggunakan #F9DDD2 dan kemudian center align ke panggangan depan, posisikan 8 px dari tepi kiri bagian.

creating the larger headlight

Langkah 18

Tambahkan highlight atas menggunakan salinan (Control-C > Control-V) dari bentuk yang baru saja kita buat, yang akan kita sesuaikan dengan terlebih dahulu mengubah warnanya menjadi putih (#FFFFFF) dan kemudian menghapus bagian bawahnya, seperti yang terlihat di gambar referensi.

Kemudian tambahkan highlight bagian dalam menggunakan lingkaran 4 x 4 px (#FFFFFF) yang lebih kecil, yang akan kita posisikan di tengah-tengah yang lebih besar, pastikan untuk memilih dan mengelompokkan ketiga bentuk bersama-sama kemudian menggunakan pintasan keyboard Control-G.

adding details to the larger headlight

Langkah 19

Tambahkan cahaya yang lebih kecil setelah proses yang sama, menggunakan lingkaran 8 x 8 px (#F9DDD2) untuk bentuk utama diikuti oleh 2 x 2 px (#FFFFFF) untuk highlight tengah. Luangkan waktu Anda, dan setelah Anda selesai, pilih dan kelompokkan (Control-G) ketiga bentuk bersamaan, posisikan mereka 4 px dari tepi kanan cahaya yang lebih besar.

Sebelum Anda melanjutkan ke langkah berikutnya, pastikan Anda memilih dan mengelompokkan kedua lampu bersama-sama menggunakan pintasan keyboard Control-G.

adding the smaller headlight

Langkah 20

Buat lampu depan sisi kiri menggunakan salinan (Control-C > Control-V) yang baru saja kita selesaikan, yang akan kita refleksikan secara horizontal (klik kanan > Transform > Flip Horizontal) lalu posisikan berlawanan dengan sisi panggangan pada jarak 8 px dari tepi kanannya.

adding the left sided headlights

Langkah 21

Tambahkan lampu samping menggunakan dua persegi panjang 2 x 12 px (#443630), yang akan kita posisikan di tepi luar depan mobil, seperti yang terlihat pada gambar referensi.

adding the side lights to the front of the car

Langkah 22

Buat hidung mobil menggunakan persegi panjang 16 x 2 px , yang akan kita warnai menggunakan #F27B40 dan kemudian center align dengan tepi atas panggangan.

adding the nose to the front of the car

Langkah 23

Beri bagian bawah panggangan highlight halus menggunakan persegi panjang 96 x 2 px (#FFFFFF) dengan 24% Opacity, lakukan hal yang sama untuk bagian depan mobil menggunakan persegi panjang 104 x 2 px yang sedikit lebih lebar (#FFFFFF).

adding the subtle highlights to the front of the car

Langkah 24

Akhiri bagian saat ini dengan membuat dua lingkaran 4 x 4 px (#443630), yang akan kita posisikan di bibir atas bemper, seperti yang terlihat pada gambar referensi. Setelah selesai, pilih dan kelompokkan semua bentuk komposisinya bersama-sama menggunakan pintasan keyboard Control-G.

adding the circular details to the upper lip of the front bumper

Langkah 25

Buat kap menggunakan persegi panjang 104 x 4 px (#D3622F), yang pertama-tama akan kita konversi menjadi kurva menggunakan tombol Convert to Curvesdan kemudian sesuaikan dengan memilih dan mendorong masing-masing node teratas ke bagian dalam sebanyak 12 px. Setelah selesai, posisikan bentuk yang dihasilkan di atas tubuh utama bagian depan.

adding the hood to the front section of the car

Langkah 26

Tambahkan sekop kecil menggunakan persegi panjang 12 x 2 px (#443630), yang akan kita center align dengan badan utama kap mesin. Setelah Anda memiliki bentuk, pilih dan kelompokkan keduanya menggunakan pintasan keyboard Control-G.

adding the hood scoop to the front section of the car

Langkah 27

Buat bentuk utama untuk bagian atas mobil menggunakan persegi panjang 80 x 32 px (#F27B40), yang akan kita konversi menjadi kurva dan kemudian sesuaikan dengan secara individual memilih dan mendorong node atasnya ke bagian dalam sebanyak 4 px, posisikan bentuk yang dihasilkan pada bagian atas kap mesin.

creating the upper section for the front section of the car

Langkah 28

Tambahkan kaca depan menggunakan 76 x 30 px persegi panjang yang lebih kecil (#443630), yang akan kita konversi menjadi kurva dan sesuaikan seperti yang kita lakukan dengan bentuk sebelumnya dengan secara individual memilih dan mendorong node atasnya ke bagian dalam sebesar 4 px. Kemudian center align ke tepi bawah bagian yang lebih besar, pastikan untuk memilih dan mengelompokkan (Control-G) bersama-sama menggunakan pintasan keyboard Control-G.

adding the windshield to the front section of the car

Langkah 29

Buat detail jendela bagian bawah menggunakan dua kelompok dua lingkaran 2 x 2 px (#443630) yang diposisikan 4 px dari satu sama lain, seperti terlihat pada gambar referensi. Setelah selesai, pilih dan kelompokkan (Control-G) semua bentuk komposisi bagian saat ini sebelum melanjutkan ke langkah berikutnya.

adding the circular details to the upper section of the car

Langkah 30

Buat cermin sisi menggunakan persegi panjang 2 x 12 px (#443630) untuk bagian vertikal mereka diikuti oleh persegi 8 x 8 px(#443630) untuk kulit terluarnya, yang akan kita kelompokkan (Control-G) dan posisikan pada bagian atas mobil seperti yang terlihat pada gambar referensi, pastikan untuk mendorongnya ke belakang kemudian (klik kanan > Arrange > Move to Back).

adding the side mirrors to the front section of the car

Langkah 31

Mulailah bekerja pada spoiler dengan membuat badan utamanya menggunakan persegi panjang 104 x 4 px(#D3622F), yang akan kita center align dengan jendela, posisikan 2 px dari tepi bawahnya.

adding the spoiler to the front section of the car

Langkah 32

Tambahkan highlight bagian atas menggunakan persegi panjang 104 x 2 px (#FFFFFF) dengan 24% Opacity, diikuti oleh bagian samping spoiler menggunakan dua persegi panjang 4 x 2 px (#D3622F), yang akan kita posisikan di bawah tepi luarnya. Setelah selesai, pilih dan kelompokkan keempat bentuk bersamaan menggunakan pintasan keyboard Control-G, pastikan untuk menempatkannya di belakang bagian atas mobil kemudian (klik kanan > Arrange > Move to Back).

adding details to the spoiler

Langkah 33

Selesaikan ikon, dengan menambahkan antena kecil menggunakan persegi panjang 1 x 24 px (#443630), yang akan kita posisikan seperti yang terlihat pada gambar referensi. Setelah selesai, pilih dan kelompokkan semua bentuk komposisi mobil bersama-sama menggunakan pintasan keyboard Control-G, sebelum pindah ke yang berikutnya.

finishing off the front view car icon

5. Cara Membuat Ikon Tampilan Samping

Sekarang setelah kita selesai bekerja pada tampilan depan ikon mobil kecil kita, kita dapat beralih ke Artboard kedua, di mana kita secara bertahap akan membangun satu sisi tampilan.

Langkah 1

Mulailah dengan membuat bentuk utama untuk kaca depan menggunakan persegi panjang 40 x 32 px (#443630), yang akan kita konversi menjadi kurva dan kemudian sesuaikan dengan memilih dan mendorong node kanan atas ke bagian dalam sebesar 38 px. Luangkan waktu Anda, dan setelah selesai, luruskan bentuk yang dihasilkan ke tepi kiri area gambar aktif, posisikan 24 px dari yang teratas.

creating the windshield for the side view

Langkah 2

Tambahkan bagian atas bingkai logam menggunakan persegi panjang 40 x 2 px (#F27B40), yang akan kita selaraskan dengan sudut kiri atas bentuk sebelumnya dan kemudian tutup dengan membuka panel Layers dan cukup menyeretnya ke kaca depan yang lebih besar.

masking the upper frame section of the windshield

Langkah 3

Buat bingkai untuk jendela samping menggunakan persegi 32 x 32 px (#F27B40), yang akan dikonversi menjadi kurva dan kemudian sesuaikan dengan memilih node kanan atas menggunakan Node Tool (A) dan kemudian segera menghapusnya dengan menekan Delete. Setelah selesai, sejajarkan bentuk yang dihasilkan ke sudut kiri bawah kaca depan, seperti terlihat pada gambar referensi.

creating the frame section for the side window

Langkah 4

Tambahkan jendela sebenarnya menggunakan persegi panjang 28 x 28 px (#443630), yang akan kita sesuaikan dengan menghapus node kanan atas seperti yang kita lakukan dengan yang lebih besar sebelumnya, pastikan untuk menyelaraskannya ke sudut kiri bawah bentuk yang mendasarinya.

creating the main shape for the side window

Langkah 5

Buat pelat cermin menggunakan persegi 12 x 12 px (#F27B40), yang akan kita selaraskan ke node kanan bawah jendela samping, pastikan untuk menutupinya kemudian dengan hanya menyeretnya ke bentuk yang lebih besar di panel Layers.

creating the mirror plate

Langkah 6

Tambahkan cermin yang aktual menggunakan persegi panjang 4 x 8 px (#443630), yang akan kita sesuaikan dengan menghapus centang pada opsi Single radius, dan kemudian mengatur sudut kanan atas (TR) dan kanan bawah (BR) ke nilai absolut 2 px, memposisikan bentuk yang dihasilkan seperti yang terlihat pada gambar referensi.

creating the side mirror

Langkah 7

Akhiri bagian saat ini dengan menambahkan detail melingkar menggunakan lingkaran 4 x 4 px (#443630), yang akan kita posisikan ke tengah node kanan bawah kaca depan. Setelah selesai, pastikan Anda memilih dan mengelompokkannya serta semua bentuk lainnya bersamaan menggunakan pintasan keyboard Control-G , sebelum pindah ke bagian selanjutnya dari mobil.

adding the circular detail to the windshield

Langkah 8

Buat bentuk utama untuk bodi bawah mobil menggunakan persegi panjang 112 x 32 px (#F27B40), yang akan dikonversi menjadi kurva dan kemudian sesuaikan dengan menambahkan beberapa node yang memposisikannya seperti yang terlihat pada gambar referensi. Luangkan waktu Anda, dan begitu Anda selesai, lanjutkan ke langkah berikutnya.

creating the main shape for the lower body of the car

Langkah 9

Tambahkan highlight halus menggunakan dua salinan (Control-C > Control-V dua kali) dari bentuk yang dihasilkan, mendorong yang atas ke bawah dengan jarak 4 px, dan kemudian memotongnya dari salinan pertama menggunakan operasi Subtract. Warnai bentuk yang dihasilkan menggunakan warna putih (#FFFFFF), pastikan untuk menurunkan tingkat Opacitymenjadi 24%.

adding the subtle highlight to the lower body of the car

Langkah 10

Buat scoop kap menggunakan persegi panjang 24 x 4 px (#D3622F), yang akan kita posisikan seperti yang terlihat pada gambar referensi, kemudian pastikan untuk menumpuknya di bawah badan utama mobil kemudian (klik kanan > Arrange > Back One beberapa kali).

adding the hood scoop to the side section of the car

Langkah 11

Tambahkan pegangan pintu menggunakan persegi panjang 8 x 2 px (#443630) diikuti oleh lubang kunci kecil menggunakan lingkaran 2 x 2 px (#443630), yang akan kita tumpuk secara vertikal 1 px dari satu sama lain, menempatkannya di bawah highlight halus.

adding the door handle and key hole

Langkah 12

Buat lampu samping menggunakan persegi panjang 8 x 2 px , yang akan kita warnai menggunakan #443630 dan kemudian posisikan seperti yang terlihat pada gambar referensi.

adding the side light

Langkah 13

Tambahkan bentuk utama untuk fender menggunakan lingkaran 52 x 52 px (#D3622F), yang akan kita sesuaikan dengan melepas bagian bawahnya, dengan memposisikan bentuk yang dihasilkan 18 px dari tepi kanan area gambar aktif dan 20 px dari bagian bawahnya.

creating the main shape for the fender

Langkah 14

Buat bibir bemper depan menggunakan persegi panjang 44 x 4 px (#443630), yang akan kita selaraskan dengan node kanan bawah tubuh yang lebih besar.

adding the bumper lip to the side of the car

Langkah 15

Tambahkan bibir samping menggunakan persegi panjang 68 x 2 px, yang akan kita warnai menggunakan #443630 dan posisikan seperti yang terlihat pada gambar referensi.

creating the side lip

Langkah 16

Buat detail yang lebih kecil menggunakan lingkaran 2 x 2 px (#443630), yang akan kita posisikan di tepi atas bibir samping, pada jarak 2 px dari fender.

adding the circular detail to the side lip

Langkah 17

Tambahkan bentuk bawah untuk tubuh bagian bawah menggunakan persegi panjang 110 x 12 px, yang akan kita warnai menggunakan #D3622F dan kemudian posisikan di bawah bibir samping.

adding the bottom shape to the lower body of the car

Langkah 18

Berikan bentuk yang baru saja kita buat bayangan halusnya menggunakan persegi panjang 110 x 2 px (#443630) dengan 28% Opacity, yang akan kita center align dengan tepi atasnya.

adding the subtle shadow to the lower body of the car

Langkah 19

Tambahkan detail persegi panjang kecil menggunakan persegi panjang 8 x 2 px (#443630) untuk penyisipan kiri, diikuti oleh tiga yang ukuran 8 x 2 px (#443630) secara vertikal menumpuk 2 px dari satu sama lain untuk bemper. Luangkan waktu Anda, dan setelah Anda selesai, pilih dan kelompokkan detail bemper bersama menggunakan pintasan keyboard Control-G, sebelum melanjutkan ke langkah berikutnya.

adding the rectangular details to the side of the car

Langkah 20

Buat bagian bawah bemper depan menggunakan persegi panjang 42 x 4 px (#D3622F), diikuti oleh rok samping menggunakan 68 x 4 px (#443630), yang akan kita posisikan di bawah mobil seperti terlihat pada gambar referensi.

adding the lower bumper section

Langkah 21

Tambahkan bayangan halus ke garis detail bemper menggunakan tiga persegi panjang 6 x 2 px (#443630) dengan 28% Opacity, yang akan kita posisikan di antara bentuk utama seperti yang terlihat pada gambar referensi, pastikan untuk memilih dan mengelompokkannya kemudian menggunakan pintasan keyboard Control-G.

adding the subtle shadows to the bumper lines

Langkah 22

Buat detail di bawahnya menggunakan persegi panjang 24 x 2 px (#443630) untuk yang di kiri, yang akan kita konversi menjadi kurva, lalu sesuaikan dengan memilih dan mendorong node kiri bawah ke bagian dalam sebesar 2 px.

Tambahkan detail yang tepat menggunakan persegi panjang 24 x 4 px (#443630), yang akan kita sesuaikan dengan menambahkan node baru ke tengah tepi kanannya dengan mengkliknya menggunakan Node Tool (A), lalu memilih dan mendorong yang kanan bawah ke dalam sebesar 8 px.

adding the underneath details to the side of the car

Langkah 23

Tambahkan potongan untuk roda menggunakan lingkaran 44 x 44 px (#443630), yang akan kita sesuaikan dengan melepas bagian bawahnya, lalu lanjutkan ke bagian bawah menggunakan persegi panjang 44 x 12 px (#443630), pastikan untuk menyatukan dua bentuk menjadi satu yang lebih besar menggunakan operasi Add. Setelah selesai, posisikan bentuk yang dihasilkan pada fender, seperti yang terlihat pada gambar referensi.

adding the wheel cutout

Langkah 24

Buat bentuk utama untuk ban menggunakan lingkaran 40 x 40 px (#443630), yang akan kita center align dengan guntingan yang lebih besar, posisikan 2 px dari node atasnya.

creating the tire for the side view

Langkah 25

Mulailah mengerjakan pelek dengan membuat bodi utamanya menggunakan lingkaran 32 x 32 px (#F9DDD2) yang akan kita center align dengan ban yang lebih besar. Dengan bentuk tersebut, buat highlight halus menggunakan salinan (Control-C > Control-V) yang akan kita sesuaikan dengan menghapus bagian bawahnya, pastikan untuk mengatur warnanya ke #FFFFFF. Tambahkan bagian yang lebih gelap menggunakan lingkaran 28 x 28 px (#443630), diikuti oleh yang lebih terang pada bagian dalam menggunakan yang lebih kecil 16 x 16 px (#F9DDD2).

creating the main shapes for the rim

Langkah 26

Tambahkan jari-jari menggunakan empat garis Stroke setebal 4 pt setinggi 22 px (#F9DDD2), yang akan kita sesuaikan dengan memutar beberapa dari mereka sebesar 45º seperti yang terlihat pada gambar referensi. Setelah selesai, kelompokkan (Control-G) dan kemudian sembunyikan bentuk yang dihasilkan menggunakan lingkaran 20 x 20 px, pastikan untuk menghapus warna Fill-nya untuk membuatnya tembus.

creating the spokes

Langkah 27

Selesaikan pelek dengan menambahkan bagian dalam yang lebih gelap menggunakan lingkaran 8 x 8 px (#CCAEA8), diikuti oleh baut menggunakan yang lebih kecil 4 x 4 px (#443630), yang akan kita center align dengan badan utama roda. Setelah selesai, pilih dan kelompokkan semua bentuk komposisi pelek bersama-sama menggunakan pintasan keyboard Control-G.

finishing off the wheel

Langkah 28

Tambahkan detail atas rok samping menggunakan persegi 4 x 4 px (#443630), yang akan dikonversi menjadi kurva dan kemudian sesuaikan dengan memilih node kiri atas menggunakan Node Tool (A), lalu segera menghapusnya dengan menekan Delete. Setelah selesai, Anda dapat memilih dan mengelompokkan (Control-G) semua bentuk komposisi roda bersamaan seperti yang kita lakukan dengan pelek.

adding the detail to the side skirt

Langkah 29

Selesaikan ikon, dan dengan proyek itu sendiri, dengan menambahkan antena kecil (yang kita dorong ke depan untuk tampilan ini) menggunakan persegi panjang 1 x 56 px (#443630), yang akan kita posisikan pada jarak 4 px dari cermin, pastikan untuk menempatkannya di belakang tubuh bagian atas mobil (klik kanan > Arrange > Back One beberapa kali).

finishing off the side view car icon

Kerja bagus!

Seperti biasa, saya harap Anda senang mengerjakan proyek ini tetapi yang terpenting Anda berhasil mempelajari sesuatu yang baru dan berguna dalam prosesnya.

Sepert biasa, jika Anda memiliki pertanyaan, jangan ragu untuk mempostingnya di bagian komentar dan saya akan menghubungi Anda sesegera mungkin!

finished project preview

Perluas Keterampilan Affinity Designer Anda!

Apakah Anda baru mulai menggunakan Affinity Designer tetapi belum cukup paham? Nah, jika itu masalahnya, Anda beruntung karena kita telah memilih sendiri beberapa tutorial yang akan membantu Anda memulainya dalam waktu singkat!

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.