Gelişme

1) Brief’i Kısa, Vaadi Kristal

Reklam her şeyi anlatmaz; tek vaat ve tek eylem.

• Kime? (segment), nerede? (envanter/cihaz), ne kadar sürede? (3–6 sn ilk tur)

• KVE hiyerarşisi:

  • Kimlik: Markayı tanıtan imza (logo/renk/ton).

  • Vaat: Tek cümle net fayda (“Raporlarını 60 sn’de hazırla”).

  • Eylem (CTA): “Ücretsiz Dene”, “Teklif Al”, “Sepete Ekle”.
    Kural: Animasyon dili, eylem komutlarının (tıklama/hover/klavye) önünü açacak şekilde odaklı ve hafif olmalı.

2) Zaman–Panel Kurgusu: 3–4 Karalık Hikâye

Banner’ı paneller halinde düşünün:

1. Hook (0–1.2 sn) – Problem/ilgi kıvılcımı;

2. Vaat (1.2–2.4 sn) – Çözüm/kanıt;

3. CTA + Logo (2.4–3.0 sn) – Karar anı;

4. Loop (opsiyonel) – Kısa tekrar.
   Eylem komutu politikasını (tıklama alanı, hover etkisi, klavye tetik) bu ritmin üzerine yerleştirirsiniz.

3) Tek Baskın Hareket ve Odak

Aynı karede tek öğe baskın animasyon yapar.

• Başlık içeri giriyorsa CTA sabit; CTA pulse yaparken başlık sabit.

• Arka plan hareketleri nazik ve düşük kontrast.
  Vaka: Aynı anda başlık + ikon + CTA hareketi yerine sıraya koymak, CTR’ı gözle görülür artırır.

4) Tipografi–Renk Ergonomisi

• Başlık: 6–11 kelime, iki satırı geçmez.

• Kontrast: Metin/zemin ≥ 4.5:1.

• Latin-Ext gömülü font: ı, İ, ğ, ş, ç, ö, ü desteği.

• CTA: Vurgu rengi yalnız butona; aşırı parlak arka plan yok.

5) clickTag Standartları (AS3)

Ağ geçitleri/Ad server’lar için güvenli clickTag zorunlu disiplindir.

// AS3 – Güvenli tıklama yönlendirmesi
import flash.events.MouseEvent;
import flash.net.URLRequest;
import flash.net.navigateToURL;

var clickArea:Sprite = new Sprite(); // görünmez üst katman
clickArea.graphics.beginFill(0xFFFFFF, 0);
clickArea.graphics.drawRect(0, 0, stage.stageWidth, stage.stageHeight);
clickArea.graphics.endFill();
addChild(clickArea);

var clickTag:String = loaderInfo.parameters.clickTag || “https://ornek.com/kampanya”;
clickArea.buttonMode = true;
clickArea.addEventListener(MouseEvent.CLICK, function(_:MouseEvent):void {
navigateToURL(new URLRequest(clickTag), “_blank”);
});

İlkeler:

• Tıklanabilir alan tüm sahneyi kapsar (UI çakışmıyorsa).

• Tek yön – navigateToURL dışında ağ/JS çağrıları yok.

• Parametre adı genellikle clickTag, bazen clickTag1/2… (çoklu çıkışlar için).

6) Çoklu Çıkışlar (Exit) ve Mikro-Hedefleme

Birden fazla CTA varsa (örn. “İndir”, “Detaylar”), her biri ayrı exit tetikler.

btnDownload.addEventListener(MouseEvent.CLICK, function(_:MouseEvent):void {
navigateToURL(new URLRequest(loaderInfo.parameters.clickTag1), “_blank”);
});
btnLearn.addEventListener(MouseEvent.CLICK, function(_:MouseEvent):void {
navigateToURL(new URLRequest(loaderInfo.parameters.clickTag2), “_blank”);
});

Not: UI’de hiyerarşiyi bozmayın; birincil CTA görsel olarak üstün kalsın.

7) Polite Load (Nazik Yükleme)

Kreatif öğeler, sayfa içeriğini bloke etmeden nazik yüklenmeli.

