Nazy
🏆Pro Tasarımcı🏆
Web Sayfalarında yada Videolarınızda daha aktif görseller hazırlamak için
Photoshopun içerisinde barındırdığı Animation özelliğini inceleyelim
Yapacağımız Çalışma Örneği
Öncelikle Yukarıdaki Resimde Olduğu Gibi Etrafı Transparan Siyah Bir Obje Oluşturun
Yukarıdaki Resimde Olduğu gibi Objemizin Bulunduğu Layer ın altına yeni bir layer oluşturun ve bu layer ı siyah ile doldurun
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
Ş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
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
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
Ş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
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
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
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
Photoshopun içerisinde barındırdığı Animation özelliğini inceleyelim
Yapacağımız Çalışma Örneği
Öncelikle Yukarıdaki Resimde Olduğu Gibi Etrafı Transparan Siyah Bir Obje Oluşturun
Yukarıdaki Resimde Olduğu gibi Objemizin Bulunduğu Layer ın altına yeni bir layer oluşturun ve bu layer ı siyah ile doldurun
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
Ş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
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
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
Ş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
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
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
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
Son düzenleme:
