Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama

Photoshop Dersleri - Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama ...

Cevapla
Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama
Nazy isimli Üye şimdilik offline konumundadır

Nazy(31)

Hiç Biri / İstanbul

Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama

Alt 22-06-2009 #1
Sponsorlu Bağlantılar

Web Sayfalarında yada Videolarınızda daha aktif görseller hazırlamak için
Photoshopun içerisinde barındırdığı Animation özelliğini inceleyelimPhotoshop İle Renk Geçişli Gif Animasyonu Hazırlama

Yapacağımız Çalışma Örneği
Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama

Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama
Öncelikle Yukarıdaki Resimde Olduğu Gibi Etrafı Transparan Siyah Bir Obje Oluşturun

Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama
Yukarıdaki Resimde Olduğu gibi Objemizin Bulunduğu Layer ın altına yeni bir layer oluşturun ve bu layer ı siyah ile doldurun



Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama
Siyah Layer ı oluşturduktan sonra, klavyemizdeki CTRL tuşuna basılı tutarak
Üstteki seyma_logo layer ına tıklayın ve seyma_logo nun hatlarını, yukarıdaki resimde olduğu gibi seçili hale getirin

*Üst Menüden "Select > Modify > Feather" Komutunu Kullanarak Seçmiş Olduğunuz Hattı 3 pixel eritin. Bu 3 pixel resmin büyüklüğüne göre yükseltilebilir.

*Yine Üst Menüden "Image>Adjstments>Invert" seçeneği ile, siyah layerdaki
seçili alanın renklerini ters çevirin

Renkleri Ters Çevirdikten Sonra, Sağ Tıklayıp Deselect komutu ile Seçimi Devre Dışı Bırakın.

*Aşağıdaki Resimde Olduğu gibi, Üst Menüden "Filter>Blur>Motion Blur" seçeneği ile,görselinizde yaklaşık 42 pixellik bir buğulaştırma uygulayın
Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama


Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama
Şimdi Çalışmamızın Üzrine Yeni Bir Layer Daha Oluşturuyoruz, Bu layer çalışmamızı renklendireceği için diğer Layerların Üzerinde Olması Gerek

Yeni OLuşturduğumuz Layer a "Gradient Tool" u kullanarak Bir Renk Geçişi Uyguluyoruz
Photoshop İle Renk Geçişli Gif Animasyonu HazırlamaPhotoshop İle Renk Geçişli Gif Animasyonu Hazırlama

Görsel Üzerinde Yapmamız Gerekenler Bukadar...

Kolay Bir Şekilde Animasyon Nasıl Oluşturulur...
Çok Eskiden Çizgi Film yada hareketli herhangi bir obje oluşturmak için
görünecek bütün kareleri tek tek çizmek zorunda kalırdık...
Ama Tween teknolojisi sayesinde bu zor ve sıkıcı işlem çok eğlenceli bir hale getirildi.

Yapmamız gereken tek şey, Bir aksiyonun yada hareketin ilk ve son karesini belirlemek, arada olması gereken kareleri Tween bizim için otomatik oluşturacak
Kolay Kavraya bilmeniz için Aşağıda Örnek bir Çizim Hazırladım
Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama
Animasyonu Nasıl Yapacağımız Hakkında En Azından Fikir Sahibi Olduk

Şimdi Üst Menüden "Window>Animation" panelini açın
ANIMATION (TimeLine) ve ANIMATION (Frames) adı altında İki Çeşit Animation Paneli Vardır.
Bizim Kullanacağımız Panel ANIMATION (Frames) dir

Bu iki Panel Arasında Geçiş Yapmak İçin Aşağıdaki Resimde Kırmızı Çizgiler ile Belirtilen Butonu Kullanın
Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama
Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama
Şimdi Çalışmamıza Geri Dönüp En Üstteki, Renk Geçişi bulunan Layerı Hareketlendirmek İçin, Olması Gereken ilk Ve Son Konumu Belirlememiz Gerekiyor.
İlk Konumu Belilemek İçin Üstteki Layer ı En Sağa Taşıyoruz
Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama

