Kali ini saya coba mendesain suatu logo sederhana menggunakan Photoshop. Siapapun bisa membuatnya asalkan ada niat n kemauan..
Peralatan yang diperlukan cukup lumayan hampir sederhana, antara lain Photoshop, Komputer, Mouse, Keyboard, Softdrink n sedikit imajinasi (coz ‘imagination is everything’ – A. Enstein – CMIIW).
Langkah pertama buka Photoshop (pastinya), pilih menu File > New, maka akan tampil jendela baru.
Masukkan ukuran 200×200 px. Lihat gambar :
Setelah klik OK, maka akan tampil 1 dokumen baru dengan background transparan. Pilih Custom Shape Tool dari toolbar di bagian kiri atau dengan menekan tombol U dan memilih Custom Shape Tool.
Kemudian di bagian toolbar atas, pilih dropdown menu di sebelah Custom Shape Tool dan pilih gambar dengan nama Talk 1.
Klik dan tahan sambil menggeser cursor untuk menggambar tampilan tersebut ke dalam dokumen. Sehingga menjadi :
Pilih menu Layer > Layer Style > Blending Options untuk membuka jendela baru pilihan Blending Options.
Pada jendela Blending Options sesuaikan masing-masing pengaturan dengan yang terdapat dalam gambar. Untuk Drop Shadow, Bevel and Emboss, Color Overlay serta Stroke.
Sehingga hasil akan seperti ini:
Tambahkan layer baru melalui menu Layer>New>Layer atau dengan menekan kombinasi tombol Shift+CTRL+N. Setelah Layer baru ditambahkan, pilih Elliptical Marquee Tool.
Kemudian gambarkan seperti gambar di bawah ini :
Setelah menggambar menggunakan Elliptical Marquee Tool, pastikan foreground color berwarna putih, kemudian klik Gradient Tool dan dari Gradient Picker pilih Foreground to Transparent.
Sip, saatnya membuka softdrink… tunggu beberapa saat dan lanjutkan ke tahap berikutnya…
Klik dan tahan dari bawah ke bagian atas pada bentuk elips yang baru dibuat, lihat gambar :
Dan inilah hasilnya ^^:
Atur Opacity sesuai selera masing-masing…
Selanjutnya membuat tulisan yang berbayang dan terbalik. Klik Horizontal Type Tool (atau dengan menekan tombol T). Kemudian klik pada gambar dan ketikkan ‘Webku’.
Ok lanjut…. Sampai di sini saya telah sukses membuat tulisan dalam Photoshop ^^. Bagaimana membuat bayangan seperti cermin pada tulisan tersebut?
Pertama-tama duplikasikan layer tersebut dengan memilih menu Layer > Duplicate Layer, muncul jendela baru yang meminta untuk memasukkan nama layer yang baru. Klik OK.
Masih di layer yang ter-duplikasi (<<< CMIIW), pilih menu Edit > Transform > Flip Vertical.
Dan ini hasilnya :
Tambahkan Layer Mask pada layer yang baru dengan mengklik tombol Add Layer Mask.
Sehingga tampilan jendela Layer menjadi seperti ini:
Kembali pilih Gradient Tool (G) dan pada Gradient Picker pilih Black, White.
Klik dan tahan sambil menggeser cursor dari arah bawah tulisan ke bagian paling atas tulisan. Lihat gambar :
Hasil akhir (silahkan dikreasikan sendiri menurut selera) :
Download full PSD-nya : Logo Web 2.0 PSD (1440)
Kali ini kita akan mencoba membuat suatu desain wallpaper aurora menggunakan Photoshop. Sudah tidak asing lagi..Aurora sering kita temukan pada ...
High Dynamic Range (HDR). Merupakan suatu prosedur pencahayaan yang didesain untuk mengemulasikan cara bagaimana suatu level cahaya di dunia nyata ...
Berbagai teknik dan trik dalam penggunaan Photoshop digabungkan dalam kumpulan artikel ini yang berhasil didapat lewat internet. Mungkin ada beber ...
Ini merupakan rancangan awal untuk theme design blog saya, masih banyak kekurangan yang mungkin nantinya akan ditambahkan. Bagi yang ingin mend ...
Lagi.. Inspirasi untuk desain website. Mungkin daftar-daftar layout desain web berikut bisa menambah inspirasi Anda dalam mendesain suatu halaman ...
Bagus bgt neh themenya... sugoooiii.. Mklum newbi
bro bgus kli
ciamik habis....... gan!!! thanx banget, semoga me
thaks yaaa gan sangat bermanfaat skali nih .......
pengen blajar banyak deh dengan admin idfreelance.
Ajax alasan blog C# Cara datang Desain Download Ebook font Gambar gratis Grunge HDR Icon idfreelance inspirasi intro JavaScript jquery Keamanan Key Klien Kreatif Mengenali menggunakan Multithreading Pemrograman Pernikahan Photoshop PHP Programmer rahasia Script Software sumber Theme Thread Tip trik Tutorial VB Vista website Wordpress
Salin kode berikut dan paste ke dalam website Anda. Akan saya link balik.
Daftar link sahabat...
-Berbagi Ilmu -Blog Ooyi -Bobby Rahman -Caraku-Caramu -Ferditya Nugraha -Hadyan Fariz -Hidrogroup -I Putu Gusti -IndoSourceCode -Interaktif Tutorial -Jafriyal Bule -Medan Gamer -PolizeIRC -Rey’s Blog -Tech Review -Wawan
TQ nice artikel Mas..
Wah nice info nih…sering-sering kemari bakalan nih..TQ
baron|aep|aryo|eko|prasetyo|chandra|barooo|script gratis|html gratis|php gratis|batu|ibad|adnan|ghozali|sunaryo|bonggol|suwartiningsih|ningsih…
[...]Tutorial Photoshop : Membuat Logo Web 2.0 | IDFreelance.net – Ajang Belajar Pemrograman dan Desain Web[...]…
Oke juga tutorialnya buos!!
ya, hey mas q kirimin tutorial photoshop donk,q pengn Blajar nie. . . robert.obert@yahoo.com
kalo untuk web atau blog buat nya begini juga?
Oke banget neh infonya……
wah,mas q kirimin 10 tutorial photoshop donk,q pengn Blajar nie. . . phipeace@yahoo.com
saya pingin buat website tapi belum tau caranya dari awal,tolong dong saya,agar bisa buat sendiri website,hehehe… matur nuwun.
Buat website, programming atau desainnya..? hehe… matur tengkyu…
top hebat dan salam kenal,..
Salam kenal juga bro..
Ini dia yang di cari2..