Preview

Sebelum mulai. Lihat terlebih dahulu ikon yang akan kita peroleh di bawah.

Langkah 1

Buat persegi. Gunakan fill dan stroke dengan warna seperti di bawah.

Langkah 2

Aktifkan tool direct selection, geser pojok kiri ke bawah. Bentuk ini akan menjadi halaman koran.

Langkah 3

Saya harap Anda menggunakan CS5 saat ini. Klik ikon yang terlihat di bawah untuk memasuki mode Draw Inside. Mode ini memungkinkan Anda untuk menggambar di dalam objek. Hasilnya sebetulnya sama saja dengan penggunaan Clipping Mask namun lebih praktis.

Langkah 4

Buat sebuah kotak menutupi halaman koran. Isi dengan gradasi seperti di bawah.

Langkah 5

Tambahkan lingkaran dengan gradasi radial putih ke transparan di bagian atas.

Langkah 5

Cukup saja dengan fitur Draw Inside. Klik ikon pertama untuk kembali ke mode gambar biasa. Tambahkan teks untuk judul koran. Buat beberapa garis seperti terlihat di bawah. Perhatikan bahwa tujuan kita membuat ikon jadi garis-garis ini sudah cukup untuk merepresentasikan isi koran.

Langkah 6

Tahan Alt lalu geser garis isi berita ke bawah untuk menduplikasinya.

Langkah 7

Ulangi proses duplikasi dengan menekan Ctrl + D.

Langkah 8

Seleksi garis-garis tadi lalu duplikasi.

Langkah 9

Sekarang buat sebuah kotak untuk mewakili gambar koran.

Untuk mempermudah, pastikan Anda telah mengaktifkan Smart Guides di menu View. Fitur ini memperudah penempatan objek-objek agar rata dengan objek lainnya.

Langkah 10

Seleksi garis-garis dan teks judul koran. Klik Object > Expand untuk mengubahnya ke shape.

Buat garis memotong objek-objek di luar koran. Klik Objek > Path > Divide Objects Below. Perintah ini akan memnotong semua objek yang ada di bawah garis.

Langkah 11

Seleksi objek di luar koran lalu hapus.

Langkah 12

Kita sudah selesai dengan halaman depan. Untuk membuat halaman belakang, gandakan halaman depan lalu isi dengan garis-garis. Lihat gambar di bawah untuk referensi.

Langkah 13

Simpan objek hasil duplikasi di belakang halaman pertama. Putar sedikit.

Langkah 14

Kita mulai membuat bayangan. Buat segitiga seperti di bawah dan simpan di antara kedua halaman. Klik Effect > Blur > Gaussian Blur.

Langkah 15

Sebagian bayangan berada di luar koran. Buat bentuk baru seukuran dengan halaman belakang koran. Pastikan berada di depan bayangan. Seleksi keduanya, bayangan dan objek baru, lalu klik Object > Clipping Mask > Make atau tekan Ctrl + 7.

Langkah 16

Seleksi kedua halaman koran dan tekan Ctrl + G untuk menggabungkannya ke dalam group. Buat lingkaran di bawah koran dengan gradasi radial hitam ke transparan. Ubah bentuknya hingga ellipse.

Langkah 17

Ulangi langkah 16 kali ini buat lingkaran lebih besar dan turunkan opacity-nya.

Kesimpulan

Saya harap Anda belajar satu atau beberapa teknik dari tutorial ini. Jika ada pertanyaan silakan lontarkan di kolom komentar.

Related posts:

• Menggambar Ikon Pensil dengan Adobe Illustrator
• Membuat Ikon Baterai dengan Photoshop
• Cara Mudah Desain Ikon Glossy
• Membuat Gambar Abstrak Dinamis dengan Ilustrasi dan Garis Geometris

Preview

Seperti biasa, sebelum memulai tutorial ini lihat terlebih dahulu gambar yang akan kita hasilkan.

Langkah 1

Buka Illustrator, buat file baru (File > New) dengan ukuran 1024×768 px.

Langkah 2

