Online Türkler
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Online Türkler

...Bilği Paylaştıkça Çoğalır...
 
AnasayfaOnline TürklerLatest imagesAramaKayıt OlGiriş yap
Giriş yap
Kullanıcı Adı:
Şifre:
Beni hatırla: 
:: Şifremi unuttum
Arama
 
 

Sonuç :
 
Rechercher çıkıntı araştırma
Dost Siteler
Dost Siteler Listesine Katıl
Reklam
Online Türkler on Facebook
Reklam3


 

 Hareketli Banner Yapımı

Aşağa gitmek 
YazarMesaj
yecga07
Admin
Admin
yecga07


Mesaj Sayısı : 177
Rep Gücü : 54518
Kayıt tarihi : 23/06/09
Yaş : 33
Nerden : İZMİR
Aktiflik :
Hareketli Banner Yapımı Left_bar_bleue999 / 999999 / 999Hareketli Banner Yapımı Right_bar_bleue

Uyarı :
Hareketli Banner Yapımı Left_bar_bleue0 / 9990 / 999Hareketli Banner Yapımı Right_bar_bleue


Hareketli Banner Yapımı Empty
MesajKonu: Hareketli Banner Yapımı   Hareketli Banner Yapımı Icon_minitimeSalı Tem. 07, 2009 5:19 pm

<blockquote>Banner Yapmak=Gif Yapmak
Photoshop’ta Gif oluşturmak aslında çok kolaydır. İşin en zor kısmı
ne gibi görseller kullanacağımıza, içindeki hangi nesneleri hareketli
hale getireceğimize karar vermektir. Bu kısmı sizin yaratıcılığınıza
bırakıyoruz ve en temel yoldan Photoshop’tan Gif uzantılı animasyonun nasıl yapıldığını öğreneceğiz.
Adım 1) Photoshop ekranının üst bölümünde bulunan Window seçeneğinden Animation ‘u seçiyoruz. Ve alt kısımda uzun bir kutucuk açıldığını göreceksiniz.
Hareketli Banner Yapımı Animasyon
Adım 2) Boş bir dosya açıyoruz yeni bir layer açıp örnek olarak içerisine kırmızı bir nokta koyuyoruz.
Hareketli Banner Yapımı Layerkutu
Hareketli Banner Yapımı Kirmizi-nokta
Adım 3) Yeni bir layer açıp bu seferde siyah bir nokta koyuyoruz.
Hareketli Banner Yapımı Siyah-nokta1
Hareketli Banner Yapımı Untitled-2
Adım 4) Şimdi elimizde iki farklı layer var şimdi
temel olarak 2 saniye kırmızı nokta, 2 saniye de siyah noktanın
görünmesi için animasyonumuzu hazırlayalım.
Window’dan açtığımız Animation kutucuğunda da bir tane layer açıyoruz. (Yine çöp kutusunun yanındaki simgeden yapılıyor.)
Hareketli Banner Yapımı Untitled-3
Artık iki farklı animasyon karemiz var ve hangisinde hangi renk noktanın olacağına karar verelim.
1. animasyon kutusunu seçip orjinal layer bölümünde siyah noktanın yanındaki göz işaretine basarak onu görüntüden kaldırıyoruz.
Hareketli Banner Yapımı Untitled-4
Sonra 2. animasyon kutucuğuna basarak orjinal layer bölümünden de
kırmızı noktanın göz işaretini kaldırıp, siyahınkini ekliyoruz.
Hareketli Banner Yapımı Untitled-5
Adım 5) Animasyon kutucuklarının altlarında yazan 0 sec.
şuan da 0 (sıfır) saniyeye ayarlı demektir. O görüntünün ekranda
kalmasını istediğiniz kadar süreyi yanındaki ok vasıtası ile
seçebilirsiniz. Biz örnek olarak 2 saniyelik yapıyoruz.
Hareketli Banner Yapımı Untitled-6
Artık Play tuşuna bastığımızda 2 saniyede bir görüntülerin
değiştiğini görmüş oluyoruz. Şimdi gelelim en önemli kısıma; bunları
nasıl gif olarak kaydedeceğiz?
Adım 6) Photoshop CS2 sürümüne kadar olan versiyonlarda: Araçlar bölümünün en altında bulunan Edit in ImageReady
tuşuna (Kısayolu: Shift+Ctrl+M) basıyoruz. Ve ImageReady Programı
açılıyor. (Önemli Not: Bu tuş Photoshop Cs3′te yoktur.) ImageReady
penceresinde File ‘den Save Optimized As… diyoruz ve çalışmamızı gif dosyası olarak kaydetmiş oluyoruz.
Hareketli Banner Yapımı Untitled-7
Hareketli Banner Yapımı Untitled-8
Photoshop CS3 ve CS4 için: File menüsünden Save For
Web & Devices seçeneğine tıklıyoruz. Ve açılan pencerenin sağ
tarafında Preset bölümündeki sekmeyi Gif yapıpıyoruz.
Hareketli Banner Yapımı Gif
Ve Sonuç;
Hareketli Banner Yapımı Untitled-9
</blockquote>