• İlk kare: Yerleşim iskeleti + marka imzası (1 karede görünür).

• Ağır varlıklar: Poster/placeholder; hazır olunca crossfade.

• Video: Varsayılan sessiz; kullanıcı etkinleştirirse oynat.

8) CTA Koreografisi ve Easing

• Giriş: 180–220 ms easeOutQuad.

• Hover: İnce gölge/ölçek 1.00→1.04; tek baskın.

• Fokus: Klavye ile görünür “focus ring”.

• Reduce Motion: Pulse kapanır; düz görünür.

9) Replay, Mute ve Duraklatma

Kullanıcıya saygı: tekrar ve ses kontrolü bariz ve tutarlı olmalı.

btnReplay.addEventListener(MouseEvent.CLICK, function(_:MouseEvent):void {
gotoAndPlay(“start”); // timeline etiketleri ile
});

var muted:Boolean = true;
btnMute.addEventListener(MouseEvent.CLICK, function(_:MouseEvent):void {
muted = !muted;
SoundMixer.soundTransform = new SoundTransform(muted ? 0 : 0.6);
});

Varsayılan: Ses kapalı; tıklamayla açılır. Autoplay ses kaçınılır.

10) Frekans Sınırı (Yerel) ve Durum Hatırlama

Ad server tarafındaki frequency capping’e ek olarak yerel bir uyarı katmanı, tekrar yorgunluğunu azaltır.

// Basit yerel sınır: Gün içinde 3’ten fazla replay önermesin
var so:SharedObject = SharedObject.getLocal(“adfreq”);
var dayKey:String = (new Date()).fullYear + “-” + (new Date()).month + “-” + (new Date()).date;
if(!so.data.day || so.data.day != dayKey){ so.data.day = dayKey; so.data.views = 0; }
so.data.views++;
so.flush();
if(so.data.views > 3) { hideReplayNudge(); } // “Tekrar izle” hatırlatıcısını gizle

11) Ölçüm–Etiketleme: Öğrenmeden İyileştirme Olmaz

• Olaylar: view, panel:hook, panel:cta, cta:click, hover:cta, replay, mute:on/off.

• KPI: CTR, görünüm→tıklama süresi, hover dwell, loop sayısı, ses etkileşim oranı.

• A/B değişkenleri: Başlık tipi (rakam/durum), CTA metni, CTA rengi, ritim (0.8×/1.0×), geçiş (wipe/fade).

12) Vaka – B2B SaaS 300×250

USP: “Raporlar 60 sn’de hazır.”

• Hook: “Haftalık rapor saatlerinizi geri verelim.” (maskeli wipe)

• Vaat: 3 ikon akışı (Topla → Analiz → Paylaş).

• CTA: “Ücretsiz Dene” (180–220 ms pulse).

• Eylem komutu: Tüm sahnede clickTag; CTA öncelikli görsel.
  Sonuç: CTA hover nefesi her 6–8 sn’de bir → CTR ↑, yorgunluk yok.

13) Vaka – E-Ticaret İndirim 728×90

USP: “%40’a varan indirim – bu hafta.”

• Renk: Vurgu yalnız fiyat ve CTA’da.

• Zamanlayıcı simgesi: Gerçek sayaç yerine “takvim/hafta” ikonografisi.

• Exit’ler: clickTag1 (Fırsatlar), clickTag2 (Sepete ekle).

• Reduce Motion: Wipe → crossfade; CTA sabit.

14) Erişilebilirlik: Kontrast, Klavye, Reduce Motion

• Kontrast ≥ 4.5:1, Latin-Ext font.

• Klavyeyle CTA’ya gidilebilmeli (TAB/ENTER/SPACE).

• Reduce Motion aktifse overshoot/back kapanır; süreler %30 kısalır; parallax/partikül durur.

• Renk körlüğü: Durum yalnız renkle verilmez; ikon/biçim de kullanılır.

15) Performans–Bellek Hijyeni (FPS Dostu 10 Kural)

1. Tek ENTER_FRAME döngüsü; animasyon merkezi.

2. Görünmeyeni sahneden kaldır (removeChild); alpha=0 yetmez.

3. cacheAsBitmap: statik vektörler.

