Advertisement
  1. Design & Illustration
  2. Flat Design
Design

Bagaimana Membuat Kamera Vintage dalam Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Anissa Anwar (you can also view the original English article)

Final product image
What You'll Be Creating

Jika Anda seorang pencinta kamera vintage, tutorial ini akan membawa Anda kenangan yang baik. Kita akan membuat kamera retro ini mulai dengan bentuk dasar dan menggunakan warna datar untuk mendapatkan hasil yang sangat bagus. Kamera kita terinspirasi oleh Leica M6.

Jika Anda sedang mencari inspirasi untuk menciptakan ilustrasi kamera Anda sendiri, mengapa tidak memeriksa GraphicRiver.

Mari kita mulai!

1. Bagaimana Membuat Dokumen Baru dan Menyiapkan Grid

Tekan Control-N untuk membuat Dokumen Baru. Mengatur Units ke Pixels, dan memasukkan ukuran 800 x 600 untuk width dan height pada dokumen. Kemudian pada pilihan Advanced, memilih RGB, Screen (72 ppi), dan memastikan untuk mengaktifkan Align New Objects to Pixel Grid box sebelum meng-klik OK.

Mengaktifkan Grid (View > Show Grid) dan Snap to Grid (View > Snap to Grid). Anda membutuhkan sebuah grid setiap 10 px, jadi cukup tekan Control-K untuk menuju ke Preferences, dan dalam Guides & Grid mengatur Gridline setiap ke 10 dan Subdivisions ke 4. Jangan khawatir — grid akan membantu Anda bekerja dengan cara yang mudah, dan juga bisa mengaktifkan atau tidak mengaktifkan dengan menekan tombol pintas pada keyboard Control-".

Anda dapat mengaktifkan panel Info (Window > Info) untuk mendapatkan tinjauan huruf dan posisi pada bentuk Anda. Mengingat untuk mengatur unit pengukuran Pixels dari Edit > Preferences > Units. Ini akan membantu meningkatkan kecepatan kerja Anda.

2. Bagaimana Membuat Badan Kamera

Untuk mulai membuat bentuk, kita akan mulai dengan bagian yang harus ada pada bagian kamera kita, yaitu badan kamera.  Memastikan untuk mengaktifkan grid sehingga Anda dapat bekerja dengan mudah dan mengikuti tutorial tanpa masalah.

Langkah 1

Klik pada bagian tengah canvas dengan Rectangle Tool (M) dan di kotak pop-up rectangle mengatur Width ke 300 px dan Height ke 170 px. Mengisinya dengan warna #e3e3e3 dan menghapus warna stroke.

Langkah 2

Membuat persegi panjang baru berukuran 130 x 20 px dengan meng-klik pada canvas dengan Rectangle Tool (M). Sejajarkan persegi panjang ke sisi kiri atas dari persegi panjang utama.

Pilih kedua persegi panjang dan menerapkan Minus Front dalam panel Pathfinder.

Langkah 3

Dengan Rectangle Tool (M) membuat persegi panjang 30 x 18 px dan meletakkan di bagian atas kiri dari badan utama. Pilih persegi panjang ini dengan Direct Selection Tool (A) dan menghilangkan node pada bagian bawah kiri, sehingga hanya meninggalkan sebuah sudut.

Pilih kedua persegi panjang dan menerapkan Minus Front dalam panel Pathfinder.

Langkah 4

Membuat persegi panjang baru berukuran 300 x 104 px dengan meng-klik pada canvas menggunakan Rectangle Tool (M). Meletakkan persegi panjang ke dalam badan dengan jarak 16 px dari bagian bawah. Mengatur warna fill ke #ebbd63, tanpa stroke.

Pada panel Transform, mengatur sudut Chamfer ke 8 px pada bagian sudut bawah kiri.

Langkah 5

Membuat persegi panjang berukuran 278 x 44 px dengan meng-klik pada canvas menggunakan Rectangle Tool (M). Meletakkan 126 px dari bagian bawah badan utama.

Memilih kedua persegi panjang dan mengurangi bentuk persegi panjang pada bagian kiri atas dengan Shape Builder Tool (Shift-M).

Langkah 6

Mengambil persegi panjang tersebut yang diperoleh dan meng-copy-nya (Control-C) dan paste (Control-F). Mengirimkannya ke belakang sekali (Object > Arrange > Send Backward). Memindahkan ke bawah sekali dengan tombol panah pada keyboard Anda dan mengatur warna fill dengan #c4c4c4.

Langkah 7

Membuat persegi panjang baru berukuran 2 x 46 px dengan meng-klik pada canvas menggunakan Rectangle Tool (M). Menempatkan di sebelah kanan, seperti terlihat pada gambar di bawah. Menggunakan warna #c4c4c4.

Membuat persegi panjang lain berukuran 300 x 2 px menggunakan Rectangle Tool (M) dan menempatkan di bawah, seperti terlihat pada gambar kedua. Menggunakan warna fill yang sama dengan sebelumnya.

3. Bagaimana Membuat Lensa Kamera

Kita telah selesai dengan badan kamera, dan sekarang saat untuk menggambar lensa. Kita akan membantu diri kita sendiri agar mencapai hal ini dengan menggunakan Ellipse Tool.

Langkah 1

Ambil Ellipse Tool (L) pada toolbar dan klik pada canvas, dan pada kotak pop-up ellipse atur ukuran ke 120 x 120 px. Menempatkan pada badan kamera seperti terlihat pada gambar kedua. Menggunakan warna fill #c4c4c4.

Langkah 2

Pilih elips dan klik kanan di atasnya.  Kemudian pilih Isolate Selected Path.  Ini akan membantu Anda untuk bekerja secara khusus dengan elips tanpa mempengaruhi sisa bentuk.

Sekarang pilih elips dan Copy (Control-C), dan Paste in Front (Control-F). Menggunakan warna fill #e3e3e3. Mengatur nilai Offset ke -2 px (Effect > Path > Offset Path...), dan tekan OK.

Memperluas penampilan elips (Object > Expand Appearance).

Langkah 3

Menambahkan delapan elips baru menggunakan Copy (Control-C mengikutkan Control-F) dari elips yang baru kita buat sebelumnya. Selain itu, menyesuaikan ukuran elips dengan panel Transform (memastikan untuk membatasi proporsi) dan mengatur warna fill sebagai berikut:

  • Elips pertama: 104 x 104 px; #b5b5b5
  • Elips kedua: 100 x 100 px; #c7c7c7
  • Elips ketiga: 96 x 96 px; #b5b5b5
  • Elips keempat: 88 x 88 px; #4f4f4f
  • Elips kelima: 84x 84 px; #383838
  • Elips keenam: 60 x 60 px; #242424
  • Elips ketujuh: 56 x 56 px; #383838
  • Elips kedelapan: 44 x 44 px; #242424

Langkah 4

Membuat elips baru berukuran 8 x 8 px pada bagian tengah menggunakan Ellipse Tool (L), dan mengatur warna fill dengan #fffdc7. Menambahkan elips ukuran 32 x 32 px dengan warna fill #ffffff, dan mengatur Opacity ke 10% pada panel Appearance.

Membuat elips lain berukuran 20 x 20 px dengan warna fill #fffdc7 dan Opacity ke 50%. Menempatkan dua elips terakhir seperti yang terlihat dalam gambar berikut.

Langkah 5

Memilih ketiga elips terakhir yang baru saja kita buat dan menjadikan satu grup dengan (Control-G). Dengan Rotation Tool (R), meletakkan anchor point pada bagian tengah elips yang paling kecil dan memutarnya 45° dengan menekan tombol Shift.

Langkah 6

Menambahkan elips 120 x 120 px dengan Ellipse Tool (L) dan menggunakan #000000 untuk warna fill.  Kirim ke belakang (Object > Arrange > Send to Back). Mengatur Opacity ke 20% pada panel Appearance.

Klik-ganda pada Selection Tool (V) dan mengatur posisi ke 4 px secara vertikal pada kotak dialog Move.

Setelah selesai, jangan lupa untuk keluar dari Isolation Mode dengan menekan tombol Escape.

4. Bagaimana Membuat Bagian Kamera Lainnya

Sekarang kita telah menyelesaikan bagian badan dan lensa, kita akan menggambar bagian lain pada kamera vintage kita, seperti dial, tombol shooting, flashlight, viewfinder, dan aksesoris lain yang membuat kamera ini indah. 

Mari kita mulai dengan dial.

Langkah 1

Klik pada canvas dengan Rectangle Tool (M) dan mengatur ukuran persegi panjang ke 46 x 2 px.  Menggunakan warna #bababa. Menempatkan 8 px dari bagian kanan, seperti yang terlihat pada gambar.

Langkah 2

