
Japanese: 
こんにちは Google Web Designer
開発担当エンジニアのナタリーです
この動画では詳細モードのタイムラインで
アニメーションを作成する方法を説明します
[タイムライン]パネルは デフォルトでは
ワークスペースの下部にあります
タイムラインはクイックモードでも使えます
クイックモードのデフォルトでは
複数のファイルが同時に開きます
右上のこのボタンをクリックして
モードを切り替えられます
これがクイックモード
これが詳細モードです
クイックモードについてのチュートリアルは
別にあるので
今回は この2つのモードのうち
より複雑で効果的な設定ができる
詳細モードについて説明します
この短いアニメーション広告には
スライドする画像と
フェードイン / アウトする
2つのテキストボックス
最後に表示されるロゴがあります
この広告をGoogle Web Designerで
作成してみましょう
まずは スライドする画像のアニメーションから

English: 
NATALIE: Hello.
My name is Natalie, and I'm
one of the engineers that helps
build Google Web Designer.
And in this video,
we're going to do
a walkthrough of how to
create animations using
the advanced mode timeline.
The Timeline panel is located
at the bottom of the workspace
by default. This is actually
one of two timeline tools
that we have-- the other one
being the Quick mode timeline.
Many files will open by
default in Quick mode,
and you can toggle between
them by pressing this button
in the top right-hand corner.
So this is a Quick mode, and
this is the Advanced mode.
We have a separate tutorial
covering Quick mode.
And this one will just focus
on Advanced mode, which
is the more complex but,
also, the more powerful
of the two tools.
As a tutorial exercise, I've got
this short little animated ad,
which has a sliding
image, two text
boxes that fade in and out, and
a logo that appears at the end.
And in this video, we'll
step through how we can build
this ad in Google Web Designer.
So let's take care of that
sliding image animation first.

Dutch: 
Hallo.
Ik heet Natalie en ben 
een van de engineers die
meebouwt aan Google Web Designer.
In deze video laat ik zien
hoe u animaties maakt
met behulp van
de tijdlijn in de geavanceerde modus.
Het deelvenster Tijdlijn vindt u
standaard onderaan de werkruimte.
Dit is een van de twee
tijdlijngereedschappen
die we bieden. Het andere is de 
tijdlijn in de snelle modus.
Veel bestanden worden standaard
in de snelle modus geopend,
en u kunt er tussen schakelen
door te klikken op deze knop
in de rechterbovenhoek.
Dit is de snelle modus
en dit is de geavanceerde modus.
We hebben een aparte video
over de snelle modus.
Deze video gaat alleen in op de 
geavanceerde modus,
die de complexere
maar ook de krachtigere is
van de twee gereedschappen.
Als praktijkoefening heb ik
deze korte advertentie met animatie,
met een verschuivende
afbeelding, twee tekstvakken
die in- en uitfaden, plus een logo
dat aan het einde wordt weergeven.
In deze video
laat ik u zien hoe u
deze advertentie kunt bouwen
in Google Web Designer.
Laten we eerst
die verschuivende animatie bouwen.

Thai: 
สวัสดีค่ะ
ฉันชื่อนาตาลี เป็นสมาชิกในทีมวิศวกร
ที่ช่วยสร้าง Google Web Designer
ในวิดีโอนี้เราจะแนะนำ
วิธีสร้างภาพเคลื่อนไหว
โดยใช้ไทม์ไลน์ในโหมดขั้นสูง
แผงไทม์ไลน์จะอยู่ด้านล่าง
ของพื้นที่ทำงานโดยค่าเริ่มต้น
นี่คือเครื่องมือไทม์ไลน์
1 ใน 2 อย่างที่เรามี
อีกอย่างหนึ่งคือไทม์ไลน์ในโหมดด่วน
ไฟล์จำนวนมากจะเปิดขึ้นมา
โดยค่าเริ่มต้นในโหมดด่วน
และคุณสลับไปมาระหว่างไฟล์ได้
เมื่อกดปุ่มนี้
ที่มุมขวาบน
นี่คือโหมดด่วน
และนี่คือโหมดขั้นสูง
เรามีอีกบทแนะนำหนึ่งที่พูดถึงโหมดด่วน
และวิดีโอนี้จะมุ่งเน้นที่โหมดขั้นสูง
ซึ่งซับซ้อนกว่าแต่ก็มีประสิทธิภาพมากกว่า
ในบรรดาเครื่องมือทั้ง 2 อย่างนี้
สำหรับแบบฝึกหัดนี้
ฉันมีโฆษณาภาพเคลื่อนไหวสั้นๆ
ซึ่งมีรูปภาพที่เลื่อนได้
กล่องข้อความ 2 รายการ
ที่ค่อยๆ ปรากฏขึ้นและค่อยๆ จางหายไป
และโลโก้ที่ปรากฏในตอนท้าย
ในวิดีโอนี้เราจะดูวิธีสร้างโฆษณานี้
ใน Google Web Designer แบบทีละขั้นตอน
มาเริ่มที่ภาพเคลื่อนไหว
ของรูปภาพที่เลื่อนได้กันก่อน

Russian: 
Здравствуйте.
Меня зовут Натали. Я специалист
по Google Web Designer.
В этом видео я расскажу,
как создать анимацию
в расширенном режиме временной шкалы.
По умолчанию временная шкала
расположена в нижней части
рабочей области.
Это один из ее двух режимов,
второй – быстрый режим.
Большинство файлов
открывается в быстром режиме.
Чтобы переключиться,
нужно нажать эту кнопку
в правом верхнем углу.
Вот быстрый режим, а вот расширенный.
Быстрому режиму посвящено отдельное видео,
в этом я расскажу о расширенном.
Он более сложный, но предоставляет больше
возможностей.
Для примера я взяла
это небольшое анимированное объявление
с двумя сменяющимися изображениями,
двумя текстовыми блоками,
которые появляются
и исчезают, и логотипом в конце.
В этом видео
я расскажу, как создать его
в Google Web Designer.
Начнем со сменяющегося изображения.

Chinese: 
大家好
我是 Natalie
在 Google Web Designer 團隊擔任工程師
這次我要示範
如何使用進階模式時間軸來建立動畫
根據預設，時間軸面板會顯示在工作區底部
我們有兩種時間軸工具
這是其中一種
還有一種快速模式時間軸
很多檔案開啟後
預設會顯示快速模式
只要按下右上角的這個按鈕
就可以切換不同模式
就像這樣，這是快速模式
這是進階模式
快速模式有另外的教學課程
今天我們主要介紹的是進階模式
這個模式比較複雜
功能也更完善
為了教學示範
我準備了這個簡短的動畫廣告
先是圖片滑動出現
接著兩個文字方塊
會淡入再淡出
最後再出現標誌
在這部影片中
我們將一步步說明
如何在 Google Web Designer 中建立這種廣告
現在先來製作滑動圖片的動畫

Spanish: 
Hola.
Me llamo Natalie
y soy ingeniera de Google Web Designer.
En este video,
explicaremos cómo crear animaciones
con el cronograma
en modo avanzado.
El panel del cronograma
está en la parte inferior.
Esta es una de las dos herramientas
de cronograma.
La otra es el cronograma
de modo rápido.
Muchos archivos
se abren en el modo rápido
y puede alternar entre ambos
con este botón de la derecha.
Este es el modo rápido
y este, el avanzado.
Hay otro instructivo
que abarca el modo rápido.
En este nos centraremos en el avanzado
que es mucho más complejo,
pero también más eficaz que el otro.
Para este instructivo,
tengo este pequeño anuncio animado
con una imagen que se desliza
dos textos que aparecen
y desaparecen, y un logotipo al final.
Vamos a ver
cómo crear este anuncio paso a paso
en Google Web Designer.
Primero, nos encargaremos de la imagen.

Korean: 
NATALIE: 안녕하세요
저는 Natalie입니다
Google Web Designer 개발을
맡고 있는 엔지니어입니다
이번 동영상에서는
고급 모드 타임라인을 사용하여
애니메이션을
만드는 방법에 대해
알려드리겠습니다
타임라인 패널은 기본적으로
작업공간 하단에 있습니다
타임라인 도구는
두 가지가 있습니다
다른 하나는
빠른 모드 타임라인으로,
대부분 파일은 기본적으로
빠른 모드에서 열립니다
오른쪽 상단 모서리에 있는
이 버튼을 눌러서
두 모드 간에 전환할 수 있습니다
이 화면이 빠른 모드이고
전환한 화면이 고급 모드입니다
빠른 모드를 다룬
별도의 가이드가 있으니
여기에서는 고급 모드만
설명하겠습니다
두 모드 중 이 모드가
더 복잡하긴 하지만
더 강력한 기능이 제공됩니다
연습을 위해
짧은 애니메이션 광고를 준비했습니다
광고에서는 이미지가 슬라이딩하고
두 텍스트 상자가
페이드인, 페이드아웃되며
끝에 로고가 나타납니다
이 동영상에서는
Google Web Designer에서
이 광고를 만드는
방법을 살펴보겠습니다
우선 슬라이딩 이미지 애니메이션부터
처리해 보겠습니다

Turkish: 
Merhaba.
Benim adım Natalie.
Google Web Designer'ın
geliştirilmesine yardımcı olan
mühendislerden biriyim.
Bu videoda, gelişmiş modda
zaman çizelgesini
kullanarak animasyon oluşturma
üzerinde duracağız.
Zaman Çizelgesi paneli, varsayılan olarak
çalışma alanının altındadır.
Bu, sunduğumuz iki zaman çizelgesi
aracından biridir. Diğeri ise
Hızlı mod zaman çizelgesidir.
Çoğu dosya varsayılan olarak
Hızlı modda açılır
ve sağ üst köşedeki bu düğmeye
basarak
modlar arasında geçiş yapabilirsiniz.
Bu Hızlı mod, bu da Gelişmiş mod.
Hızlı modu ele aldığımız
ayrı bir eğiticimiz var.
Bu videoda yalnızca, daha karmaşık
ancak daha güçlü olan
Gelişmiş mod anlatılıyor.
Eğitici alıştırması olarak küçük
animasyonlu kısa bir reklam kullanacağım.
Reklamda kayan bir resim,
beliren ve kaybolan
iki metin kutusu ve
sonda görünen bir logo var.
Bu videoda, bu reklamı
Google Web Designer'da
nasıl oluşturabileceğimizi
adım adım göreceğiz.
İlk olarak kayan resim
animasyonunu yapalım.
İlk adım olarak, resmi sahneye
sürükleyip

Chinese: 
大家好
我叫Natalie
是负责开发Google Web Designer的
一名工程师
在本视频中
我将演示如何使用“高级”模式时间轴
来制作动画
默认情况下，时间轴面板
会显示在工作区底部
我们有两种时间轴工具
这是其中一种
还有一种是“快速”模式时间轴
很多文件打开后
默认会处于“快速”模式
只要按下右上角的这个按钮
就可以在不同模式之间切换
就像这样，这是“快速”模式
这是“高级”模式
我们会在另一个教程中介绍“快速”模式
今天我们主要介绍的是“高级”模式
这个模式更为复杂
功能也更为完善
出于示范的目的
我准备了这个简短的动画广告
先是图片滑动出现
接着两个文字方框
会淡入再淡出
最后再出现徽标
在本视频中
我们将逐步说明
如何在Google Web Designer中制作此广告
首先来处理滑动图片构成的动画

French: 
Bonjour,
Je m'appelle Natalie.
Je suis ingénieur
pour Google Web Designer.
Je vais vous expliquer
comment créer des animations
à l'aide du mode avancé de la timeline.
Par défaut,
le panneau "Timeline" se trouve
sous l'espace de travail.
Vous avez le choix entre
le mode rapide et le mode avancé.
Le premier est souvent utilisé par défaut,
mais le bouton en haut à droite
permet de passer
d'un mode à l'autre.
Voici le mode rapide
et voilà le mode avancé.
Un autre tutoriel présente le mode rapide.
Parlons du mode avancé.
C'est le plus complexe
et le plus puissant des deux.
Voici une annonce animée avec
1 image glissante,
2 zones de texte avec fondu
et 1 logo qui s'affiche à la fin.
Voici comment créer cette annonce
dans Google Web Designer.
Pour l'animation de l'image glissante,
il faut d'abord

English: 
Hello, I'm Natalie, 
one of the engineers that helps
build Google Web Designer.
This video is a
walkthrough of how to
create animations using
the advanced mode timeline.
The Timeline panel is located
at the bottom
of the workspace by default.
This is one of two
timeline tools.
The other one
being the Quick mode timeline.
Many files will open by
default in Quick mode
and you can toggle between
them using this button
in the top-right corner.
So this is Quick mode, and
this is Advanced mode.
We have a separate tutorial
for Quick mode
and this one will just focus
on Advanced mode, which
is the more complex but
more powerful
of the two tools.
As a tutorial exercise, I've got
this short little animated ad
which has a sliding
image, two text boxes
that fade in and out, and
a logo at the end.
In this video, we'll
see how to build this
ad in Google Web Designer.
So let's do that
sliding image animation first.
The first step would
be to drag it on stage