4. Filtreler minimum (blur/glow pahalı).

5. Sprite sheet/atlas ile frame-by-frame ekonomisi.

6. Object pool: partikül/konfeti tekrarları.

7. Polite load + poster: medya gelmezse anlamlı ilk kare.

8. Temizlik: removeEventListener, tween/stream stop (panel çıkışında).

9. Çoklu çözünürlük bitmap (retina/düşük DPI).

10. Profiling: Gerçek envanter simülasyonu; tahmin değil ölçüm.

16) Güvenlik ve Politikalar

• Zorunlu alanlar: clickTag parametreleri, yönlendirme domain whitelisti.

• Üçüncü taraf çağrılar: Ölçüm pikselleri Ad server politikalarına tabidir.

• Kişisel veri: Banner seviyesinde gereksiz; ölçüm anonim olmalı.

18) Uygulamalı Şablon — “Sweep Reveal + CTA Pulse” (≈3 sn)

Bileşenler: MC_Headline, MC_Icon, MC_CTA, MC_Logo, MC_BG, MC_Sweep.
Akış:

• 0–0.3 sn: Başlık çapraz maskeyle (easeOutCubic) girer.

• 0.3–0.5 sn: İkon 96→100% scale-in.

• 0.5–0.7 sn: CTA görünür; 200 ms easeOutQuad pulse.

• 0.7–1.0 sn: Logo fade-in.

• 1.0–3.0 sn: End frame; CTA hafif nefes (6–8 sn’de bir).
  Eylem: Tüm sahne clickTag; CTA ayrıca clickTag1 (A/B için ölçülebilir).
  Reduce Motion: Wipe → crossfade; pulse kapalı.

19) İçerik–Davranış Ayrımı: JSON ile Çeviklik

Metni ve zamanlamayı sahnenin dışına taşıyın; derlemesiz revizyon/A-B.

var L:URLLoader = new URLLoader();
L.addEventListener(Event.COMPLETE, onData);
L.load(new URLRequest(“data/ad_script.json”));
function onData(e:Event):void {
var d:Object = JSON.parse(L.data);
headline.text = d.hook.title; // “Raporlar 60 sn’de hazır”
// d.timing.headlineIn, d.timing.ctaIn parametreleriyle animasyonları sür
}

20) HTML5/Canvas/GSAP Köprüsü

Flash’ta öğrendiğiniz eylem komutları, HTML5 tarafında birebir kavramlara karşılık gelir:

• MovieClip → JS bileşeni, Timeline → GSAP timeline

• enterFrame → requestAnimationFrame

• Sound → WebAudio (sessiz varsayılan)

• SharedObject → LocalStorage (basit yerel sayaç)

• clickTag → URL param/parça (IAB yönergeleriyle)
  Ders: Araçlar değişir; okunurluk, tek baskın hareket, erişilebilirlik, ölçüm ve nazik yükleme değişmez.

Sonuç

Reklam tasarımlarında Flash ve eylem komutları, görsel virtüöziteyi davranış mühendisliği ile birleştirir. Başarının çekirdeği; tek cümlelik vaat, KVE hiyerarşisi, tek baskın hareket kuralıyla sade koreografi, clickTag/exit disiplinine uygun güvenli yönlendirme, polite load ve poster ile hızlı algılanan performans, erişilebilirlik (kontrast/klavye/Reduce Motion), ölçüm–A/B ile sürekli iyileştirme ve performans–bellek hijyenidir.
Özetle; (1) vaadi kristalize et, (2) panelleri ritme bağla, (3) CTA’yı tek baskın hareketle parlat, (4) clickTag/exit’i güvenli uygula, (5) polite load + poster ile hızlı algılan, (6) ölç–öğren–iyileştir. Bu omurgayla üretilen kreatifler, ister SWF/Animate ister HTML5/Canvas tarafında olsun, hızlı, hafif, anlaşılır ve tıklanabilir kalır.

Tasarım Yaptırma olarak, hayalinizdeki mekanı gerçeğe dönüştürme yolculuğunuzda yanınızda olmaktan gurur duyuyoruz. İster yaşam alanlarınızda sıcak ve samimi bir atmosfer yaratmak isteyin, ister iş yerinizde profesyonel ve etkileyici bir ortam oluşturmayı hedefleyin, her ihtiyacınıza özel çözümler sunuyoruz. Mobilya tasarımından iç mekan düzenlemesine, konut projelerinden ticari alanlara kadar geniş bir yelpazede hizmet veriyoruz. Her projeye özel olarak yaklaşıyor, detayları titizlikle değerlendiriyor ve fonksiyonellikle estetiği bir araya getirerek sizin için hem kullanışlı hem de görsel olarak tatmin edici mekanlar tasarlıyoruz. Sıradanlıktan uzak, sizi ve tarzınızı yansıtan mekanlar yaratmak bizim için bir tutku.

Web sitenizden yaşam alanlarınıza kadar her alanda sizi yansıtan, özgün ve kaliteli tasarımlara ulaşmak istiyorsanız doğru yerdesiniz. Tasarım Yaptırma ekibi olarak, kullanıcı odaklı, estetik ve işlevsel çözümler üretiyoruz. Her müşterimizin ihtiyaçları farklıdır; bu bilinçle hareket ediyor, her tasarımı kişiye özel olarak hazırlıyoruz. Sürecin her aşamasında sizinle iş birliği içinde çalışarak memnuniyetinizi ön planda tutuyoruz. Hedefiniz ne olursa olsun, birlikte başarılı bir tasarım süreci geçirmeniz için buradayız. Hayallerinizi profesyonel ellere emanet edin; çünkü biz onları hayata geçirmek için çalışıyoruz. Yolculuğunuza başlamak için bize ulaşmanız yeterli.

Hayal gücünüzün sınırlarını zorlayan, ilham verici tasarımlar arıyorsanız, doğru adrestesiniz. Tasarım Yaptırma olarak, evinizde huzur dolu bir ortam, ofisinizde ise verimliliği artıracak işlevsel alanlar yaratmak için size özel çözümler geliştiriyoruz. Her bir projemizde; yaratıcı fikirleri, çağdaş tasarım anlayışıyla harmanlıyor ve estetikle fonksiyonelliği dengede tutuyoruz. Müşteri memnuniyetini temel ilkemiz olarak benimsiyor, her adımda size değer katmayı hedefliyoruz. Profesyonel hizmet anlayışımız ve özgün tasarım bakış açımızla mekanlarınıza yeni bir soluk getiriyoruz. Daha fazla bilgi almak, projelerinizi planlamaya başlamak ve hayallerinizi adım adım gerçeğe dönüştürmek için bizimle iletişime geçin. Tasarım Yaptırma ile yaşam alanlarınıza yeni bir kimlik kazandırın, tarzınızı mekanlarınıza yansıtın.

The post Reklam Tasarımlarında Flash ve Eylem Komutları first appeared on Tasarım Yaptırma Merkezi .

Gelişme

1) Yaratıcı Brief ve Karakterin “Tek Cümlelik” Özü

Karakterin DNA’sını tek cümleye indirgeyin:

• Kim? (meslek/rol/yaş), Ne istiyor? (hedef), Neye karşı? (engel), Ton? (komik/ciddi/macera).
  Örnek: “Meraklı bir ilkokul robotu, fen deneylerini güvenle öğretmeye çalışan neşeli bir rehber.”
  Kural: Tek cümle → çizimde silüet, animasyonda tempo, renkte duygu olarak geri döner.

2) Silüet, Kitle (Mass) ve Poz Okunurluğu

Silüet, karakterin uzaktan bile tanınmasını sağlar.

• Okunurluk testi: Karakteri siyah doldur, 5 m uzaktan bak (küçült). Okunabiliyor mu?

• Kitle dağılımı: Baş–gövde–uzuvlarda ağırlık; karikatürde baş büyük, aksiyonda omuz/kalça belirgin.

• Poz hiyerarşisi: “S-curve” ve “C-curve” ile akış; contrapposto (zıt denge) canlılık katar.

3) Stil Kararı: Minimal, Çizgi Film, Yarı-Gerçekçi

