Behaviors Effect Menüsü
Effect menüsü
Nesnelerimize değişik efektler vermemize yarayan menüdür.
İlk önce bir div içinde resim ekleyelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_0.png?29)
Sonra behaviors effect menüsünden appear fadeyi seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_1.png?10)
Fade
Solma efekti vermeye yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Fade from : Hangi dereceden solmaya başlayacağını ayarlarız.
Fade to : Hangi dereceye kadar solacağını ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_2.png?33)
Fare ile tıklama olayını seçtik.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_3.png?62)
Resmimize fare ile tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_4.png?81)
Resmimiz belirtilen sürede solma efekti alcaktır.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_5.png?7)
Appear
Belirme efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Appear from : Hangi dereceden belirmeye başlayacağını ayarlarız.
Appear to : Hangi dereceye kadar belireceğini ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_6.png?96)
Resmimize fare ile tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_7.png?94)
Resmimiz ilk olarak görünmezken yavaş yavaş belirmeye başlayacaktır.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_8.png?65)
En sonunda ise tamamen belirmiş olacaktır.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_9.png?67)
Blind
Behaviors effect menüsünden blindi seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_10.png?73)
Blind up
Nesnemize yukarı doğru tırmanma efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Blind up from : Hangi dereceden yukarıya tırmanmaya başlayacağını ayarlarız.
Blind up to : Hangi dereceye kadar yukarıya tırmanacağını ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_11.png?19)
Fare ile tıklama olayını seçtik.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_12.png?28)
Resmimize fare ile tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_13.png?86)
Sonra resmimiz yukarıya doğru tırmanır.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_14.png?79)
Blind Down
Nesnemize aşağıya doğru iniş efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Blind down from : Hangi dereceden aşağıya inmeye başlayacağını ayarlarız.
Blind down to : Hangi dereceye kadar aşağıya ineceğini ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_15.png?81)
Resmimize fare ile tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_16.png?1)
Sonra resmimiz aşağıya doğru iner.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_17.png?56)
Grow/Shrink
Behaviors effect menüsünden grow/shrinki seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_18.png?92)
Shrink
Nesnemize küçülme efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Shrink from : Hangi dereceden küçülmeye başlayacağını ayarlarız.
Shrink to : Hangi dereceye küçüleceğini ayarlarız.
Shrink to : Nereden küçüleceğini ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_19.png?61)
Fare ile tıklama olayını seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_20.png?75)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_21.png?90)
Sonra resmimiz küçülme efektiyle küçülür.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_22.png?37)
Grow
Nesnemize büyüme efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Grow from : Hangi dereceden büyümeye başlayacağını ayarlarız.
Grow to : Hangi dereceye büyüyeceğini ayarlarız.
Grow from : Nereden büyüyeceğini ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_23.png?28)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_24.png?0)
Sonra resmimiz büyüme efekti ile büyür.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_25.png?18)
Highlight
Behaviors effect menüsünden highlighti seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_26.png?11)
Highlight
Nesnemize perde efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Start color : Başlangıç resmini ayarlarız.
End color : Bitiş rengini ayarlarız.
Color After Effect : Renklerden sonraki ara rengi ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_27.png?24)
Fare ile tıklama olayını seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_28.png?60)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_29.png?68)
Resmimizin üzerine belirttiğimiz renkte bir perde belirir.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_30.png?89)
Daha sonra resmimiz eski haline döner.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_31.png?53)
Highlight
Behaviors effect menüsünden shakeyi seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_32.png?81)
Shake
Nesnemize sallama efekti vermeye yarar.
TargeT Element : Nesnemizi seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_33.png?3)
Fare ile tıklama olayını seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_34.png?66)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_35.png?83)
Daha sonra resmimiz sallanmış gibi olur.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_36.png?85)
Slide
Behaviors effect menüsünden slideyi seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_37.png?51)
Slide up
Nesnemize yukarı doğru kayma efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Slide up from : Hangi dereceden yukarı kayacağını ayarlarız.
Slide up to : Hangi dereceye kadar kayacağını ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_38.png?96)
Fare ile tıklama olayını seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_39.png?84)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_40.png?67)
Daha sonra resmimiz yukarıya doğru kaymaya başlar.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_42.png?87)
Resmimiz sonuna kadar kayar.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_41.png?36)
Slide down
Nesnemize aşağıya doğru kayma efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Slide down from : Hangi dereceden aşağıya kayacağını ayarlarız.
Slide down to : Hangi dereceye kadar kayacağını ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_43.png?27)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_44.png?16)
Resmimiz üstten yavaş yavaş kaymaya başlar.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_45.png?13)
Aşağıya doğru kaymaya devam eder.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_46.png?35)
Squish
Uzaklaşarak kaybolma efekti vermemize yarar.
Behaviors effect menüsünden squishi seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_47.png?75)
TargeT Element : Nesnemizi seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_48.png?65)
Fare ile tıklama olayını seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_49.png?44)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_50.png?23)
Resmimiz uzaklaşma efekti ile uzaklaşır.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_51.png?42)
Kaynak Reha Gürsel
Nesnelerimize değişik efektler vermemize yarayan menüdür.
İlk önce bir div içinde resim ekleyelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_0.png?29)
Sonra behaviors effect menüsünden appear fadeyi seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_1.png?10)
Fade
Solma efekti vermeye yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Fade from : Hangi dereceden solmaya başlayacağını ayarlarız.
Fade to : Hangi dereceye kadar solacağını ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_2.png?33)
Fare ile tıklama olayını seçtik.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_3.png?62)
Resmimize fare ile tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_4.png?81)
Resmimiz belirtilen sürede solma efekti alcaktır.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_5.png?7)
Appear
Belirme efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Appear from : Hangi dereceden belirmeye başlayacağını ayarlarız.
Appear to : Hangi dereceye kadar belireceğini ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_6.png?96)
Resmimize fare ile tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_7.png?94)
Resmimiz ilk olarak görünmezken yavaş yavaş belirmeye başlayacaktır.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_8.png?65)
En sonunda ise tamamen belirmiş olacaktır.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_9.png?67)
Blind
Behaviors effect menüsünden blindi seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_10.png?73)
Blind up
Nesnemize yukarı doğru tırmanma efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Blind up from : Hangi dereceden yukarıya tırmanmaya başlayacağını ayarlarız.
Blind up to : Hangi dereceye kadar yukarıya tırmanacağını ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_11.png?19)
Fare ile tıklama olayını seçtik.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_12.png?28)
Resmimize fare ile tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_13.png?86)
Sonra resmimiz yukarıya doğru tırmanır.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_14.png?79)
Blind Down
Nesnemize aşağıya doğru iniş efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Blind down from : Hangi dereceden aşağıya inmeye başlayacağını ayarlarız.
Blind down to : Hangi dereceye kadar aşağıya ineceğini ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_15.png?81)
Resmimize fare ile tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_16.png?1)
Sonra resmimiz aşağıya doğru iner.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_17.png?56)
Grow/Shrink
Behaviors effect menüsünden grow/shrinki seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_18.png?92)
Shrink
Nesnemize küçülme efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Shrink from : Hangi dereceden küçülmeye başlayacağını ayarlarız.
Shrink to : Hangi dereceye küçüleceğini ayarlarız.
Shrink to : Nereden küçüleceğini ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_19.png?61)
Fare ile tıklama olayını seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_20.png?75)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_21.png?90)
Sonra resmimiz küçülme efektiyle küçülür.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_22.png?37)
Grow
Nesnemize büyüme efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Grow from : Hangi dereceden büyümeye başlayacağını ayarlarız.
Grow to : Hangi dereceye büyüyeceğini ayarlarız.
Grow from : Nereden büyüyeceğini ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_23.png?28)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_24.png?0)
Sonra resmimiz büyüme efekti ile büyür.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_25.png?18)
Highlight
Behaviors effect menüsünden highlighti seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_26.png?11)
Highlight
Nesnemize perde efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Start color : Başlangıç resmini ayarlarız.
End color : Bitiş rengini ayarlarız.
Color After Effect : Renklerden sonraki ara rengi ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_27.png?24)
Fare ile tıklama olayını seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_28.png?60)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_29.png?68)
Resmimizin üzerine belirttiğimiz renkte bir perde belirir.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_30.png?89)
Daha sonra resmimiz eski haline döner.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_31.png?53)
Highlight
Behaviors effect menüsünden shakeyi seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_32.png?81)
Shake
Nesnemize sallama efekti vermeye yarar.
TargeT Element : Nesnemizi seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_33.png?3)
Fare ile tıklama olayını seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_34.png?66)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_35.png?83)
Daha sonra resmimiz sallanmış gibi olur.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_36.png?85)
Slide
Behaviors effect menüsünden slideyi seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_37.png?51)
Slide up
Nesnemize yukarı doğru kayma efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Slide up from : Hangi dereceden yukarı kayacağını ayarlarız.
Slide up to : Hangi dereceye kadar kayacağını ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_38.png?96)
Fare ile tıklama olayını seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_39.png?84)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_40.png?67)
Daha sonra resmimiz yukarıya doğru kaymaya başlar.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_42.png?87)
Resmimiz sonuna kadar kayar.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_41.png?36)
Slide down
Nesnemize aşağıya doğru kayma efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Slide down from : Hangi dereceden aşağıya kayacağını ayarlarız.
Slide down to : Hangi dereceye kadar kayacağını ayarlarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_43.png?27)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_44.png?16)
Resmimiz üstten yavaş yavaş kaymaya başlar.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_45.png?13)
Aşağıya doğru kaymaya devam eder.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_46.png?35)
Squish
Uzaklaşarak kaybolma efekti vermemize yarar.
Behaviors effect menüsünden squishi seçelim.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_47.png?75)
TargeT Element : Nesnemizi seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_48.png?65)
Fare ile tıklama olayını seçeriz.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_49.png?44)
Resmimize tıklarız.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_50.png?23)
Resmimiz uzaklaşma efekti ile uzaklaşır.
![Başlıksız İçerik______________________](/rs/ic/gi_1411_51.png?42)
Kaynak Reha Gürsel
Yorumunuzu Ekleyin