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

Bagaimana Membuat Radio 90-an di Adobe Illustrator

Read Time: 7 mins

Indonesian (Bahasa Indonesia) translation by Kurniawan Sugi Purwanto (you can also view the original English article)

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

Siapa yang tidak ingat radio portabel yang menakjubkan itu? Ingatlah masa ketika Anda terbiasa mendengarkan musik dari kaset atau mencari di stasiun radio, pada saat belum ada iPOd atau Spotify?

Hari ini kita akan mengingat radio dalam gaya terbaik tahun 1990an dengan menggunakan bentuk dasar dan sederhana di Adobe Illustrator. Mari kita mulai pestanya!

Temukan lebih banyak desain berinspirasi 90an, di Envato Elements.

1. Bagaimana Membuat Dokumen Baru dan Mengatur Grid

Tekan Control-N untuk membuat New Document. Atur Units ke Pixels, dan masukkan 800 x 600 untuk panjang dan lebar dokumen. Lalu di pilihan Advanced, pilih RGB, Screen (72 ppi), dan pastikan untuk menghapus centang Align New Objects to Pixel Grid box sebelum mengeklik OK.

Buka Preferences (Control-K) dan masukkan 1 px untuk Keyboard increment. Tekan OK.

Anda bisa mengaktifkan panel Info (Window > Info) untuk mendapatkan pratinjau ukuran dan posisi bentuk-bentuk Anda. Ingatlah untuk mengatur unit pengukuran ke Pixels di Edit > Preferences > Units. Ini akan sangat mempercepat pekerjaan Anda.

Set Up a New document and Set Keyboard incrementSet Up a New document and Set Keyboard incrementSet Up a New document and Set Keyboard increment

2. Bagaimana Membuat Radionya

Kita akan memulai dengan membuat badan radionya, lalu kita lanjutkan ke elemen-elemen berikutnya.

Langkah 1

Mulailah membuat badan radio dengan persegi panjang 400 x 134 px menggunakan Rectangle Tool (M). Gunakan #3C3741 sebagai warna pengisinya.

Lalu pilih Direct Selection Tool (A) dan gerakkan node dibawah persegi panjang sejauh 5 px dengan menggunakan tombol keyboard; gerakkan satu ke kiri dan satunya lagi ke kanan.

Creating a rectangle for the base of the radioCreating a rectangle for the base of the radioCreating a rectangle for the base of the radio

Langkah 2

Untuk speakernya, duplikasi persegi panjang sebelumnya dua kali (Control-C diikuti dengan Control-F) dan gerakkan salinan kedua sejauh 120 px ke kanan. Lalu terapkan Minus Front pada salinan sebelumnya dengan menggunakan panel Pathfinder.

Terapkan offset -8 px pada bentuk yang dihasilkan (Effects > Path > Offset Path) lalu ekspansikan bentuknya (Object > Expand Appearance). Terakhir, bulatkan semua titik kecuali kanan bawah dengan menggunakan Live Corners dengan Direct Selection Tool (A).

Gunakan #342F38 sebagai warna isian.

Creating the speakerCreating the speakerCreating the speaker

Langkah 3