• Minimal/flat: Basit rig, hızlı üretim; eğitim–kurumsal anlatımda ideal.

• Çizgi film: Esneme–büzülme (squash & stretch), abartı; çocuk/oyun içeriklerinde güçlü.

• Yarı-gerçekçi: Oran/ışık daha rafine; frame-by-frame detay artar.
  İpucu: Stil, hedef ekran (web, mobil, kiosk) ve süre (spot/seri) ile uyumlu olmalı.

4) Vektör Hijyeni ve Katman Organizasyonu

Flash/Animate’te temiz bir dosya, hızlı animasyon demektir.

• Adlandırma: char_root, head, torso, arm_L, forearm_L, hand_L, thigh_R, shin_R, foot_R, brow_L, eye_R…

• Pivot noktaları: Eklemlerin doğal merkezine (omuz/kalça/diz) yerleştirin.

• Grup/katman: Çizim (Outline), Dolgu (Fill), Yardımcı Kılavuz (Guide) ayrı.

• Kütüphane yapısı: Symbols/Characters/Hero/parts/*, Symbols/Props/*.

5) Cut-Out (Parçalı) Animasyon vs. Frame-by-Frame

Cut-Out:

• Avantaj: Hızlı üretim, hafif dosya, tekrar kullanılabilir hareket (reuse).

• Dezavantaj: Aşırı “eklemli” hissi; yuva (joint) kusurlarını maskelemek gerekir.
  Frame-by-Frame:

• Avantaj: Akışkanlık, doğal esneme–büzülme, karizma.

• Dezavantaj: Zaman alır; dosya boyutu artar.
  Hibrid Yaklaşım: Gövde cut-out + el/kalça/omuz “accent” kareleri frame-by-frame eklemek en pratik çözümdür.

6) Rig Kurulumu: Hiyerarşi ve Bağlantı

• Kök: char_root → torso → head, arm_L, arm_R, hip → leg_L, leg_R.

• Parenting (iç içe semboller): Her uzuv ayrı MovieClip; iç pivotlar doğru.

• Z-Sırası: Kolların gövde ön/arka sıraya geçmesi için front/back varyantları hazırlayın (örn. arm_L_front, arm_L_back).

• Scale9Grid: Genişleyip daralan vücut parçalarında esnemeyi bozulmasız yapmak için.

7) Eklemlerde Yuva (Joint) Kusurlarını Maskelemek

• Eklem noktalarına dairevi kapak (cap) grafiği; dönerken boşluk görünmez.

• Overlap: Üst uzuv alt uzvu 1–2 px örtüsün.

• Gölge/çizgi: İnce iç çizgi yuva illüzyonunu gizler.

8) Pozlama İlkeleri: 12 Klasik Animasyon Kuralını Pratiğe Dökmek

1. Esneme–Büzülme (Squash & Stretch) — ağırlık.

2. Beklenti (Anticipation) — hareket öncesi küçük ters hareket.

3. Sahneleme (Staging) — tek baskın hareket, odak.

4. Düz çizgi/Ark (Arcs) — uzuvlar yay çizerek hareket eder.

5. İkincil hareket (Secondary Action) — saç, aksesuar gecikmeli.

6. Zamanlama (Timing) — ağır obje yavaş, hafif hızlı.

7. Abartı (Exaggeration) — nüansları karikatürize et.

8. Solid drawing — hacim hissi, perspektif.
   … (tam liste mantıksal olarak uygulanır)
   Flash pratiği: Easing eğrilerini bu kurallarla eşleştir (bkz. Bölüm 12).

9) Walking/Runnning/Idle Döngüleri: Döngü Mühendisliği

Yürüme döngüsü (12 kare örnek):

• Kontakt 1 (heel strike), Down, Passing, Up, Kontakt 2.

• Ağırlık transferi: Kalça–omuz karşı salınım.

• Kafanın mikro salınımı ve omuz–kalça zıtlığı karakteri “canlı” kılar.
  Koşu: Yerle temas süresi kısa; zıplama fazı belirgin.
  Idle (bekleme): Nefes (scale 1.00→1.02), mikro ağırlık değiştirme, parmak/kaş minik hareketler.

10) Yüz İfadeleri ve Dudak Senkronu (Lip-Sync)

• Temel duygular: Mutlu/üzgün/şaşkın/öfke/tiksinti/korku + nötr.

• Göz: Kapalı–yarı açık–açık; blink 3–4 sn’de bir.

• Ağız şekilleri (viseme seti): A/E, I, O/U, F/V, L, M/B/P, R, S/Ş/Z/Ç…

• Anahtar kareler: Diyalogda vurgu hecelerine eşleştir.
  AS3 tetik iskeleti (cue point ile):

var snd:Sound = new Narration();
var ch:SoundChannel = snd.play();
var visemes:Array = [{t:320, v:”MBP”}, {t:540, v:”AE”}, …]; // ms
addEventListener(Event.ENTER_FRAME, onTick);
function onTick(e:Event):void {
var ms:Number = ch.position;
// uygun viseme’yi seçip mouthMC.gotoAndStop(v);
}

11) Giysi, Aksesuar ve Saç: İkincil Hareketi Zenginleştirmek

• Aksesuarlar ayrı MovieClip; ana harekete gecikmeli (ör. 2–3 kare) takip.

• Saç/kıyafet için “pendulum” davranışı: ileri → geri salınım; damping ile sönümlenme.

• Maskeler ile doğallık: Saçın yüzü kapatmasını kontrollü tut.

12) Easing Psikolojisi: Hızın Duygusu

• easeInOutCubic: pürüzsüz, rafine ana hareket.

• easeOutQuad: parmak/kaş/aksesuar mikro vurgusu.

• back/elastic: komik/oyuncu karakter; dozajı düşük.
  Kural: Tek baskın hareket — aynı karede yalnız bir öğe baskın animasyon yapar.

13) Frame-by-Frame Aksanlar: Canlılığı “Az Kareyle” Artırmak

Cut-out’un mekanikliğini kırmak için kritik anlara 1–3 karelik aksan ekleyin:

• Ayağın yere değdiği karede “squash”.

• Yana bakışta göz bebeği overshoot + geri dönüş.

• El sallamada bilek “whip” efekti (hızlı ön–arka).

14) Ağız–Göz Otomasyon İpuçları

• Blink otomasyonu: 3–7 sn aralığında rastgele; konuşmada vurgudan sonra.

• Nefes döngüsü: Kamera yakın plan yoksa 2–3 sn’de bir, 60–80 ms’lik nazik scale.

15) Aksiyon Tasarımı: Dövüş, Zıplama, Nesne Etkileşimi

• Güç vurgusu: Beklenti (geri sarılma) → patlama → takip.

• Zıplama: Çömelme (squash) → sıçrama → havada esneme → inişte squash.

• Nesne: Ağırlık hissi (zamanlama + yerde ayak kayması azıcık).

16) Karakter–UI Etkileşimi: Buton/Panel/Metinle Oynama

Eğitim veya uygulama içinde karakter muhatap olabilir:

• Buton gösterirken parmak/kol uzatır; buton “pulse” ile yanıt verir.

• Panel açılırken karakter gözünü panele çevirir (bakış çizgisi odak verir).
  AS3 mini tetik:

btnNext.addEventListener(MouseEvent.ROLL_OVER, function(_:MouseEvent):void {
char.lookAt(btnNext.x, btnNext.y); // baş/ göz yönlendirme
});

17) Performans ve Bellek: Uzun Oturumlar İçin Hijyen

• Filtreleri (blur/glow) minimum; pahalı.

• cacheAsBitmap: Sık değişmeyen katmanlar.

• Görünmeyeni sahneden kaldırın (sadece alpha=0 yetmez).

• Tek döngü (merkezi ENTER_FRAME); gereksiz Timer/tween yok.

• Uzun oturumlarda removeEventListener, ses/tween durdurma, büyük bitmap’te çoklu çözünürlük.
  Vaka: Aksesuarları ayrı sahneden kaldırmak CPU’yu %20 düşürdü.

18) Renk, Kontrast ve Erişilebilirlik

• Kontrast (≥4.5:1) ve renk körlüğü duyarlılığı (tek mesajı renkle verme).

• Kontur kalınlığı: Küçük ekranda 1–1.5 px altına düşmeyin.

• Klavye odaklı etkileşim (oyunlarda menü/ok tuşları); fokus halkası.

• Hareketi Azalt: Overshoot/back kapanır; süreler %30 kısalır; partikül yoğunluğu az.

19) Ses Tasarımı: Foley, Adım, Giysi Hışırtısı

• Foley bankası: adım (zemin türüne göre), kol–giysi hışırtısı, aksesuar tıkırtısı.

• Seviye: -18 ~ -14 LUFS; yinelenmede pitch ± varyasyon.

• Sessiz varsayılan; kullanıcı açınca fade-in.

20) Oyun İçin State Makinesi ve Olaylar

Karakter davranışını FSM ile yönetin: IDLE, WALK, RUN, JUMP, HIT, TALK…

function setState(s:String):void {
if(state==s) return;
state = s;
switch(s){
case “IDLE”: mc.gotoAndPlay(“idle”); break;
case “WALK”: mc.gotoAndPlay(“walk”); break;
case “JUMP”: mc.gotoAndPlay(“jump”); break;
}
}

Fayda: Animasyon klipleri tek yerden kontrol; giriş–çıkış temizliği.

21) Yüz Rig’i: Kaş–Göz–Ağız Parametrik Kontrol

• Kaş: açı + yükseklik; duygu taşıyıcı.

• Göz: yatay/dikey bakış; blink katmanı.

• Ağız: viseme + duygu (gülümseme/üzüntü).
  Kontrol paneli (dev/preview): sliderlarla canlı test.

22) Aksesuar/Prop Etkileşimi: El ve Nesne “Grip”i

• El için kapalı/açık iki sprite; nesneye değdiğinde “kapalı”ya geç.

• Ön/arka prop varyantları (Z-sırası).

• Nesnenin ağırlığına göre kol–omuz zamanlaması değişir.

23) Hikâye ve Mizansen: Poz–Kamera–Arkaplan

• Kamera (virtual): Zoom/tilt minimal; karakteri gölgede bırakma.

• Arkaplan: Düşük detay–yüksek kontrastlı karakter; okuma kolay.

• Işık: Edge light ile karakter zeminden ayrışır.

24) İş Akışı: Taslaktan Teslime

1. Concept sheet (silüet & pozlar), 2) Turnaround (ön/yan/arka),

2. Rig prototip, 4) Yürüme/idle test, 5) Yüz rig & lip-sync,

3. Aksesuar & ikincil hareket, 7) Ses & miks, 8) QA & iyileştirme, 9) Export (video/HTML5/AIR).

26) Uygulamalı Mini Proje — “Okul Robotu Riko”

Brief: 7–9 yaşa fen deneylerini sevdiren neşeli robot maskot.
Stil: Minimal–çizgi film; büyük baş, geniş göz, kalın kontur.
Rig: Cut-out gövde; el ve ağız frame-by-frame aksan.
Döngüler: idle_breath, walk12, point_ui, talk_short, nod_yes/no.
İkincil hareket: Anten → pendulum; sırt çantası kayışı gecikmeli.
Lip-sync: 8 viseme; diyalogda vurgu eşleşmesi.
Etkileşim: UI butona bakış + parmakla işaret; çocuk tıklayınca “aferin” foley.
Sonuç: Eğitim modüllerinde görev–geri bildirim akışı daha eğlenceli ve anlaşılır.

27) Dışa Aktarım ve Modern Köprü

• Video: MP4/WEBM; alfa gerekirse PNG sekans + kompozit.

• Animate→HTML5 Canvas: MovieClip → JS bileşeni, timeline → GSAP.

• Oyun motoru: Sprite sheet veya atlas (TexturePacker/Export).

• Ses: WebAudio; sessiz varsayılan, kullanıcı tetikler.
  Öz: Değişen araç değil, prensipler: tek baskın hareket, okunurluk, ağırlık, ikincil hareket, temizlik.

Sonuç

Flash ile 2D karakter tasarımı, konseptten animasyona uzanan bir üretim zinciridir: silüet–kitle–poz üçlüsünde okunaklı bir tasarım; doğru pivotlarla temiz rig; cut-out ve frame-by-frame’in akıllı hibriti; yürüme/koşu/idle gibi temel döngülerin ağırlık transferiyle inandırıcı kurgulanması; yüz rig’i ve lip-sync ile duygu aktarımı; ikincil hareket ve mikro aksanlarla canlılık; easing ile kişilik; performans–bellek hijyeni ve erişilebilirlik ile uzun oturum istikrarı.
Özetle; (1) Silüet ve stile karar ver, (2) rig’i anatomik pivotlarla kur, (3) ağırlık–zamanlama–arc üçlüsünü koru, (4) ikincil hareket ve aksanlarla hayat ver, (5) temizlik–ölçüm–çoklu çıktı ile işi güvenceye al. Bu omurgayla tasarlanan karakterler; ister eğitimde rehber, ister oyunda kahraman, ister reklamda maskot olsun—izleyicinin hafızasında yaşayan, tekrar görmek isteyeceği canlı bir personaya dönüşür.

Tasarım Yaptırma olarak, hayalinizdeki mekanı gerçeğe dönüştürme yolculuğunuzda yanınızda olmaktan gurur duyuyoruz. İster yaşam alanlarınızda sıcak ve samimi bir atmosfer yaratmak isteyin, ister iş yerinizde profesyonel ve etkileyici bir ortam oluşturmayı hedefleyin, her ihtiyacınıza özel çözümler sunuyoruz. Mobilya tasarımından iç mekan düzenlemesine, konut projelerinden ticari alanlara kadar geniş bir yelpazede hizmet veriyoruz. Her projeye özel olarak yaklaşıyor, detayları titizlikle değerlendiriyor ve fonksiyonellikle estetiği bir araya getirerek sizin için hem kullanışlı hem de görsel olarak tatmin edici mekanlar tasarlıyoruz. Sıradanlıktan uzak, sizi ve tarzınızı yansıtan mekanlar yaratmak bizim için bir tutku.

Web sitenizden yaşam alanlarınıza kadar her alanda sizi yansıtan, özgün ve kaliteli tasarımlara ulaşmak istiyorsanız doğru yerdesiniz. Tasarım Yaptırma ekibi olarak, kullanıcı odaklı, estetik ve işlevsel çözümler üretiyoruz. Her müşterimizin ihtiyaçları farklıdır; bu bilinçle hareket ediyor, her tasarımı kişiye özel olarak hazırlıyoruz. Sürecin her aşamasında sizinle iş birliği içinde çalışarak memnuniyetinizi ön planda tutuyoruz. Hedefiniz ne olursa olsun, birlikte başarılı bir tasarım süreci geçirmeniz için buradayız. Hayallerinizi profesyonel ellere emanet edin; çünkü biz onları hayata geçirmek için çalışıyoruz. Yolculuğunuza başlamak için bize ulaşmanız yeterli.

Hayal gücünüzün sınırlarını zorlayan, ilham verici tasarımlar arıyorsanız, doğru adrestesiniz. Tasarım Yaptırma olarak, evinizde huzur dolu bir ortam, ofisinizde ise verimliliği artıracak işlevsel alanlar yaratmak için size özel çözümler geliştiriyoruz. Her bir projemizde; yaratıcı fikirleri, çağdaş tasarım anlayışıyla harmanlıyor ve estetikle fonksiyonelliği dengede tutuyoruz. Müşteri memnuniyetini temel ilkemiz olarak benimsiyor, her adımda size değer katmayı hedefliyoruz. Profesyonel hizmet anlayışımız ve özgün tasarım bakış açımızla mekanlarınıza yeni bir soluk getiriyoruz. Daha fazla bilgi almak, projelerinizi planlamaya başlamak ve hayallerinizi adım adım gerçeğe dönüştürmek için bizimle iletişime geçin. Tasarım Yaptırma ile yaşam alanlarınıza yeni bir kimlik kazandırın, tarzınızı mekanlarınıza yansıtın.

The post Flash ile 2D Karakter Tasarımı Nasıl Yapılır? first appeared on Tasarım Yaptırma Merkezi .