Online Kodlama Dersleri
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Online Kodlama Dersleri

Online Kodlama Dersleri
 
AnasayfaAramaLatest imagesKayıt OlGiriş yapKodonizleme

 

 Photoshopta Userbar Yapımı(resimli anlatim)

Aşağa gitmek 
2 posters
YazarMesaj
mythcomeback
Admin
Admin
mythcomeback


Mesaj Sayısı : 862
Yer : im seni
Reputation : 0
Points : 0
Kayıt tarihi : 31/07/08

Kişisel Sayfalar
Metin alanı:

Photoshopta Userbar Yapımı(resimli anlatim) Empty
MesajKonu: Photoshopta Userbar Yapımı(resimli anlatim)   Photoshopta Userbar Yapımı(resimli anlatim) Icon_minitimePerş. Eyl. 04, 2008 11:43 am

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

Öncelikle 350x19 boyutlarında yenı bı sayfa acalım!(file>new bolumunde)
Photoshopta Userbar Yapımı(resimli anlatim) 53056811tj8
Bu sayfayı actıktan sonra photoshop'un sol tarafında kalan ince uzun bı toolbar goreceksınız!
Photoshopta Userbar Yapımı(resimli anlatim) 17459077qk6
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!
Photoshopta Userbar Yapımı(resimli anlatim) 92670371wr4

Aşşağıdaki gibi bi görüntü elde edeceksiniz!(ben sağdan sola sürükleyip bıraktım)
Photoshopta Userbar Yapımı(resimli anlatim) 42233475iv0
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!
Photoshopta Userbar Yapımı(resimli anlatim) 48159738ue0
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!
Photoshopta Userbar Yapımı(resimli anlatim) 74071044yz8
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!
Photoshopta Userbar Yapımı(resimli anlatim) 70957888aj7
Photoshopta Userbar Yapımı(resimli anlatim) 34303769mq6
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:
Photoshopta Userbar Yapımı(resimli anlatim) 44511362tu7

Bunu yaptıktan sonra backgroundumuz(arka plan) aşşagıdaki halini alıyor!
Photoshopta Userbar Yapımı(resimli anlatim) 10at9
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)
Photoshopta Userbar Yapımı(resimli anlatim) 11fj4
Photoshopta Userbar Yapımı(resimli anlatim) 12ph9
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!
Photoshopta Userbar Yapımı(resimli anlatim) 13ty7
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!
Photoshopta Userbar Yapımı(resimli anlatim) 29155128zy7
Ş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!
Photoshopta Userbar Yapımı(resimli anlatim) 14rj6
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!
Photoshopta Userbar Yapımı(resimli anlatim) 15mn1
Ve iste sonuc:
Photoshopta Userbar Yapımı(resimli anlatim) Sonucxg6
alintidir!...
Sayfa başına dön Aşağa gitmek
http://kodogreniyorum.tr.gg
sekizdeli
Modaratör
Modaratör
sekizdeli


Mesaj Sayısı : 57
Yaş : 30
Yer : Dallas
Reputation : 3
Points : 3
Kayıt tarihi : 04/09/08

Kişisel Sayfalar
Metin alanı:

Photoshopta Userbar Yapımı(resimli anlatim) Empty
MesajKonu: Geri: Photoshopta Userbar Yapımı(resimli anlatim)   Photoshopta Userbar Yapımı(resimli anlatim) Icon_minitimePerş. Eyl. 04, 2008 8:46 pm

Güzelmiş
Sayfa başına dön Aşağa gitmek
http://sekizdeli.tr.gg
mythcomeback
Admin
Admin
mythcomeback


Mesaj Sayısı : 862
Yer : im seni
Reputation : 0
Points : 0
Kayıt tarihi : 31/07/08

Kişisel Sayfalar
Metin alanı:

Photoshopta Userbar Yapımı(resimli anlatim) Empty
MesajKonu: Geri: Photoshopta Userbar Yapımı(resimli anlatim)   Photoshopta Userbar Yapımı(resimli anlatim) Icon_minitimePerş. Eyl. 04, 2008 9:10 pm

Evet
Sayfa başına dön Aşağa gitmek
http://kodogreniyorum.tr.gg
 
Photoshopta Userbar Yapımı(resimli anlatim)
Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Online Kodlama Dersleri :: Webmaster :: Resimli Anlatımlar-
Buraya geçin: