Membuat Icon Downloads

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


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


Duplicate layer 1 dengan cara klik kanan pilih Duplicate Layer


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


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


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




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




Untuk Inner Shadow isikan nilainya seperti yang ada digambar


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


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


Buatlah panah seukuran kira-kira seperti digambar


Jika sudah Transform [ Ctrl+T] gambar tersebut



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



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


dan untuk optionsnya Foreground to Transparent dan klik OK


Lakukan pemberian warna transparasi


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


Kurang lebih hasilnya akan seperti ini , bisa juga ditambahi dengan kata-kata Download File


Terima kasih
Selamat mencoba, Semoga Berhasil …… ^_^

BACA SELENGKAPNYA DI SINI

Photorealisme Membuat Rantai

Tutorial Photoshop Terbaru kali ini adalah membuat object nyata dengan photoshop atau istilah kerennya lebih dikenal dengan Photorealisme dan object yg kita buat kali ini yaitu Rantai, Rantai ini dipakai untuk mengunci pagar, sepeda, pintu, dll (weleh ngelantur nih) oke mari kita membuat rantai dengan Photoshop

Langkah - langkahnya kurang lebih seperti ini:
1. Buka Program Photoshop di PC atau Laptop anda
Start >> All Program >> Photoshop (disini penulis memakai Photoshop CS5) namun bagi yg menggunakan photoshop versi lama usahakan memakai photoshop CS
Lalu buat Lembar Kerja Baru
File >> New
contoh disini menggunakan 500 x 500 pixel

2. buat sebuah bangun lonjong (elipse) dengan elilpse Tool (gambar a)

Klik kanan lalu pilih Rasterize Layer (gambar b), kemudian
buat seleksi dengan Eliptical Marquee Tool

setelah itu tekan Del - untuk menghapus bagian yang diseleksi

ok sekarang buat bangun kotak dengan sisi yang melingkar (Caranya gunakan Rounded Rectangle Tool >> buat bangun tersebut di bawah elipse tadi >> dan setelah selesai jangan lupa Rasterize Layer)
sehingga anda punya 2 gambar seperti ini


3. Tambahkan Layer Style dengan pengaturan seperti ini ke kedua Shape (Shape 1 dan Shape 2)
Klik kanan Shape >> lalu pilih Blending Options...


maka akan muncul tampilan seperti ini, atur sesuai properties disini:


lalu


kemudian


dan juga... wah banyak banget bos... sabar ya ^_^v


nah selesai lanjutkan ke shape 2
dan jadinya seperti ini

cihui dah jadi para pemirsa eh salah para pembaca, gunakan move tool untuk memindah - mindahkan object

tinggal digandakan (tekan apa? masak lupa... yak benar tekan CTRL + J bagi yang lupa atau belum tahu ini fungsinya untuk membuat duplikat layer)
gandakan sesuka hati dan gunakan transform untuk membesarkan memutar mengecilkan dll, ginilah enaknya photoshop... yg besar bisa dikecilkan yg kecil bisa dibesarkan :)
bagi yang belum tahu cara transform klik disini Penjelasan dan Penguasaan Teknik Transform

Tergantung kreatifitas kalian sekarang mau dijadikan apa, berikut contoh hasil jadinya dari saya penulis IG

Demikian Rantai Makanan eh salah Rantai Realisme (Object nyata) dengan Photoshop
Selamat Belajar Photoshop
Semoga bermanfaat ^_^

BACA SELENGKAPNYA DI SINI

Membuat Apple Wireless Keyboard

Kali ini kita akan belajar membuat object realistis (Photorealisme) yang lainnya yaitu Keyboard Ultra Clean dengan kemampuan Wireless (tanpa kabel) dari Apple. Sebelum melanjutkan mari kita menambah wawasan kita, Apple, Inc. (sebelumnya bernama Apple Computer, Inc.) adalah sebuah perusahaan yang terletak di daerah Silicon Valley, Cupertino, California, yang bergerak dalam bidang teknologi komputer.