German: 
Hallo! Ich heiße Natalie und bin
Entwicklerin für Google Web Designer.
In diesem Video geht es darum,
wie man Animationen mithilfe des
erweiterten Zeitachsen-Modus erstellt.
Der Zeitachsenbereich
befindet sich standardmäßig unten.
Übrigens ist dies eines
von zwei Zeitachsen-Tools.
Das andere ist der
einfache Zeitachsen-Modus.
Viele Dateien werden
im einfachen Modus geöffnet.
Über diese Schaltfläche rechts oben
kann man den Modus wechseln.
Das ist also der einfache Modus
und das der erweiterte Modus.
Zum einfachen Modus
gibt es eine eigene Anleitung.
Hier geht es nur
um den erweiterten.
Er ist zwar komplexer, dafür hat man
damit aber auch mehr Möglichkeiten.
Zur Übung habe ich hier
diese kleine animierte Werbeanzeige.
Sie besteht aus einem
sich bewegenden Bild,
zwei Textfeldern, die ein- und
ausgeblendet werden, und einem Logo.
In diesem Video zeige ich Ihnen,
wie man die Anzeige
mit Google Web Designer erstellt.
Zuerst beschäftigen wir uns
mit dem animierten Bild.

Spanish: 
Hola.
Me llamo Natalie
y soy una de los ingenieros
que ayudan a diseñar
Google Web Designer.
En este vídeo, vamos a explicar
cómo crear animaciones
con la línea de tiempo
en modo avanzado.
El panel de la línea de tiempo
está en la parte inferior.
Esta es una de las dos herramientas
de línea de tiempo.
La otra es la línea de tiempo modo rápido.
Muchos archivos se abren en el modo rápido
y puedes alternar entre los dos modos
con este botón de la derecha.
Este es el modo rápido
y este el avanzado.
Hay otro tutorial
que cubre el modo rápido.
En este nos centraremos
en el modo avanzado:
mucho más complejo,
pero también más potente que el otro modo.
Para este tutorial,
tengo este pequeño anuncio animado
con una imagen que se desliza
dos textos que aparecen y desaparecen
y un logotipo al final.
Vamos a ver cómo crear este anuncio
paso a paso en Google Web Designer.
Vamos a encargarnos primero de la imagen.

Italian: 
NATALIE: Ciao.
Mi chiamo Natalie e sono
uno degli ingegneri che lavora
allo sviluppo di Google Web Designer.
In questo video, descriveremo
dettagliatamente come
creare animazioni usando
la sequenza temporale
in modalità avanzata.
La sequenza temporale si trova
in basso per impostazione predefinita.
Ci sono due modalità
di sequenza temporale.
L'altra è la sequenza temporale
in modalità veloce.
Molti file si aprono in modalità
veloce per impostazione predefinita.
Puoi cambiare modalità
premendo questo pulsante
nell'angolo in alto a destra.
Questa è la modalità veloce
e questa è la modalità avanzata.
Esiste un altro tutorial
per la modalità veloce.
In questo parleremo solo
della modalità avanzata, che
è lo strumento più complesso, ma anche
il più potente dei due.
Come esercizio per il tutorial
ho questo breve annuncio animato
che ha un'immagine scorrevole,
due caselle di testo
con dissolvenza in entrata e in
uscita e un logo alla fine.
In questo video, analizzeremo come creare
l'annuncio in Google Web Designer.
Partiamo dall'animazione
dell'immagine scorrevole.

Polish: 
Cześć.
Jestem Natalie.
Pracuję w zespole
Google Web Designera.
W tym filmie omówię
tworzenie animacji
w trybie zaawansowanym
osi czasu.
Domyślnie oś czasu znajduje się
na dole obszaru roboczego.
To jeden
z dwóch trybów osi czasu.
Drugim jest
szybki tryb osi czasu.
Wiele plików domyślnie 
będzie otwierać się
w tym trybie, a przełączać się 
między nimi można,
klikając ten przycisk.
To jest tryb szybki,
a to zaawansowany.
Tryb szybki omawiamy
w osobnym filmiku.
Tutaj skupię się
na trybie zaawansowanym,
który jest bardziej złożony,
ale też daje
więcej możliwości.
Przygotowałam krótką,
animowaną reklamę.
Mamy tu
przesuwającą się grafikę,
dwa pojawiające się i zanikające
pola tekstowe i logo na końcu.
Pokażę, jak można 
utworzyć taką reklamę
w programie Google Web Designer.
Najpierw zajmę się
przesuwaną grafiką.

Thai: 
ขั้นตอนแรกคือการลากรูปภาพมาไว้ในพื้นที่งาน
และจัดตำแหน่งตามที่เราต้องการ
ให้ปรากฏในตอนต้นของภาพเคลื่อนไหว
หรือแถวๆ นี้
จากนั้นเราจะทำให้ภาพเลื่อนมาอีกฝั่งแบบนี้
คุณจะเห็นแทร็กเล็กๆ นี้ปรากฏในไทม์ไลน์
นี่คือเลเยอร์ไทม์ไลน์
และนี่คือ UI ที่เราจะวางภาพเคลื่อนไหว
สำหรับออบเจ็กต์นี้ในช่วงเวลาต่างๆ
ไอเดียพื้นฐานของการสร้างภาพเคลื่อนไหวคือ
เราจะกำหนดคีย์เฟรม
ซึ่งเป็นจุดอ้างอิงในเวลา
ที่องค์ประกอบหนึ่งมีค่าคุณสมบัติที่เจาะจง
จากนั้นเราจะกำหนดวิธีการและระยะเวลา
ของการเปลี่ยนระหว่างค่าเหล่านั้น
การจะทำให้ภาพนี้เลื่อนได้
เราต้องสร้างคีย์เฟรมหลายอัน
เราต้องการให้ภาพอยู่กับที่ประมาณ 1 วินาที
ฉันจะวางคีย์เฟรมที่ 1 วินาที
โดยคลิกขวาและเลือก "แทรกคีย์เฟรม"
จากนั้นจะวางอีกอันหนึ่ง
ถัดไปครึ่งวินาที
จากนั้นที่คีย์เฟรมนี้
ฉันจะเลื่อนภาพมาในฝั่งที่ต้องการ
ให้ปรากฏในเวลานี้
จากนั้นฉันอยากให้ภาพอยู่กับที่อีก 1 วินาที
และสุดท้ายเมื่อผ่านไปครึ่งวินาที

Spanish: 
La arrastramos hasta la escena...
y la colocamos tal como queramos
que aparezca al principio de la animación.
Justo aquí.
Más tarde, la pondremos por aquí.
Vemos que ha aparecido
una pista en la línea de tiempo.
Es una capa de la línea.
Es la IU donde distribuiremos 
la animación de este objeto.
La creación de animaciones
consiste en definir fotogramas clave:
puntos de ruta que marcan en qué momento
un elemento tiene valores concretos
y en definir cómo son y cuánto duran
las transiciones entre esos valores.
Para que la imagen se deslice
crearemos varios fotogramas clave.
Queremos que no se mueva
durante un segundo.
Pongo el fotograma en el segundo uno:
clic derecho,
selecciono Insertar fotograma clave.
Luego otro, medio segundo después.
Y en este fotograma
deslizo la imagen hacia donde
quiero que esté en este segundo.
Y quiero que esta
no se mueva durante otro segundo.
Por último, medio segundo después
quiero que salga completamente.

Spanish: 
La arrastramos hasta la etapa
y la colocamos como queramos
que aparezca
al principio de la animación.
Justo aquí.
Más tarde,
la pondremos por aquí.
Vemos que apareció
una pista en el cronograma.
Es una capa del cronograma.
Es la IU en la que distribuiremos 
la animación de este objeto.
La creación de animaciones
consiste en definir fotogramas clave
puntos de referencia que marcan
cuándo un elemento tiene valores concretos
y en definir cómo
y cuánto tiempo duran las transiciones
entre esos valores.
Para que la imagen se deslice,
crearemos varios fotogramas clave.
Queremos que no se mueva
durante un segundo.
Pongo el fotograma en el segundo uno,
hago clic con el botón derecho
y elijo "Insertar fotograma clave"
otro medio segundo después.
Y, en este fotograma,
deslizo la imagen
hacia donde quiero
que esté en este segundo.
Y quiero que esta
no se mueva durante otro segundo.
Por último, medio segundo después
quiero que salga completamente.

Turkish: 
animasyon başladığında görünmesini
istediğim yere yerleştiriyorum.
Yaklaşık burada bir yerde olacak.
Daha sonra bu şekilde
kaydıracağız.
Zaman çizelgesinde bu küçük
kanalın göründüğünü fark edebilirsiniz.
Bu, zaman çizelgesi katmanıdır.
Bu da, bu nesne için zamanla animasyonu
yerleştireceğimiz kullanıcı arayüzüdür.
Animasyon oluşturmanın temelinde,
tanımlayacağımız animasyon kareleri yatar.
Bunlar bir öğenin belirli
özellik değerlerine sahip olduğu
ve sonra bu değerler arasındaki
geçişin nasıl ve ne kadar süreceğinin
belirtildiği zaman noktalarıdır.
Bu resmi kaydırmak için
birkaç animasyon karesi oluşturacağız.
Yaklaşık bir saniye süreyle
yerinde kalmasını istiyoruz.
Bu yüzden animasyon karesini
bir saniyeye koyacağım.
Bunun için sağ tıklayıp Animasyon
karesi ekle'yi seçiyorum.
Ardından yarım saniye sonrasına
bir tane daha ekliyorum.
Sonra bu animasyon karesinde
resmi kaydırıp, o anda olmasını
istediğim yere getireceğim.
Sonra bu resmin, burada bir saniye
daha kalmasını istiyorum.
Son olarak da yarım saniye
sonrasında
resmin kayarak görünümden tamamen
çıkmasını istiyorum.

Korean: 
먼저 이미지를 드래그하여
스테이지로 가져오고
애니메이션 시작 시 표시되기
원하는 위치에 이미지를 놓습니다
바로 여기에요
그런 다음 이렇게
슬라이딩되게 합니다
화면의 타임라인에는
작은 트랙이 있습니다
바로 타임라인 레이어로서,
이 UI에서 시간에 따라
개체의 애니메이션을
지정하게 됩니다
애니메이션을 만드는 데
기본적인 원칙은
키프레임을 정의하는 것입니다
키프레임은 요소가 특정 속성 값을
갖는 지점이죠
그런 다음 이러한 값들 사이에서
전환이 지속하는 방법과
시간을 정의하면 됩니다
이 이미지 슬라이드를 만들려면
우선 키프레임 몇 개를 만듭니다
여기에서 약 1초 정도
멈추게 하려 하므로
1초 지점에
키프레임을 놓겠습니다
오른쪽 버튼을 클릭하고
키프레임 삽입을 선택하면 됩니다
0.5초 뒤에 하나 더 삽입합니다
이 키프레임에서는
이미지를 슬라이딩해
이 시점에 원하는 위치에
이미지가 오도록 하겠습니다
그런 다음 이미지가
1초 동안 다시 멈추고
마지막으로 0.5초 후에

Chinese: 
先将图片拖到场景上
放在动画
开始时它应该出现的位置
大概是这里
稍后我们要让图片像这样滑过去
可以看到时间轴上出现了一段小小的轨道
这是一个时间轴图层
我们将使用这里的界面
设置此对象的完整动画
制作动画的基本概念是
先定义关键帧
也就是为元素指定的属性值对应的时间点
接着定义这些值之间的转换方式
以及转换所用的时间
要让这张图片滑动
我们会用到多个关键帧
我想让这张图片停住大概一秒时间
于是，先将关键帧放在一秒的位置
具体方法是点击右键
选择“插入关键帧”
接着在1.5秒的位置
再插入一个关键帧
这个关键帧的意义在于
我要让图片在这个时间点
滑到预定的位置
然后，我要让图片保持不动一秒钟
最后再用半秒钟时间

English: 
The first step would
be to drag it on stage
and position it the
way that we want
it to appear at the
beginning of the animation--
so right around there.
And later on, we'll have
it slide over like so.
And you can see that this little
track appeared in the timeline.
This is a timeline
layer, and this
is the UI in which we'll
lay out the animation
for this object over time.
The basic idea behind
creating animations
is we're going to be
defining keyframes, which
are waypoints in time where an
element has specific property
values and then defining how
and how long the transition
between those values.
So to make this image slide,
we'll make several keyframes.
We want it to hold it in
place for about a second.
So I'll place the
keyframe at one second
by right-clicking and selecting
Insert keyframe then one more
half a second later.
And then, at this
keyframe, I'm going
to slide the image
over to where I want
it to be at this point in time.
Then I want this image to hold
it in place for another second.
And then finally, a
half a second later,

German: 
Wir ziehen es in den Anzeigebereich
und positionieren es so, wie es zu Beginn
der Animation erscheinen soll – also dort.
Später wird es sich dann
auf diese Weise verschieben.
Hier ist jetzt eine Spur
auf der Zeitachse zu sehen.
Das ist eine Zeitachsen-Ebene
und das die UI,
auf der wir die Animation für das Objekt
zeitlich gestalten.
Bei Animationen geht es darum,
Keyframes festzulegen.
Das sind Zeitpunkte, an denen ein Element
bestimmte Eigenschaftswerte hat.
Danach legen wir fest, wie lange der
Übergang zwischen diesen Werten sein soll.
Damit sich das Bild verschiebt,
erstellen wir mehrere Keyframes.
Es soll etwa eine Sekunde stillstehen.
Also setze ich einen Keyframe
nach einer Sekunde.
Dazu klicke ich mit der rechten Maustaste
und wähle "Keyframe einfügen".
Eine halbe Sekunde später dann
einen weiteren, bei dem ich das Bild
an die Position verschiebe, wo es
zu diesem Zeitpunkt stehen soll.
Dann soll es noch einmal
eine Sekunde stillstehen.
Und wieder eine halbe Sekunde später
soll es komplett verschwinden.