Membuat sepasang persegi panjang 12 x 2 px dengan Rectangle Tool (M) dan menggunakan warna fill #999999. Membuat sepasang persegi panjang lain berukuran 4 x 2 px menggunakan warna #b0b0b0. Meletakkan seperti yang terlihat pada gambar.

Langkah 3

Membuat persegi panjang berukuran 50 x 12 px dengan Rectangle Tool (M) dan untuk warna fill #d6d6d6. Menempatkan persegi panjang yang baru kita buat di atas badan kamera.

Menambahkan 12 persegi panjang berukuran 2 x 10 px untuk bagian tepi pada dial menggunakan Rectangle Tool (M) dan terpisah secara horizontal dengan memberi jarak 2 px. Menggunakan #c4c4c4 untuk warna fill.  Menjadikan satu grup (Control-G) dan meletakkan seperti pada gambar kedua di bawah.

Langkah 4

Menggunakan Rectangle Tool (M), menambahkan persegi panjang ukuran 42 x 4 px dengan warna (#dedede). Pada saat yang sama menambahkan lima persegi panjang dengan ketinggian - Height 4 px dan kemudian menyesuaikan lebarnya - Widths sebagai berikut:

  • Persegi panjang pertama (#9c9c9c): 6 px
  • Persegi panjang kedua (#d1d1d1): 4 px
  • Persegi panjang ketiga (#d1d1d1): 4 px
  • Persegi panjang keempat (#bdbdbd): 10 px
  • Persegi panjang kelima (#9c9c9c): 8 px

Menempatkan kelima persegi panjang seperti yang terlihat pada gambar di bawah.

Langkah 5

Sekarang membuat dua cincin menggunakan persegi panjang berukuran 30 x 4 px warna (#d1d1d1) dengan Rectangle Tool (M) dan menambahkan dua persegi panjang lagi, salah satunya berukuran 6 x 4 px warna (#bdbdbd) dan persegi panjang lain 4 x 4 px warna (#dedede).

Menjadikan satu grup (Control-G) dan membuat sebuah copy (Control-C > Control-F) dan terpisah dengan jarak 4 px secara vertikal.

Langkah 6

Menambahkan tombol dial dengan membuat persegi panjang 14 x 2 px (#d1d1d1) menggunakan Rectangle Tool (M). Menambahkan empat copy dari persegi panjang ukuran 2 x 2 px beri warna setiap 2 persegi panjang dengan#9c9c9c dan #c9c9c9 masing-masing. Meletakkan seperti yang terlihat pada gambar.

Langkah 7

Menambahkan tombol kecil lain dengan membuat tiga persegi panjang lain menggunakan Rectangle Tool (M), pertama berukuran 20 x 2 px (#dedede), kedua (#9c9c9c), dan ketiga berukuran 4 x 2 px (#d1d1d1). Menjadikan satu grup (Control-G) dan meletakkan secara horizontal berjarak 2 px dari dial utama.

Langkah 8

Sekarang, mari menggambar viewfinder.  Mari membuat persegi panjang dengan sudut tepi bundar berukuran 44 x 34 px (#bdbdbd). Mengatur sudut Radius ke 3 px pada panel Transform.

Menambahkan tiga persegi panjang lagi, pertama berukuran 44 x 26 px (#383838), yang kedua berukuran 28 x 16 px (#454545) dengan sudut Radius ke 3 px, dan yang ketiga berukuran 16 x 10 px (#2b2b2b) dan sudut Radius ke 2 px. Selalu ingat untuk mengatur sudut radius dari panel Transform.

Pilih semua persegi panjang yang Anda buat dan menjadikan satu grup (Control-G).

Langkah 9

Membuat flashlight utama dari persegi panjang berukuran 34 x 24 px (#575757) dengan Rectangle Tool (M).

Menambahkan sebuah persegi panjang berukuran 2 x 20 px (#6e6e6e) dan ambil Direct Selection Tool (A) pada toolbar untuk memilih dua node pada sebelah kanan persegi panjang dan memindahkan sekaligus, bagian node atas pindah ke bawah dan bagian node bawah pindah ke atas, dengan menggunakan tanda panah pada keyboard. Menambahkan delapan copy lagi (Control-C > Control-F), terpisah dengan jarak 2 px antara satu sama lain.

Pilih semua 9 persegi panjang dan menjadikan satu grup (Control-G).

Langkah 10

Kita membuat logo pada kamera kita menggunakan elips ukuran 16 x 16 px (#c64832) dengan Ellipse Tool (L). Menambahkan persegi panjang ukuran 2 x 4 px (#ffffff) dan persegi panjang lain ukuran 8 x 2 px (#ffffff) sehingga membentuk "L" horizontal. Memilih kedua persegi panjang dan menjadikan satu grup (Control-G).

Memilih grup persegi panjang yang baru dibuat (Control-C > Control-F), dan putar 180°  dengan Rotation Tool (R), dan terpisah dengan jarak 2 px secara vertikal dari yang pertama.

Langkah 11

Membuat persegi panjang 20 x 14 px (#3b3b3b) dengan Rectangle Tool (M) dan menambahkan elips ukuran 10 x 10 px (#6b6b6b) meletakkan di tengah persegi panjang. Pilih keduanya dan menjadikan satu grup (Control-G).

Langkah 12

Membuat dua persegi panjang (#c4c4c4) dengan Rectangle Tool (M), dan satunya berukuran 36 x 4 px dan persegi panjang lain berukuran 12 x 4 px. Terpisah secara vertikal dengan jarak 2 px.

Meletakkan seperti pada gambar di bawah ini.

Langkah 13

Sekarang membuat tombol dial menggunakan empat persegi panjang dengan Rectangle Tool (M) sebagai berikut:

  • Persegi panjang pertama: 34 x 12 px (#e3e3e3)
  • Persegi panjang kedua: 8 x12 px (#cfcfcf)
  • Persegi panjang ketiga: 12 x 12 px (#c4c4c4)
  • Persegi panjang keempat: 28 x 2 px (#8a8a8a)

Meletakkan persegi panjang seperti pada gambar kedua dan menjadikan satu grup (Control-G). Kemudian tidak mengaktifkan Snap to Grid (Control-Shift-") untuk memutar dan meletakkan objek secara bebas.

Dari panel Transform, mengatur rotasi ke  329° dan meletakkan dengan bantuan Selection Tool (V). Mengirim grup ke belakang (Object > Arrange > Send to Back).

Setelah Anda selesai, ingat untuk mengaktifkan Snap to Grid (Control-Shift-") lagi.

Langkah 14

Menambahkan empat persegi panjang kecil dengan Rectangle Tool (M) mengikuti ukuran dan warna fill sebagai berikut:

  • Persegi panjang pertama: 6 x 24 px (#3d3d3d)
  • Persegi panjang kedua: 6 x 20 px (#3d3d3d)
  • Persegi panjang ketiga: 4 x 10 px (#d6d6d6)
  • Persegi panjang keempat: 2 x 10 px (#bfbfbf)

Meletakkan persegi panjang pertama di sebelah kiri dan persegi panjang kedua di sebelah kanan. Meletakkan kedua persegi panjang terakhir pada bagian bawah kiri kamera seperti yang terlihat pada gambar.

Langkah 15

Membuat dua elips 12 x 12 px (#d8d9dd) dengan Ellipse Tool (L) dan selaraskan secara horizontal ke bagian tengah. Menambahkan persegi panjang 6 x 12 px (#d8d9dd) dengan Rectangle Tool (M) dan meletakkan di setengah titik bagian kedua elips yang baru kita buat.

Pilih kedua elips dan pilih Unite pada panel Pathfinder.  Sekarang menambahkan elips berukuran 8 x 8 px dan pilih semua lagi, pilih Minus Front pada panel Pathfinder.

Langkah 16

Membuat elips lain 12 x 12 px (#cca456) dan kirim ke belakang sekali (Object > Arrange > Send Backward).

Dengan bantuan Shape Builder Tool (Shift-M), pilih semuanya dan subtract bagian sudut elips yang melekat. Menjadikan satu grup (Control-G), membuat sebuah copy (Control-C > Control-F) dan merefleksikan secara vertikal (Object > Transform > Reflect...).

Meletakkan objek seperti yang terlihat pada gambar.

Langkah 17

Sekarang mari membuat sebuah jepitan. Untuk melakukan itu, mari membuat elips pertama ukuran 16 x 16 px (#cca456) dengan Ellipse Tool (L) dan klik-ganda pada elips untuk memasuki Isolation Mode. Membuat sebuah copy (Control-C mengikutkan Control-F) pada elips berilah warna (#cccccc) dan memindahkan ke atas sekali.

Menambahkan persegi panjang berukuran 12 x 18 px (#dbdbdb) dengan Rectangle Tool (M). Sekarang menambahkan empat elips dengan Ellipse Tool (L) dengan mengikuti sebagai berikut:

  • Elips pertama: 12 x 12 px; #e3e3e3
  • Elips kedua: 8 x 8 px; #cccccc
  • Elips ketiga: 8 x 8 px; #e3e3e3
  • Elips keempat: 4 x 4 px; #cccccc

Pilih semuanya dan menjadikan satu grup (Control-G). Tekan Escape dan meletakkan jepitan seperti yang terlihat pada gambar.

Langkah 18

Membuat elips berukuran 36 x 36 px (#cca456) dengan Ellipse Tool (L),  membuat sebuah copy (Control-C > Control-F) menggunakan warna fill #ebbd63, dan memindahkan ke atas sekali menggunakan tombol panah.

Menambahkan elips baru berukuran 28 x 28 px (#cca456) dan elips lain 24 x 24 px (#ebbd63), memindahkan elips terakhir ke atas sekali. Menjadikan satu grup (Control-G) dan meletakkan dekat dengan lensa seperti pada gambar berikut.

Langkah 19

Membuat sebuah tombol baru, dengan menggunakan Ellipse Tool (L) dan membuat elips ukuran 16 x 16 px (#cca456). Membuat sebuah copy dari elips yang baru dibuat beri warna (#ebbd63) (Control-C > Control-F) dan memindahkan ke atas sekali dengan tombol panah.

Menambahkan elips baru berukuran 12 x 12 px (#b5b5b5) dan membuat sebuah copy beri warna (#8a8a8a) (Control-C > Control-F), dan menggunakan Direct Selection Tool (A) menghilangkan bagian atas node pada elips terakhir.

Membuat elips lain berukuran 8 x 8 px (#e3e3e3), copy lalu beri warna (#cccccc), dan menghilangkan bagian atas node pada elips copy ini. Ambil Rotation Tool (R) dan putar elips tersebut 45°, posisi anchor point berada di tengah elips. Menjadikan semuanya ke dalam satu grup (Control-G) dan meletakkan tombol di depan kamera.

Langkah 20

Kita akan membuat bagian terakhir menggunakan persegi panjang ukuran 12 x 26 px (#dbdbdb) dibuat dengan Rectangle Tool (M). Menambahkan elips ukuran 12 x 12 px (#cca456) dibuat dengan Ellipse Tool (L) dan membuat sebuah copy (#cccccc) dan memindahkan ke atas sekali. Membuat elips lain 8 x 8 px (#e3e3e3).

Mengambil Direct Selection Tool (A) dan memindahkan bagian atas node dari persegi panjang yang baru kita buat sebelumnya, satu ke sebelah kanan dan lain ke sebelah kiri, dan membulatkan mereka.

Terakhir menambahkan sebuah elips ukuran 4 x 4 px (#cccccc) dan membuat sebuah copy beri warna (#b5b5b5) (Control-C > Control-F). Kirim elips ke belakang sekali (Object > Arrange > Send Backward) dan memindahkan ke bawah sekali. Menjadikan satu grup (Control-G) dan putar 45° dengan Rotation Tool (R) dengan menekan tombol Shift.

Meletakkan objek di depan kamera seperti terlihat pada gambar di bawah.

Langkah 21

Membuat persegi panjang ukuran 12 x 152 px (#000000) dengan Rectangle Tool (M) dan mengurangi Opacity ke 10% pada panel Appearance. Meletakkan di sisi kiri dari kamera.

Membuat persegi panjang lain 12 x 164 px (#000000) dengan cara yang sama dan meletakkan di sisi kanan. Memilih badan utama kamera dan persegi panjang baru, dan menggunakan Shape Builder Tool (Shift-M) untuk mengurangi kelebihannya. Mengatur Opacity ke 10% pada panel Appearance.

Terakhir membuat persegi panjang ukuran 800 x 600 px (#422e39) untuk latar belakang. Kirim ke Belakang (Object > Arrange > Send to Back).

Selamat! Anda Selesai!

Kita telah selesai membuat kamera vintage dan hasil pasti sangat mengesankan! Saya banyak bersenang-senang, dan terutama saya berpikir bahwa ini adalah tutorial yang baik jika Anda mulai dengan membuat ilustrasi. Kita telah membuat sedikit dari segala sesuatu, dan itu baik karena ini akan membantu Anda untuk memperluas kemampuan Anda.

Saya berharap Anda menikmati sebanyak yang saya lakukan, dan saya berharap Anda mendapatkan keuntungan dari ini sebanyak yang Anda bisa. Ingat bahwa latihan membuat sempurna.

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.