Apple membantu bermulanya revolusi komputer pribadi pada tahun 1970-an dengan produknya Apple II dan memajukannya sejak tahun 1980-an hingga sekarang dengan Macintosh. Apple terkenal akan perangkat keras ciptaannya, seperti iMac, Macbook, perangkat pemutar lagu iPod, dan telepon genggam iPhone. Beberapa perangkat lunak ciptaanya pun mampu bersaing di bidang kreatif seperti penyunting video Final Cut Pro, penyunting suara Logic Pro dan pemutar lagu iTunes yang sekaligus berfungsi sebagai toko lagu online dan saat ini September 2012 akan mengeluarkan Iphone 5. (sumber : wikipedia)

Ok kembali ke topik tutorial yaitu Apple Wireless Keyboard, begini langkah - langkahnya :
1. Buka Program Photoshop dan buat lembar kerja baru (CTRL + N) , ukurannya terserah namun disini saya menggunakan ukuran 950 pixel x 410 pixel

Setelah itu tekan OK

2. Tekan CTRL + Shift + N , tekan OK
Warnai Layer baru tersebut caranya Klik Paint Bucket Tool dan Atur warna Foreground, warnai dengan warna Abu - abu kehitaman hexadecimal #313338,
Jika belum tahu klik disini tentang apa itu hexadecimal

sehingga nantinya lembar kerja kita berwarna abu - abu kehitaman tadi

3. Klik Rectangle Shape Tool (lihat panah) , pilih yang rounded - kotak agak membulat (lihat panah) , buat kotak di tengah lembar kerja , setelah itu klik kanan kotak dan pilih Rasterize Layer


klik kanan shape 1 dan pilih Blending Options


Atur Blending Options seperti ini, Mulai dari Drop Shadow


Stroke Options


Hasil Sementara


4. Gandakan Layer border yang telah kalian buat tadi dengan menekan CTRL + J dan akan kita dapatkan Shape 1 copy


Klik Kanan Shape 1 copy dan pilih Blending Options

Untuk gradientnya atur putih - hitam - putih -hitam - putih

Setelah itu klik OK. atur posisinya dengan menekan move arrow di keyboard ke atas 1x untuk menggeser dan membuat papan keyboard memiliki dimensi (kedalaman)
hasilnya


5. Sekarang kita warnai sirkuit papan keyboard, caranya : Gandakan Layer Shape 1 Copy dengan menekan CTRL + J. Kita akan mendapatkan shape copy 2, klik kanan dan pilih Blending Options (lagi)... Busyet dah... sabar ya (: sesungguhnya kesabaran itu membawa nikmat
Setting Inner Shadow


Setting Color Overlay


Gradient Overlay




Hasil sementara


6. Ok sekarang tinggal membuat kotak untuk tombol - tombol keyboard
Sama halnya ketika membuat papan sirkuit keyboard maka membuat tombolnya yaitu dengan Klik Rectangle Shape Tool , Buat kotak persegi panjang kecil dan Rasterize
Setelah itu atur blending optionnya sebagai berikut












Hasil sementara


Ok sekarang tinggal tekan ctrl + J untuk menggandakan tombol ketik dari keyboard , gunakan move tool dan transform (CTRL + T) untuk merubah ukuran papan tombol


Ok lanjut

Memang harus telaten dan butuh kesabaran

Hasil akhirnya :


Tambah dengan pernak pernik tulisan pada Ultra Slim keyboard buatan kita seperti biasa dengan menggunakan Tool pada Photoshop bernama Teks Tool

Ultra slim and clear Keyboard Apple sudah jadi, tampilan sebenarnya bisa dilihat di website Apple Store, sangat menyenangkan bukan. Anda bisa mendownload File Hasil Tutorial keyboard ini (type : psd) Disini Gratis. Semoga tutorial Photorealisme ini memberikan inspirasi untuk Anda. Sampai ketemu lagi di tutorial Komputer Grafis Lainnya. Salam Desain. Terima kasih, Semoga bermanfaat ^_^.

BACA SELENGKAPNYA DI SINI