Sekarang gandakan speakernya (#46424D) (Control-C > Control-F) dan terapkan offset -4 px di Effects > Path > Offset Path. Lalu buat suatu elips 80 x 80 px (#3E3942) dengan menggunakan Ellipse Tool (L).

Gandakan elipsnya dua kali (Control-C > Control-F) dan gerakkan salinan terakhir sedikit ke kiri untuk membuat bayangan, dan atur Minus Front pada elips sebelumnya dengan menggunakan panel Pathfinder. Ubah warna isiannya jadi #37333B.

Buat elips 25 x 25 px (#342F38) dan ulangi prosedurnya dengan menggunakan elips sebelumnya. Gunakan #2F2B33 sebagai warna isian bayangan.

Adding details at the speakerAdding details at the speakerAdding details at the speaker

Langkah 4

Sekarang mari membuat wadah speaker dengan menggunakan persegi panjang 4 x 200 px (#37333B). Gandakan (Control-C > Control-F) dan pisahkan sejauh 200 px.

Pilih keduanya lalu terapkan Blend (Alt-Control-B), dan tetapkan specific space ke angka 20 di Object > Blend > Blend Options. Sekarang gandakan batangnya dan putar 90° dengan menggunakan Rotate Tool (R). Kelompokkan wadah speaker jadi satu (Control-G) dan putar 45º.

Sekarang posisikan di tengah wadah speakernya dan gandakan bentuk interior speakernya, kemudian bawa ke depan (Right click > Arrange > Bring to Front). Pilih wadah dan bentuknya lalu buat suatu cut mask (Control-7). Kelompokkan semua elemen speaker jadi satu (Control-G).

Adding the cover for the speakersAdding the cover for the speakersAdding the cover for the speakers

Langkah 5

Gandakan speakernya (Control-C > Control-F) lalu refleksikan (Right Click > Transform > Reflect), kemudian letakkan speakernya di sisi lain radio tersebut.

Sekarang klik dua kali badan radio untuk memasuki Isolate Mode. Tambahkan persegi (#342F38) yang ukurannya setara separuh radio. Hapus sisa bentuk yang ada dengan Shape Builder Tool (Shift-M).

Adding a shadow for the base shapeAdding a shadow for the base shapeAdding a shadow for the base shape

Langkah 6

Sekarang mari membuat wadah pemutar kaset dengan menggunakan persegi panjang 120 x 40 px (#28252B). Buat sudut talang 18 px di titik-titik bagian bawah dengan menggunakan panel Transform.

Lalu tambahkan jendela dengan menggunakan persegi panjang 48 x 16 px (#5F5866) dan bulatkan simpul-simpul di bawah dengan menggunakan Direct Selection Tool (A). Lalu buat elips berukuran 8 x 8 px  (#28252B) dan elips lain berukuran 3 x 3 px  (#5F5866), kelompokkan jadi satu, dan gandakan elips-elipsnya (Control-C > Control-F) lalu letakkan keduanya di tengah jendela.

Creating the cassete trayCreating the cassete trayCreating the cassete tray

Langkah 7

Buat suatu persegi panjang (#514B57) yang sedikit menutupi jendela dan kurangi bentuknya dengan Shape Builder Tool (Shift-M).

Lalu buat dua persegi panjang yang berukuran panjang (#FFFFFF) dan atur Opacity ke 25% dengan menggunakan panel Appearance. Putar 45° dan letakkan di jendela, hapus bentuk yang tersisa dengan menggunakan Shape Builder Tool (Shift-M).

Adding more details in the casseteAdding more details in the casseteAdding more details in the cassete

Langkah 8

Selanjutnya adalah membuat display-nya. Untuk itu, gunakan suatu persegi panjang 50 x 28 px (#28252B) dan bulatkan sudut-sudutnya dengan 6 px sebagai radius dari panel Transform. Buat suatu persegi panjang 42 x 26 px (#5F5866) dan ubah radius sudut jadi 2 px.

Buat bayangan dalam dengan menggandakannya dua kali (Control-C > Control-F) lalu geser ke bawah salinan terakhirnya sejauh 3 px. Terapkan Minus Front dari panel  Pathfinder dan gunakan #4C4652 sebagai warna isian.

Creating the displayCreating the displayCreating the display

Langkah 9

Sekarang mari menggambar perincian dalam display dengan Pen Tool (P). Gunakan ketebalan goresan 2 px dan atur warna isiannya ke #28252B, lalu gambar angka dan sejumlah titik. Atur goresannya sebagai Projecting Tap dari panel Stroke.

Sekarang gandakan bentuk bingkai luar display (Control-C > Control-F) dan atur offset -2 px di Effects > Path > Offset Path. Ekspansi bentuknya (Object > Expand Appearance).

Lalu tambahkan tiga persegi panjang berukuran panjang (#FFFFFF) dan atur Opacity ke 15%, miringkan 45º dengan Rotate Tool (R), dan kurangi bentuk yang tersisa dari bingkai sebelumnya dengan menggunakan Shape Builder Tool (Shift-M).

Adding the numbers in the displayAdding the numbers in the displayAdding the numbers in the display

Langkah 10

Buat sembilan tombol dengan menggunakan elips 6 x 6 px  (#28252B) dan suatu elips 3 x 3 px (#342F38), kelompokkan jadi satu (Control-G), dan gandakan bentuknya sembilan kali. Posisikan sebagaimana ditunjukkan pada gambar di bawah ini.

Creating buttons circularCreating buttons circularCreating buttons circular

Langkah 11

Lalu tambahkan tombol lainnya dengan menggunakan persegi panjang 14 x 6 px (#342F38) dan bulatkan sudut sebelah kiri dengan menggunakan Direct Selection Tool (A).

Selanjutnya gandakan dua kali (Control-C diikuti dengan Control-F) dan geser salinan terakhir ke atas sejauh 2 px (#28252B), lalu terapkan Minus Front pada bentuk sebelumnya dengan menggunakan panel Pathfinder. Kelompokkan semuanya jadi satu (Control-G) dan gandakan (Control-C > Control-F). Refleksikan dan letakkan dua bentuk itu bersebelahan.

Adding another buttonsAdding another buttonsAdding another buttons

Langkah 12

Tambahkan tujuh tombol di atas dengan menggunakan persegi panjang 13 x 13 px (#28252B), dan posisikan tiap 7 px. Pada tombol pertama dari kiri, buat persegi panjang 10 x 3 px (#3C3741).

Sekarang klik dua kali bagian dasar radio untuk memasuki Isolate Mode. Buat suatu persegi panjang 185 x 20 px (#342F38), atur radius sudut sebesar 10 px dengan menggunakan Rounded Rectangle Tool, lalu posisikan sedikit menutupu radionya dan kurangi bentuk yang tersisa dengan menggunakan Shape Builder Tool (Shift-M).

Tekan Escape untuk keluar dari Isolate Mode.

Adding the top buttonsAdding the top buttonsAdding the top buttons

Langkah 13

Sekarang kita membuat pegangan radionya. Buat dua persegi panjang 20 x 50 px (#46424D) dan satu persegi panjang 315 x 20 px (#46424D). Posisikan membentuk U terbalik dan terapkan Unite dari panel Pathfinder.

Kemudian bulatkan sedikit sudut atas dengan menggunakan Live Corners dengan Direct Selection Tool (A). Buat suatu persegi panjang 185 x 20 px  (#342F38) dan atur radius sudut sebesar 10 px dengan menggunakan Rounded Rectangle Tool, lalu posisikan di tengah di atas pegangan radio dan kurangi bentuk yang tersisa dengan Shape Builder Tool (Shift-M).

Terakhir, buat dua persegi panjang 20 x 10 px (#342F38) dan posisikan di bagian dalam pegangan. Kelompokkan jadi satu (Control-G) dan tetapkan posisinya di atas radio.

Creating the handle of the radioCreating the handle of the radioCreating the handle of the radio

Langkah 14

Buat enam belas  persegi panjang 4 x 2 px (#666666) dan atur radius sudutnya ke 2 px dengan menggunakan Rounded Rectangle Tool, selanjutnya posisikan pada tombol-tombol kecil. Setelahnya buat empat buah persegi panjang 10 x 2 px (#666666) lalu posisikan pada wadah pemutar kaset dan dua yang lainnya di bawah tombol-tombol display..

Terakhir, tambahkan suatu persegi panjang 28 x 6 px (#666666) pada pegangan radio, dan atur radius sudut ke 3 px. Kelompokkan radionya (Control-G).

Adding some shadowsAdding some shadowsAdding some shadows

3. Bagaimana Membuat Not Musik

Langkah 1

Sekarang radioanya sudah kita selesaikan, kita akan mulai menggambar not musik dan detail-detail akhir lainnya. Mulailah dengan membuat suatu elips 6 x 6 px, sebuah persegi panjang 2 x 14 px, dan persegi panjang lain 8 x 12 px. Kelompokkan jadi satu dan bentuk not musik pertama.

Gandakan not musik (Control-C > Control-F) untuk membuat yang lain, dan tambahkan persegi panjang 2 x 14 px lainnya serta elips 6 x 6 px. Ubah lebar persegi panjang atas ke 12 px, dan kelompokkan not musik kedua (Control-G).

Lalu bermainlah dengan elips 6 x 6 px dan elips 3 x 3 px yang berbeda, ubah-ubahlah dengan warna isian berikut: #FF6766, #00B5B5, #9684A3, #B0ABA0.

Creating the musical notes with rectangles and ellipsesCreating the musical notes with rectangles and ellipsesCreating the musical notes with rectangles and ellipses

Langkah 2

Untuk menuntaskan ini, buat suatu persegi panjang 800 x 600 px (#EAE4D5) lalu kirimkan ke belakang kanvas (Object > Arrange > Send to Back).

Sekarang tambahkan satu elips 532 x 24 px (#D4CFC1) sebagai bayangan radio. Kirimkan ke belakang radio (klik kanan > Arrange > Send Backward).

Final details in the backgroundFinal details in the backgroundFinal details in the background

Keren! Anda Sudah Selesai!

Tuntas! Anda berhasil menuntaskan tutorial ini. Sebagaimana Anda bisa lihat, ini sangat mudah dan hanya butuh beberapa langkah. Saya harap tutorial ini bermanfaat bagi Anda dan Anda telah mempelajari banyak hal baru untuk ilustrasi Anda di kemudian hari. Saya akan melihat komentar-komentarnya!

Final resultFinal resultFinal result

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.