Newbie Photoshop Header Tutorial: cara bikin background clipart transparan

ok...

 

Wah asik nih ada tutor photoshop gratis...
Ijin sedot yang bang??? Maklum gue penggemar photoshop
heheheh

 

Mantap tenan bro kalo ada ebuknya tambah mantap lg

 

Wah boleh juga nich...mo belajar juga, makasih ya sharingnya hehe

 

turtle: Simple WebStore Photoshop Header/Logo Tutorial

buat om momod: maaf saya menghidupkan thread ini lagi, saya pikir lebih baik daripada bikin thread baru.

sudah lama saya ngga aktif di forum ini,
dan setelah saya cari-cari, kok nda banyak yang share "photoshop tutorial" padahal cukup banyak designer disini.

padahal buat saya rada penting, untuk nge-"brand" website untuk meningkatkan "trust" visitor,
dengan sedikit edit-edit photoshop, edit-edit css (hmm...jadi pingin bikin thread khusus css)
kita bisa bikin web kita unik, keren walau pakai theme gratisan.
(theme gratisan ga selalu kualitasnya jelek, bahkan banyak yang sangat-sangat bagus.)
jadi visitor senang, dan bakal balik lagi untuk klik iklan (wedeh, tujuannya materialistis banget)

oke karena saya juga lagi ga ada job desain, (biar kemampuan desain saya ga berkarat)
kita sama-sama belajar bikin header custom, text base,
mungkin juga dengan sedikit logo yang simple.

Temanya toko online/ shop, cocok buat yang mainan review site atau amazon affiliate store.
atau bisa dimodifikasi sendiri sesuai niche masing-masing.

tadinya desain ini mau saya kasih khusus untuk member theme club saya. tapi.....

"to teach share is to learn twice"

(Joseph Joubert, edited by turtle for adsense-id.)
​

yang kita akan bikin header ukuran 930 x 110 pixel (karena desain ini sebenarnya untuk Genbu Theme Club Member)
jadi tentunya kalau mau bikin, ukurannya disesuaikan dengan websitenya ya...
dan nanti saya share file psdnya juga.

1. kita cari font yang keren (gratisan saja) dan install font di Photoshop,

Saya nyarinya di : _http://www.fontsquirrel.com/ ada banyak web font gratis, bisa search google "free font".
tapi saya biasanya ke sini.
dan setelah browsing - browsing kayanya nemu yang saya cari..
_http://www.fontsquirrel.com/fonts/ChunkFive
font yang tebal dan tapi ngga kaku, rada dinamis... kayanya sip lah.
download font-nya, dan install di photoshop.

Cara installnya mudah tinggal masukin font (Chunkfive.otf) ke _C:\Program Files\Common Files\Adobe\Fonts

kenapa saya install disini, biar ngga berat2in windows. (tapi cuma bisa dipake di applikasi photoshop (adobe) saja.

setelah itu baru buka photoshopnya, kalau photoshopnya sudah kebuka, di close lalu dibuka lagi, biar register font-nya.

2. Kita mulai dan bikin base design...

seperti biasa File > New, atau kalau yang suka pake shortcut (kaya saya) CTRL + N
Ubah width ke 930 dan height ke 110
resolution 72 pixel/inch saja, karena buat web dan bukan print.

setelah siap kita klik text icon (yang ada di kiri), pilih font-nya dan mulai nulis nama web nya, (kaya di ms word kok, gampang)

​

Hasilnya:

​

saya pakai font Eras Light ITC, untuk text description, asal pilih aja,kayanya lumayan. tapi, nothing is set in stone yet.
saya pake warna merah dulu, terserah sih, suka-suka saja.. nanti kita coloring... dsb..

Sekarang kita bikin Logo simple dengan bunderan-bunderan.. (opo to..)

Bikin Logo:

klik elipse tool (disini):



terus bikin yang kita mau, kalau mau lingkarannya ngga jadi oval nge-drag mousenya sambil klik shift

setelah edit2 dan kira2 cukup.

Hasilnya:



iconnya saya beli dari _http://vandelaydesign.com (udah lama, kayanya waktu promo)
dan hasilnya masih jelek...

setelah itu, kita edit edit dengan stroke dan gradient (kayanya saya sudah bikin tutorialnya diatas)..

dan JENG JENG.......

cukup, beberapa menit... hasilnya lumayan.. (mayan jelek maksudnya)






DOWNLOAD
file PSD bisa didownload di: _http://genbutheme.com/simple-header-design-for-eshop/

kalau ada yang ditanyakan silahkan, dan kalau ada yang menambahkan juga boleh..

 

keren gan mari kita belajar bersama.........

 

..ane belum coba cara yang satu ini, biasasanya ane pake magic erase tool, kalo yang agak ribet gambarnya ane pakein pen tools lalu make selection terus delete... keren tekniknya, ntar ane coba. thanks

 

Mantabh sharenya mas gan... like ane abis tapi pasti ane penceted gan keep share :-bd

 

jarang jarang nih trit kek ginian!

 

mo numpang nanya ni, kalo theme untuk FSB gimana?

 

klo mastah turtle turun gunung...

harus gelar tikar.

 

animasi pake photosop bisa tapi mulai seri photosop berapa saya lupa, di phostosop cs3 ada tuh dimenu window animation, ubek ubek aja dah

 

sebenernya ini masalah sepele, tp kadang banyak dilupakan

 

animasi pake gimp aja, softwarenya gratis n ada jg versi portablenya. fiturnya jg lumayan komplit.
avatarku ini jg bikin pake gimp

 

Kebiasaane ane juga nieh klo buat Transfarant hehehe

 

nice trick gan, dicoba di tkp deh

 

tqs infonya, semoga bermanfaat ..., terus berkarya gan , sukses

 

wah keren share nya gan,,,,,

 

mantap sob
sering2 aja bikin tutorial,haha

 

coba praktekin mastah semoga berhasil