Yukarıdaki Resimde Olduğu Gibi
Animasyon Panelinde, Yeşil Çİzgilerle Belirtilmiş Alandaki butonu kullanarak yeni bir frame oluşturun
* Bu yeni frame de son konumu oluşturacağız, sağa taşımış olduğumuz renkli layer ı bu sefer, mavi çizgilerle belirtildiği gibi en sola taşıyoruz

*Kırmızı Çizgiler ile belirtilen Tween butonunu kullanarak tween penceresini açıyoruz ve 15 adet otomatik frame oluşturuyoruz

*Yukarıdaki Resimde Siyah Çizgiler ile belirtilen yer ise Bir Frame in nekadar süre ekranda gözükeceğini belirliyor en uygunu 0.2 sec dir.

Aşağıdaki resimde olduğu gibi, Klavyemizdeki Shift Tuşunu Kullanarak Bütün Frame leri seçili hale getiriyoruz
Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama
Yukarıdaki Resimde Kırmızı çizgi ile belirtildiğ gibi
Renk geçişi için kullanmış olduğumuz Layer ın modunu Overlay Olarak Değiştiriyoruz
Animasyonumuz Hazır... Eğer İsterseniz, Animasyon Panelindeki Play Butonuna Tıklayıp Çalışmayı İzleyebilirsiniz

Animasyonu, hareketli gif fomatında kaydetmek için Üst Menüden
"File>Save For Web And Devices" ı çalıştırdığınızda aşağıdaki pencere açılacaktır
Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama
kulanımı basit olan bu pencere çalışmanızı hareketli GIF formatında kaydetmek için Save butonuna Tıklamanız Yeterlidir


İsteyen Arkadaşlar Buradan Örnek Bir Çalışmayı PSD Formatında İndirebilirler
Anlatım ve Örnek resimler Tarafıma Aittir
İşinize Yarayacağını Umuyorum
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

PAŞŞA isimli Üye şimdilik offline konumundadır

PAŞŞA(44)

Hiç Biri / İstanbul

Standart
Alt 04-07-2009 #2
                             Sponsorlu Bağlantılar
Bu kadar güzel bir çalışma neden atlanmış, hiç yorum almamış hayret ettim. Emeğine sağlık güzel ve anlaşılır olmuş.
Bu mesajdan alıntı yap
blueden isimli Üye şimdilik offline konumundadır

blueden

Hiç Biri / Konya

Standart
Alt 04-07-2009 #3
Güzel bir ders olmuş, emeğinize sağlık +1.
Bu mesajdan alıntı yap
beyzade19 isimli Üye şimdilik offline konumundadır

beyzade19

Hiç Biri / İzmir

Standart
Alt 04-07-2009 #4
çok güzel bir çalışma
Bu mesajdan alıntı yap
Nemes isimli Üye şimdilik offline konumundadır

Nemes

Öğrenci (Grafik) / İstanbul

Standart
Alt 13-07-2009 #5
ellerinize sağlık Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama
Bu mesajdan alıntı yap
küheylan isimli Üye şimdilik offline konumundadır

küheylan

Forumdan Uzaklaştırıldı

Öğrenci (Diğer) / Bayburt

Standart
Alt 13-07-2009 #6
teşekkürler güzel paylaşım
Bu mesajdan alıntı yap
ebraremel isimli Üye şimdilik offline konumundadır

ebraremel

Öğrenci (Grafik) / Bursa

Standart
Alt 13-07-2009 #7
selam, çalışmanızı çok güzel ve uygulanabilir buldum. görseli hazırlarken hiçbir sorun yaşamadım ama animasyona gelince takıldım. photoshopta yeniyim, daha önce hiç animasyon hazırlamadım. görselin son haline renkler layerı gradient ile renklenmiş iken nasıl birdenbire transparan oldu? ben o layerı animasyon penceresine taşıyorum ama aşağıda frame 1 ve frame 2 hala renkli? sorunumu anlatabildim mi bilmiyorumPhotoshop İle Renk Geçişli Gif Animasyonu Hazırlama biri bana yardımcı olursa çok sevinicem...
Bu mesajdan alıntı yap
Ahuela isimli Üye şimdilik offline konumundadır