Aktifkan tool poligon. Klik di atas kanvas dan masukkan setting side: 6 untuk menghasilkan bentuk hexagon. Atur bentuknya gar seperti terlihat di bawah. Ubah juga warnanya ke orange muda.

Langkah 3

Di bawah hexagon, buat persegi panjang menggunakan tool rectangle. Atur warnanya ke kuning.

Langkah 4

Klik tengah bawah persegi panjang dengan tool pen untuk menambah titik baru. Dengan tool panah putih, seleksi titik tadi dan geser ke bawah.

Langkah 5

Aktifkan tool move. Sambil menahan alt geser bentuk tadi ke kiri untuk membuat duplikasinya. Dengan tool shear ubah bentuknya hingga menempel dengan hexagon.

Langkah 6

Seperti tadi, buat sisi kanan. Ubah warna persegi-persegi ini jadi kuning muda dan kuning tua.

Langkah 7

Aktifkan tool elips dan gambar elips hitam di bagian atas pensil.

Langkah 8

Dengan tool pen, gambar segitiga di bawah pensil. Ini akan menjadi ujung pensil. Ubah warnanya ke gradient seperti di bawah.

Langkah 9

Sekarang di atas segitiga tadi buat lagi segitiga lebih kecil. Turunkan opacity-nya ke 62%.

Langkah 10

Klik Effects > Blur > Gaussian Blur. Beri radius 5,4 pixels lalu klik OK. Sekarang bentuk ini menjadi highlight di ujung pensil dan memperkuat kesan 3D.

Langkah 11

Proses blur akan membuat ukuran highlight membesar. Kita perlu mengatur agar highlight ini tetap berada di ujung pensil dengan memberinya clipping mask. Aktifkan segitiga ujung pensil lalu tekan ctrl+C untuk copy. Aktifkan segitiga highlight lalu tekan ctrl+F untuk menyimpan segitiga hasil copy ke depannya. Seleksi keduanya dan klik Object > Clipping Mask > Make (ctrl+7).

Langkah 12

Tentu saja, jangan lupa karbon di ujung pensil. Buat bentuk seperti di bawah dengan tool pen. Copy lagi segitiga ujung pensil (ctrl+C) dan simpan di atas objek tadi. Seleksi keduanya lalu tekan ctrl+7.

Langkah 13

Gambar segitiga kecil berwarna putih di dalam ujung pensil dan turunkan opacity-nya ke 35%.

Langkah 14

Di bagian atas, buat beberapa persegi panjang. Atur agar warnanya makin ke kanan makin gelap, sama seperti warna sisi pensil.

Langkah 15

Seleksi semua objek di dalam pensil lalu tekan ctrl+G. Semuanya sekarang sudah berada dalam satu group. Seleksi pensil lalu putar posisinya.

Langkah 16

Gandakan pensil dengan ctrl+C lalu ctrl+F. Putar posisinya hingga seperti di bawah. Ini akan kita buat sebagai refleksi pensil di lantai.

Langkah 17

Kita perlu menyembunyikan sebagian refleksi pensil ini. Buat persegi panjang menutupi refleksi pensil. Isi dengan gradasi dari putih ke hitam.

Langkah 18

Seleksi refleksi pensil dan kotak yang menutupinya.

Langkah 19

Di kotak transparency buka menu panel dan pilih Make Opacity Mask.

Langkah 20

Untuk bayangan, gandakan kembali pensil dan simpan di atas lantai. Dari panel Color ubah warnanya menjadi hitam.

Langkah 21

Klik Effects > Blur > Gaussian Blur.

Langkah 22

Buat kotak dengan gradasi hitam ke putih menutupi bayangan pensil. Seleksi keduanya lalu tekan ctrl+7.

Langkah 23

Ini dia hasilnya, sebagian bayangan menghilang.

Kesimpulan

Terakhir, sebagai pemanis buat kotak di paling bawah dan isi dengan gradasi radial dari abu-abu ke putih. Saya harap Anda menyukai tutorial ini dan belajar satu atau dua teknik darinya. Ingat! Saya juga masih belajar Illustrator. Jika Anda memiliki tips Illustrator, bantu saya dengan menuliskannya di bagian komentar.

