logo ilmugrafis
Home Tutorials News Artikel Fonts Download Gallery Kontak
Google Powered Search
 
ilmu grafis » PHOTOSHOP ALTERNATIF

Membuat Icon Downloads

Publish: 20 Agustus 2010 | Author & Copyright: Miko | Status: FREE tutorial

Halo Selamat berjumpa kembali dengan saya Mr. Miko di Tutorial Terbaru saya yaitu membuat icon download. Untuk keperluan membuat website atau blog biasanya membutuhkan beberapa tampilan gambar seperti header, banner atau icon-icon menu agar terlihat tampak  bagus dan rapi, pada  tutorial kali ini penulis akan membahas bagaimana membuat icon download dengan Photoshop.

1. Langkah pertama yaitu Buatlah 2 layer baru dengan cara klik Menu Layer >> Layer >> New atau Ctrl+Shift+N
ilmugrafis image

Dilayer 1 buatlah sebuah lingkaran dengan menggunakan Tool box  Elipse Tool (U)
ilmugrafis image

Duplicate layer 1 dengan cara klik kanan pilih Duplicate Layer
ilmugrafis image

2. Langkah selanjutnya yaitu untuk gambar lingkaran yang ada dilayer 1 copy  pindah dan kecilkan ukuran dengan menggunakan Menu Transfrom
ilmugrafis image

Kembali kelayer 1 silakan klik kanan layer dan pilih Blending Options untuk warna gunakan kombinasi palet warna hitam-putih
ilmugrafis image

Untuk Outer Glow  dan Drop Shadow isikan nilai seperti yang ada gambar dibawah ini
ilmugrafis image

ilmugrafis image

3. Setelah selesai lanjut kelayer 1 copy
klik kanan layer dan pilih Blending Options, untuk warna gradientnya gunakan kombinasi warna merah-merah gelap atau warna lainnya
ilmugrafis image

ilmugrafis image

Untuk Inner Shadow isikan nilainya seperti yang ada digambar
ilmugrafis image

Jika sudah selesai klik OK, dan geser posisi lingkaran yang kedua tadi keposisi ditengah lingkaran pertama nanti hasilnya nampak seperti ini
ilmugrafis image

4. Langkah selanjutnya yaitu membuat arah panah, gunakan toolbox Custom Shape Tool (U)  dan pilihan gambar shapenya akan muncul dimenu drawing pilih gambar shape arrow 9 atau gambar nomer tiga dari atas kiri
ilmugrafis image

Buatlah panah seukuran kira-kira seperti digambar
ilmugrafis image

Jika sudah Transform [ Ctrl+T] gambar tersebut

ilmugrafis image

5. Langkah selanjutnya yaitu menggabungkan layer 1 dan layer 1 copy klik salah satu layer kemudian diikuti layer berikutnya dengan cara mencentang layer seperti yang ada digambar yang sudah ditandai dengan lingkaran merah. Jika sudah selesai tekan tombol keyboard Ctrl + E atau masuk menu Layer >> Merge Down

ilmugrafis image

Langkah selanjutnya masuk kelayer 2 buatlah sebuah seleksi lingkaran dengan menggunakan Elliptical Marquee Tool (M) kemudian gunakan Gradient Tool (G) dan pilih mode Linear Gradient  untuk member warna
ilmugrafis image

dan untuk optionsnya Foreground to Transparent dan klik OK
ilmugrafis image

Lakukan pemberian warna transparasi
ilmugrafis image

Jika sudah masuk ke layer untuk Opacity beri nilai 50% agar warna mejadi transparan
ilmugrafis image

Kurang lebih hasilnya akan seperti ini , bisa juga ditambahi dengan kata-kata Download File
ilmugrafis image
Download icon by Miko
Semoga bermanfaat artikel yang dibahas ini dan terima kasih untuk kesempatan menjadi penulis di ilmuGrafis
Terima kasih
Selamat mencoba, Semoga Berhasil …… ^_^

<> Author This Tutorial
author
<> Info dan Kontak Penulis
Miko Wibowo
Tentang Penulis : Lahir di Bandar Lampung, 21-09-1989 besar di Tulungagung dan sekarang merantau ke Yogjakarta dan bekerja sebagai teknisi komputer dan jaringan serta aktif sebagai mahasiswa di jurusan DKV - Akademi Seni Rupa dan Desain MSD Yogyakarta. Hobby menggambar, buat lagu, membuat animasi dan yang berhubungan tentang dunia seni dan desain grafis