Ahuela

Öğrenci (Diğer) / İstanbul

Standart
Alt 14-07-2009 #8
Süper bi çalışma olmuş ellerine sağlık Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama
Bu mesajdan alıntı yap
Nazy isimli Üye şimdilik offline konumundadır

Nazy(31)

Hiç Biri / İstanbul

Standart
Alt 14-07-2009 #9
selam, çalışmanızı çok güzel ve uygulanabilir buldum. görseli hazırlarken hiçbir sorun yaşamadım ama animasyona gelince takıldım. photoshopta yeniyim, daha önce hiç animasyon hazırlamadım. görselin son haline renkler layerı gradient ile renklenmiş iken nasıl birdenbire transparan oldu? ben o layerı animasyon penceresine taşıyorum ama aşağıda frame 1 ve frame 2 hala renkli? sorunumu anlatabildim mi bilmiyorumPhotoshop İle Renk Geçişli Gif Animasyonu Hazırlama biri bana yardımcı olursa çok sevinicem...
Layer Menüsünde "Normal" Yazan Bir yer vardır
Bu Normal yazan yerdeki seçeneklere "blending mode" denir
Blending Modunu yazıldığı gibi "Overlay" a çevirirseniz
yani seçeneklerden "overlay"ı seçerseniz
Renkli alan sadece tonlamalara yansır ve örnekteki görüntüye kavuşmuş olursunuz
tüm framelerin blending modlarını aynı anda çevirmek için
animation penceresinden , klavyedeki shift tuşunu kullanarak bütün frameleri seçili hale getirin
sonra renk layer ınızın modunu Overlay a çevirin
iyi çalışmalar dilerim
yorumlar içinde ayrıca teşekkürler
Bu mesajdan alıntı yap
ebraremel isimli Üye şimdilik offline konumundadır

ebraremel

Öğrenci (Grafik) / Bursa

Standart
Alt 19-07-2009 #10
Layer Menüsünde "Normal" Yazan Bir yer vardır
Bu Normal yazan yerdeki seçeneklere "blending mode" denir
Blending Modunu yazıldığı gibi "Overlay" a çevirirseniz
yani seçeneklerden "overlay"ı seçerseniz
Renkli alan sadece tonlamalara yansır ve örnekteki görüntüye kavuşmuş olursunuz
tüm framelerin blending modlarını aynı anda çevirmek için
animation penceresinden , klavyedeki shift tuşunu kullanarak bütün frameleri seçili hale getirin
sonra renk layer ınızın modunu Overlay a çevirin
iyi çalışmalar dilerim
yorumlar içinde ayrıca teşekkürler

öncelikle ilgilendiğiniz için teşekkür ederim, anlattığınız kısmı uyguladım ve çalışmamı bitirdim ancak play diyorum, animasyon paneli hareketli fakat çalışmamda hiçbir hareket yok Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama dersi tekrar tekrar okudum fakat yanlışımı göremiyorum. lütfen bir yardım daha Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama Photoshop İle Renk Geçişli Gif Animasyonu Hazırlama
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Photoshop Dersleri: Işın Geçişli Yazı Dersi |MütHiş Bişey| sedat17 Photoshop Dersleri 30 23-12-2010 03:37:39
Photoshop Dersleri: Resime Dürbün Animasyonu yapmak N/A8 Photoshop Dersleri 5 15-07-2009 00:21:31
Photoshop Dersleri: Taş Plak hazırlama ( Photoshop ) Selim MERCANO Photoshop Dersleri 22 23-02-2009 16:06:38
Photoshop Dersleri: Fotoğrafları 3 Renk, 2 Renk, 1 Renge Dönüştürmek Yunus PARLAR Photoshop Dersleri 17 23-02-2009 13:03:24
Photoshop Dersleri: Resime dürbün animasyonu tUcEe. Photoshop Dersleri 4 21-10-2008 09:50:17

Kapat
Şifremi Unuttum?