Tutorial Photoshop : Membuat Logo Web 2.0

15 June, 2009

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 (210)

Tags: Desain, gratis, Photoshop, Tutorial, website  Dalam Desain, Tip n Trik | 10 Comments »

You can leave a response, or trackback from your own site.

Pencarian untuk artikel ini:
membuat logo dengan photoshop  photoshop for web  buat logo dengan photoshop  bikin logo pakai photoshop  membuat logo photoshop  tutorialphotoshop  membuat website dengan photoshop  tutorial photoshop membuat logo  membuat tulisan berbayang photoshop  trik membuat tulisan transparan pada photoshop  trik membuat logo vektor dengan photoshop  teknik membuat gambar logo  teknik dalam membuat gambar logo  situs membuat logo  tolls pembuat logo  program pembuat logo  photoshop membuat menu  membuat logo web dengan potosob  membuat web dengan photo shop  photoshop untuk web  membuat tampilan web dengan photoshop 7  membuat tampilan oke dengan photoshop  tulisan transparent cermin photoshop  tutor photoshop atas  tutorial photoshop membuat logo:eagle  tutorial photoshop membuat logo persib  tutorial photoshop membuat logo koin  tutorial photoshop membuat logo berkilau  tutorial photoshop freelance  tutorial photoshop deviantart gratis  tutorial photoshop cs7 membuat logo  tutorial photoshop buat logo elang  tutorial mmbuat logo pada tool blog  tutorial membuat web pakai photoshop 7  tutorial membuat tampilan web  tutorial membuat logo dengan photoshop  tutorial membuat hdr sederhana  tutorial memasukkan tulisan ke gambar photoshop  tutorial design web dengan photoshop  tutorial desain web dengan photoshop  tutorial buat logo photo shoop  tutorian photoshop 7 0  membuat logo tutorial - photoshop  cara membuat wallpaper pada photoshop  cara membuat tombol tutorial lewat photoshop  cara membuat tampilan web dengan photoshop  cara membuat styles logo  cara membuat logo tulisan dengan photoshop  cara membuat logo dengan photoshop 7  cara membuat logo dengan photoshop  

10 Respon untuk “Tutorial Photoshop : Membuat Logo Web 2.0”

1. Arif Budi Setyawan says:

   29/06/2009 at 17:18

   Ini dia yang di cari2..

   Reply
2. cosamaya says:

   26/07/2009 at 03:47

   top hebat dan salam kenal,..

   Reply
   • IDFreelance.net says:

     26/07/2009 at 12:55

     Salam kenal juga bro..

     Reply
3. wijayadi says:

   07/08/2009 at 11:58

   saya pingin buat website tapi belum tau caranya dari awal,tolong dong saya,agar bisa buat sendiri website,hehehe… matur nuwun.

   Reply
   • IDFreelance.net says:

     07/08/2009 at 13:53

     Buat website, programming atau desainnya..? hehe… matur tengkyu…

     Reply
4. on90 says:

   08/08/2009 at 15:00

   wah,mas q kirimin 10 tutorial photoshop donk,q pengn Blajar nie. . . phipeace@yahoo.com

   Reply
5. esha di birulangit says:

   22/08/2009 at 08:42

   Oke banget neh infonya……

   Reply
6. kenny says:

   02/11/2009 at 18:53

   kalo untuk web atau blog buat nya begini juga?

   Reply
7. robert r tandakila says:

   26/11/2009 at 20:16

   ya, hey mas q kirimin tutorial photoshop donk,q pengn Blajar nie. . . robert.obert@yahoo.com

   Reply
8. Sugi says:

   20/01/2010 at 08:55

   Oke juga tutorialnya buos!!

   Reply