5 Ara 2009

PhotoShop'ta Hareketli Userbar Yapımı

Bügün bir anda içimden geldi Hareketli UserBar yapımını anlatıp DusunGec'e koysana diye bende o içimdeki sesi dinleyerek sizlere Hareketli UserBar nasıl yapılır onu anlatacagım aşagıdaki her türlü anlatım bana aittir kesinlikle alıntı degildir. Fazla uzatmadan anlatıma geçiyorum :)

Resimleri Büyütmek için üstüne tıklayın..

1.
İlk önce 350 x 19 Pixel boyutlarında yeni bir çalışma ve Userbarınızda haretli kullanacagınız resmi açın.

2. Daha sonra Userbarda kullancağınız resmin üzerine bir kez tıklayıp, Ctrl+A tuşlarına basıp resmin her tarafını seçin.

3. Daha sonra Ctrl+C tuşları ile resmi kopyalayıp Userbar'ımızın üzerine gelin ve Ctrl+V tuşlarına basıp resmi Userbarın üstüne yapıştırın. Eğer çok büyük olduğunu düşünüyorsanız Ctrl+T tuşlarına basıp resminizin boyutlarını düzenleyin.

4. Resmi isteğinize göre düzenleyin, çeşitli efektler verip istediğiniz bir bölümüne yazı yazabilirsiniz. Bunları yaptıktan sonra aşağıdaki resimde işaretli kısıma tıklayarak veya Ctrl+Shift+M tuşlarına basıp Image Ready'ye geçin.

5. Şimdi önemli kısıma geldik. Image Ready açıldıktan sonra eğer animasyon penceresi açık değil ise Window > Animation yolunu izleyip animasyon penceresini görünür hâle getirin.

6. Şimdi, Userbarda ilk Layer'a, yani resmin bulunduğu Layer'a gelin. Daha sonra Move Tool (Kısayolu V) kullanarak Userbardaki resmin hareket etmeye nerden başlamasını istiyorsanız o bölümüne getirin. (En alt veya en üst) Ben resmin en alttan en üste doğru gitmesini istediğim için en alta getirdim.

7. Şimdi, animasyon penceresinde çöp kutusunun yanındaki simgeye (Duplicates Current Frame) tıklayarak 2 adet daha kare oluşturun.

8. 2. kareye geçip yine Move Tool'u kullanarak resmi en üst bölümüne getirin. 3. kareyi olduğu gibi bırakın. 1.,2. ve 3. karenin gecikme zamanını 0,1 olarak ayarlayın , bu ideal gecikme süresidir. Siz bunu isteğinize göre değiştirebilirsiniz.

9. Animasyon penceremizde ilk kareyi seçerek "Tween Animation Frames" tuşuna basın. Çıkan yerden "Frames To Add" bölümüne 50 yazın.

10. Böylelikle 53 adet karemiz oldu.

11. Son kareyi (53. kareyi) seçerek "Tween Animation Frames" tuşuna basın. "Frames To Add" bölümüne 50 yazın.

12. Userbarımız artık hazır. Ctrl+Shift+Alt+S tuşlarına basarak dosyamızı kaydedebiliriz.

Sonuç ;
Bir teşekkürü eskik etmeyin :) Anlamadığınız bir nokta olursa çekinmeden sorabilirsiniz.

4 yorum:

  1. Vay :) SarıKanaryam benim. Hareketli banner çok şık olmuş Enes eline sağlık.

    Bende amatör olarak Gimp programı kullanıyorum. Oda çok sağlam bir programdır, tavsiye ederim ;)

    YanıtlaSil
  2. Gimp programını hiç kullanmadım bilmiyorum ama oda güzeldir :)

    YanıtlaSil
  3. paylaşım için saolasın.Baya iş görecek bir şey

    YanıtlaSil
  4. Eline sağlık iyi bir anlatım...
    Peki userbarın içine yazı yazmak ta istersek ne yapacağız...Mesela senin yaptığın çalışmada '' Fenerbahçe Sever '' yazacağız ve yazı sabit kalacak ve resim hareket edecek...

    YanıtlaSil

Yorum yaparken dikkat edilmesi gerekenler;

1. Türkçe yazım ve dilbilgisi kurallarına uyunuz.
2. Hakaret içeren yorumlarda bulunmayınız.
3. Yorumlarınızın konu ile alakalı olmasına çalışınız.
4. Yorumlarınızda yasa dışı hiçbir bağlantı linki vermeyiniz.
5. Yorum Formunu doldurduktan sonra Profil Seç -> ADI/URL bölümünden isminizi yazıp yorum yaparsanız size karşı bir hitap şeklimiz olur.
6. Kurallara uymayan yorumlar silinmektedir...