French: 
faire glisser l'image
sur l'espace de création,
puis la placer comme souhaité
pour le début de l'animation.
Comme ceci.
Plus tard, nous la ferons glisser ainsi.
Vous voyez qu'une piste
est apparue dans la timeline.
C'est un calque de timeline.
Il permet de visualiser l'animation
de cet objet au fil du temps.
Pour créer des animations,
il faut définir des images clés.
Ce sont des points de cheminement
avec un élément associé
à des valeurs de propriété spécifiques. 
Puis, il faut indiquer le mode
et la durée de la transition.
Pour faire glisser cette image,
il faut créer plusieurs images clés.
Pour qu'elle reste en place 1 seconde,
je place l'image clé à 1 seconde
en faisant un clic droit et
en sélectionnant "Insérer une image clé".
Je fais de même à 1,5 seconde.
Ensuite, à cette image clé,
je fais glisser l'image
là où je veux qu'elle soit à ce moment-là.
Je veux que cette image
reste en place 1 seconde.
Enfin, 0,5 seconde plus tard,

Italian: 
Il primo passaggio è
trascinarla sullo stage
nella posizione in cui deve essere
visualizzata all'inizio dell'animazione.
Così.
Poi la faremo scorrere in questo modo.
Nella sequenza temporale
è apparsa una piccola traccia.
Questo è un livello della sequenza
e questa è l'UI per gestire l'animazione
dell'oggetto nel tempo.
L'idea di base per creare animazioni
è definire fotogrammi
chiave, cioè punti intermedi
nel tempo, in cui un elemento
ha valori di proprietà specifici,
e definire le modalità
e la lunghezza della transizione
tra tali valori.
Per far scorrere l'immagine,
creeremo vari fotogrammi chiave.
Vogliamo che rimanga
in posizione per circa un secondo.
Posiziono un fotogramma chiave a 1 secondo
facendo clic con il pulsante destro e
selezionando Inserisci fotogramma chiave
e ripeto l'operazione mezzo secondo dopo.
Poi, in questo fotogramma chiave
faccio scorrere l'immagine
dove voglio che
si trovi in questo momento.
Faccio rimanere l'immagine
in posizione per un altro secondo.
Infine, mezzo secondo dopo,

Japanese: 
最初に画像をステージにドラッグして
アニメーションの開始位置に合わせます
このあたりですね
後でこのように画像をスライドします
タイムラインに小さいトラックがありますね
これはタイムラインレイヤです
ここで時間を合わせて
オブジェクトのアニメーションを配置します
詳細モードでアニメーションを作成する場合
特定の属性を持つ要素に
キーフレームを定義して
各キーフレームを配置し操作することが
基本の作業となります
この画像をスライドさせるために
キーフレームをいくつか作りましょう
約1秒間固定したいので
1秒の位置で右クリックし
[キーフレームを挿入]を選択
さらにその0.5秒後にも
キーフレームを挿入します
次にこのキーフレームのこの時点で
画像がスライドするようにします
ここでもう1秒ほど画像を固定します
そして0.5秒後に画面から
スライドアウトするようにします

Polish: 
Muszę przeciągnąć ją 
na scenę
i wstawić w miejscu,
w którym ma być
na początku animacji.
Właśnie tak.
Później będzie ona
się tak przesuwać.
Na osi czasu
pojawiła się ścieżka.
Jest to warstwa osi czasu,
czyli element interfejsu,
który pomoże nam
utworzyć poszczególne 
etapy animacji.
Mówiąc najprościej,
będziemy określać
klatki kluczowe,
czyli punkty w czasie, w których 
element ma określoną właściwość.
Potem określimy, jak przebiega
i jak długo trwa przejście
między tymi punktami.
Aby utworzyć przesunięcie,
utworzę kilka klatek kluczowych.
Chcę zatrzymać grafikę
na około sekundę.
Klikam prawym przyciskiem
jedną sekundę i wybieram
Wstaw klatkę kluczową, a potem
to samo robię
pół sekundy dalej.
Tutaj przesuwam grafikę
do miejsca,
gdzie ma się znajdować
w tym punkcie czasu.
Tutaj też zatrzymuję grafikę
na około sekundę.
Pół sekundy później

Chinese: 
將圖片拖曳到中心區域
放在動畫一開始應該出現的位置
大概是這裡
我們之後會讓圖片像這樣滑過去
你看，時間軸上出現了一段小小的軌道
這是一個時間軸層次
我們將用這裡的 UI
設置這個物件的完整動畫
建立動畫的基本步驟是
先定義主要畫面格
也就是指定不同時間
元素屬性值的位置
接著定義這些值之間的轉換方式
以及轉換所用的時間
要讓這張圖片滑動
我們會用到多個主要畫面格
我想讓這張圖片停住大概一秒時間
所以將主要畫面格放在一秒的位置
方法是按一下右鍵
選取 [插入主要畫面格]
接著在 1.5 秒的位置
再插入一個主要畫面格
對於這個主要畫面格
我要建立的動畫是
讓圖片滑到預定位置
在這個時間點到定位
讓圖片保持不動一秒鐘
最後再用半秒鐘時間
將圖片完全滑出畫面

English: 
and position it 
how we want
at the
start of the animation.
So right there.
And later on, 
it'll slide over like so.
And you can see this 
track appeared in the timeline.
This is a timeline
layer, and this
is the UI in which we'll
lay out the animation
for this object over time.
The basic idea behind
creating animations
is to define keyframes
which are waypoints in time where an
element has specific property values
and then defining how
and how long the transition
between those values.
So to make this image slide,
we'll make several keyframes.
We want it to hold in
place for about a second.
So I'll place the
keyframe at one second
by right-clicking and selecting
Insert keyframe, then one more
half a second later.
And then, at this
keyframe, I'm going
to slide the image
to where I want
it at this in time.
Then I want this image to hold
in place for another second.
And then finally,
half a second later,
I want it to slide out
of view.

Russian: 
Перетаскиваю его в рабочую область
и располагаю так,
как оно должно
появиться в начале анимации.
Вот так.
Позже оно сдвинется вот так.
Как видите,
на временной шкале появилась дорожка.
Это слой временной шкалы –
интерфейс, с помощью которого
настраивается анимация
для этого объекта.
Чтобы создать анимацию,
нужно определить ключевые кадры –
точки, в которых элемент
будет обладать определенными свойствами, –
и настроить время и способ перехода
между значениями этих свойств.
Чтобы сместить изображение,
создаю несколько ключевых кадров.
В начале оно
показывается в течение секунды.
Размещаю ключевой кадр
на одной секунде –
нажимаю здесь правой кнопкой мыши
и выбираю "Вставить ключевой кадр".
Затем добавляю
ещё один через полсекунды.
В этом кадре
перемещаю изображение в нужное
положение.
Это изображение тоже
отображается в течение секунды
и ещё через полсекунды

Dutch: 
De eerste stap is om deze
naar het werkvlak te slepen
en te plaatsen zoals we deze
aan het begin van 
de animatie willen weergeven.
Ongeveer hier dus.
Later laten we deze
zo verschuiven.
U ziet dat deze kleine track
in de tijdlijn is verschenen.
Dit is een tijdlijnlaag,
en dit is de
UI waarin we onze animatie
voor dit object 
in de loop der tijd plaatsen.
Het idee achter
het maken van animaties
is dat we sleutelframes 
maken. Dit zijn
wegpunten in de tijd, waarbij een element 
een specifieke eigenschapswaarden heeft.
Dan definiëren we hoe 
en hoelang de overgang
tussen die waarden moet zijn.
We maken meerdere sleutelframes
om deze afbeelding te laten verschuiven.
Hij moet ongeveer 
een seconde stil blijven,
dus zet ik het frame op één seconde.
Klik met de rechtermuisknop en
selecteer 'Sleutelframe invoegen'.
En een halve seconde later nog een.
En dan laat ik in dit sleutelframe
de afbeelding verschuiven
naar de plek waar ik
het op dit punt wil hebben.
Daarna moet de afbeelding
nog een seconde stilstaan.
En ten slotte, een halve seconde later,

Japanese: 
プレイヘッドをドラッグすると
タイムラインをスクラブして
アニメーションをプレビューできます
または左上にある再生ボタンをクリックして
ステージ上でプレビューを見ることもできます
問題なさそうです
完成した広告では
画像は最初にフェードインで表示され
その後スライドします
では次に アニメーションの
フェードインの方法を説明します
マーキーツールで全キーフレームを選択し
全体を右にずらして
フェードイン用のスペースを空け
ゼロの位置に新しいキーフレームを挿入します
このキーフレームでは
要素の透明度をゼロに設定します
他のすべてのキーフレームは
透明度を100%にします

French: 
je veux qu'elle disparaisse complètement.
Si je fais glisser la tête de lecture,
je peux prévisualiser l'animation.
Le bouton de lecture en haut à gauche
permet de voir l'animation
directement sur l'espace de création.
Tout semble correct.
Poursuivons.
Dans l'animation,
l'image apparaît en fondu au début
avant de glisser.
Passons donc à la création du fondu.
Je sélectionne toutes les images clés
avec un rectangle de sélection,
puis les déplace pour
insérer le fondu à la fin
et une autre image clé au temps 0.
À cette image clé,
je veux que l'opacité de l'élément soit 0.
À toutes les autres images clés,
je veux qu'elle soit définie sur 100 %.

Chinese: 
現在只要拖曳播放頭
就可以來回查看整個過程
預覽動畫的效果
你也可以按下左邊角落的 [播放] 按鈕
在中心區域播放預覽動畫
看起來沒有問題
接下來
我們可以在成品中看到
圖片一開始是先淡出
然後才滑過去
所以接著要做的
就是淡出的動畫
首先使用點線框工具
選取所有主要畫面格
將它們滑過去一些
好在開頭建立淡入動畫
在 0 秒的位置
插入新的主要畫面格
對於這個主要畫面格
我們要把元素的透明度設為 0
至於其餘的主要畫面格
透明度則要設為 100

Chinese: 
将图片完全滑出画面
现在只要拖动进度条指针
就可以来回查看整个过程
预览动画的效果
你也可以按左角的“播放”按钮
在场景上播放预览动画
看起来没有问题
接下来
我们可以在完成的动画中看到
图片一开始是先淡入
然后才滑过去
所以接着要做的
就是淡入的动画
首先使用“选取框”工具
选取所有关键帧
将它们滑过去一些
以便在最后制作淡入动画
在0秒的位置
插入新的关键帧
对于这个关键帧
我们要把元素的不透明度
设为0
至于其余的关键帧
不透明度则要设为100%

English: 
So now, dragging the Playhead,
scrubs the timeline
and you get a preview
for your animation.
And you can also press the Play
button in the left-hand corner
here to get a preview
right on stage.
That looks good.
And the next thing,
we saw in the finished piece
that the image
fades in at the very
beginning in addition to
sliding over later.
So let's do that
fade animation next.
I'm going to select all the
keyframes using the Marquee
tool and slide it
to make room
for the fade-in at the
very end and insert
a new keyframe at time zero.
And, at this keyframe, we'd
like for the element's opacity
to be zero.
And at all the other keyframes,
we'd like it to be at 100%.

Russian: 
исчезает из поля зрения.
Теперь можно просмотреть анимацию,
перемещая ползунок
по временной шкале,
или нажать кнопку воспроизведения слева,
чтобы просмотреть анимацию
прямо в рабочей области.
Выглядит неплохо.
Идем дальше.
В готовом объявлении
видно, что изображение
плавно появляется в начале,
а потом сменяется другим.
Настроим это появление.
Выделяю все ключевые
кадры с помощью рамки
и сдвигаю, чтобы добавить место
для появления в начале, и вставляю
ключевой кадр на нулевой отметке.
В этом кадре задаю
для непрозрачности элемента
значение 0.
Во всех остальных кадрах элемент
должен быть полностью непрозрачным.

Dutch: 
moet hij volledig uit beeld verdwijnen.
Als ik de schuifregelaar sleep,
kan ik door de tijdlijn lopen
en een voorbeeld van
de animatie bekijken.
U kunt ook
op de afspeelknop linksonder klikken
om een voorbeeld 
weer te geven op het werkvlak.
Dat ziet er goed uit.
Vervolgens...
zagen we in de voltooide animatie
dat de afbeelding
infadet aan het begin
en dan later begint te verschuiven.
Dus laten we nu die fade-animatie maken.
Ik selecteer alle sleutelframes
met het selectiegereedschap
en verschuif deze om ruimte te maken
voor de fade-in aan 
het einde en ik voeg
een nieuw sleutelframe in op het nulpunt.
In dit sleutelframe moet de transparantie
van het element nul zijn.
Alle overige sleutelframes
moeten 100% zijn.