Şu Ana Kadar Resimleri Nasıl Hareketlendireceğimizi Öğrendiysek Gerisi Kolay;

ADIM 2

İlk olarak 468 x 60 boyutlarında bi yeni çalışma alanı açıyoruz
Arka planı #209800 olarak ayarlıyoruz (Meşpur değil ama şimdilik öyle yapın

Daha sonra "Gradient Tool" u kullanarak aşağıdaki gibi bi boyama yapıyoruz...
Hareketli Banner Yapımı 016ba


Resmimiz şu şekli alıyor... Alamdıysa sorun sende

Hareketli Banner Yapımı 029sy



Daha sonra aşağıdaki görüldüğü gibi "Eliptical Marquee Tool" u seçerek
, resimdeki gibi sağda bi seçili alan yaratıyoruz



Hareketli Banner Yapımı 034jx




O seçili alan seçili dursun elleşmeden resme sağ tıklayıp "Layer Via Copy" yi tıklıyoruz...
Böylece seçili alan kadar layer ı alttaki resimdençekmiş bulunuyoruz...
Layer Via Copy seçeneği çıkmıyorsa sağ araçlar menüsünden "Marguee Tool" u seçin yada "M" ye basın

Daha sonra Ctrl+D tuşları ile seçili alanı kaldırıyoruz ve "M" ye basarak
"Marquee Tool" u seçiyoruz ve resme sağ tıklayarak "Blending Options" a tıklıyoruz ...
İşte photoshop ta yaratıcılığınızı kullanmanız gereken alan ...
"Blending Options" kutusu açıkken alttaki resimde görüldüğü uygulamaları harifyen yapıyoruz

Hareketli Banner Yapımı Wol_errorBu Resim ufaltılmıştır. Buraya tıklayarak orjinal boyutuna çevirebilirsiniz. Orjinal Boyut 887x1410 .
Hareketli Banner Yapımı 052oz
Evet Artık Hem Nasıl Gif Yapacağımız ve Nasıl Normal Banner Yapacağımız Öğrendik
O Zaman
<blockquote>Banner+Gif=Hareketli Banner
</blockquote>
Demek Oluyor.
Şimdi Yapmamız Gereken;

<blockquote>Hareketli Banner Yapımı Untitled-2
</blockquote>

Birinci Dersin Aynısı Uygulamak
Sadece Siyah Noktalar Yerine İki Tane Yazı Yazacağız Sonra Geri Kalanını Aynen Yerine Getireceğiz.
Sayfa başına dön Aşağa gitmek
http://onlineturkler.yetkinforum.com
 
Hareketli Banner Yapımı
Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» Hareketli Yazı
» Hareketli Yıldırım Efekti
» Gözün İçinde Hareketli Resimler İlginc Bir Efekt
» Metor Yapımı
» CD Yapımı

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Online Türkler :: Online Türkler Web ve Grafik Dersleri :: Photoshop-
Buraya geçin: