"E-Oyunlar-Oyun-Evi Sanal E Oyun DŁnyası"Canlı Radyolar Dinle-Yemek Tarifleri-Html-Fbml-Javascript-Photoshop-Tasarım KODLARI"

Photoshop Hareketli Userbar Yapimi

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.
This image has been resized. Click this bar to view the full image. The original image is sized 714x35 and weights 5KB.

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

4. Ve Gradienti uygulayın. Yönü size göre değişir tabi.

Görünüm yukarıdaki resim gibidir.
5. Şimdi Userbarda kullanacağınız resmi seçin bilgisayarınızdan ve fotoşopla açın.
6. Resimde gördüğünüz üzere iki tane belgemiz var artık.
This image has been resized. Click this bar to view the full image. The original image is sized 648x309 and weights 28KB.

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.

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. Google dan rahatlıkla bulabilirsiniz.
Horizontal Type Toolu (klavyeden T)Seçin. Ve istediğiniz yere yazınızı yazın.
18 Yazı katmanına sağ tıklayın ve blending optionsa girin. Gözünüze hoş gelen efektleri verin çok abartmayın .

19. Gelelim parlaklık efektimize. Bunun için Eliptical Marque Tool u 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 %40 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.(Eğer buraya kadar hata yapmadıysanız aşağıdaki gibi animation penceresinde 43 kare olmalı)
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

Umarım yararlı olabilmişimdir
SONUÇ

not:alıntı