Thai: 
ฉันจะให้ภาพเลื่อนออกไปจากมุมมองทั้งหมด
ดังนั้นถ้าเราลากส่วนหัวของตัวควบคุมการเล่น
คุณจะสครับไทม์ไลน์
และพรีวิวภาพเคลื่อนไหวได้
หรือคุณจะกดปุ่ม "เล่น"
ที่มุมด้านซ้ายตรงนี้
เพื่อดูพรีวิวในพื้นที่งานเลยก็ได้
ดูดีเลยทีเดียว
ต่อไป
เราเห็นในโฆษณาที่ทำเสร็จแล้วว่า
นอกจากจะเลื่อนมาอีกฝั่งแล้ว ภาพยังค่อยๆ
ปรากฏขึ้นในตอนต้นด้วย
มาทำภาพเคลื่อนไหวที่ค่อยๆ ปรากฏขึ้นกัน
ฉันจะเลือกคีย์เฟรมทั้งหมด
โดยใช้เครื่องมือเส้นมาร์คี
และเลื่อนภาพมาเพื่อให้มีพื้นที่
สำหรับการค่อยๆ ปรากฏขึ้นในตอนท้าย
และแทรกคีย์เฟรมใหม่ในเวลาที่เป็น 0
และที่คีย์เฟรมนี้เราจะตั้งค่า
ให้ความทึบแสงขององค์ประกอบ
เป็น 0
ส่วนที่คีย์เฟรมอื่นๆ ทั้งหมด
เราจะตั้งค่าเป็น 100%

Turkish: 
Şimdi, Oynatma kafasını sürükleyerek
zaman çizelgesinde ileri geri oynatabilir
ve animasyonunuzu önizleyebilirsiniz.
Ayrıca, sol köşedeki Oynat düğmesine
basarak da
doğrudan sahne üzerinde
önizleyebilirsiniz.
Güzel görünüyor.
Bir sonraki adıma geçelim.
Tamamlanmış reklamda, resmin
daha sonra kaymasının yanı sıra
başlangıçta yavaşça belirdiğini
görmüştük.
Şimdi bu yavaşça belirme
animasyonunu yapalım.
Noktalı çerçeve aracını kullanarak
tüm animasyon karelerini
seçeceğim ve en sonda
yavaşça belirmeye yer açmak için
bunu kaydırıp sıfır zaman noktasına
bir animasyon karesi ekleyeceğim.
Bu animasyon karesinde, öğenin
opaklığının sıfır olmasını istiyoruz.
Diğer tüm animasyon karelerinde ise
bu değerin %100 olmasını istiyoruz.

English: 
I want it to slide out
of view completely.
So now, if we drag the Playhead,
you can scrub the timeline
and get a preview
for your animation.
And you can also press the Play
button in the left-hand corner
here to get a preview
right on stage.
And that looks good.
And the next thing--
we saw in the finished piece
that the image actually
fades in at the very
beginning in addition
to the sliding over later.
So let's do that
fade animation next.
I'm going to select all the
keyframes using the Marquee
tool and slide it
over to make room
for the fade-in at the
very end and insert
a new keyframe at time zero.
And at this keyframe, we'd
like for the element's opacity
to be zero.
And at all the other keyframes,
we'd like for it to be at 100%.

Italian: 
voglio che esca completamente
dal campo visivo.
Trascinando la testina,
puoi far scorrere la sequenza temporale
e visualizzare un'anteprima
dell'animazione.
Puoi anche premere il pulsante
Riproduci nell'angolo in basso a sinistra
per guardare un'anteprima
direttamente sullo stage.
Sembra che vada bene.
Procediamo.
Nell'esempio, l'immagine
entra in dissolvenza
all'inizio, per poi scorrere
in un secondo momento.
Pertanto, dobbiamo creare
l'animazione della dissolvenza.
Seleziono tutti i fotogrammi chiave
con lo strumento
Testo scorrevole e li sposto
per fare posto alla dissolvenza
iniziale, poi inserisco
un fotogramma chiave al minuto zero.
In questo fotogramma,
impostiamo l'opacità dell'elemento
su zero.
In tutti gli altri fotogrammi
deve essere 100%.

Polish: 
grafika ma się przesunąć
poza krawędź widoku.
Gdy przesuwam znacznik,
wyświetla się
podgląd animacji.
Mogę też kliknąć w lewym rogu 
przycisk odtwarzania,
by zobaczyć podgląd
na scenie.
Wygląda nieźle.
W finalnej wersji
widzieliśmy, że grafika
na początku po prostu się pojawia,
a dopiero na końcu
przesuwa się
poza krawędź widoku.
Zajmijmy się teraz tą animacją.
Zaznaczam wszystkie 
klatki kluczowe
i przesuwam je,
by zrobić miejsce
na pojawienie się grafiki.
W punkcie zero
wstawiam nową klatkę.
Chcę, by widoczność
elementu w tym miejscu
wynosiła zero.
W pozostałych klatkach kluczowych
powinna wynosić 100%.

German: 
Wenn man jetzt den Abspielknopf zieht,
erhält man mit Scrubbing
eine Vorschau der Animation.
Man kann auch links auf die
Schaltfläche "Wiedergabe" klicken
und sich die Vorschau
direkt im Anzeigebereich ansehen.
Das sieht gut aus.
Nächster Schritt: In der fertigen Anzeige
wird das Bild ganz am Anfang eingeblendet
und verschiebt sich dann später.
Also beschäftigen wir uns jetzt
mit dieser Einblende-Animation.
Ich wähle mit dem Laufrahmen-Tool
alle Keyframes aus,
verschiebe sie, um für die Einblendung
am Anfang Platz zu schaffen,
und füge dann bei "0"
einen neuen Keyframe ein.
An diesem Keyframe soll
der Deckungsgrad des Elements "0" sein.
An allen anderen Keyframes
soll er bei 100 % liegen.

Korean: 
슬라이딩해 보기에서
완전히 벗어나도록 하겠습니다
이때 플레이헤드를 드래그하면
타임라인을 스크러빙하고
애니메이션을 미리 볼 수 있습니다
왼쪽 모서리의 재생 버튼을
누르는 방법으로도
스테이지에서
미리 볼 수 있습니다
됐습니다.
다음으로,
완성된 광고에서
처음에 이미지가
페이드인되는 것을
보셨을 것입니다
슬라이딩하기 전에 말이죠
이제 이 페이드 애니메이션을
만들어 보겠습니다
마키 도구를 사용해
모든 키프레임을 선택하고
옆으로 이동시켜 왼쪽에서
페이드인 효과를 낼 공간을 만들고
0초에 새 키프레임을
삽입해 보겠습니다
이 키프레임에서
요소의 불투명도를
0으로 설정하겠습니다
다른 모든 키프레임에서는
100%로 설정하겠습니다

Spanish: 
Si movemos esta marca,
nos movemos en la línea de tiempo
y tenemos
una vista previa de la animación.
También puedes hacer clic
en el botón Play de la izquierda
para conseguir lo mismo.
No pinta mal.
Lo siguiente...
Hemos visto en el modelo acabado
que la imagen aparece al comienzo
además de deslizarse más tarde.
Vamos a hacer eso.
Selecciono todos los fotogramas
y hago sitio a la transición del final.
Inserto un nuevo fotograma
en el segundo cero.
Y definimos
la opacidad de este elemento en cero.
Para el resto de los fotogramas será cien.

Spanish: 
Si movemos esta marca,
nos movemos en el cronograma
y tenemos
una vista previa de la animación.
También puede hacer clic
en el botón "Reproducir" de la izquierda
para ver lo mismo.
Queda bien.
Luego…
Vimos en el modelo acabado
que la imagen aparece al comienzo
además de deslizarse más tarde.
Vamos a hacer eso.
Selecciono todos los fotogramas
con la herramienta de marquesina
y hago lugar
a la transición del final.
Inserto un nuevo fotograma
en el segundo cero.
Y definimos
la opacidad de este elemento en cero.
Para el resto de los fotogramas,
será cien.

Dutch: 
Nu voegen we de tekst toe.
We zagen dat er twee tekstvakken zijn
en dat deze één voor één infaden
terwijl de afbeelding verschuift.
Dus we maken het eerste tekstvak.
Dit eerste vak moet 
infaden, vervolgens
gedurende deze tijd op zijn 
plek blijven, en daarna
uitfaden terwijl de afbeelding verschuift.
Allereerst moeten we de transparantie
van dit vak op nul zetten,
omdat dat de beginstatus is.
Daarna maken we een sleutelframe
op een halve seconde
met een transparantie van 100%.
Op anderhalve seconde 
moet dit nog steeds 100% zijn.
En op twee seconden 
moet het weer 0% zijn.

English: 
Next, let's add the text.
So, as we saw, there
were two text boxes.
They faded in one after
the other, as the image slides.
So, let's create
the first text box.
So the first text box
should fade in, then
stay in place over this
period here, and then
fade out as the image slides.
The first thing is
to zero out
the opacity on this box -
that's the starting state.
Then we can create a
keyframe at half a second.
Set the opacity to 100%.
At a second and a half, we
want it to still be 100%.
And then, at two seconds,
we want it to be 0% again.

Turkish: 
Şimdi de metni ekleyelim.
İki metin kutusu olduğunu görmüştük.
Resim kayarken bu metin kutuları
sırayla yavaşça belirmişti.
Önce birinci metin kutusunu oluşturalım.
İlk metin kutusu yavaşça belirmeli,
sonra bu süre boyunca yerinde kalmalı
ve ardından
resim kayarken metin yavaşça kaybolmalı.
Yapılacak ilk şey bu kutuyu
başlangıç durumuna getirmek için
opaklığını sıfırlamak.
Ardından, yarım saniye sonrasında
bir animasyon karesi oluşturabilir
ve opaklığı %100 yapabiliriz.
İki buçuk saniyede, opaklığın %100
olarak kalmaya devam etmesini istiyoruz.
Daha sonra, ikinci saniyede
tekrar %0 olmasını istiyoruz.

Spanish: 
Ahora, vamos con el texto.
Como hemos visto,
hay dos cuadros de texto.
Aparecen uno detrás del otro,
mientras las imágenes se deslizan.
Vamos a crear el primer cuadro de texto.
El primer cuadro debería aparecer
mantenerse durante este tiempo
y desaparecer cuando la imagen se desliza.
Primero hay que poner a cero
la opacidad del cuadro,
porque aquí es cuando empieza.
Después, creamos
un fotograma clave al medio segundo.
Ponemos la opacidad al 100%.
Al segundo y medio,
queremos que siga siendo 100%.
Y a los dos segundos
que vuelva a ser 0%.

Japanese: 
次はテキストを追加します
ご覧のとおり テキストボックスは2つあり
どちらも画像のスライドに合わせて
フェードインします
1つ目のテキストボックスを作成してみましょう
最初のボックスはフェードインしてから
この時間だけ同じ位置にとどまり
画像のスライドと同時にフェードアウトします
まず このボックスの透明度をゼロにします
これが最初の状態です
0.5秒のあたりでキーフレームを作成し
透明度を100%にします
1.5秒の時点ではまだ100%のままで
2秒の時点で0%に戻します

Russian: 
Теперь добавляю текст.
В образце два текстовых блока,
которые сменяют друг друга
со сменой изображения.
Создам первый блок.
Он должен появиться,
отображаться в течение этого времени,
а затем исчезнуть
со сменой изображения.
В начале элемент не отображается,
поэтому устанавливаю
для него нулевую непрозрачность.
Затем создаю ключевой кадр
на отметке в полсекунды
со 100%-ной непрозрачностью.
На полутора секундах
непрозрачность все ещё 100%,
а на кадре второй секунды
она снова становится нулевой.

Polish: 
Teraz dodam tekst.
Wcześniej widać było
dwa pola tekstowe,
które pojawiają się jedno po drugim,
gdy grafika się przesuwa.
Utworzę więc
pierwsze pole tekstowe.
Powinno się pojawić,
pozostać na ekranie,
a potem zniknąć,
gdy przesunie się grafika.
Najpierw trzeba ustawić
widoczność tego pola na zero.
Pół sekundy dalej
utworzę klatkę kluczową
i ustawię widoczność na 100%.
Po półtorej sekundy
ma ona nadal wynosić 100%.
Po dwóch sekundach znów
powinna wynosić 0%.

English: 
Next, let's add the text.
So as we saw, there
were two text boxes,
and they faded in one after
the other, as the image slides.
So let's create
the first text box.
So the first text box
should fade in, then
stay in place over this
period here, and then
fade out as the image slides.
The first thing to do
would be to zero out
the opacity on this box because
that's the starting state.
Then we can create a
keyframe at half a second,
set the opacity to 100%.
At a second and a half, we
want it to still be 100%.
And then, at two seconds,
we want it to be 0% again.

Thai: 
ต่อไป มาเพิ่มข้อความกัน
อย่างที่เห็น เรามีกล่องข้อความ 2 รายการ
กล่องหนึ่งค่อยๆ ปรากฏขึ้นหลังอีกกล่องหนึ่ง
ขณะที่ภาพเลื่อน
มาสร้างกล่องข้อความกล่องแรกกัน
กล่องข้อความกล่องแรกต้องค่อยๆ ปรากฏขึ้น
อยู่กับที่ในระยะนี้
แล้วค่อยๆ จางออกไปขณะที่ภาพเลื่อน
สิ่งแรกที่ต้องทำคือทำให้กล่องนี้
มีความทึบแสงเป็น 0
เพราะนั่นคือสถานะเริ่มต้น
จากนั้นเราจะสร้างคีย์เฟรมที่ครึ่งวินาที
ตั้งค่าความทึบแสงเป็น 100%
ในอีก 1 วินาทีครึ่ง
เรายังอยากให้เป็น 100% อยู่
จากนั้นเมื่อผ่านไป 2 วินาที
เราจะทำให้ความทึบแสงเป็น 0% อีกครั้ง