Motto : Tak ada kata menyerah dalam menggapai impian
homepage : http://miko-net.blogspot.com/ dan http://readmyco.blogspot.com/

Penulis dapat dihubungi via:
YM : mikomove
Email :
kamiko99@gmail.com
myco_sql@yahoo.co.id

Saya (Penulis) bersedia mematuhi ketentuan dan peraturan di IG
- Tutorial / Artikel ini resmi saya diberikan untuk dipublikasikan di www.ilmugrafis.com
- Kritik, Saran, maupun Pertanyaan seputar Tutorial bisa menghubungi Penulis
Semoga Bermanfaat, Terima kasih

<> info dan Layanan ilmugrafis.com
Share URL Share the URL of this Tutorial in IM, Email or post in forums.

* Code copied to clipboard
Download Service PDF File: Belum Tersedia
Source File: Belum Tersedia

Rekomendasi Resmi ilmuGrafis
Metode Belajar Cepat dan Mudah dengan Video Tutorial dan Desain Grafis Source
Dipersembahkan oleh www.ilmuGrafis.net
PSD CE
Photoshop Complete Edition

Koleksi Lengkap Video Tutorial Photoshop dan mulai dari Efek Foto Professional hingga manipulasi foto terungkap semua disini
PLGNT
Plugins Topaz dan NIK

Koleksi Plugins Photoshop yang powerfull untuk membuat Foto - Fotomu Lebih Berwarna dan Bermakna
PSD DG
Photoshop Desain Grafis

Video Tutorial Photoshop CS 3 ini mengungkap penggunaan teknik-teknik photoshop yang sering digunakan para praktisi
video tutorial
Ultimate Brush Photoshop

Kumpulan dan Koleksi Brush Premium Photoshop siap pakai untuk keperluan desain anda
video tutorial
Plugins Suite 5

Kumpulan Plugins Premium dan Plugins Suite 5 untuk meningkatkan kemampuan dan menambah fitur Photoshop anda
photo frame icon
Fantastic Photo Frames

Kumpulan Frame dan Digital Frame siap pakai untuk keperluan frame dan mempercantik foto anda secara Instan



ARTsense 1
Advertisement

Aturan dan Kebijakan di website ilmugrafis

  • Semua Konten di ilmuGrafis.com bertujuan sebagai media pendidikan dan pembelajaran, oleh karena itu dimohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain
  • Kami melakukan segala upaya untuk memastikan bahwa informasi di ilmuGrafis.com tersaji seakurat dan sebaik mungkin. Anda bisa melaporkan jika ada konten ataupun informasi yang tidak berkenan di Kontak
  • Jika anda ingin memposting ulang atau mengcopy konten yang ada di ilmuGrafis.com maka silahkan membaca terlebih dahulu Terms Of Use
Search Pilih Kategori
PHOTOSHOP
Photoshop Dasar
Photoshop Teks Effect
Photoshop Photo Efek
Photoshop Alternatif
Photoshop Extra
CORELDRAW
CorelDRAW Dasar
CorelDRAW Logo
CorelDRAW Bebas
CorelDRAW Extra Tools
PHOTOGRAPHY
Lightroom
VECTORIZE
Adobe Illustrator
ANIMATION
Flash
Swishmax
MODELING
3dsMAX
AutoCAD
Cinema 4D
Maya
VIDEO EDITING
Adobe Premiere
After Effect
Pinnacle
WEB DEVELOPER
Dreamweaver
jQuery
Fireworks
PUBLISHING
Freehand
InDesign
Ms. Paint
Ms. Visio
FREEWARE
Gimp
Inkscape
CREATIVE-ZONE
Gallery
Papercraft
Liga Grafis
Hall Of Fame
EXTRA
News
Artikel
Hiburan
Bursa Kerja
Jasa Grafis

Link To Us
ilmu grafis indonesia

Peta Situs Term of Use web edukasi - ilmugrafis.com Indonesia
© 2008 - 2014 ilmuGrafis.com Design and Development by IG Team.
All other trademarks are the property of their respective owners.
kembali ke atas / back to top