Related posts:

• Membuat Ikon Berita dengan Adobe Illustrator
• Menggambar iPod dalam Berbagai Warna dengan Smart Object
• Cara Mudah Desain Ikon Glossy

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

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.

Langkah 2

Klik ganda layer shape dan tambahkan layer styles berikut.

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.

Langkah 4

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

Langkah 5

Tambahkan gradient overlay.

Langkah 6

Duplikasi layer shape. Seleksi kedua path dan pilih Intersect.

Langkah 7

Tambah gradient overlay untuk memberinya tampilan glossy.

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.

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.

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.

Langkah 11

Tambahkan gradient overlay.

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.

Langkah 13

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

Langkah 14-Menggambar Kabel

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

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.

Langkah 16

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

Langkah 17

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

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.

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.

Langkah 20

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

Langkah 21

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

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.

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.

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.

Langkah 25

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

Langkah 26

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

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.

Related posts:

• Menggambar iPod dalam Berbagai Warna dengan Smart Object
• Menggambar Ikon Pensil dengan Adobe Illustrator
• Menggambar Langit Bergaya Kartun
• Menggambar Kamera Digital Realistis

Langkah 1.

Buat file baru, ukuran 512×512 pixel, mode warna RGB, dengan background putih. Dari panel layers, buat group baru dan beri nama icon. Dengan cara ini, ikon yang kita buat akan lebih mudah terorganisir.

Langkah 2

Aktifkan tool Rounded Rectangle. Dari baris pilihan atur radius 30 px. Tahan shift dan geser untuk membentuk sebuah persegi. Anda bisa menggunakan warna apaun karena kita akan mengubahnya menggunakan layer styles.

Langkah 3

Klik ganda layer shape kita dan tambah beberapa layer style. Gunakan setting seperti yang terlihat di bawah.

Ketika setting gradient overlay terpilih, klik dan geser ke bagian atas kotak untuk memindahkan sumber cahaya.

Step 4

Tahan ctrl dan klik layer shape.

Tahan shift+alt dan menggunakan tool elips marquee buat seleksi lain di bagian atas.

Kedua seleksi akan saling memotong dan menghasilkan bentuk ini.

Langkah 5

Buat lagi layer baru. Aktifkan tool gradient. Tambahkan gradasi linear dari putih ke hitam.

Ubah blending mode layer ke Screen dan turunkan opacity ke 60%.

Step 6

Copy paste logo yang ingin Anda gunakan. Saya menggunakan logo dari salah satu situs favorit saya, 1stwebdesigner.

Tekan D untuk mengubah warna depan ke hitam. Menggunakan tool pen, gambar ulang logo secara manual.

Setelah selesai menggambar logo, kita bisa menyembunyikannya dengan cara klik ikon mata di depan layer.

Langkah 7

Sekali lagi, kita perlu menambahkan layer styles ke dalam logo. Gunakan setting di bawah.

Langkah 8

Langkah terakhir ialah mengganti knockout ke Deep dan menggeser slider hitam di bawahnya. Ini akan menambahka lubang pada layer yang memungkinkan kita untuk melihat langsung ke Background.

Gambar Akhir dan Download File PSD

Di bawah adalah gambar terakhir kita.

Saya juga menambahkan beberapa warna pada Background untuk meyakinkan Anda bahwa ikon kita benar-benar memiliki lubang.

Saya harap Anda menyukai tutorial ini. Jika memiliki ide lain tentang pembuatan tutorial, silakan tuliskan di bawah.

Related posts:

• Mockup Produk Apple dan Tutorial Cara Penggunaannya
• Membuat Ikon Berita dengan Adobe Illustrator
• Desain Gambar untuk Pengumuman di Situs
• Menggambar Ikon Pensil dengan Adobe Illustrator

Related posts:

• Tutorial Radio Tape era 80 dan Download Ikon Gratis
• Cara Mudah Desain Ikon Glossy
• Membuat Ikon Berita dengan Adobe Illustrator
• Menggambar Ikon Pensil dengan Adobe Illustrator