Bilişim Teknolojileri AlanıGrafik ve AnimasyonLise Bilişim

Flash CS6′ da Dinamik Metin işlemleri

Merhaba bu yazımızda Grafik Animasyon dersinde kullanacağımız metin işlemlerinden Flash CS6′ da Dinamik Metin işlemleri ile ilgili örnek bir uygulama yapacağız.

Öncelikle Adobe Flash CS6 da 3 tip metin olduğundan bahsetmek gerekiyor.

  • Statik Metin : Animasyondaki sabit metinlerdir.
  • Dinamik Metin : İçeriğini kodla değiştirebildiğimiz metinlerdir.
  • Giriş Metni : Kullanıcının bilgi girişi yapabildiği metinlerdir.

İşlem Basamakları:

  1. 800 x 400 boyutunda bir Action Script 3.0 belgesi açılır.
  2. Yazının altında yer alan ekler bölümündeki arkaplan resmi indirilerek. CTRL+R tuş kombinasyonu ile sahne alanına aktarım arkaplanı eklenir. Katma1’in adı “Arkaplan” olarak değiştirilir.
  3. Yeni bir katman eklenip adı “Yazı” olarak değiştirilir.
  4. Araç Çubuklarında bulunan Metin Aracı seçilir. Statik Metin seçilerek “Ad Soyad : ” yazılır. (Yazı tipi: Century Gothic, Boyut: 30 nk, Renk: Beyaz olarak belirlenir)
  5. Metin Aracı Seçilir. Giriş Metni olarak değiştirilir ve Ad Soyad : yazısının yanında bir kutucuk oluşturulur. Karakter bölümünün en altında yer alan (Ab, <>, –) simgelerinden en sağdaki “Metin etrafında kenarlık göster” butonu tıklanır. Giriş metninin arkası beyaz olur. Giriş metninin örnek adı “girisMetni” olarak belirlenir.
    (Yazı tipi: Century Gothic, Boyut: 30 nk, Renk: Siyah olarak belirlenir).
  6. Arkaplanda yer alan iki kutucuğun arasında yuvarlak köşeli bir dikdörtgen çizilir (300 x 55 px boyutunda) ve üzerine “Göster” yazılarak bir düğme oluşturulur. Düğmenin örnek adı “gosterBtn” olarak belirlenir.
  7. Metin aracı seçilir. Metin seçeneklerinden dinamik metin seçilir. Arkaplandaki alt kutucuğun içine bir alan çizilir. Dinamik metnin örnek adı “cikisMetni” olarak belirlenir. (Yazı tipi: Century Gothic, Boyut: 30 nk, Renk: Beyaz olarak belirlenir)
  8. Metinsel işlemlerde dikkat etmemiz gereken bir durumdan bahsetmek isterim. Eğer Karaketer özelliği altındaki Yumuşatma seçeneğinde “Aygıt Fontlarını kullan” seçeneğini seçmediyseniz animasyonu çalıştırdığınızda “Çalışma zamanında düzenlenebilen, “Aygıt Fontlarını Kullan” ayarına sahip metin dışındaki herhangi bir metin için fontlar gömülmelidir. Fontları gömmek için Metin > Font Gömme komutunu kullanın.” şeklinde bir uyarı verecektir. Bu sorunun önüne geçmek için Göm seçeneğini kullanırsanız bu sorunla karşılaşmazsınız.
  9. Yeni bir katman eklenip, adı “Action” olarak değiştirilir.
  10. Aşağıdaki kodlar eklenir. Animasyon çalıştırılarak test edilir.

Kodlar:

import flash.events.MouseEvent;

gosterBtn.addEventListener(MouseEvent.CLICK, fn_Goster);
// Göster Butonuna Fare tıklanması olayı ekledik.;

function fn_Goster(event:MouseEvent):void
{// fn_Goster Fonksiyonunu tanımladık
	cikisMetni.text = "Hoş geldiniz " + girisMetni.text;// Çıkış metnini giriş metninin önüne hoş geldin yazarak gösterir.
}


/* Eğer Giriş metninin boş girilmesini istemiyorsanız bir if kontrolü eklemelisiniz.
Bu durumda kodlar aşağıdaki gibi değiştirilmelidir. 

import flash.events.MouseEvent;

gosterBtn.addEventListener(MouseEvent.CLICK, fn_Goster);// Göster Butonuna Fare tıklanması olayı ekledik.;

function fn_Goster(event:MouseEvent):void
{// fn_Goster Fonksiyonunu tanımladık
	if (girisMetni.text == "")
	{
		cikisMetni.text = "Lütfen adınızı ve soyadınızı giriniz";
	}
	else
	{
		cikisMetni.text = "Hoş geldiniz " + girisMetni.text;// Çıkış metnini giriş metninin önüne hoş geldin yazarak gösterir.
	}
}
*/

Ekler:

Arkaplan 800x400 px

You Tube :

Serhat Demir

Bilişim Teknolojileri Öğretmeni

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.