sıfırdan userbar yapalım

[candy5]

Daha önce bir iki kardeşimiz bu konuya değindi. Fakat yoğun olarak ingilizce olmasından yakınan arkadaşlar için türkçe açıklamalı olarak anlatıyorum. Eğer yönetim tarafından gereksiz görülüyorsa lütfen siliniz. Daha önce emek veren dostlarımın ellerine sağlık diyerek başlıyoruz.

1. 350x19 boyutlarında beyaz bir döküman yaratın



2. Gradient Toolu seçin (Klavyeden G)

Ve yukarıdaki Tool Optionstan aşağıdaki resmin üzerine tıklayın Gradient özelliklerini açın.


3. Aşağıdaki gibi renkleri istediğinize göre ayarlayın ben bunları seçtim.





5. Şimdi Userbarda kullanacağınız resmi seçin bilgisayarınızdan ve fotoşopla açın.

Ben bunu seçtim (Su simgesi)


6. Resimde gördüğünüz üzere iki tane belgemiz var artık.


7. Resim belgesinde Ctrl A ile seçim işlemini yapıyoruz.



8. Ctrl C ile kopyalıyoruz seçimi. Ve userbar belgemize geçip Ctrl V ile yapıştırıyoruz. Görünüm aşağıdaki gibidir.


9. Yeni bir layer (katman) oluştu. Resimimizin katmanı. Seçerek Ctrl T ye basıyoruz ve Free Transformu etkinleştiriyoruz. Dilediğiniz gibi Büyütün Küçültün döndürün.


Benim ayarlarım yukarıdaki gibidir.

10. Bu işlem bittikten sonra sıra geldi çarpraz çizgilere (yapmak zorunda değilsiniz).
11. Bunun için Ctrl N ile yeni bir döküman yaratıyoruz ve boyutlarını 6x6 olarak belirliyoruz. Aşağıdaki gördüğünüz gibi çok küçük oldu.

12. Şimdi Zoom toolu seçin (Klavyeden Z) ve dökümanı çalışabileceğiniz görünüm rahatlığına gelene kadar büyütün.

Kırmızı çerçevenin içinde gördüğünüz gibi ben %1600 büyüttüm. (Körmüyüm neyim)

13. Pencil Tool u seçin ve aşağıdaki görünümü elde edin.


Bunu kolay yoldan da elde edebilirsiniz. Alt köşeye birkez tıklayın. sonra Shift tuşu başılı iken en üst sağ köşeye tıklayın bu şekilde otomatik olarak ortadakiler de tamamlanmış olur.

14. Edit-->Define Pattern menusunden pattern haline getirin.

Oke Basın işlem tamamdır.

15. Şimdi tekrar userbar belgemize dönelim. Shift F5 ile Fill Menusune gelin.


Yukarıda gördüğünüz ayarları yapın.OK e basın.

Yukarıda gördüğünüz gibi çarpraz çizgilerimizde çıktı. Eğer bu görünümü elde edemiyorsanız Shift F5 işlemini bakcground layerına yaptığınızdan emin olunuz.

16. Şimdi Sıra geldi yazımızı yazmaya. Bunun için genellikle kullanılan yazı tipi VISITOR dur. eğer elinizde yoksa aşağıdaki download düğmesine tıklayın ve indirin. indirdiğiniz rar dosyasını açın ve içindeki ttf uzantılı dosyayı C:\Windows\Fonts klasörüne kopyalayın.


17. Yazıtipi sorununu da hallettikten sonra gelelim yazımızı yazmaya.
Horizontal Type Toolu (klavyeden T)Seçin. Ve istediğiniz yere yazınızı yazın. Yazı tipini visitor seçin tabi boşuna yollamadık .


18 Yazı katmanına sağ tıklayın ve blending optionsa girin. Gözünüze hoş gelen efektleri verin çok abartmayın :P.



19. Gelelim parlaklık efektimize. Bunun için Eliptical Marque Tool u seçiyoruz.


Ve aşağıdaki gibi bir alan seçiyoruz.

Select --> Transform selection menusunden seçimi istediğiniz konuma getirin ve Enter ile onaylayın.
20. Şimdi 4 tane Layerımız olması gerekiyor. Eğer Yok ise CTRL ALT SHIFT N ile yeni bir layer yaratın ve seçimi beyaz ile doldurun. Ctrl D ile seçimi kaldırın.


21. Yeni oluşturduğunu layer seçili iken opacity değerini istediğiniz parlaklığı elde edinceye kadar düşürün. (Ben %24 kullandım.)


22. Bütün bu işler bittikten sonra Edit--> Stroke menusunden aşağıdaki değerleri verin.





İşte user barınız hazır.

Hadi şimdi bide Hareketlendirelim. Bunun bir çok yolu var ama en çok merak edilen resmin aşağıya yukarıya doğru hareket etmesi olduğu için bu konuya değineceğim.

IMAGE READY ile HAREKET KAZANDIRMA

1. Şimdi File--> Edit In Image Ready menusunden imaj rediye geçiyoruz.
2. Hareket edecek şeklimizin katmanını seçip Ctrl T ile free transorfm ederek istediğimiz boyuta getiriyoruz ve barın altına doğru taşıyoruz.

3. Animation penceresinde aşağıdaki ayarı yapıyoruz.

(Eğer animation penceresi gözükmüyorsa Window-->Animation ı aktif edin.)


4. Yine animation penceresinde duplicate düğmesine basıyoruz ve görünüm aşağıdaki gibidir. (Duplicate düğmesi aşağıdaki resimde alt kısımdaki mavi renkle dolu olan düğmedir.)


5. Yukarıdaki gibi duplicate ettiğimiz kare seçili iken resmimizi bu sefer mouse ile yukarı doğru taşıyoruz.


6. Birinci kareyi seçerek tween düğmesine basın.(Tween düğmesi aşağıdaki resimde alt kısımda mavi ile dolu olan düğmedir)

7. Aşağıdaki ayarları yapın.

Animation penceremiz aşağıdaki gibi gözükmelidir.


8. Şu anda resim yalnızca yukarı doğru hareket ediyor. Şimdi bi de aşağı doğru hareket ettirelimki senkronizasyon sağlansın dimi.
En son kareyi seçiyoruz animation penceresinden ve duplicate ediyoruz.
Ve resmimizi bu sefer aşağıya taşıyoruz. tekrar bir kare geri gelerek tween düğmesine basıyoruz. ve ayarlarla oynamadan aynen OK diyoruzz.

9. Şimdi resmimizi kaydetme zamanı.

Window--> Optimize menusunden optimize penceremizi aktif ediyoruz. Ve aşağıdaki ayarları yapıyoruz.

Bunları yaptıktan sonra File-->Save Optimized As mesunden işlemi yapıyoruz.
Karışınıza gelen pencereden gerekli ayarları yapın ve işte hazır.