mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-25 02:43:06 +08:00
91 lines
9.5 KiB
HTML
91 lines
9.5 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Animasyon ekleme</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="description" content="Describing how to add and manage animation effects on a slide." />
|
||
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
||
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
|
||
<script type="text/javascript" src="../callback.js"></script>
|
||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="mainpart">
|
||
<div class="search-field">
|
||
<input id="search" class="searchBar" placeholder="Arama" type="text" onkeypress="doSearch(event)">
|
||
</div>
|
||
<h1>Animasyon ekleme</h1>
|
||
<p><b>Animasyon</b>, sunununuzu daha dinamik hale getirmek ve önemli bilgileri vurgulamak için metin, nesne ve grafikleri hareketlendirmenizi sağlayan görsel bir efekttir. Metin, nesne ve grafiklerin hareketini, rengini ve boyutunu kontrol edebilirsiniz.</p>
|
||
<h3 id="applyanimation">Bir animasyon efekti uygulamak için</h3>
|
||
<ol>
|
||
<li>Üst araç çubuğunun <b>Animasyon</b> sekmesine geçiş yapın,</li>
|
||
<li>Animasyon efektini uygulamak istediğiniz metni, nesneyi veya grafik öğesini seçin,</li>
|
||
<li>Animasyon galerisinden bir <b>Animasyon</b> efekti seçin,</li>
|
||
<li>Animasyon galerisinin yanında bulunan <b>Parametrelere</b> tıklayarak animasyon efekti hareket yönünü seçin. Listedeki parametreler uyguladığınız efekte bağlıdır.</li>
|
||
</ol>
|
||
<p>Geçerli slaytta animasyon efektlerini önizleyebilirsiniz. Varsayılan olarak, bir slayda eklediğinizde animasyon efektleri otomatik olarak oynatılır, ancak bunları kapatabilirsiniz. <b>Animasyon</b> sekmesinde <b>Önizle</b> açılır listesine tıklayın ve bir önizleme modu seçin:</p>
|
||
<ul>
|
||
<li><b>Önizle</b> düğmesine tıkladığınızda bir önizleme göstermek için <b>Önizle</b>,</li>
|
||
<li>Bir slayda animasyon eklediğinizde veya mevcut bir animasyonu değiştirdiğinizde önizlemenin otomatik olarak gösterilmesi için <b>Otomatik Önizle</b>.</li>
|
||
</ul>
|
||
|
||
<h3>Animasyon türleri</h3>
|
||
<p>Tüm <b>animasyon efektleri</b> <b>animasyon galerisinde</b> listelenir. Açmak için açılır oka tıklayın. Her <b>animasyon efekti</b> yıldız şeklindeki bir simge ile temsil edilir. Animasyonlar oluştukları noktaya göre gruplandırılır:</p>
|
||
<p><img alt="Animasyon Galerisi" src="../images/animationgallery.png" /></p>
|
||
<p><b>Giriş</b> efektleri, nesnelerin bir slaytta nasıl görüneceğini belirler ve galeride yeşil renkle gösterilir.</p>
|
||
<p><b>Vurgu</b> efektleri, bir nesneyi vurgulamak ve izleyicinin dikkatini çekmek için nesnenin boyutunu veya rengini değiştirir ve galeride sarı veya iki renklidir.</p>
|
||
<p><b>Çıkış</b> efektleri, nesnelerin bir slayttan nasıl kaybolduğunu ve galeride nasıl kırmızıya boyandığını belirler.</p>
|
||
<p><b>Hareket Yolları,</b> bir cismin hareketini ve izlediği yolu belirler. Galerideki simgeler önerilen yolu temsil eder. <b>Özel Yol</b> seçeneği de mevcuttur. Daha fazla bilgi edinmek için lütfen <a href="../UsageInstructions/MotionPath.htm" onclick="onhyperlinkclick(this)">aşağıdaki yazıyı</a> okuyun.</p>
|
||
<p>Galeride bulunan tüm efektleri görmek için animasyonlar galerisini aşağı kaydırın. Gerekli animasyonu galeride görmüyorsanız, galerinin altındaki <b>Daha Fazla Efekt Göster</b> seçeneğine tıklayın.</p>
|
||
<p><img alt="Daha Fazla Efekt" src="../images/moreeffects.png" /></p>
|
||
<p>Burada animasyon efektlerinin tam listesi yer almaktadır. Efektler ayrıca izleyicileri üzerinde yarattıkları görsel etkiye göre gruplandırılır.</p>
|
||
<ul>
|
||
<li><b>Giriş</b>, <b>Vurgu</b> ve <b>Çıkış</b> efektleri <b>Temel</b>, <b>Zarif</b>, <b>Orta</b> ve <b>Heyecanlı</b> kategorilerine göre gruplandırılır.</li>
|
||
<li><b>Hareket Yolu</b> efektleri <b>Temel</b>, <b>Zarif</b> ve <b>Orta</b> kategorilerine göre gruplandırılır.</li>
|
||
</ul>
|
||
<p><!-- The <b>Preview Effect</b> option is active by default, uncheck it if you don’t want a preview.--></p>
|
||
|
||
<h3 id="multipleanimations">Çoklu Animasyon Uygulama</h3>
|
||
<p>Aynı nesneye birden fazla animasyon efekti ekleyebilirsiniz. Bir animasyon daha eklemek için</p>
|
||
<ol>
|
||
<li><b>Animasyon</b> sekmesindeki <b>Animasyon ekle</b> düğmesine tıklayın.</li>
|
||
<li>Animasyon efektleri listesi açılacaktır. Animasyon uygulamak için yukarıdaki 3. ve 4. adımları tekrarlayın.</li>
|
||
</ol>
|
||
<p><b>Animasyon Ekle</b> düğmesini değil de <b>Animasyon galerisini</b> kullanırsanız, ilk animasyon efekti yenisinin yerini alacaktır. Nesnenin yanındaki küçük bir kare, uygulanan efektlerin sıra numaralarını gösterir.</p>
|
||
<p>Bir nesneye birkaç efekt eklediğinizde, animasyon galerisinde <b>Çoklu</b> animasyon simgesi görünür.</p>
|
||
<p><img alt="Çoklu Efektler" src="../images/multipleeffect_icon.png" /></p>
|
||
<h3 id="animationsorder">Bir slayttaki animasyon efektlerinin sırasını değiştirme</h3>
|
||
<ol>
|
||
<li>Animasyon kare işaretine tıklayın.</li>
|
||
<li>Slayttaki görünüm sırasını değiştirmek için <b>Animasyon</b> sekmesindeki <img alt="Daha Önceye Taşı" src="../images/moveearlier.png" /> veya <img alt="Daha Sonraya Taşı" src="../images/movelater.png" /> oklarına tıklayın.</li>
|
||
</ol>
|
||
<p><img alt="Animasyon Sırası" src="../images/multipleanimations_order.png" /></p>
|
||
<h3 id="timing">Animasyon zamanlamasını ayarlama</h3>
|
||
<p>Animasyonların slayttaki <b>başlangıç</b>, <b>süre</b>, <b>gecikme</b>, <b>tekrarlama</b> ve <b>geri sarmasını</b> ayarlamak için <b>Animasyon</b> sekmesindeki zamanlama seçeneklerini kullanın.</p>
|
||
<h4>Animasyon Başlangıç Seçenekleri</h4>
|
||
<ul>
|
||
<li><b>Tıklatıldığında</b> - Slayta tıkladığınızda animasyon başlar. Bu varsayılan seçenektir.</li>
|
||
<li><b>Öncekiyle birlikte</b> – Animasyon, önceki animasyon efekti başladığında başlar ve efektler aynı anda görünür.</li>
|
||
<li><b>Öncekinden sonra</b> – Animasyon, bir önceki animasyon efektinden hemen sonra başlar.</li>
|
||
</ul>
|
||
<p class="note"><b>Not:</b> Animasyon efektleri bir slaytta otomatik olarak numaralandırılır. <b>Öncekiyle birlikte</b> ve <b>Öncekinden sonra</b> olarak ayarlanan tüm animasyonlar otomatik olarak görünecekleri için bağlı oldukları animasyonun numarasını alır.</p>
|
||
<p><img alt="Animasyonları Numaralandırma" src="../images/animationnumbering.png" /></p>
|
||
<h4>Animasyon Tetik Seçenekleri</h4>
|
||
<p><b>Tetik</b> düğmesine tıklayın ve uygun seçeneklerden birini seçin:</p>
|
||
<ul>
|
||
<li><b>Tıklama Sırasında</b> – Slaytta herhangi bir yere her tıkladığınızda sıradaki sonraki animasyonu başlatmak için. Bu varsayılan seçenektir.</li>
|
||
<li><b>Tıklandığında</b> - Açılır listeden seçtiğiniz nesneye tıkladığınızda animasyonu başlatmak için.</li>
|
||
</ul>
|
||
<p><img alt="Tetik Seçenekleri" src="../images/triggeroptions.png" /></p>
|
||
<h4>Diğer zamanlama seçenekleri</h4>
|
||
<p><img alt="Zamanlama Seçenekleri" src="../images/timingoptions.png" /></p>
|
||
<p><b>Süre</b> – Bir animasyonun ne kadar süreyle görüntülenmesini istediğinizi belirlemek için bu seçeneği kullanın. Menüden mevcut seçeneklerden birini seçin veya gerekli zaman değerini yazın.</p>
|
||
<p><img alt="Animasyon Süresi" src="../images/animationduration.png" /></p>
|
||
<p><b>Gecikme</b> – Seçilen animasyonun belirli bir süre görüntülenmesini istiyorsanız veya efektler arasında duraklamaya ihtiyacınız varsa bu seçeneği kullanın. Gerekli zaman değerini seçmek için okları kullanın veya saniye cinsinden ölçülen gerekli değeri girin.</p>
|
||
<p><b>Tekrarla</b> – Bir animasyonu birden fazla kez görüntülemek istiyorsanız bu seçeneği kullanın. <b>Tekrarla</b> kutusuna tıklayın ve mevcut seçeneklerden birini seçin veya kendi değerinizi girin.</p>
|
||
<p><img alt="Animasyonu Tekrarla" src="../images/animationrepeat.png" /></p>
|
||
<p><b>Geri Sar</b> – Animasyon sona erdiğinde nesneyi başlangıçtaki durumuna döndürmek istiyorsanız bu kutuyu işaretleyin.</p>
|
||
</div>
|
||
</body>
|
||
</html>
|