Menggambar Hard Disk Eksternal Realistik

Ini adalah tutorial yang saya buat untuk seorang rekan, Richie Thimmaiah, blogger dan desainer dari Bangalore, India. Anda bisa menemukan artikel ini di richworks dan di DesainDigital. Di tutorial ini, saya akan memperlihatkan cara menggambar hard disk bergaya modern hanya menggunakan Photoshop. Tutorial ini bukan untuk pemula, tapi walaupun begitu saya akan mencoba menjelaskan sedetail mungkin. Jadi, jika Anda belum memahami cara pembuatan path atau belum mengetahui tentang shape vektor saya sarankan Anda untuk belajar dasar-dasar Photoshop terlebih dahulu baru kembali ke sini. Tutorial9 memiliki artikel bagus tentang path untuk pemula, baca itu.

Sebelum mulai, lihat gambar yang akan kita buat. Saya harap Anda menyukainya. Ayo kita mulai!

tutorial creating harddisk external

Waktu Dibutuhkan: 30-45 menit

Langkah 1

Mulai dengan menggambar persegi menggunakan tool rounded rectangle dengan radius 5px. Lakukan transformasi (ctrl+T), klik kanan dan pilih Perspective, lalu geser kedua pojok bawah hingga diperoleh bentuk seperti ini. Ini akan menjadi bagian depan harddisk.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 2

Klik ganda layer shape dan tambahkan layer styles berikut.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 3

Buat layer baru. Isi dengan gradasi radial dari putih ke hitam. Ubah opacity layer ke 45% dengan blend mode Screen. Ini akan memberi sedikit pencahayaan tapi efektif ke panel depan.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 4

Seleksi path dan duplikasi (ctrl+C, ctrl+V). Tekan panah atas beberapa kali dan dari baris pilihan pilih Subtract.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 5

Tambahkan gradient overlay.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 6

Duplikasi layer shape. Seleksi kedua path dan pilih Intersect.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 7

Tambah gradient overlay untuk memberinya tampilan glossy.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 8

Sekali lagi, duplikasi shape dan ubah blending modenya ke Luminosity dengan opacity 9%. Tambahkan gradient overlay dengan warna pelangi dan blend mode Luminosity. Langkah sederhana ini akan memberikan tekstur metal ke dalam panel.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 9

Gambar lingkaran kecil. Tambahkan layer styles Outer Glow dan Color Overlay. Pastikan warna di kedua layer styles ini sama agar lingkaran terlihat bercahaya.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 10

Sekarang kita buat bagian belakang hard disk. Gunakan tool rounded rectangle dengan radius 5px untuk menggambar persegi. Lakukan transformasi Perspektive hingga diperoleh bentuk seperti di bawah.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 11

Tambahkan gradient overlay.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 12

Kita perlu menambahkan highlight pada harddisk untuk memberinya tampilan 3D yang realistis. Kita menggunakan cara lama di sini, menggambar secara manual. Mulai dengan menggambar garis putih menggunakan brush lemnbut (hardness 0%). Beri Gaussian Blur dan turunkan opacity layer. hapus bagian yang tidak dibutuhkan menggunakan tool eraser lembut berukuran besar.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 13

Gambar highlight dan shadow lain. Lihat gambar di bawah untuk instruksi yang lebih detail.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 14-Menggambar Kabel

Selanjutnya menggambar kabel. Menggunakan brush keras (hardness 90%) gambar garis melengkung. Tambahkan Bevel and Emboss untuk memberinya tampilan 3D.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 15

Kabel ini terlalu pendek, bukan begitu? Kita akan memperpanjangnya. Gambar path berbentuk angka 8. Klik kanan dan pilih Stroke Path lalu beri layer styles yang digunakan di kabel sebelumnya.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 16

Duplikasi kabel (ctrl+J) lalu lakukan transformasi. Ulangi beberapa kali hingga diperoleh kabel yang lebih panjang.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 17

Sekarnag gambar beberapa garis memotong gulungan kabel. Beri layer styles yang digunakan di kabel lainnya.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 18

Punya alat berinterface USB? Bisa mouse, wacom, atau mungkin kamera. Keluarkan dan amati bentuknya, kita akan menggunakannya sebagai referensi. Selanjutnya gambar ulang bentuk itu dengan tool pen dan isi dengan warna abu-abu.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 19

Selanjutnya, gambar beberapa bentuk dan garis di colokan USB secara manual. karena ini ukurannya sangat kecil, kita tidak perlu terlalu detail. Bagaimana pun juga, penambahan beberapa detail kecil selalu memberikan hasil yang menarik.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 20

Lakukan teknik yang sama seperti di langkah 18, gambar bagian logam colokan USB. Tambahkan detail-detail lain ke dalamnya.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 21

Oops, hampir lupa! Kita masih perlu menambahkan bagian belakang kabel yang menempel ke hard disk.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 22-Menggambar Bayangan

Duplikasi semua kabel dan gabungkan (ctrl+E). Simpan di bawah kabel asli. Lakukan transformasi (ctrl+T) untuk membuatnya lebih kecil. Tekan D lalu shift+alt+delete untuk mengisi kabel dengan hitam.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 23

Sekarang kita mulai membuat bayangan harddisk. Dengan tool lasso buat seleksi di bawah hard disk dan isi dengan hitam.Tambahkan Gaussian Blur dan turunkan opacity layer agar bayangan ini terlihat sangat lembut.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 24

Selesai sudah pembuatan hard disk dan kabelnya. Kita tinggal menambah beberapa detail kecil. Untuk latar, saya lebih suka menggunakan gradasi linear dari putih ke abu-abu terang.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 25

Saya juga menambahkan beberapa teks dan memberinya Bevel and Emboss dan Outer Glow agar terlihat menonjol.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Langkah 26

Akhirnya, kita selesai. Saya harap Anda menyukai hasil akhirnya. Jika Anda mengalami masalah, jangan sungkan untuk menuliskannya di bagian komentar.

Menggambar Harddisk Eksternal Realistis Dengan Photoshop

Download File PSD.

Saya selalu suka jika sebuah menyediakan file PSD di bagian akhirnya. Pasti Anda suka juga kan? Jadi, klik di sini untuk men-download file PSD yang kita hasilkan.

Iklan

5 thoughts on “Menggambar Hard Disk Eksternal Realistik

  1. Kebetulan, saya sedang membuat banyak Icon atas permintaan klien. Yang diminta pun kebetulan Icon dengan style realistis 3D seperti ini, jadi tutorial ini jelas membantu.

    Secara kebetulan pula, sang klien request icon dengan style realistic tersebut dibuat secara vector, jadi akan sangat membantu pula jika mas suatu saat membuat tutorial yang serupa namun dengan menggunakan Adobe Illustrator.

    Saya yakin pasti banyak juga yang senang.. 🙂

  2. Saya masih belajar vektor, sepertinya belum bisa menulis tutorial vektor yang rumit.

    Sebetulnya ikon dalam vektor (Illustrator) atau pixel (Photoshop) sama saja. Ada banyak pemahaman yang salah tentang ikon, dianggapnya ikon vektor lebih baik dari ikon pixel.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s