?> Rollover Buttons - photoders
Site » Image Ready

Rollover Buttons

[ 20 Tem 2007 | 7 Yorum ]

Rollover Buton yapalım

1. 150×90 yeni bir çalışma sayfası açtık örnek butonu hazırladık burada iki buton gibi görsenizde aslında tek bir buton ben sadece yazı rengini değiştim Mause üzerine gelince yazı değişecek şimdi yapılışını aktarayım.
Buton hazır

2- İmage ready geçelim windows> web content açalım

Konuyu resim üzerinde bire bir yazarak anlatmayı daha uygun gördüm sanırım daha iyi anlaşılır ekli resime tıklayarak Internet Explorer üzerinden incelemek için tıklayın

Butonun ilk görünümünü anlattım şimdi mause üzerine gelince değişimi yani ower “rollower slices” resim üzerinde anlatacağım.

Gerekli, ayarları yaptık şimdi kaydetmemiz gerekiyor

Kolay gelsin
Çalışmayı izle

Etiket:

7 Yorum »

  • Link verme diyor'ki:
    12 Eki 2009 saat 17:51

    Merhabalar… altı layerli bir logo yaptım hepsine ayrı ayrı link vermem gerekiyor ama bir türlü yapamadım şu slice tool özelliğini kullandım ama gene olmadı

    tam olarak nasıl yapmam gerekiyor acaba
    cevap verirseniz çok sevinirim

  • admin (author) diyor'ki:
    12 Eki 2009 saat 23:55

    İşlenmiş ders tek buton olarak hazırlandı siz yaparken Altı butona göre düzenleme yapmanız gerekmekte anlatılan dersi yapacağınız butonların sayısına göre hazırlayın slice tool ile tek, tek parçalara ayırın işlenen derste olduğu gibi over, rollower uygulayın linklerini verin.

  • kafkasya diyor'ki:
    13 Eki 2009 saat 14:06

    Cevap için çok teşekkürler
     
    benim yapmak istediğim daha basit birşey aslında..layerlerde sadece resimler var (logo)üzerine tıklayınca kendi web sitesilerine yönlendirmek istiyorum.URL’den link veriyorum ama kabul etmiyor
     
    çalışmayı html olarak kaydettiğimde bir sorun yok ama benim gif olarak kaydetmem lazım sitenin üst köşesine ekleyeceğim animasyonu
     
     

  • admin (author) diyor'ki:
    13 Eki 2009 saat 20:53

    Kısaca size bir logo üzerine link vermeyi yazayım Kullandığınız Ps Sürümü bilmiyorum burdaki ders photoshop 7 ile yapılmıştı image ready ile şu an PS Cs 3 veya 4 sürüm kullanıyorum sizinde CS3 kullandığınızı var sayıyorum yan menüden Slice Tool aracını seçip sahnedeki logonun tamamını seçelim. Menüden Slice Select Tool aracını seçin seçili alan üzerine tıklayın pencere açılacaktır (Slice Options) Name isim verin Url gidilecek adresi yazın,Target pencerenin ayrı açılmasını isterseniz _blank yazın. Artık link verdik kayıt edelim File Save for Web & Devices seçin açılan pencereden SAVE diyoruz Kayıt türü HTML and images seçip dosya adı vererek kayıt edin. Kayıt ettiğiniz yerde images klasörü ve Html sayfanız hazır olacak.

  • kafkasya diyor'ki:
    14 Eki 2009 saat 15:09

    Html olarak kaydettiğimde sadece ilk layer’i görüyor..ama ben animasyon yapıyorum gif olarak kaydetmem lazım..
    yaptığım çaşışma bu imageready 7 kullanıyorum
    http://i0910.hizliresim.com/2009/10/14/1806.gif
    sırasıyla boehringer,servier..her birine tıklayınca kendi sitesine gidecek
     
    slice tool URL kısmından olmuyor :(
     
     
     

  • admin (author) diyor'ki:
    14 Eki 2009 saat 23:22

    Ben Photoshop Cs3 ve Cs4 kullanıyorum image ready sürümlerde bulunmamakta fakat image ready kullanarak hazırlanan gif animasyonda resimler sürekli geçiş yapar bence bu çalışmaya sıralı buton yaparak belki çözüm bulabilirsiniz yoksa aktif gif animasyonda isteğinizi yapamamsınız sanıyorum. Bence isteğiniz flash ile kolay yoldan yaparsınız.

  • kafkasya diyor'ki:
    15 Eki 2009 saat 12:28

    Peki,yardımlarınız için çok teşekkür ederim ;)
     
     

Yorum Yazın

Konuyla ilgili yorumlarınızı aşağıya yazabilir diğer okuyucularla paylaşabilirsiniz, yazıdan alıntı yapacak olursanız geribildirim yapmayı unutmayın.. Yazıdaki yorumları RSS olarak takip etmek için tıklayınız .

Yorum yazarken dikkat etmeniz gereken hususlar;

  • Spam ve reklam içerikli yorumlar silinecektir.
  • Yorumlar onay gerektirdiğinden birden fazla kez aynı yorumu yazmayınız.
  • Yorumlarınızın konu ile alakalı olmasına özen gösteriniz.
  • Küfür, hakaret etmenizin kimseye faydası olmadığını unutmayın.
  • Yorum yapmanız, onaylanacağı anlamına gelmemektedir. Buradaki hususlara dikkat etmeniz, onaylanma şansını artıracaktır.

    • Güvenlik Kodunun Resmi
    *

    Kapat
    E-posta ile paylaş