Bu dersimizde Photoshop‘ta animasyon yani hareketli .gif yapımını öğreneceğiz.CS serisinden önce .gif resmi yapabilmemiz için Image Ready programına ihtiyaç duyarken CS serisiyle birlikte Adobe firması bunu menü olarak bize sunarak hem kolaylık hem de performans sağlamış oldu.

Öncelikle standart bir banner ölçüsünde 468×60 px ölçülerinde bir sayfa açıyoruz.Yeni bir katman oluşturup adına arkaplan diyoruz ve istediğimiz bir renge boyuyoruz.

Banner’a koymak istediğimiz şekil veya logo varsa oları da Photoshop ile açıyoruz ve sürükle-bırak yöntemiyle banner’ımızın içine atıyoruz.

photoshop banneryapimi Photoshopta Banner Yapımı

Şimdi sıra geldi yazılara.”Görsel Anlatımla En İyi Dersler AutoCADHocasi.Com’da” yazısını animasyonlu olarak yapıp hareketli bannerımızı oluşturacağız.İlk önce yazımızın Görsel Anlatımla kısmını yazıyoruz ve yazımızın özelliklerini Blending Options ile belirliyoruz.

photoshop banneryapimi2 Photoshopta Banner Yapımı

Şimdi üst menüden Window > Animation yolunu kullanarak animasyon kısmımızı açıyoruz.Ve animasyon penceremizde 1 frame daha oluşturuyoruz.

photoshop banneryapimi3 Photoshopta Banner Yapımı

Şimdi animasyon bölümümüzde 2 tane resim var.Ve şu an ikisi de aynı.Son oluşan 2.resme tıklıyoruz ve resmimize sıradaki yazımız olan En İyi Dersler kısmını ekliyoruz.Sahnemizde şimdi 2 yazı var ve bunları bir sıraya koymamız gerekiyor.Animasyon bölümünden ilk resmimizi seçiyoruz ve En İyi Dersler yazısının bulunduğu katmandaki göz işaretine tıklıyoruz ve görünmez yapıyoruz.2. resmimize tıklayıp bu sefer Görsel Anlatımla kısmı için yapıyoruz.

Şimdi 3. ve son yazımızı yazıyoruz.

photoshop banneryapimi4 Photoshopta Banner Yapımı

Şimdi zamanı ayarlamaya geldi sıra.Animasyon bölümümüzde resimlerin altında bulunan zaman seçiminden(default olarak 0 sec yazar)her kareye aynı zamanı veriyoruz.Ben 2 saniye veriyorum.Bunun anlamı şudur.Her resim animasyon esnasında 2 saniye gözükecek ve 2 saniye sonra diğer resim görünecek.

photoshop banneryapimi5 Photoshopta Banner Yapımı

Şimdi Animasyon bölümünde bulunan Plays Animation tuşuyla bannerımızı test edebiliriz.Eğer bir sorun yoksa bunu kaydedeceğiz.Kaydetmek için File > Save for Web Devices yolunu kullanıyoruz ve Save diyoruz.

photoshop banner yapimi sonuc Photoshopta Banner Yapımı

Bu yazıyı beğendiyseniz RSS ye abone olabilirsiniz!
sayfa içi reklam alanı

Yorumlarınız Değerlidir

“Photoshop’ta Banner Yapımı” için 8 yorum bulunuyor

Kullanıcı girişi yaparak ya da zorunlu olan * alanlarını doldurarak yorum yapabilirsiniz.

İsminiz *

Email adresiniz *

Web siteniz

Mesajınızı buraya yazabilirsiniz:


Toplam 8 yorum var.

  1. Şermin Boyacı | 25 Mar 2009, 22:36
    1

    bu dersi umarım hareketli bir bannerdır diyerek açtım. Tamda istediğim gibi çıktı oleyy.

  2. oyyla.com | 02 Nis 2009, 02:55
    2

    Photoshop Dersleri 7…

    Hareketli gif (animasyon) banner yapımı anlatılıyor…

  3. 101bilge.com | 02 Nis 2009, 03:00
    3

    Photoshop Dersleri 7…

    Hareketli gif (animasyon) banner yapm anlatlyor…

  4. 100puan.com | 02 Nis 2009, 03:01
    4

    Photoshop Dersleri 7…

    Hareketli gif (animasyon) banner yapımı anlatılıyor…

  5. siteimle.com | 02 Nis 2009, 03:05
    5

    Photoshop Dersleri 7…

    Hareketli gif (animasyon) banner yapımı anlatılıyor…

  6. imlerim.com | 02 Nis 2009, 03:09
    6

    Photoshop Dersleri 7…

    Hareketli gif (animasyon) banner yapımı anlatılıyor…

  7. Nurten | 27 Oca 2011, 22:57
    7

    her insan böyle anlaşılır anlatamaz. Özellikle de anlatımınıza hayran kaldım:)

  8. maç özetleri | 15 May 2011, 01:15
    8

    teşekkürler web tasarımcıalr için önemli bir yazı



  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • Yapılan Son Yorumlar
  • GÜLŞAH: Merhaba, Son birkaç günden beri autocad hatch...
  • herbalife ürünleri: kesinlikle bu anlatımla proje çizimi...
  • jasdef: arka plana image den reesim seçicem fakat resim...
  • nakliyat: elinize sağlık çok güzel olmuş teşekkürler
  • kazancrehberim.net: çok güzel bir eklenti tavsiye ederim
  • En Çok Yorum Alan Yazılar
  • AutoCADHocasi.com 8 GB U3 Bellek Hediye Ediyor !
  • AutoCADHocasi.com Ödüllü Yorum Yarışması
  • AutoCADHocasi.com Yarışması
  • AutoCAD 2009 Geliyor (Yeni Arayüz, Yeni Özellik ve Komutlarla AutoCAD 2009)
  • AutoCAD’de 3 Boyutlu Araba Yapmak !!!
  • AutoCAD ile Pırlanta Yapımı
  • Üye Girişi

Botacad: Hoşgeldiniz. Bana AutoCAD hakkında öğrenmek istediklerinizi sorabilirsiniz. Henüz yapım aşamasındayım, eksik veya hatalar olabilir.

Seo Hocası

AutoCAD Sözlüğü

AutoCAD indir, Dersleri, Eğitimi

Bağlantılar

AutoCAD Download photoshop tutorial Bilgisayar eğitiminin adresi Yeşersin

staricad autocad reklam alanı
AutoCADHocasi.com Kaan Gülten tarafından oluşturulmuş, Dersler veren sitedir.
Destek Ol
Seo Danışmanlığı
Önem Verilen Kelimeler
  • AutoCAD Kursu
  • indir
  • AutoCAD ironman
  • Download
  • Dersleri
Özel Yazılar
  • Kurs Projesi
  • 3 Boyutlu Araba Çizimi
  • 3 Boyutlu Havuz Çizimi
  • Sweep Komutu 3
  • Sweep Komutu 4
Özel Yazılar 2
  • Projeksiyon Görüntüsü Oluşturma
  • Buzlu Cam Yapımı
  • Anipath - Yol Animasyonu
  • Işıklı Kalem Çizimi
  • Divide ile Yol üzerinde ilerleyen yazı
Google Site Map | AutoCAD Hocası | AutoCAD | AutoCAD | Google

Powered by 2008 - 2010 AutoCADHocasi.com