Flash Catalyst'e Etkileşimli Bileşenler Ekleme

• Mayıs Ayı 16, 2024

Bu derste Adobe'deki portföy slayt gösterisini bitireceğiz^R, flaş^R, katalizatör^R,. Eğer takip ediyorsanız, düğmelerimizi yaptık ve özel efektler eklemeye hazırız. Portföy içinde gezinirken, görünür logo düğmesinin kısılmasını ve diğer düğmelerin görünür olmasını istiyoruz. Bu nedenle, Catalyst'e hangi düğmenin hangi sayfa için olduğunu ve düğmeleri ne zaman kısacağını söylememiz gerekir. Ardından sayfalar arasında bir Geçiş geçiş efekti ekleyeceğiz.

İlk önce mevcut logo için düğmeyi karartacağız. Sayfa1 Durumu'nda logo 1 göründüğünde, eşleşen düğmenin soluk olmasını istiyoruz. Bunu, portföyümüzün her üç Durumu veya sayfası için yapmamız gerekiyor.

1. Bu sayfada çalışmak için Sayfalar / Durumlar panelindeki Sayfa1 simgesini tıklatın. Logo 1 için şimdi düğmemiz olan küçük resim görüntüsüne tıklayın. Özellikler panelinde Opaklığı 40 olarak ayarlayın. Düğmenin altındaki altlığın merkezi siyah olduğu için düğmenin soluk görünmesi sağlanır.

2. Sayfalar / Durumlar panelinde Sayfa2 simgesini tıklatın. Sayfa 2 için yalnızca logo 2 ile eşleşen düğmeyi karartarak önceki adımı tekrarlayın. Sayfa / Durum panelindeki Sayfa3 simgesini tıklatın ve bu adımı tekrarlayın.

Yeni efektimizi test etmek için Dosya - Projeyi Çalıştır'ı tıklayın. Düğmeleri tıklattığınızda, ilgili logo görünür olmalı ve bu düğme soluk olmalıdır.

Gezinmemize ekleyeceğimiz son şey, Zaman Çizelgesi'ni kullanarak sayfalar arasında bir Geçiş Geçişidir. Sayfa1 simgesini tıklatarak Sayfa1'e geri dönün. Zaman Çizelgesi'ndeki katmanlara bir göz atın ve her üç sayfa arasındaki olası her geçiş için bir katmanımız olduğunu göreceksiniz.

Sayfa1> Sayfa2
Sayfa1> Sayfa3
Sayfa2> Sayfa1
Sayfa3> Sayfa1

3. Sayfa1> Sayfa2 katmanına tıklayın. Catalyst'in bize logo 1 ve 2 (soluk) ve 1 ve 2 düğmeleri için geçiş seçenekleri sunduğunu göreceksiniz. Logo 1'den uzaklaşacağımız için, bir Solma seçeneğimiz var. Ancak logo 2'ye geçeceğiz. Bu logo için bir Fade In seçeneğimiz var.

Sadece logo 1'e Fade Out efektini ve logo 2'ye Fade In efektini ekleyeceğiz. Düğmelerimize uygulanan Fade efektine ihtiyacımız yok. Ancak, bu efekti başka bir projede kullanmak isteyebilirsiniz.

Zaman Çizelgesi'nin altındaki Düzgün Geçiş düğmesini tıklayın. Soldur / Çıkar kontrollerinin tüm katmanlarda bir buçuk saniyeye uzatıldığını göreceksiniz. Hala Sayfa1> Sayfa2 katmanında, iki düğme için efekti kapatmamız gerekiyor. Her düğme için kaydırma kontrolünü sola doğru itin.

Sayfa1> Sayfa3 katmanına tıklayın. İki düğme ve logo için önceki adımı tekrarlayın. Sayfa2> Sayfa1 katmanı ve Sayfa3> Sayfa1 katmanı için tekrarlayın.

Bu, Page1 durumu için tüm geçişleri halleder. Ancak portföyümüzde üç eyalet var. Bunu diğer iki eyalet için tekrar yapmamız gerekiyor. Sayfalar / Durumlar panelinde Sayfa2 simgesini tıklatın.

Zaman Çizelgesi'ndeki katmanlara bir göz atın. Sayfa1 durumu için yeni ayarladığımız ayarların Sayfa1> Sayfa2 ile Sayfa2> Sayfa3 arasındaki geçişler için Sayfa2 durumuna geçtiğini göreceksiniz. Sadece Sayfa2> Sayfa3 ve Sayfa3> Sayfa2 arasındaki geçişi eklememiz gerekiyor.

4. Geçişleri Sayfa2 durumu için logolara uygulamak için önceki adımları tekrarlayın. Bunu Zaman Çizelgesi'ndeki her katman için yapmanız gerekir.

5. Sayfalar / Durumlar panelinde Sayfa3 simgesini tıklatın. Geçiş ayarlarının diğer iki durumdan geçtiğini göreceksiniz. Daha fazla sayfamız olsaydı, bu durum için katmanlar üzerinde çalışmamız gerekirdi. Ama bu üç eyaletin sonuncusu olduğu için hepimiz hazırız.

Projenizi tekrar test edin. Her şey çalışıyorsa, dosyamızı LogoPortfolio.fxp olarak kaydetmeye hazırız.

6. Flash portföyümüzü gösterecek dosyaları üretmesi için Catalyst'e söylememiz gerekiyor. Dosya - SWF'de Yayınla'yı tıklayın. Sabit sürücünüzde doğru konuma göz atın ve projenizi kaydedin. Catalyst'in size iki klasör verdiğini göreceksiniz. Web'e konuşlandırma klasöründe, portföyü bir web sunucusunda çalıştırmak için gereken dosyalara sahibiz. Çalışma yerelinde, portföyü masaüstümüzde çalıştırmak için dosyalarımız var.

Telif Hakkı 2018 Adobe Systems Incorporated. Tüm hakları Saklıdır. Adobe ürün ekran görüntüleri, Adobe Systems Incorporated'ın izniyle kullanılmıştır. Adobe, Photoshop, Photoshop Albümü, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Köprü, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Havai Fişek, Contribute, Captivate, Flash Catalyst ve Flash Paper Amerika Birleşik Devletleri ve / veya diğer ülkelerde Adobe Systems Incorporated'in [a] tescilli ticari markaları veya ticari markalarıdır.

Video Talimatları: ROBLOX ROBUX ÖDÜLLÜ KOŞU YARIŞI/ROBLOX JAİLBREAK/ROBLOX TÜRKÇE (Mayıs Ayı 2024).