Blog Tüm yazılar
Animasyon Efektleri: 200 Stillik Kolay Video Rehberi
Bu yazıda
Videoda gördüğün animasyonların hiçbirini kurgu programında yapmadım. Hepsini Claude'a tek bir komut yazarak hazırladım. Bu yazıda o komutu ve 200 animasyon efektinin tam listesini bulacaksın; animasyon efektleri kategorilere ayrılmış durumda. Beğendiğin efektin adına dokun; komut, efekt içine yerleşmiş haliyle kopyalanır.
Nasıl kullanılır?
- Aşağıdaki listeden bir efekt seç ve adına dokun. Hazır komut panoya kopyalanır.
- Claude'u aç ve komutu yapıştır. "Konu ve ekrandaki yazılar" kısmına kendi konunu yaz.
- Claude önce bir önizleme gösterir. Beğenirsen videoyu MP4 olarak çıkarmasını iste.
En iyi sonucu Claude Code'da alırsın, çünkü animasyonu kodla yazıp MP4 olarak dışarı aktarabiliyor. Claude.ai sohbetinde de animasyonun önizlemesini tarayıcıda görebilirsin.
Ana komut
Listedeki bir efekte dokunduğunda bu komut kopyalanır, "[EFEKT]" yerine de seçtiğin efekt yazılır. Komutu buradan da kopyalayıp efekti kendin yazabilirsin.
Bana dikey (1080x1920), 5 saniyelik, sessiz bir animasyon video hazırla.
Stil: [EFEKT]
Konu ve ekrandaki yazılar: [buraya kendi konunu yaz]
Önce kısa bir önizleme göster, beğenirsem MP4 olarak çıkar.
Videoda gösterilen 10 animasyon efekti
map-route— 3D şehirde rota kendini çizer, hedefe pin düşerink-wash— Çin mürekkebi dağlar, kırmızı güneş ve kayık beliririsometric-city— İzometrik şehir blok blok yükselirteardown— Arayüz katmanları patlatılmış görünümde ayrılır, her biri etiketlenirnews-highlight— Gazete sayfasında satırlar fosforlu kalemle işaretlenirkinetic-type— Kelimeler ritimle zıplar, büyür, dönerbar-race— Çubuk grafik yarışı, sıralama canlı değişirreceipt-print— Fiş yazıcıdan çıkar, kalemler ve toplam yazılırparticle-logo— Parçacıklar toplanıp logoyu oluşturursplit-flap— Havalimanı tabelası harf harf döner
Tüm animasyon efektleri
Aşağıda 200 animasyon efektini 10 kategoriye ayırdım. Her kategoride 20 efekt var.
Harita ve konum efektleri
map-route— 3D şehirde rota kendini çizer, hedefe pin düşerglobe-flight— Dünya döner, iki şehir arasına uçuş yayı çizilirpin-drop— Haritaya pinler sırayla yağar, sayaç artarstreet-zoom— Uydudan sokak seviyesine sinematik zoomdelivery-track— Kurye ikonu haritada ilerler, varış süresi geri sayarheatmap-city— Şehrin üstünde ısı haritası nefes alır gibi yayılırstore-locator— Şube noktaları yanar, en yakını vurgulanırtravel-dots— Gezi rotası noktalı çizgiyle ülkeden ülkeye akarmetro-lines— Metro hatları renk renk çizilir, istasyonlar parlarcountry-fill— Ülkeler tek tek boyanır, toplam sayı yükselirtopo-lines— Topografik eş yükselti çizgileri dalgalanırweather-map— Bulutlar ve yağmur haritanın üstünden geçerradius-ping— Bir noktadan halka halka erişim alanı yayılırtreasure-map— Eski parşömen harita, X'e kadar kesik çizgireal-estate-pin— Haritadan emlak ilanı kartı yükselirrunning-track— Koşu rotası çizilir, km ve tempo yanında akarcompass-reveal— Pusula döner, yön bulununca başlık açılırcity-skyline— Şehir silueti gündüzden geceye geçer, ışıklar yanarisland-hop— Adalar arasında tekne rotası dalgalı suya çizilirneighborhood-guide— Mahalle haritasında mekan kartları sırayla açılır
Sanat ve doku efektleri
ink-wash— Çin mürekkebi dağlar, kırmızı güneş ve kayık belirirwatercolor-bleed— Suluboya lekeleri kağıda yayılıp görsele dönüşürpaper-cut— Katman katman kağıt kesik sahne derinlik kazanıroil-paint— Görüntü yağlı boya fırça darbeleriyle boyanırcharcoal-sketch— Karakalem eskiz çizilir, sonra renge geçerblueprint— Ürün mavi teknik çizim olarak çizilir, sonra gerçeğe dönerstained-glass— Vitraydan ışık geçer, cam parçaları tek tek yanarmosaic-tiles— Küçük karolar birleşip görüntüyü oluştururrisograph— İki renkli riso baskı, kayık hizalı mürekkep dokusulinocut— Linol baskı gibi sert kontrastlı oyma sahneorigami-fold— Kağıt katlanarak şekle dönüşürukiyo-e-wave— Japon gravürü tarzında dalga sahneyi kaplarpointillism— Binlerce renkli noktadan resim oluşurebru-marble— Ebru sanatı gibi boyalar suda kıvrılıp desen olurchalkboard— Kara tahtaya tebeşirle yazılır, tozu dağılırneon-sign— Neon tabela cızırdayarak yanarembroidery— Metin kanaviçe gibi ilmek ilmek işlenirgraffiti-wall— Duvara sprey boyayla isim yazılırpencil-to-photo— Kurşun kalem çizim gerçek fotoğrafa erirgold-leaf— Varak altın harfler ışık vurdukça parlar
Tipografi ve metin efektleri
news-highlight— Gazete sayfasında satırlar fosforlu kalemle işaretlenirkinetic-type— Kelimeler ritimle zıplar, büyür, dönertypewriter— Daktilo sesiyle metin harf harf yazılırhandwriting— El yazısı kendini yazarword-stack— Kelimeler üst üste düşüp cümle kurarsplit-reveal— Başlık ortadan ikiye yarılır, arkasından görsel çıkarmask-reveal— Video harflerin içinden görünürquote-card— Alıntı kartı tırnakla açılır, imza düşercaption-karaoke— Altyazı konuşmayla kelime kelime renklenirbig-number— Dev rakam sıfırdan hedefe sayarstrike-rewrite— Eski kelimenin üstü çizilir, yenisi yazılırscrabble-tiles— Harf taşları dizilip kelime olurmagazine-cover— Dergi kapağının katmanları tek tek otururransom-note— Gazeteden kesilmiş harflerle mesajtext-on-path— Metin bir eğrinin üstünde akarletter-rain— Harfler yağar ve başlığı kurarglitch-title— Başlık RGB kaymasıyla bozulup netleşirsticky-notes— Post-it notlar panoya tek tek yapışırdictionary-entry— Sözlük maddesi gibi kelime ve tanımı açılırtweet-quote— Gönderi kartı belirir, beğeni sayısı artar
Arayüz ve ürün tanıtım efektleri
teardown— Arayüz katmanları patlatılmış görünümde ayrılır, her biri etiketlenirlanding-scroll— Landing page 3D eğimle akarak kaydırılırphone-mockup— Ekran telefon kasasına oturur ve dönerlaptop-open— Laptop kapağı açılır, site ekranda belirircursor-demo— İmleç tıklar, form doldurur, butona basarapp-onboarding— Uygulama tanıtım ekranları sırayla kayardashboard-build— Panel kartları tek tek yerine otururnotification-stack— Bildirimler üst üste yığılırtoggle-switch— Dev anahtar açılır, sahne değişirslider-100— Kaydırıcı 100'e çekilir, sayaç zıplarsearch-type— Arama kutusuna yazılır, sonuçlar düşercheckout-flow— Sepet, ödeme ve onay adımları akarbefore-after— Önce/sonra sürgüsü görselin üstünde gezerbrowser-tabs— Sekmeler açılır, siteler arasında geçilircode-to-ui— Solda kod yazılır, sağda arayüz canlanırchat-bubbles— Sohbet balonları gelir, "yazıyor…" animasyonufeature-grid— Özellik ikonları ızgarada sırayla yanarpricing-cards— Fiyat kartları yükselir, önerilen paket parlardark-mode-flip— Arayüz aydınlıktan karanlığa geçerapp-icon-pop— Uygulama ikonu ana ekrana zıplayarak eklenir
Veri ve grafik efektleri
bar-race— Çubuk grafik yarışı, sıralama canlı değişirline-grow— Çizgi grafik çizilir, zirvede etiket patlarpie-explode— Pasta grafiğin dilimleri ayrılırcounter-up— İstatistikler sayarak yükselirfunnel-flow— Satış hunisinden parçacıklar akargrowth-chart— Takipçi grafiği roket gibi yükselirtimeline-scroll— Yıllar zaman çizelgesinde akarprogress-rings— Hedef halkaları dolarcompare-vs— İki seçenek karşı karşıya, puanlar dolarleaderboard— Liderlik tablosunda sıralar yer değiştiririnfographic-icons— İnsan ikonlarıyla oran gösterilir: 10 kişiden 7'sicalendar-fill— Takvim günleri işaretlenir, seri oluşurreceipt-print— Fiş yazıcıdan çıkar, kalemler ve toplam yazılırstock-ticker— Borsa bandı akar, grafik yeşile dönerbubble-chart— Veri baloncukları büyür ve çarpışırvenn-merge— Venn daireleri kesişir, ortak alan parlargauge-meter— İbre dönüp skora ulaşırbudget-split— Bütçe kalemleri bloklara bölünürsurvey-results— Anket sonuçları yüzde çubuklarıyla dolarkpi-cards— KPI kartları çevrilip rakamları gösterir
Sosyal medya ve viral efektler
viral-promo— Piksel ızgarası titreşir, promo mesajı çıkarcomment-reply— Yorum balonu çıkar, cevap videoya bağlanırdm-keyword— "Yorum yaz" çağrısı, ardından DM bildirimi düşerlike-burst— Kalp patlaması ve beğeni sayacıfollower-milestone— Takipçi sayısı hedefe ulaşır, konfeti patlarstory-poll— Hikaye anketi, oylar dolarhook-zoom— Açılışta ani zoom ve büyük kanca cümlesipov-text— POV yazısı ekranın üstüne yazılırreel-grid— Profil ızgarası dolar, son gönderi vurgulanırcarousel-swipe— Carousel kartları parmakla kaydırılıryoutube-progress— Video ilerleme çubuğu ve bölüm işaretleritrend-sound— Ses dalgasının ritmiyle görsel atarreview-stars— Yıldızlar dolar, müşteri yorumu belirircountdown-launch— Lansman geri sayımıgiveaway— Çekiliş çarkı döner, kazanan isim çıkarduet-split— Ekran ikiye bölünür, tepki videosulink-in-bio— Biyografi link butonları sırayla açılırhashtag-cloud— Hashtagler bulut gibi uçuşurmeme-caption— Üst ve alt meme yazısıyla sahnecreator-card— İçerik üreticisi kartı, istatistiklerle açılır
3D ve derinlik efektleri
isometric-city— İzometrik şehir blok blok yükselirproduct-spin— Ürün 360° döner, özellik etiketleri çıkarexploded-product— Ürün parçalarına ayrılır, parçalar adlandırılırparallax-layers— Fotoğraf katmanlara ayrılıp derinlik kazanırcube-rotate— Küp döner, her yüzünde bir mesajfloating-cards— Kartlar 3D uzayda süzülürtunnel-zoom— Sonsuz bir tünelin içinden geçilirroom-diorama— Minyatür oda dioraması kurulurbook-open— Kitap açılır, sayfalar çevrilircard-flip— Kart çevrilip arka yüzü açılırbox-unbox— Kutu açılır, ürün içinden yükselirstair-steps— Basamaklar oluşur, her birinde bir adım yazarglass-panels— Buzlu cam paneller katman katman dizilircoin-flip— Madeni para havada dönerplanet-orbit— Gezegenler yörüngede döner, isimleri etiketliterrain-fly— Low-poly arazinin üstünde uçuşlego-build— Bloklar birleşip şekle dönüşürshelf-display— Raf ürünlerle dolargallery-walk— 3D galeride tablolar arasında yürüyüşfold-map— Kağıt harita açılır ve katlanır
Parçacık ve fizik efektleri
white-ball— Top fizikle zıplar ve anahtarı açarparticle-logo— Parçacıklar toplanıp logoyu oluştururconfetti— Konfeti patlamasıliquid-fill— Sıvı kabı doldurur, yüzeyi dalgalanırsmoke-reveal— Duman dağılır, başlık belirirfireworks— Havai fişekler ve gökyüzüne yazılan mesajrain-window— Cama yağmur damlaları akardominoes— Domino taşları sırayla devrilirball-pit— Toplar düşüp ekranı doldururmagnetic-dots— Noktalar mıknatıs gibi bir merkeze çekilirsand-dissolve— Görüntü kum gibi dağılıp uçarsnow-globe— Kar küresi sallanır, karlar yavaşça inerbubble-pop— Baloncuklar patlar, içinden kelimeler çıkarstring-pendulum— Sarkaçlar dalga desenleri çizerjelly-text— Jöle gibi esneyen yazıstarfield— Yıldızlar arasında warp hızına geçişfluid-gradient— Akışkan renk geçişi nefes alırpixel-sort— Pikseller renklerine göre akıp dizilirgravity-drop— Arayüz öğeleri yerçekimiyle düşercloth-wave— Bayrak gibi dalgalanan kumaşın üstünde metin
Retro ve nostalji efektleri
vhs-glitch— VHS bant bozulması ve köşede tarih damgasısplit-flap— Havalimanı tabelası harf harf dönercrt-terminal— Yeşil terminal ekranında yazı akarpixel-game— 8-bit oyun sahnesi, karakter zıplarpolaroid-drop— Polaroid fotoğraflar düşer ve yavaşça belirirfilm-strip— Film şeridi akar, kareler büyürcassette— Kaset döner, şarkı adı yazılırwin95-popup— Eski masaüstü pencereleri üst üste açılırvinyl-spin— Plak döner, iğne inerold-tv— Tüplü TV açılır, karıncalanma geçerslide-projector— Dia projektörü klik sesiyle kare değiştirirnewspaper-spin— Eski filmlerdeki gibi gazete dönerek gelirarcade-score— Atari salonu skor tablosu, yeni rekordot-matrix— Nokta vuruşlu yazıcıdan çıktı akarneon-80s— 80'ler synthwave ızgarası ve batan güneşsuper8-film— Süper 8 film greni ve ışık sızıntısıpager-beep— Çağrı cihazı ekranına mesaj düşertv-guide— Eski TV yayın akışı ekranı kayarphoto-booth— Fotoğraf kabininden 4'lü şerit çıkarhandheld-console— El konsolunun yeşil ekranında piksel sahne
Geçiş ve kurgu efektleri
whip-pan— Hızlı kamera savurma geçişizoom-through— Bir objenin içinden sonraki sahneye zoomshape-wipe— Geometrik şekil ekranı silip yeni sahneyi açarink-bleed— Mürekkep yayılarak sahne değişirpage-turn— Sayfa çevirme geçişishutter-click— Fotoğraf makinesi deklanşörü geçişisplit-screen— Ekran 2, 3 ya da 4 parçaya bölünürmatch-cut— Benzer şekiller arasında eşleşmeli geçişlight-leak— Işık sızıntısıyla yumuşak geçişblinds— Jaluzi gibi şeritlerle geçişpixelate-swap— Görüntü pikselleşip yeni sahneye dönermorph-shape— Bir şekil diğerine dönüşürcut-on-beat— Müziğin vuruşuna oturan hızlı kesmelerstoryboard— Storyboard kareleri tek tek canlanırchapter-title— Bölüm başlığı kartı girerlower-third— İsim ve unvan alt bandı girerend-card— Kapanış kartı ve takip et butonulogo-sting— Kısa logo açılışıframe-in-frame— Video çerçeve içinde çerçeveye girermirror-flip— Ayna efektiyle sahne döner
Sık sorulan sorular
Bu animasyonlar için kurgu bilmem gerekiyor mu?
Hayır. Komutu yazıyorsun, Claude animasyonu kodla hazırlıyor. Beğenmediğin yeri sohbette söylemen yeterli; örneğin "yazıyı büyüt" ya da "daha yavaş olsun".
Hangi Claude sürümünü kullanmalıyım?
Videoyu MP4 olarak almak istiyorsan Claude Code en iyisi, çünkü dosyayı doğrudan bilgisayarına kaydediyor. Claude.ai sohbetinde de animasyonun önizlemesini görebilirsin.
Efektleri birleştirebilir miyim?
Evet. Komuttaki "Stil" satırına iki efekt yazabilirsin; örneğin önce map-route, sonra receipt-print. Claude ikisini tek videoda arka arkaya oynatır.
Yapay zekâ ile işini kolaylaştıran başka araçlar için blogdaki diğer yazılara göz atabilirsin.
Yazar
Web Tasarım ve Dijital İşler Uzmanı
Eren Kavak, İstanbul merkezli web tasarım, SEO ve yapay zekâ uzmanıdır; 2014'ten bu yana 300'den fazla marka ve projenin web sitesi, e-ticaret, SEO, reklam ve altyapı süreçlerini yürütmüştür.
Benzer yazılar.
- 29 Ekim 2026Yapay zeka otomasyonu nasıl yapılır: Make, Zapier, n8n rehberiYapay zeka otomasyonu nasıl yapılır? Tekrarlayan işi seçmekten Make, Zapier ve n8n seçimine, test ve ölçmeye kadar adım adım kurulum ve örnek akışlar.
- 2 Kasım 2026Web sitesi güvenliği nasıl sağlanır? 7 adım ve aylık listeWeb sitesi güvenliği nasıl sağlanır? Güncelleme, 2FA, yedekleme, WAF, dosya izinleri ve zararlı yazılım taraması: pratik adımlar ve aylık kontrol listesi.
- 1 Kasım 2026Öğrencilere Gemini 1 Yıl Ücretsiz: Google AI Plus Nasıl Alınır? (2026)Gemini öğrenci ücretsiz teklifi: üniversitelilere Google AI Plus 1 yıl ücretsiz. Kimler alabilir, kart gerekiyor mu, nasıl alınır ve iptal edilir?
Bu konuda uzman desteği mi lazım?
Ne yapmak istediğinizi birkaç cümleyle yazın; markanıza en uygun dijital yolu birlikte planlayalım.