Photoshopta Userbar Yapımı

eet arkadslar şimdi size photoshopta basıtce userbar yapımını anlatıcam!:thumbsup:umarım bı katkım bı yararım dokunur!

Öncelikle 350x19 boyutlarında yenı bı sayfa acalım!(file>new bolumunde)

http://img210.imageshack.us/img210/9913/53056811tj8.jpg

Bu sayfayı actıktan sonra photoshop'un sol tarafında kalan ince uzun bı toolbar goreceksınız!

http://img265.imageshack.us/img265/7395/17459077qk6.jpg

bu toolbardan "Paint Bucket Tool" a sağ tıklayıp "Gradient tool"aracını secın!Bu aracla actıgınız resim uzerınde sağ ya da sola tıklayara(yukarı assağı da tıklayabilirsiniz) surukleyip bırakın!

http://img265.imageshack.us/img265/9139/92670371wr4.jpg

Aşşağıdaki gibi bi görüntü elde edeceksiniz!(ben sağdan sola sürükleyip bıraktım)

http://img210.imageshack.us/img210/5711/42233475iv0.jpg

Evet bu bızım background(arka planımız olacak)Şimdi file>new boşumunden kendimize yeni bir sayfa acıyoruz yalnız bu actıgımız sayfa 6x6 boyutlarında olacak!

http://img265.imageshack.us/img265/7158/48159738ue0.jpg

Evet şimdi bu açtığımız resme yine photoshopun sol tarafında kalan toolbardan seçeceğimiz zoom tool aracı ile yapabildiğimiz kadar zoom yapıyoruz!Brusher simizi square brusher secerek fırca boyutunu 1 px yapıyoruz ve aşşağıdaki görüntüyü yakalamaya çalışıyoruz!

http://img210.imageshack.us/img210/7285/74071044yz8.jpg

Bu resmi yakaladıktan sonra:Edit>define pattern seçeneğini tıklayarak karşımıza cıkacak olan iletişim kutusuna yeni bi isim vererek ok diyoruz!

http://img519.imageshack.us/img519/5619/70957888aj7.jpg

http://img265.imageshack.us/img265/1981/34303769mq6.jpg

Evet arkadaşlar şimdi de ilk önce yaptığımız resme geri dönüyoruz ve shift+F5 tuş kombinasyonunu kullanarak karsımıza cıkan iletişim kutusuna şu degerleri giriyoruz:

http://img265.imageshack.us/img265/4601/44511362tu7.jpg

Bunu yaptıktan sonra backgroundumuz(arka plan) aşşagıdaki halini alıyor!

http://img519.imageshack.us/img519/8632/10at9.jpg

Ve yine toolbar menusunden "horizonal type tool"seceneğini seçerek userbarımızın istediğimiz bir köşesine yazımızı yazıyoruz!(ben sağ tarafı kullandım)

http://img519.imageshack.us/img519/2121/11fj4.jpg

http://img210.imageshack.us/img210/8302/12ph9.jpg

Yukarida gördüğünüz gibi arkaşlar resmimizde sol taraf boş kaldı oraya istediğiniz bir resmi koyabilirsiniz!Ben küçük bir üye amblemi koymayı tercih ettim!

http://img210.imageshack.us/img210/5852/13ty7.jpg

Evet arkadaşlar bizim background(arka planımız) seçiliyken ctrl+shift+N tus kombınasyonunu kullanarak ya da layer>new>layer secerek kendimize ıkıncı bı layer(katman) olusturuyoruz!

http://img237.imageshack.us/img237/4509/97525078iq4.jpg

http://img292.imageshack.us/img292/3545/29155128zy7.jpg

Şimdi yine toolbar menusunden sl ust köşede bulununan "rectangular marquee tool" a sağ tıklayıp acılan pencerede "elliptical marquee tool" u seçp su görüntüyü yakalamaya calicaz arkadaşlar!

http://img519.imageshack.us/img519/1033/14rj6.jpg

Not:Resmin sol üst köşesinden başlarsanız daha kolay olur!

Daha sonra seçili alanı beyazla dolduralım!

Photoshopun sağ alt köşesinde bulunan layers sekmesindeki opacity değerini %30 ya da buna yakın rakamlar girin!

http://img210.imageshack.us/img210/6062/15mn1.jpg

Sonuc:

http://img210.imageshack.us/img210/5411/sonucxg6.jpg

Tsk!

saygı ve sevgilerimle!!!

tşk. paylaşım için.. Adobe photoshopun tam sürümünü upload edeceğim bende derslerin devamını bekliyoruz..

Ortakım nasıl sevindim ya Saol yarın uygun bir zamanda indireceğimm....

Saygı ve sevgilerimle!!

tşk. paylaşım için.. Adobe photoshopun tam sürümünü upload edeceğim bende derslerin devamını bekliyoruz..

nedemek hocam elımden geldıgınce yardımcı olmaya calısırım!

saygıalrımla!!!

paylaşım için teşekkürler...

ben Tsk ederım!

saygılarımla!!!

Eline koluna sağlık...

ne demek babacım yardımcı olabıldıysem ne mutlu!

sevgilerimle!!!

Eline sağlık Spawn.

ne demek babacım;)

saygılarımla!!!

Programlardan bile daha iyi yapmışsın Helal olsun

Tesekkürler nefis oldu

Teşekkürler güzel anlatım fakat ben de birşeyler eklemek istiyorum. Yazıyı yazarken fontu ernest, anti-aliaising'i yani sharp yazan yeri none, boyutunu da 9 pt yaparsanız daha iyi olur.

gnoxis için yaptım. İsteyen kullanabilir veya isterseniz özel mesaj ile PSD halinde atarım.

http://i44.tinypic.com/25upmhk.jpg

tşk ederiz........

photoshop 'ta animasyon efektlerini öğrenip , userbar'daki yazılara animasyon verince daha iyi oluyor...