French: 
Ensuite, ajoutons le texte.
Comme nous l'avons vu,
il y a 2 zones de texte.
Elles apparaissent en fondu
lors du glissement de l'image.
Commençons par la première zone de texte.
Elle doit donc apparaître en fondu,
rester en place pendant cette période,
puis disparaître
en même temps que l'image glisse.
Pour commencer,
il faut définir sur 0
l'opacité de cette zone,
car il s'agit de l'état de départ.
Je crée une image clé à 0,5 seconde,
puis définis l'opacité sur 100 %.
À 1,5 seconde,
je veux qu'elle reste à 100 %.
Puis, à 2 secondes,
je veux qu'elle repasse à 0 %.

Korean: 
이제 텍스트를 추가해 보겠습니다
앞서 본 것처럼
텍스트 상자는 두 개입니다
이미지가 슬라이딩하면서
순서대로 페이드인되죠
우선 첫 번재 텍스트 상자를
만들어 보겠습니다
첫 번째 텍스트 상자가
페이드인되고
여기 이 기간만큼 표시됩니다
그런 다음 이미지가 슬라이딩하면
페이드아웃됩니다
가장 먼저 할 작업은
이 상자에서 불투명도를
0%로 만드는 것입니다
보이지 않게 시작하니까요
그리고 0.5초에서
키프레임을 만들어
불투명도를 100%로 설정합니다
1.5초 지점에서는
여전히 100%이고
2초에서는 다시
0%로 설정합니다

Italian: 
Ora aggiungiamo il testo.
Come abbiamo visto,
ci sono due caselle di testo,
che entrano in dissolvenza una dopo
l'altra, mentre l'immagine scorre.
Creiamo la prima casella di testo.
La prima casella di testo
deve entrare in dissolvenza
poi rimanere in posizione
per questo periodo
e uscire in dissolvenza.
Per prima cosa impostiamo l'opacità
di questa casella su zero,
perché è lo stato iniziale.
Quindi, possiamo creare un
fotogramma chiave a mezzo secondo
e impostare l'opacità su 100%.
A un secondo e mezzo,
deve ancora essere 100%.
Poi, a due secondi,
deve tornare a essere 0%.

German: 
Als Nächstes kommt der Text.
Es gibt zwei Textfelder,
die nacheinander eingeblendet werden,
während sich das Bild verschiebt.
Also erstelle ich das erste Textfeld.
Das erste Textfeld soll
eingeblendet werden,
sich in dieser Zeitspanne hier nicht
verändern und dann ausgeblendet werden,
wenn sich das Bild verschiebt.
Als Erstes stelle ich den Deckungsgrad
dieses Textfelds auf "0",
denn das ist der Ausgangspunkt.
Dann setze ich nach einer halben Sekunde
einen Keyframe
und stelle den Deckungsgrad auf 100 %.
Nach eineinhalb Sekunden
sollen es noch 100 % sein
und nach zwei Sekunden wieder 0 %.

Spanish: 
Ahora, vamos con el texto.
Como vimos,
hay dos cuadros de texto.
Aparecen uno detrás del otro,
mientras las imágenes se deslizan.
Vamos a crear el primero.
El primer cuadro debería aparecer,
mantenerse durante este tiempo
y desaparecer cuando la imagen se desliza.
Primero hay que poner en cero
la opacidad del cuadro,
porque aquí es cuando empieza.
Después, creamos
un fotograma clave al medio segundo.
Ponemos la opacidad al 100%.
Al segundo y medio,
queremos que siga siendo 100%.
Y, a los dos segundos,
que vuelva a ser 0%.

Chinese: 
接下來
我們要加入文字
剛剛的廣告有兩個文字方塊
它們會隨著圖片的切換
分別淡入再淡出
我們先來建立第一個文字方塊
這個文字方塊要先淡入
在這段時間留在原位
等圖片滑過去
再跟著一起淡出
所以先要把文字方塊
一開始的透明度設為 0
因為這樣是起始狀態
然後在 0.5 秒處
建立一個主要畫面格
將透明度設為 100
在 1.5 秒處
透明度仍然是 100
在 2 秒處
則要將透明度再次變成 0

Chinese: 
接下来，我们要加入文字
刚刚的广告有两个文字方框
它们随着图片的滑动
先后淡入再淡出
我们先来制作第一个文字方框
这个文字方框要先淡入
在这段时间留在原位
然后随图片的滑动
而淡出
所以先要把文字方框
一开始的不透明度设为0
因为这样是起始状态
然后在0.5秒处
制作一个关键帧
将不透明度设为100%
在1.5秒处
不透明度仍然是100%
在2秒处
则要将不透明度再次变成0

Dutch: 
Eén manier is een sleutelframe invoegen,
zoals we al eerder deden.
Maar u kunt het sleutelframe
ook dupliceren.
Als u Alt ingedrukt houdt, kunt u
een sleutelframe klonen
en naar een andere tijd slepen.
Zo kunt u bij bepaalde
animaties tijd besparen.
We voegen het laatste frame toe 
waarin het tekstvak
helemaal uitfadet.
U kunt nu een voorbeeld bekijken.
Perfect.
Oké.
En het tweede tekstvak lijkt 
veel op het eerste tekstvak.
Alleen de tekst is anders
en hij verschijnt nadat
het andere is uitgefadet.
Dus ik ga mezelf tijd besparen
en dupliceer deze laag samen 
met de animatie.
Ik klik met de rechtermuisknop
en selecteer 'Laag dupliceren'.
Vervolgens gebruik ik 
het selectiegereedschap weer
om alle sleutelframes te selecteren
en te verplaatsen naar
waar ik de animatie wil hebben.
Ik pas deze frames aan 
tot waar het eerste tekstvak
uitfadet en het tweede infadet,
zodat ze niet in elkaar overvloeien.

Italian: 
Basta inserire un fotogramma chiave
come abbiamo fatto prima.
In alternativa, puoi usare
la duplicazione del fotogramma.
Se tieni premuto ALT,
puoi creare un clone del fotogramma
e trascinarlo in un momento diverso.
Quest'operazione può
aiutarti a risparmiare tempo.
Aggiungiamo l'ultimo dove
la casella di testo esce completamente
in dissolvenza.
Vediamo l'anteprima.
Perfetto.
Ok.
La procedura per la seconda
casella di testo è identica
a quella della prima, solo
che il testo è diverso
e la casella appare dopo
la dissolvenza della prima.
Quindi, per risparmiare
un po' di tempo
duplico questo livello
insieme all'animazione
con un clic con il pulsante destro
e selezionando Duplica livello.
Quindi, uso ancora lo strumento
Testo scorrevole
per selezionare i fotogrammi
e spostarli nella posizione
desiderata per l'animazione.
Posiziono i fotogrammi
dove la prima casella di testo
esce in dissolvenza e la
seconda entra in dissolvenza
in modo che non si sovrappongano.

Polish: 
Można na przykład
wstawić klatkę kluczową,
tak jak poprzednio.
Można też
zduplikować klatkę kluczową.
Przytrzymując Alt,
mogę skopiować klatkę i przesunąć ją
w inne miejsce.
Może to być
spora oszczędność czasu.
Teraz czas na animację
znikającego pola tekstowego.
Sprawdźmy podgląd.
Idealnie.
Drugie pole tekstowe
jest dokładnie takie samo.
Różni się tylko tekstem.
Pojawia się,
gdy pierwsze zniknie.
Oszczędzimy sobie trochę czasu,
kopiując tę warstwę z animacją.
Klikam prawym przyciskiem
i wybieram Zduplikuj warstwę.
Teraz znów zaznaczam
wszystkie klatki kluczowe
i przesuwam je tam,
gdzie ma być animacja.
Dostosuję klatki,
gdzie pierwsze pole znika,
a drugie się pojawia,
by nie nachodziły na siebie.

Thai: 
สิ่งหนึ่งที่คุณทำได้คือแทรกคีย์เฟรม
แบบที่ทำก่อนหน้านี้
แต่คุณจะใช้การทำซ้ำคีย์เฟรมก็ได้
ถ้ากด Alt ค้างไว้ จะเป็นการคัดลอกคีย์เฟรม
และลากไปที่ตำแหน่งเวลาอื่นได้
วิธีนี้ช่วยประหยัดเวลา
ในการสร้างภาพเคลื่อนไหวให้คุณได้
ทีนี้มาเพิ่มคีย์เฟรมอีกอันตรงจุดที่
กล่องข้อความจะค่อยๆ จางออกไป
จนหมด
มาดูพรีวิวกันเลย
ดูดีมาก
โอเค
กล่องข้อความกล่องที่ 2 ก็ค่อนข้างเหมือนกัน
กับกล่องข้อความแรกเลย
แค่มีข้อความต่างกัน
และปรากฏขึ้นเมื่อกล่องแรกค่อยๆ จางออกไป
ฉันจะประหยัดเวลา
และทำซ้ำเลเยอร์นี้
พร้อมกับภาพเคลื่อนไหวเลย
โดยการคลิกขวา
แล้วเลือก "ทำซ้ำเลเยอร์"
จากนั้นฉันจะใช้การเลือกเส้นมาร์คีอีกครั้ง
เพื่อเลือกคีย์เฟรมทั้งหมดและย้ายไปยัง
ตำแหน่งที่ภาพเคลื่อนไหวนี้ควรปรากฏ
ฉันจะปรับคีย์เฟรมเหล่านี้
ตรงจุดที่กล่องข้อความแรก
ค่อยๆ จางออกไป
และกล่องที่ 2 ค่อยๆ ปรากฏขึ้น
เพื่อไม่ให้จางซ้อนกัน

Spanish: 
Puede insertar un fotograma clave,
como lo hemos hecho antes
o aprovechar
la duplicación de fotogramas clave.
Si mantiene presionado Alt,
puede clonar un fotograma
y arrastrarlo a otro punto.
Así puede ahorrar tiempo
con algunas animaciones.
Y agregamos el último
donde el texto desaparece por completo.
Puede obtener una vista previa.
Perfecta.
Muy bien.
Y el segundo cuadro de texto
es igual al primero.
Solo cambia el texto.
Aparece cuando desaparece el primero.
Voy a ahorrar tiempo y duplicaré
esta capa de la animación
haciendo clic derecho
y seleccionando "Duplicar capa".
Una vez más, con la marquesina,
selecciono todos los fotogramas clave
y los muevo
hasta donde debería estar la animación.
Ajusto estos fotogramas clave
donde el primer cuadro de texto
desaparece y el segundo aparece
para que no se crucen.

Korean: 
이때 키프레임을 삽입하는
방법을 사용할 수 있습니다
앞서 했던 것과 같은 방식으로요
키프레임 복제 방법을
활용할 수도 있습니다
Alt 키를 누르면
키프레임의 사본을 만들어
다른 시간으로 드래그할 수 있습니다
애니메이션 작업에서
이 방법으로 시간을 아낄 수 있습니다
이제 텍스트 상자가 완전히
페이드아웃되는 마지막 키프레임을
추가하겠습니다
한 번 미리 보겠습니다
완벽하네요
좋습니다
사실 두 번째 텍스트 상자는
첫 번째 텍스트 상자와
거의 동일합니다
텍스트 내용만 다르고,
첫 번째 상자의
페이드아웃 후에 나타날 뿐이죠
그래서 이 작업에서
시간을 더 아껴 보겠습니다
애니메이션을 포함하여
이 레이어를 복제합니다
오른쪽 버튼을 클릭하고
레이어 복제를 선택하면 됩니다
한 번 더
마키 선택 도구를 사용하여
키프레임을 모두 선택하고 
이 애니메이션이
위치해야 하는 지점으로 옮깁니다
여기 첫 번째 텍스트 상자가
페이드아웃되는 키프레임과
두 번째 상자가 페이드인되는
키프레임을 조정하여
서로 겹쳐지지 않도록 합니다

English: 
So one thing you can do
is just insert a keyframe,
much like we've done before.
But you can also take advantage
of keyframe duplication.
If you hold Alt, you can
create a clone of a keyframe
and drag it to a different time.
So this can save you some
time with some animations.
And let's add the last one
where the text box fades out
completely.
You can take a preview now.
Perfect.
OK.
And the second text box is
actually pretty much identical
to the first text box,
just the text is different,
and it comes in after the
first one's faded out.
So I'm going to save
myself a little bit of time
and just duplicate
this layer together
with the animation by
right-clicking it
selecting Duplicate Layer.
And then, once again, I can
use the Marquee selection
to select all the keyframes
and move them to where
this animation should be.
I'm going to adjust these
keyframes where the first text
box fades out and the
second one fades in
so they don't crossfade.

Chinese: 
所以我们只要插入一个关键帧
然后重复刚才的操作就行了
你也可以利用复制关键帧的功能
只要按住Alt键
即可复制关键帧
并拖到其他时间点
这可以节省处理一些动画的时间
最后再新增一个关键帧
让文字方框完全
淡出
现在可以预览一下
完美
好了
第二个文字方框和第一个大同小异
只有文字不一样
它会在第一个文字方块淡出后出现
为了节省时间
我决定复制这整个图层和动画
为此，先在上面点击右键
然后选择“复制图层”
接着，我要再次使用“选取框”工具
选择所有关键帧
将它们移到动画需要的位置
然后调整这些关键帧
在第一个文字方框淡出时
让第二个文字方框淡入
避免它们混在一起

Chinese: 
所以我們只要插入一個主要畫面格
然後重複剛才的操作就行了
你也可以利用複製主要畫面格的功能
只要按住 Alt 鍵
即可複製主要畫面格
拖曳到其他時間點
這可以節省處理一些動畫的時間
最後再新增一個主要畫面格
讓文字方塊完全淡出
現在可以預覽一下
完美
好了
第二個文字方塊和第一個大同小異
只有文字不一樣
它會在第一個文字方塊淡出後出現
為了節省時間
我決定複製這整個圖層和動畫
先在上面按一下右鍵
然後選取 [複製圖層]
接著，我要再次使用
點線框選取工具
選取所有主要畫面格
將它們移到動畫需要的位置
再來就是調整這些主要畫面格
在第一個文字方塊淡出時
讓第二個文字方塊淡入
避免兩個動畫撞在一起

Japanese: 
必要な作業は 先ほどのように
キーフレームを挿入するだけです
ただし今度はコピーすることもできます
Altキーを押したままキーフレームを
別の時間にドラッグすると
そこにコピーが作成されます
アニメーションの作成時間の短縮にもなります
テキストボックスがフェードアウトする
キーフレームも追加しましょう
プレビューで確認します
いい感じです
2つ目のテキストボックスは1つ目とほぼ同じで
テキストが違うだけです
1つ目がフェードアウトした後に表示されます
時間短縮になるので アニメーション付きの
このレイヤをコピーしましょう
右クリックで[レイヤを複製]を選択します
今度もマーキーですべてのキーフレームを選択し
このアニメーションを表示したい位置に
移動します
フェードアウトする最初のテキストと
フェードインする次のテキストが重ならないよう
キーフレームを調節します

French: 
Vous pouvez juste
insérer une image clé,
comme nous l'avons déjà fait,
ou dupliquer des images clés.
Maintenez Alt pour cloner une image clé,
puis faites-la glisser
à une autre position.
Vous pouvez ainsi
gagner du temps avec certaines animations.
Ajoutons enfin l'animation qui fait
disparaître la zone de texte complètement.
Voyons un peu.
Parfait.
OK.
Le deuxième zone de texte est
semblable à la première.
Le texte est différent,
Cette zone s'affiche
une fois que la première a disparu.
Pour gagner du temps,
je copie ce calque et l'animation
en faisant un clic droit dessus
et en sélectionnant
"Dupliquer des calques".
J'utilise à nouveau
un rectangle de sélection
pour sélectionner
les images clés et les placer
où l'animation doit se trouver.
J'ajuste les images clés où
la première zone disparaît
et où la deuxième apparaît pour éviter
un fondu enchaîné.

English: 
One thing you can do
is insert a keyframe,
much like we've done before.
But you can also take advantage
of keyframe duplication.
If you hold Alt, you can
create a clone of a keyframe
and drag it to a different time.
This can save you some
time with some animations.
And let's add the last one
where the box fades out completely.
You can take a preview now.
Perfect. OK.
And the second text box is
actually pretty much identical
to the first text box,
just the text is different.
It comes in after the
first one's faded out.
So I'm going to save
myself a little bit of time
and just duplicate
this layer together
with the animation 
by right-clicking it
and selecting Duplicate Layer.
And then, once again, I can
use the Marquee selection
to select all the keyframes
and move them where
this animation should be.
I'm going to adjust these
keyframes where the first text
box fades out and the
second one fades in
so they don't crossfade.

German: 
Man kann einen Keyframe also
so wie bisher einfach einfügen.
Man kann Keyframes aber auch duplizieren.
Wenn Sie die Alt-Taste gedrückt halten,
können Sie ein solches Duplikat erstellen
und an einen anderen Zeitpunkt ziehen.
Dadurch können Sie
bei einigen Animationen Zeit sparen.
Jetzt füge ich noch
den letzten Keyframe hinzu,
wo das Textfeld verschwindet.
Jetzt kann man sich alles
in der Vorschau ansehen.
Perfekt.
Das zweite Textfeld stimmt 
mit dem ersten überein.
Nur der Text ist anders
und das Feld ist erst zu sehen,
wenn das erste ausgeblendet ist.
Deshalb spare ich etwas Zeit
und dupliziere diese Ebene
zusammen mit der Animation,
indem ich mit der rechten Maustaste klicke
und "Ebene duplizieren" auswähle.
Dann kann ich wieder den Laufrahmen
verwenden, um alle Keyframes auszuwählen
und dorthin zu verschieben,
wo die Animation einsetzen soll.
Ich verschiebe die Keyframes
an die Stelle, wo das erste Textfeld
aus- und das zweite eingeblendet wird,
damit kein Überblenden entsteht.

Spanish: 
Puedes insertar un fotograma clave
como lo hemos hecho antes.
O puedes aprovechar
la duplicación de fotogramas clave.
Si mantienes pulsado Alt,
puedes clonar un fotograma
y arrastrarlo a otro punto.
Así puedes ahorrar tiempo
con algunas animaciones.
Y añadimos el último
donde el texto desaparece por completo.
Puedes previsualizarla.
Perfecta. Vale.
Y el segundo cuadro de texto
es igual que el primero.
Solo cambia el texto.
Aparece cuando desaparece el primero.
Voy a ahorrar tiempo
y voy a duplicar
esta capa de la animación:
clic derecho
y selecciono Duplicar capa.
Una vez más, con la marca de reproducción
selecciono todos los fotogramas clave
y los muevo
a donde debería estar la animación.
Ajusto estos fotogramas clave
donde el primero desaparece
y el segundo aparece
para que no se crucen.

Turkish: 
Animasyon karesini daha önce
yaptığımız gibi
ekleyebilir ya da isterseniz
animasyon karesini çoğaltma
işlevini de kullanabilirsiniz.
Alt tuşunu basılı tutarsanız animasyon
karesinin kopyasını oluşturabilir
ve bunu farklı bir zamana
sürükleyebilirsiniz.
Bu da bazı animasyonlarda
size zaman kazandırabilir.
Şimdi de sonuncuyu metin kutusunun
tamamen kaybolduğu
zamana ekleyelim.
Şimdi önizleyebilirsiniz.
Mükemmel.
Tamam.
İkinci metin kutusu ise
aslında birinci metin kutusunun
neredeyse aynısı.
Yalnızca metin farklı ve
birincisi kaybolduktan sonra görünüyor.
Bu yüzden, zaman harcamamak için
bu katmanı animasyonla birlikte
çoğaltacağım.
Bunun için sağ tıklayıp
Katmanı Çoğalt'ı seçiyorum.
Sonra bir kez daha Noktalı Çerçeve
seçim aracını kullanıp
tüm animasyon karelerini seçebiliyor
ve bunları animasyonun
gerçekleşeceği yere sürüklüyorum.
İlk metnin yavaşça kaybolduğu
zamandaki
animasyon karelerini düzenleyerek
geçişin çakışmamasını sağlıyorum.

Russian: 
Можно вставить кадр,
как я делала раньше,
а можно скопировать его.
Удерживая клавишу Alt,
можно скопировать кадр
и перетащить его
в нужное место.
Это поможет сэкономить
время при создании анимации.
Добавляю последний кадр,
в котором текстовое поле полностью
исчезает.
Посмотрим, что получилось.
Отлично.
Второй текстовый блок идентичный первому,
только с другим текстом,
и появляется он
после того, как первый исчезает.
Поэтому я сэкономлю время,
скопировав этот слой
вместе с анимацией.
Нажимаю на нем
правой кнопкой мыши
и выбираю "Дублировать слой".
Дальше с помощью рамки
выделяю все кадры и перемещаю их
в нужное место.
Сопоставляю кадры,
на которых исчезает первый текст
и появляется второй,
чтобы они не пересекались.

English: 
If your keyframes
get this close together,
you can use the zoom slider
to get a more high-res view
of the animation.
Now let's also
update the text.
Right now, I have
these two text boxes
one on top of the other.
If I click here now,
I might accidentally
edit the top one.
I'm going to
lock it so
I don't activate it.
And this will let me
edit the one underneath.
Now our animation
is almost done.
Let's take a closer
look at what's
going on between the keyframes.
Between every pair of 
keyframes it says Linear.
This refers to the
CSS easing function,
which is used to compute
intermediate values
between every pair of keyframes.

Chinese: 
每当遇到两个关键帧
距离很近的情况
都可以使用缩放滑块
以更清晰的视图查看动画
接着还要更新文字
现在可以看到
两个文字方框
是重叠在一起的
那么我点击这里的时候
可能会不小心修改
上层的文字方框
我先把它固定住
以免不小心碰到
这样就能修改
下层的文字方框了
这样动画就大致完成了
我们仔细来看看
每组关键帧转换的过程
大家可以看到，每组关键帧之间
都显示了“线性”字样
这是一个CSS加/减速函数
它的作用是计算
每组关键帧的中间值

German: 
Wenn Keyframes so dicht beieinander sind,
kann man den Zoom-Schieberegler nutzen,
um die Ansicht der Animation zu vergrößern.
Nun aktualisiere ich noch den Text.
Jetzt habe ich hier diese
zwei Textfelder übereinander.
Wenn ich jetzt hierhin klicke,
bearbeite ich eventuell das obere.
Deshalb sperre ich es, damit ich es
nicht versehentlich aktiviere.
So kann ich das untere bearbeiten.
Jetzt ist die Animation quasi fertig.
Sehen wir uns noch an,
was zwischen den Keyframes passiert.
Zwischen zwei Keyframes
steht jetzt jeweils "Linear".
Das bezieht sich auf
die CSS-Easing-Funktion,
mit der Werte zwischen zwei 
Keyframes berechnet werden.

Italian: 
Se i fotogrammi sono troppo vicini
puoi utilizzare lo slider
dello zoom per una vista
a maggiore risoluzione dell'animazione.
Adesso, possiamo anche
aggiornare il testo.
In questo momento, le due caselle di testo
sono sovrapposte.
Quindi se faccio clic qui posso modificare
per errore la prima.
Quindi la blocco
così non la attivo per sbaglio.
Così, posso modificare quella sottostante.
L'animazione è praticamente pronta.
Osserviamo
cosa succede tra i fotogrammi chiave.
Tra ogni coppia di fotogrammi
appare la scritta Lineare
che si riferisce
alla funzione easing di CSS
utilizzata per calcolare
i valori intermedi
tra ogni coppia.

French: 
Si les images clés sont proches,
le curseur de zoom permet d'améliorer
la visibilité de l'animation.
À présent, modifions le texte.
Actuellement, les deux zones de texte sont
l'une sur l'autre.
Si je clique ici, je risque de modifier
celle du dessus.
Pour éviter cela,
je verrouille cette dernière.
Je peux donc modifier celle du dessous.
Notre animation est presque terminée.
Analysons donc
ce qu'il se passe entre les images clés.
La mention "Linear" figure
entre chaque paire d'images clés.
Il s'agit de la fonction CSS
de lissage de vitesse
qui calcule les valeurs intermédiaires
entre chaque paire.

Japanese: 
このように時間が近い場合は
ズームスライダーを使って
アニメーションの時間をより正確に調節できます
テキストも変更しましょう
今は2つのテキストボックスが重なっています
間違ってクリックして
前面にある方を編集してしまわないよう
そちらをあらかじめロックしておきます
これで安心して
2つ目のテキストボックスを編集できます
これでアニメーションはほぼ完成です
ところでキーフレーム同士は
どうつながっているのでしょう
キーフレームとキーフレームの間に
[リニア]と表示されています
これはCSSのイージング機能で
各キーフレーム間の中間値の計算に
使用されるものです

Russian: 
Когда ключевые кадры
находятся так близко,
можно использовать этот ползунок,
чтобы увеличить разрешение
временной шкалы.
Теперь изменю текст.
Текстовые блоки находятся
один над другим.
Если я нажму здесь, то могу случайно
изменить верхний.
Заблокирую его,
чтобы случайно не активировать.
Изменяю нижний.
Анимация почти готова.
Теперь разберем,
что происходит между ключевыми кадрами.
Сейчас между каждой
парой кадров отображается Linear.
Это значение функции CSS "Динамика",
с помощью которой
рассчитываются промежуточные значения
между каждой парой кадров.

English: 
And any time your keyframes
get this close together,
you can use the zoom slider
to get a more high-res view
of your animation.
So now let's also
update the text.
So right now, I have
these two text boxes
one on top of the other.
So if I click here right
now, I might accidentally
edit the top one.
So I'm going to go ahead
and lock it so that I
don't accidentally activate it.
And this will let me
edit the one underneath.
So now, our animation
is pretty much done.
Let's take a closer
look at what's
going on between the keyframes.
You can see that, between every
pair of keyframes, it says Linear.
This refers to the
CSS easing function,
which is used to compute
intermediate values
between every pair of keyframes.

Chinese: 
每當遇到兩個主要畫面格距離很近的情況
都可以使用縮放滑桿
更仔細檢視動畫的時間
接著還要修改文字
現在可以看到
兩個文字方塊是重疊在一起的
所以我按這裡的時候
可能會不小心編輯到
上層的文字方塊
我先把它鎖住
以免不小心動到
這樣就能編輯下層的文字方塊了
這樣動畫就大致完成了
我們仔細來看看
每組主要畫面格轉換的過程
如你所見，每組主要畫面格之間
都顯示了 Linear 的字詞
這是一個 CSS 加/減速函式
它的作用是計算
每組主要畫面格的中間值

Spanish: 
Cuando tengas
tantos fotogramas clave juntos
usa el zoom para tener
una vista de más clara de la animación.
Ahora vamos a actualizar el texto.
Ahora tengo los dos cuadros de texto
uno encima del otro.
Si hago clic derecho ahora
podría editar el de arriba sin querer.
Voy a bloquearlo para que eso no ocurra
y podré editar el de abajo.
Nuestra animación ya está casi acabada.
Vamos a mirar
lo que ocurre entre fotogramas clave.
Vemos que,
entre cada par de fotogramas, pone Lineal.
Esto se refiere la función easing CSS.
Usada para calcular valores intermedios
entre cada par de fotogramas clave.

Spanish: 
Cuando tenga
los fotogramas así de juntos
use el zoom para tener
una vista más clara de la animación.
Ahora vamos a actualizar el texto.
Ahora tengo los dos cuadros de texto
uno encima del otro.
Si hago clic con el botón derecho ahora,
podría editar el de arriba.
Voy a bloquearlo.
Así no lo activaré sin querer
y podré editar el de abajo.
Nuestra animación ya está casi acabada.
Veamos lo que ocurre
entre los fotogramas clave.
Vemos que, entre cada par
de fotogramas, dice "Lineal".
Se refiere a la función de aceleración CSS
usada para calcular valores intermedios
entre cada par de fotogramas clave.

Dutch: 
Als sleutelframes
zo dicht bij elkaar komen,
kunt u de zoomschuifregelaar 
gebruiken om meer details
van uw animatie te zien.
Laten we nu ook de tekst updaten.
Ik heb nu deze twee tekstvakken,
bovenop elkaar.
Als ik nu hier klik,
bewerk ik mogelijk
per ongeluk het bovenste.
Dus ik vergrendel het
zodat ik het niet ongewild activeer.
Zo kan ik het onderste vak bewerken.
Nu is onze animatie zo'n beetje af.
Laten we zien wat
er precies tussen de sleutelframes gebeurt.
Tussen elk paar sleutelframes
ziet u Lineair.
Dit verwijst naar de CSS-easingfunctie
die wordt gebruikt om
tussenliggende waarden te berekenen
tussen elk paar sleutelframes.

Korean: 
키프레임들이 이렇게 가까워지면
확대/축소 슬라이더를 사용하여
애니메이션을 더 확대해서
볼 수 있습니다
텍스트도 업데이트해 보겠습니다
지금 두 개의 텍스트 상자가 있습니다
한 상자 위에
다른 상자가 놓여 있죠
여기를 클릭하면
실수로 위에 있는 상자를
수정하게 될 수 있습니다
그래서 위 상자를 잠금 설정하여
실수로 활성화되지 않도록 하겠습니다
이렇게 하면 아래 상자만
수정할 수 있습니다
이제 애니메이션이
거의 완성되었습니다
그럼 키프레임들 사이에서
어떤 작업이 이루어지는지
자세히 살펴보겠습니다
화면의 키프레임 사이를 보세요
이걸 선형이라고 하는데요
CSS 이징 기능으로,
각 키프레임 쌍의 중간값을
계산하는 데 사용됩니다

Thai: 
และเมื่อคีย์เฟรมอยู่ใกล้กันขนาดนี้
คุณจะใช้แถบเลื่อนการซูม
เพื่อดูภาพเคลื่อนไหว
แบบความละเอียดสูงมากขึ้นได้
ทีนี้มาอัปเดตข้อความกันด้วย
ตอนนี้ฉันมีกล่องข้อความ 2 กล่องนี้
วางซ้อนกันอยู่
ถ้าคลิกตรงนี้เลยอาจเป็นการแก้ไข
กล่องด้านบนโดยไม่ได้ตั้งใจ
ฉันเลยจะล็อกไว้
เพื่อไม่ให้เผลอไปเปิดกล่องนี้
และทำให้ฉันแก้ไขกล่องด้านล่างได้
ตอนนี้ภาพเคลื่อนไหวของเราก็เสร็จแล้ว
มาดูสิ่งที่เกิดขึ้นระหว่างคีย์เฟรม
แบบเจาะลึกกันดีกว่า
คุณจะเห็นคำว่า "เชิงเส้น"
ระหว่างคู่คีย์เฟรมทุกคู่
นี่คือฟังก์ชันการค่อยๆ เปลี่ยนของ CSS
ซึ่งใช้เพื่อคำนวณค่ากลาง
ระหว่างคีย์เฟรมทุกคู่

Polish: 
Jeśli klatki są tak blisko siebie,
można użyć suwaka powiększenia,
by lepiej zobaczyć
granice animacji.
Teraz zmienię tekst.
Mam tu
dwa pola tekstowe,
jedno nad drugim.
Jeśli kliknę tutaj,
mogę przypadkowo zmienić
pole na górze.
Dlatego lepiej
od razu je zablokować.
Teraz mogę edytować
pole pod spodem.
Animacja
jest już właściwie gotowa.
Przyjrzyjmy się
obszarom między 
klatkami kluczowymi.
Między każdą parą
widzimy napis Liniowo.
Chodzi o funkcję wygładzania CSS,
która oblicza
wartości pośrednie między
każdą parą klatek.

Turkish: 
Animasyon kareleriniz birbirine bu kadar
yakın olduğunda
her zaman yakınlaştırma çubuğunu
kullanarak animasyonunuzun
daha yüksek çözünürlüklü görünümüne
bakabilirsiniz.
Şimdi de metni güncelleyelim.
Şu anda üst üste duran
bu iki metin kutum var.
Burayı sağ tıklarsam yanlışlıkla
üsttekini düzenleyebilirim.
Bu yüzden, yanlışlıkla
etkinleştirmemek için
bunu kilitleyeceğim.
Bu şekilde alttakini
düzenleyebileceğim.
Artık animasyonumuz
neredeyse tamamlandı.
Şimdi animasyon kareleri
arasında neler olduğuna bakalım.
Her animasyon karesi çifti arasında
Lineer yazdığını görebilirsiniz.
Bu ifade, CSS yumuşatma
işleviyle ilgili.
Bu işlev, her animasyon karesi
çifti arasındaki değerlerin
hesaplanmasında kullanılır.

English: 
So linear means that the values
change at a constant rate.
We have some other options here.
If you right-click,
you'll see that you
have available all the standard
easing functions specified
in the CSS spec.
So particularly
for this transition
where the image slides
from one half to the next,
it can be good to choose
a different easing
function, such as ease-in-out
in which the motion accelerates
a little bit and
then decelerates
before coming to rest, which
simulates real-world motion
a little bit more closely.
I'm going to limit
my preview area
by dragging these yellow handles
just to this transition here.
And I'm going to
set Preview on Loop
and run the preview
just over this area
so I can debug that transition.
And that looks good.
And one other
thing we can do is,
rather than using one of
the predefined functions,
we can also create our own.
So if you right-click and
select Easing options...
you can customize
this Bezier curve

German: 
"Linear" bedeutet also, dass sich
die Werte gleichmäßig verändern.
Weitere Optionen: Wenn man
mit der rechten Maustaste klickt,
sind alle
Standard-Easing-Funktionen nutzbar,
die in den CSS-Spezifikationen
angegeben sind.
Vor allem bei diesem Übergang,
wo sich das Bild von einer Hälfte
zur anderen verschiebt,
ist es ratsam, eine andere Easing-Funktion
zu wählen, z. B. "Ease-in-out".
Dabei wird die Bewegung zuerst schneller
und kurz vor dem Stillstand
wieder langsamer.
Das erinnert an Bewegungen
in realer Umgebung.
Jetzt begrenze ich meinen Vorschaubereich
mit diesen gelben Ziehpunkten
auf diesen Übergang hier.
Dann stelle ich für die Vorschau
eine Endlosschleife ein
und sehe mir nur diesen Bereich an,
um Fehler bei diesem Übergang zu beheben.
Das sieht gut aus.
Statt vordefinierte Funktionen zu nutzen,
kann man auch eigene erstellen.
Dazu klicke ich mit der rechten Maustaste
und wähle "Easing-Optionen…" aus.
Dann kann ich diese Bézierkurve
so anpassen, wie ich möchte,

French: 
"Linear" signifie que
les valeurs changent de manière constante.
Il y a d'autres options ici.
Faites un clic droit pour accéder à
toutes les fonctions standards de lissage
de la spécification CSS.
Pour cette transition,
où l'image glisse d'une moitié à l'autre,
choisissons un autre lissage de vitesse,
tel que "Ease-in-out",
qui permet d'accélérer le mouvement
avant de le ralentir et de l'arrêter,
ce qui permet de se rapprocher
d'un mouvement plus réaliste.
Je vais limiter la zone d'aperçu
en faisant glisser ces poignées jaunes
jusqu'à cette transition.
Je sélectionne "Répéter la lecture"
et lance l'aperçu
de cette section uniquement
pour déboguer cette transition.
Tout semble correct.
Au lieu d'utiliser
l'une des fonctions prédéfinies,
vous pouvez en créer une.
Si vous faites un clic droit
et sélectionnez
"Options de lissage de vitesse",

Chinese: 
Linear 代表值是以等速方式改變
我們還有其他選項
只要按一下右鍵就能看到
可以用 CSS 規格指定的
所有標準加減速函式
也就是說，針對圖片在 1.5 秒開始滑動的動畫
我們可以採用不同的轉換方式
選擇不同的加/減速函式
可以創造不錯的效果
像是 ease-in-out
就是在一開始微微加速動作
要停止時再減速
這樣可以更貼近現實中的運動
我想把預覽範圍限制在這個區間
所以將這兩個黃色控點拖曳到
轉換動畫的時段
然後設定循環預覽
就能反覆預覽這段動畫
看看有沒有不順
看起來沒有問題
我們還可以做一件事
就是不使用預先定義的函式
而是自己建立函式
只要按一下右鍵
然後選取 [加/減速選項]
就可以自訂這條貝茲曲線

Spanish: 
Lineal significa que los valores
cambian a un ritmo constante.
Tenemos otras opciones.
Si haces clic derecho, verás disponibles
todas las funciones estándar de easing
en las especificaciones CSS.
Para esta transición
en la que la imagen
se desliza de una mitad a la otra
puedes escoger otra función de easing
como "ease-in-out"
que acelera un poco el movimiento.
Después, desacelera antes de detenerse,
simulando un movimiento un poco más real.
Voy a limitar la vista previa
arrastrando estos indicadores amarillos
a esta transición.
Reproduzco en Bucle
y previsualizo este segmento.
Así depuro la transición.
Así está bien.
Otra cosa que podemos hacer
en vez de usar una función predefinida
es crear una propia.
Clic derecho y seleccionamos Opciones...
Podemos personalizar esta curva de Bézier

Thai: 
เชิงเส้นหมายความว่า
ค่าจะเปลี่ยนในอัตราที่สม่ำเสมอ
เรามีตัวเลือกอื่นๆ ตรงนี้
ถ้าคุณคลิกขวาก็จะเห็นว่า
คุณมีฟังก์ชันการค่อยๆ เปลี่ยน
แบบมาตรฐานทั้งหมด
ที่ระบุในข้อมูลจำเพาะของ CSS
อย่างเช่น สำหรับการเปลี่ยนนี้
ซึ่งภาพเลื่อนจากฝั่งหนึ่งไปอีกฝั่งหนึ่ง
อาจเหมาะกับฟังก์ชันการค่อยๆ เปลี่ยนอื่น
เช่น ค่อยๆ เข้า-ออก ซึ่งการเคลื่อนไหว
จะเร็วขึ้นนิดหน่อยและลดความเร็วลง
ก่อนหยุดอยู่กับที่
ซึ่งเหมือนกับการเคลื่อนไหว
ในชีวิตจริงมากขึ้น
ฉันจะจำกัดพื้นที่พรีวิว
โดยการลากแฮนเดิลสีเหลืองเหล่านี้
มาถึงการเปลี่ยนตรงนี้เท่านั้น
และจะตั้งค่าให้พรีวิวแบบวนซ้ำ
และเรียกใช้การพรีวิวแค่บริเวณนี้
เพื่อให้แก้ไขข้อบกพร่องของการเปลี่ยนได้
ดูดีเลยทีเดียว
อีกอย่างหนึ่งที่เราทำได้คือ
การสร้างฟังก์ชันเองแทนที่จะใช้ฟังก์ชัน
ที่กำหนดไว้ล่วงหน้า
ถ้าคลิกขวาแล้วเลือก
"ตัวเลือกการค่อยๆ เปลี่ยน..."
คุณจะปรับแต่งเส้นโค้ง Bezier นี้

English: 
So linear means that the values
change at a constant rate.
We have other options.
If you right-click,
you'll see
all the standard
easing functions specified
in the CSS spec.
So, particularly
for this transition
where the image slides
from one half to the next,
it can be good to choose
a different easing function
such as ease-in-out
in which the motion accelerates
a bit and
then decelerates
before coming to rest, which
simulates real-world motion
a bit more closely.
I'm going to limit
my preview area
by dragging these yellow handles
just to this transition here.
And I'm going to
set Preview on Loop
and run the preview
just over this area
so I can debug that transition.
And that looks good.
One other thing
we can do is,
rather than using a
predefined function
we can also create our own.
If you right-click and
select Easing options
you can customise
this Bezier curve
to be anything that you like
and save out a custom preset.

Polish: 
Liniowo oznacza, że wartości 
zmieniają się jednostajnie.
Są tu też inne opcje.
Gdy klikniemy prawym przyciskiem,
zobaczymy wszystkie 
standardowe funkcje
wygładzania CSS.
W tym przypadku,
gdy grafika się przesuwa,
warto ustawić
inną funkcję wygładzania,
np. Wolno-normalnie-wolno.
Wtedy animacja lekko przyspieszy,
by potem znów zwolnić
i zatrzymać się.
Wygląda to
bardziej realistycznie.
Ograniczę obszar podglądu,
przeciągając żółte uchwyty
do momentu przejścia.
Włączę zapętlenie podglądu
i odtworzę tylko ten fragment,
by wychwycić potencjalne błędy.
Wygląda nieźle.
Nie trzeba używać
gotowych funkcji.
Można utworzyć własne.
Mogę kliknąć prawym przyciskiem
Opcje wygładzania...
i dostosować
krzywą Beziera

Dutch: 
Lineair houdt in dat 
de waarden gelijkmatig wijzigen.
Er zijn een aantal opties.
De rechtermuisknop geeft u toegang
tot alle standaard easingfuncties
die in de CSS-specificatie worden vermeld.
Dus voor deze overgang,
waarbij de afbeelding van de ene
naar de andere helft verschuift,
kan het goed zijn om 
een andere easingfunctie
te kiezen, zoals ease-in-out,
waarbij de beweging
iets versnelt en daarna vertraagt.
alvorens tot stilstand te komen,
waardoor de beweging
wat realistischer lijkt.
Ik maak mijn voorbeeldgebied kleiner
door deze gele handgrepen te verslepen
tot alleen deze overgang hier.
Ik stel het voorbeeld in op Herhalen
en speel het voorbeeld alleen
voor dit gebied af.
Zo kan ik fouten opsporen 
voor die overgang.
En dat ziet er goed uit.
Iets anders wat we kunnen doen,
is in plaats van vooraf
gedefinieerde functies
eigen functies gebruiken.
Selecteer 'Opties voor easing'
met de rechtermuisknop
om deze Beziér-curve te veranderen

Russian: 
Linear означает, что значения
меняются с постоянной скоростью.
Здесь есть и другие варианты.
Если нажать правой кнопкой мыши,
отобразятся все
стандартные функции динамики
согласно спецификации CSS.
Для этого перехода,
где изображение движется
от одной части к другой,
лучше подойдет другой вариант динамики –
Ease-in-out, в котором движение
сначала немного ускоряется,
а затем замедляется.
Так он выглядит
более естественно.
Ограничиваю область
предварительного просмотра
только этим переходом,
перетаскивая эти желтые маркеры.
Зацикливаю просмотр
и запускаю его только для этой области,
чтобы выполнить отладку.
Отлично смотрится.
Кроме того, можно не использовать
стандартные варианты динамики,
а создать собственный.
Если нажать правой кнопкой мыши
и выбрать "Параметры динамики",
можно настроить кривую Безье

Korean: 
선형이란 값이 일정하게
변하는 것을 의미합니다
여기에서 다른 옵션을
사용할 수도 있습니다
오른쪽 버튼을 클릭하면
CSS 사양에 지정된
모든 표준 이징 기능을
사용할 수 있습니다
특히 이 전환에서는
왼쪽 이미지 반쪽에서
다음 이미지로 슬라이딩하므로
다른 이징 기능을
선택하는 것이 좋습니다
예를 들어 이즈 인 아웃을
사용하면 움직임이
약간 가속된 다음
멈추기 전에 다시
감속하는데,
실제와 더 비슷하게
연출할 수 있습니다
미리보기 영역을
제한해 보겠습니다
이 노란색 핸들을
이 전환으로 드래그하면 됩니다
그리고 미리보기에
반복을 설정한 후
이 부분만
미리보기를 실행하면
이 전환을 디버그할 수 있죠
제대로 움직이네요
하나 더 알려드릴 점이 있습니다
사전 정의된 이징 기능을
사용하는 대신
나만의 이징을 만들 수 있습니다
오른쪽 버튼을 클릭하고
이징 옵션을 선택하면
베지어 곡선을 맞춤설정하여

Turkish: 
Lineer ifadesi, değerlerin sabit hızda
değiştiği anlamına geliyor.
Kullanabileceğimiz başka
seçenekler de var.
Sağ tıklarsanız, CSS teknik özelliklerinde
belirtilen,
kullanabileceğiniz tüm standart
yumuşatma işlevlerini
görebilirsiniz.
Resimlerde birinin, yarıdan itibaren
kayarak diğerinin yerini aldığı
bu geçişe özel olarak,
farklı bir yumuşatma işlevi seçmek
iyi olabilir.
Örneğin yavaş gir ve yavaş çık gibi,
hareketi biraz hızlandırıp
daha sonra durmadan önce
yavaşlatan bir işlev
gerçek dünyaya daha yakın
hareket sağlayabilir.
Bu sarı tutma yerlerini
yalnızca bu geçişin
olduğu yere sürükleyerek
önizleme alanımı sınırlandıracağım.
Önizlemeyi Döngü'ye ayarlayacağım
ve geçiş hatalarını bulabilmek için
yalnızca bu alan üzerinde
önizleme yapacağım.
İyi görünüyor.
Ayrıca, önceden tanımlı işlevleri
kullanmak yerine
kendi işlevimizi de oluşturabiliriz.
Sağ tıklayıp Yumuşatma seçenekleri'ni
belirlerseniz
Bezier eğrisini özelleştirerek

Chinese: 
“线性”代表值是以等速方式改变
我们还有其他选项
只要点击右键就能看到
可以用CSS规范指定的
所有标准加/减速函数
也就是说
针对图片在1.5秒开始滑动的动画
我们可以采用不同的转换方式
选择不同的加/减速函数
打造不错的效果
比如先加速后减速
就是在一开始微微加速动作
要停止时再减速
这样可以更贴近
现实中的运动
我想把预览范围限制在这个区间
因此需要将这两个黄色手柄拖到
转换动画的时段
然后设置循环预览
就能反复预览这段动画
看看有没有不顺
看起来没有问题
我们还可以做一件事
就是不使用预先定义的函数
而是自己创建函数
只要点击右键
然后选择“加/减速选项…”
就可以自定义这条Bezier曲线

Japanese: 
リニアとはこの値が一定の速度で
変化することを意味します
イージングオプションは他にもあり
右クリックすると CSS仕様で定義されている
標準的なイージング機能が選べます
特にこの移行の場合
ちょうど中間で画像がスライドするので
別のイージングを選択してもよいでしょう
たとえばイーズインアウト
アニメーションが途中でやや速くなり
その後速度を落として終わるので
現実の世界で見られる動きに少し近くなります
プレビュー範囲を狭くしてみましょう
黄色のハンドルをドラッグして
移行した部分だけプレビューするようにします
プレビューを繰り返し再生するよう設定し
この部分だけプレビューして
必要に応じて修正することもできます
問題ないですね
設定済みの機能の代わりに
独自の機能を作成することもできます
右クリックして
[イージングオプション]を選択し

Italian: 
Lineare significa che
i valori cambiano in modo costante.
Ecco altre opzioni.
Facendo clic con il pulsante
destro puoi vedere
le funzioni di easing standard indicate
nelle specifiche CSS.
In particolare, per questa transizione
in cui l'immagine scorre
da una metà alla successiva
è utile scegliere una
funzione di easing diversa
in modo che il movimento
acceleri leggermente
all'inizio e poi rallenti
per simulare il movimento
in modo più realistico.
Limito l'area di anteprima
solo alla transizione
trascinando i punti di
manipolazione gialli.
Ora, imposto l'anteprima su Loop
e avvio l'anteprima
solo per quest'area
per risolvere i problemi
della transizione.
Sembra che vada bene.
Invece di utilizzare
una delle funzioni predefinite
creiamone una personalizzata.
Fai clic con il pulsante destro
e seleziona Opzioni di easing...
per personalizzare la curva di Bezier

Spanish: 
Lineal significa que los valores
cambian a un ritmo constante.
Tenemos otras opciones.
Si hace clic con el botón derecho,
verá disponibles
las funciones estándar de aceleración
en las especificaciones de CSS.
Para esta transición
en la que la imagen
se desliza de una mitad a la otra
puede elegir
otra función de aceleración
como "ease-in-out",
que acelera un poco el movimiento.
Después, desacelera antes de detenerse
simulando un movimiento
un poco más real.
Voy a limitar la vista previa
arrastrando estos indicadores amarillos
a esta transición.
Reproduzco en Bucle
y previsualizo este segmento.
Así depuro la transición.
Así está bien.
Otra cosa que podemos hacer
en vez de usar una función predefinida
es crear una propia.
Con el botón derecho
elijo "Opciones de aceleración...".
Podemos personalizar
esta curva de Bézier

Polish: 
do własnych potrzeb.
Klikam OK,
by zastosować zmiany.
To koniec tego samouczka.
Zainteresowanych odsyłam
do naszych innych,
bardziej szczegółowych samouczków.
To wszystko.
Dziękuję za uwagę.

English: 
Click OK to apply it.
That just about
wraps up this tutorial.
For those interested, we
have other tutorials
going more in-depth on other
animation-related subjects.
That's it.
Thanks for watching.

Dutch: 
in wat u maar wilt en
sla dit op als aangepaste voorinstelling.
En klik op OK om dit toe te passen.
Dat was het voor deze videotraining.
Voor wie dat wil,
hebben we nog meer video's
die dieper ingaan op andere
aspecten van animaties.
Dat was het voor nu.
Bedankt voor het kijken.

Chinese: 
調整成需要的樣子後
再儲存為自訂預設值
然後點選 [確定] 套用
教學課程到此告一段落
有興趣的人還可以
再參考其他教學課程
進一步探索其他動畫相關主題
影片到此結束
感謝收看

Spanish: 
para que sea lo que quiera y guardarla
como nuevo ajuste predeterminado.
Hacemos clic para aplicar.
Así termina este instructivo
Si le interesa, hay otros
que profundizan más
en otras funciones para crear animaciones.
Eso es todo.
Gracias por su atención.

Korean: 
원하는 곡선을 만들 수 있죠
이를 맞춤 사전 설정으로 저장하고
확인을 클릭하여 적용하면 됩니다
이것으로 가이드를
마무리하겠습니다
더 알아보고 싶은 분들을 위해
다른 애니메이션
관련 주제를 자세히 설명한
가이드도 준비되어 있습니다
이상으로 동영상을 마치겠습니다
시청해 주셔서 감사합니다

Spanish: 
para que sea lo que quieras
y Guardar como nuevo preajuste.
Hacemos clic para aplicar.
Así termina este tutorial.
Si te interesa, hay otros tutoriales
que profundizan más
en otras funciones para crear animaciones.
Eso es todo.
Gracias por tu atención.

Russian: 
по своему усмотрению, сохранить ее
как пользовательскую заготовку
и нажать "ОК", чтобы применить.
Вот и все, что я хотела рассказать.
У нас есть и другие руководства,
в которых более подробно рассматривается
работа с анимацией.
Спасибо за внимание.

Italian: 
nel modo desiderato, salvarla
come impostazione personalizzata
e fare clic su OK per applicarla.
Con questo termina il nostro tutorial.
Sono disponibili altri tutorial
più approfonditi su altri temi
relativi alle animazioni.
È tutto per ora.
Grazie per l'attenzione.

German: 
eine eigene Voreinstellung speichern
und zum Übernehmen auf "OK" klicken.
So viel zu dieser Anleitung.
Wer mehr wissen möchte,
kann sich detailliertere
Anleitungen zu Animationen ansehen.
Das wars. Vielen Dank fürs Zusehen!

Japanese: 
このベジェ曲線をカスタマイズしたら
カスタムプリセットとして保存できます
[OK]をクリックすると適用されます
以上でこのチュートリアルは終了です
アニメーションをテーマに詳しく解説している
チュートリアルは他にもありますので
そちらもぜひご覧ください

French: 
vous pouvez personnaliser
cette courbe, l'enregistrer,
puis cliquer sur OK pour l'appliquer.
C'est ainsi que se termine ce tutoriel.
Si cela vous intéresse,
d'autres tutoriels sont dédiés à
des sujets liés aux animations.
C'est terminé.
Merci.

Thai: 
ได้ตามต้องการและบันทึก
เป็นค่าที่กำหนดล่วงหน้า
แล้วคลิก "ตกลง" เพื่อนำไปใช้ได้
ขอจบบทแนะนำเพียงเท่านี้
ถ้าคุณสนใจ เรามีบทแนะนำอื่นๆ
ที่เจาะลึกหัวข้ออื่น
เกี่ยวกับภาพเคลื่อนไหวอีก
วันนี้ขอลาไปเพียงเท่านี้
ขอขอบคุณที่ติดตามชมค่ะ

English: 
to be anything that you like
and save out a custom preset,
and click OK to apply it.
So that just about
wraps up this tutorial.
For those interested, we
have some other tutorials
going more in-depth on other
animation-related subjects.
And that's it for now.
And thanks for watching.

Chinese: 
调整成需要的效果后
再保存为自定义预设值
然后点击“确定”进行应用
本教程到这里就结束了
如果感兴趣
还可以再观看其他教程
进一步探索其他动画相关主题
本视频到此结束
谢谢观看

Turkish: 
istediğiniz gibi olmasını sağlayabilir ve
özel bir ön ayar olarak kaydedebilirsiniz.
Uygulamak için Tamam'ı tıklayın.
Bu şekilde eğiticiyi tamamlamış
oluyoruz.
İlgilenenler için, animasyonla
ilgili konularda
daha kapsamlı bilgi veren
başka eğiticilerimiz de var.
Şimdilik bu kadar.
İzlediğiniz için teşekkürler.
