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

English: 
LUCAS: My name is Lucas, and
I'm an engineer on Google Web
Designer.
In this video, I'm going to
show some improvements we've
made to our animation tools.
When setting an
element's position,
it's common to use left and top
if you're creating a layout.
But if you're
creating an animation,
it's usually preferred to
use translation instead
and this is for a
couple of reasons.
First of all, translation
performs better,
animating at much higher
frame rates than left and top,
especially on mobile devices.
Secondly, left
and top values are
rounded to the
nearest integer at render
time, which can lead to
jittering or jaggedness
artifacts.
To demonstrate that, let me
show you a simple example.
Here we have two
elements that each
move 200 pixels to the
right and 10 pixels down.
The upper element
uses left and top,
and the lower element
uses translation.
To better see what's
going on, let's zoom in.

Portuguese: 
 
LUCAS: Meu nome é Lucas.
Sou engenheiro
no Google Web Designer.
Neste vídeo, mostrarei a vocês
alguns aprimoramentos que fizemos
em nossas ferramentas de animação.
Ao definir a
posição de um elemento,
é comum usar a esquerda e
o topo para a criação de um layout.
Porém, se você estiver
criando uma animação,
é preferível usar a translação
por uma série de motivos.
Em primeiro lugar, a translação
apresenta melhor desempenho,
possibilitando animações em frame
rates maiores do que a esquerda
e o topo, especialmente
em dispositivos móveis.
Em segundo lugar, os valores
de esquerda e topo são arredondados
para o número inteiro
mais próximo na renderização,
o que pode ocasionar
problemas de instabilidade ou
imagens quadriculadas.
Para demonstrar isso,
apresentarei um exemplo simples.
 
Temos aqui dois elementos
que se movem 200 pixels para
a direita e 10 pixels para baixo.
O elemento superior
usa a esquerda e o topo,
enquanto o inferior usa translação.
Para observar melhor,
aumentarei o zoom.

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

Polish: 
 
Mam na imię Lucas.
Jestem inżynierem w zespole
Google Web Designera.
W tym filmie
omówię kilka ulepszeń
w naszych narzędziach animacyjnych.
Jako pozycję elementu
przy tworzeniu układu
zwykle wybiera się lewo i górę.
Jeśli jednak
tworzysz animację,
zwykle lepiej użyć przesunięcia.
Ma ono kilka zalet.
Przede wszystkim
daje lepszą wydajność.
Animacja ma dużo większą liczbę
klatek niż ustawienia lewo i góra,
zwłaszcza na urządzeniach mobilnych.
Po drugie,
wartości lewo i góra
są zaokrąglane
przy renderowaniu
do liczb całkowitych,
co może powodować
wrażenie drgania
obiektu w ruchu.
Zademonstruję to
na prostym przykładzie.
 
Mamy tu dwa elementy,
które są przesuwane
o 200 pikseli w prawo
i o 10 pikseli w dół.
Górny element używa
wartości lewo i góra,
a dolny element
stosuje przesunięcie.
Powiększmy obraz,
by lepiej widzieć.

Chinese: 
 
我叫 Lucas
我是 Google Web Designer 的工程師
我叫 Lucas
我是 Google Web Designer 的工程師
在這部影片中，我要為各位介紹
我們對動畫工具所做的一些改進
在建立版面配置的過程中
一般會使用「左側」和「上方」屬性
來設定元素的位置
但是製作動畫時
通常會改用「平移」屬性來設定
這有兩個原因
第一，使用「平移」屬性的效果更好
相較於使用「上方」和「左側」屬性
前者製成動畫的影格速率更高
這點在行動裝置上特別明顯
第二，「左側」和「上方」屬性值
在呈現時會四捨五入至最接近的整數
造成動畫抖動或失真的問題
造成動畫抖動或失真的問題
讓我我用一個簡單的例子示範
 
這裡有兩個元素
都會向右移動 200 像素，向下移動 10 像素
上面的元素使用了「左側」和「上方」屬性
下面的元素則用了「平移」屬性
為了看清楚，我現在要放大畫面

Spanish: 
 
Me llamo Lucas y trabajo
como ingeniero de Google Web Designer.
como ingeniero de Google Web Designer.
En este vídeo,
veremos algunas de las mejoras
en nuestras herramientas de animación.
Para definir
la posición de un elemento,
se suelen elegir los estilos izquierdo
y superior si se crea un diseño.
Pero si queremos
crear una animación,
suele ser mejor
usar la traslación
por dos motivos.
Primero, porque
la traslación funciona mejor,
gracias a una animación
de muchos más fotogramas por segundo,
especialmente en
los dispositivos móviles.
Segundo, porque
los estilos izquierdo y superior
se redondean al número entero
más cercano en el renderizado,
lo que puede generar
artefactos por fluctuaciones
o bordes dentados.
Para explicarlo,
veamos un ejemplo sencillo.
 
Aquí tenemos
dos elementos.
Cada uno se mueve 200 píxeles
a la derecha y 10 hacia abajo.
El superior utiliza
los estilos izquierdo y superior.
El inferior
utiliza la traslación.
Para verlo mejor,
lo voy a ampliar.

Italian: 
 
Mi chiamo Lucas e sono un
tecnico di Google Web
Designer.
In questo video, ti mostrerò
alcuni dei miglioramenti
apportati ai nostri strumenti di animazione.
Per impostare la posizione di un elemento,
si usano in genere i valori
"Sinistra" e "In alto" quando crei un layout.
Se invece crei un'animazione,
per alcuni motivi si preferisce
di solito ricorrere alla traslazione.
In primo luogo, la traslazione produce
migliori risultati in quanto usa
una frequenza fotogrammi più elevata
rispetto a "Sinistra" e "In alto",
soprattutto sui dispositivi mobili.
In secondo luogo, i valori
"Sinistra" e "In alto"
vengono arrotondati
al numero intero più vicino
in fase di rendering, producendo così tremolii
o immagini sgranate.
Ti mostrerò un semplice esempio per
illustrare meglio il concetto.
 
Abbiamo due elementi che si muovono
di 200 pixel a destra e
10 pixel in basso.
Per l'elemento superiore abbiamo impostato
i valori "Sinistra" e "In alto",
mentre quello in basso impiega
la traslazione.
Aumentiamo lo zoom per vedere meglio.

Turkish: 
 
LUCAS: Ben Lucas,
Google Web Designer'da
mühendisim.
Bu videoda, animasyon
araçlarımızda yaptığımız
bazı iyileştirmeleri göstereceğim.
Bir öğenin konumunu
ayarlarken, bir düzen
oluşturuyorsanız genellikle sol
ve üst değerler kullanılır.
Ancak bir animasyon
oluşturuyorsanız, bunun
yerine genellikle çevirme
kullanılması tercih edilir.
Bunun birkaç nedeni vardır.
Her şeyden önce, çevirme
daha iyi bir performans gösterir,
özellikle mobil cihazlarda sol
ve üst değerlere göre daha yüksek
kare hızlarında
animasyonlar oluşturur.
İkinci olarak, sol ve
üst değerler, oluşturma
sırasında en yakın
tamsayıya yuvarlanır
ve bu durum, titreme
veya takılma sorunlarına
neden olabilir.
Bununla ilgili olarak size
basit bir örnek göstereyim.
 
Burada, her biri 200
piksel sağa ve 10 piksel
aşağıya doğru hareket
eden iki öğemiz var.
Üstteki öğe sol ve üst
değerleri kullanırken
alttaki öğe çevirmeyi
kullanıyor.
Neler olduğunu daha iyi
görmek için biraz yakınlaştıralım.

Japanese: 
 
Google Web Designerのエンジニア
Lucasです
Google Web Designerのエンジニア
Lucasです
この動画ではアニメーションツールの
改良点についてご紹介します
この動画ではアニメーションツールの
改良点についてご紹介します
要素の位置を設定するとき
レイアウトを作成するなら
左と上を使用するのが一般的ですが
アニメーションを作成するなら
通常は平行移動が好まれます
アニメーションを作成するなら
通常は平行移動が好まれます
これにはいくつかの理由があります
まず平行移動は動きが滑らかな点
特にモバイル端末でフレームレートが
高い場合に顕著です
特にモバイル端末でフレームレートが
高い場合に顕著です
そして左と上の値は
レンダリング時に端数処理されるため
そして左と上の値は
レンダリング時に端数処理されるため
動きがガタついてしまう点です
動きがガタついてしまう点です
簡単な例で試してみましょう
 
この2つの要素は右に200ピクセル
下に10ピクセル移動します
この2つの要素は右に200ピクセル
下に10ピクセル移動します
上の要素は左と上を
下の要素は平行移動を使用します
上の要素は左と上を
下の要素は平行移動を使用します
よく見えるように拡大しましょう

Chinese: 
 
LUCAS：大家好！我叫Lucas
是一名Google Web Designer工程师
 
在本视频中，我将介绍
我们对动画工具做出的一些改进
当您设置元素的位置时
如果是在创建布局
系统一般会使用“左侧”和“顶部”属性来实现
但如果是在制作动画
系统则通常会改用“平移”属性来实现
这样做是出于以下几个原因
首先，“平移”的效果更好
能够以比“左侧”和“顶部”
高得多的帧速率播放动画
尤其是在移动设备上
其次，“左侧”和“顶部”属性的值
在呈现时会四舍五入至最接近的整数
这可能会使动画产生失真现象
例如抖动或呈锯齿状
 
我将通过一个简单的示例让您感受一下
 
这里有两个元素
它们的移动轨迹都是
向右移动200像素并向下移动10像素
上面的元素使用了“左侧”和“顶部”
下面的元素使用了“平移”
为了能够更清楚地看到对比效果
我们不妨将画面放大一些

German: 
 
LUCAS: Mein Name ist
Lucas und ich bin Entwickler
bei Google Web Designer.
In diesem Video zeige ich
Ihnen einige Verbesserungen,
die wir an unseren
Animationstools vorgenommen haben.
Wenn Sie die Position
eines Elements festlegen,
verwenden Sie normalerweise "Links"
und "Oben" bei der Erstellung eines Layouts.
Wenn Sie eine Animation erstellen,
sollte jedoch eher eine
Übersetzung verwendet werden.
Dafür gibt es einige Gründe.
Bei Übersetzung hat die Animation
viel höhere Frame-Rates
als bei "Links" und "Oben",
insbesondere auf Mobilgeräten.
Der zweite Grund ist,
dass die Werte für "Links" und "Oben"
beim Rendering auf
die nächste Ganzzahl gerundet werden.
Dies kann zu Artefakten führen,
z. B. Zittern oder Wackeln.
Ich zeige Ihnen das an
einem einfachen Beispiel.
 
Hier haben wir zwei Elemente,
die jeweils 200 Pixel nach rechts
und 10 Pixel
nach unten verschoben werden.
Für das obere Element
wird "Links" und "Oben" verwendet
und für das untere "Übersetzung".
Vergrößern wir das Ganze einmal.

Dutch: 
 
Mijn naam is Lucas
en ik ben engineer voor Google Web
Designer.
In deze video laat ik
wat verbeteringen zien die we
hebben aangebracht
in onze animatietools.
Een element wordt
bij het maken
van een lay-out meestal
links en boven geplaatst.
Als u echter een animatie maakt,
krijgt vertaling meestal de voorkeur.
Dit heeft verschillende redenen.
Ten eerste presteert vertaling beter:
animaties hebben hogere
framesnelheden dan links en boven,
met name op mobiele apparaten.
Ten tweede worden
bij weergave waarden
voor links en boven afgerond op het
dichtstbijzijnde gehele getal
wat kan leiden tot schokkerige
overgangen.
Als demonstratie
laat ik een eenvoudig voorbeeld zien.
 
Hier hebben we twee elementen die elk
200 pixels naar rechts
en 10 pixels omlaag worden verplaatst.
Het bovenste element
gebruikt links en boven,
en het onderste element gebruikt vertaling.
We zoomen in
om beter te zien wat er gebeurt.

French: 
 
Je m'appelle Lucas, et je suis ingénieur
Google Web Designer.
Dans cette vidéo, je vais
vous montrer quelques améliorations
que nous avons apportées
à nos outils d'animation.
Lors du réglage
de la position d'un élément,
on utilise souvent les valeurs "Haut" et
"Gauche" pour créer une mise en page.
Dans le cas d'une animation,
il est préférable
d'avoir recours à une translation,
et ce, pour plusieurs raisons.
Tout d'abord,
la translation fonctionne mieux,
avec une fréquence d'images
beaucoup plus élevée,
en particulier
sur les appareils mobiles.
Deuxièmement,
les valeurs "Gauche" et "Haut"
sont arrondies à l'entier
le plus proche au moment du rendu,
ce qui peut causer
une animation saccadée
ou irrégulière.
Je vais vous montrer un exemple simple.
 
Voici deux éléments se déplaçant
de 200 pixels vers la droite
et de 10 pixels vers le bas.
Les valeurs "Haut" et "Gauche"
sont utilisées pour l'élément du haut,
et la translation pour l'élément du bas.
Pour mieux voir le résultat,
faisons un zoom avant.

English: 
 
LUCAS: My name is Lucas and
I'm an engineer on Google Web
Designer.
In this video, I'm going to
show some improvements we've
made to our animation tools.
When setting an
element's position,
it's common to use left and top
if you're creating a layout.
But if you're
creating an animation,
it's usually preferred to
use translation instead
and this is for a
couple of reasons.
First of all, translation
performs better,
animating at much higher
frame rates than left and top,
especially on mobile devices.
Secondly, left
and top values are
rounded to the
nearest integer at render
time, which can lead to
jittering or jaggedness
artifacts.
To demonstrate that, let me
show you a simple example.
 
Here we have two
elements that each
move 200 pixels to the
right and 10 pixels down.
The upper element
uses left and top,
and the lower element
uses translation.
To better see what's
going on, let's zoom in.

Korean: 
 
LUCAS: 제 이름은 Lucas이고
Google Web Designer의
엔지니어입니다.
이번 동영상에서는
애니메이션 도구의 몇 가지
개선사항을 보여 드리겠습니다.
요소의 위치를
설정할 때
레이아웃을 만드는 경우
일반적으로 왼쪽 상단을 사용합니다.
그러나 애니메이션을
만드는 경우에는
보통 변환을 대신
사용하는 것을 선호하는데
여기에는 몇 가지
이유가 있습니다.
먼저 변환의 성능이
더욱 뛰어납니다.
왼쪽 상단에 배치할 때보다 더 높은
프레임 속도로 애니메이션이 재생되며
특히 휴대기기에서 두드러집니다.
둘째로, 왼쪽
상단 값은
렌더링 시 가장
가까운 정수로 반올림되므로
흔들림이나
들쭉날쭉한 형태가
나타나게 됩니다.
간단한 예를
보여 드리겠습니다.
 
여기에 두 가지
요소가 있습니다.
각각 오른쪽으로 200픽셀,
아래로 10픽셀을 이동합니다.
위쪽 요소는
왼쪽 상단을 사용하고
아래쪽 요소는
변환을 사용합니다.
확대해서 자세히 보겠습니다.

Dutch: 
 
Ik zoom in met een factor drie
en centreer de elementen opnieuw.
 
U ziet dat de
animatie linksboven
schokkerig en trapsgewijs
naar beneden beweegt,
terwijl de animatie met vertaling
helemaal vloeiend blijft.
Met het oog hierop hebben we
het standaardgedrag van Web Designer
gewijzigd zodat animaties met vertaling
gemakkelijk kunnen worden gemaakt.
We hebben met name
de tool Selectie gewijzigd,
zodat wanneer u een element positioneert,
we de wijzigingen standaard
toepassen op links en boven
als u een lay-out bewerkt en op vertaling
als u een animatie bewerkt.
Ik laat u zien hoe dit werkt.
Ik begin met een nieuw bestand
en voeg een afbeelding toe.

Spanish: 
 
Triplico el zoom
y vuelvo a centrar los elementos.
 
La animación de estilos izquierdo
y superior se mueve hacia abajo
con un movimiento irregular,
como bajando una escalera;
mientras que la animación
de traslación se mueve con fluidez.
Por ello, hemos cambiado
el comportamiento predeterminado
de Web Designer para crear
animaciones de traslación más fácilmente.
En concreto, hemos cambiado
la Herramienta de Selección,
por lo que, de forma predeterminada,
al posicionar un elemento,
los cambios se aplican
a los estilos izquierdo y superior
si se edita un diseño,
y a la traslación
si se edita una animación.
Voy a enseñarte cómo funciona.
Comenzaré con un archivo nuevo
y añadiré una imagen.

Portuguese: 
 
Ampliarei para 300%
e centralizarei os
elementos de novo.
 
É possível ver que a animação
"esquerda e topo" se move para
baixo com um
movimento irregular em escada,
e a animação por translação
é realizada de maneira suave.
Por isso, alteramos o comportamento
padrão do Google Web Designer
para facilitar a criação
de animações por translação.
Mudamos especificamente
a ferramenta Seleção,
então, por padrão, quando
você posiciona um elemento,
aplicamos as mudanças
à esquerda e ao topo,
se você estiver editando um
layout, e à translação
se você estiver
editando uma animação.
Mostrarei como isso funciona.
Começarei com um arquivo
novo e adicionarei uma imagem.

Russian: 
 
В три раза.
Перехожу к элементам.
 
Как видите, верхняя машина
двигается вниз рывками,
а нижняя – плавно.
В новой версии Web Designer
мы упростили создание
анимации с преобразованием.
Обновлен инструмент выделения:
когда вы перемещаете элемент в макете,
по умолчанию
изменяется положение слева и сверху,
а если работаете с анимацией,
меняются параметры преобразования.
Посмотрим, как это работает.
Я открываю новый файл
и добавляю в него изображение.

Korean: 
 
요소를 이동하여
3배 확대하고
가운데 위치하도록 하겠습니다.
 
왼쪽 상단 애니메이션은
흔들리면서 계단을
내려오는 것과 같은
들쭉날쭉한 움직임을 보이는 반면
변환 애니메이션은
전체적으로 부드럽게 움직입니다.
이러한 점을 고려하여
변환 애니메이션을 더욱 쉽게
만들 수 있도록 Web Designer의
기본 동작을 변경했습니다.
특히 선택 도구를 변경했는데,
이제 기본적으로
요소를 배치할 때
레이아웃을 수정하는 경우
왼쪽 상단에 변경사항이 적용되고
애니메이션을 수정하는 경우에는
변환에 적용됩니다.
어떻게 작동하는지 보여 드리겠습니다.
새 파일에서
이미지를 추가하겠습니다.

Chinese: 
 
我先將畫面放大三倍
然後把元素拉到中間
 
您可以看到
使用「左側」和「上方」屬性設定的動畫
向下移動的軌跡就像下樓梯一樣不自然
而使用「平移」屬性設定的動畫
從頭到尾都很流暢
這就是我們改進
Google Web Designer 預設運作模式的原因
讓大家可以更輕鬆地使用「平移」屬性
建立動畫
具體來說，我們調整了選取範圍工具
在預設狀態下
當您設定元素的位置時
如果您是在編輯版面配置
預設會改動「左側」和「上方」屬性
如果您是在編輯動畫
系統會以「平移」屬性來記錄變更
現在我要來說明這是怎麼運作的
首先，我要建立一個全新檔案
然後加入一張圖片

French: 
 
Je fais un zoom de 300 %
et je recentre les éléments.
 
L'animation avec les valeurs
"Haut" et "Gauche" se déplace
vers le bas de manière saccadée,
alors que l'animation
par translation est fluide.
Nous avons modifié le comportement
par défaut de Web Designer
pour simplifier la création
d'animations par translation.
Nous avons notamment
modifié l'outil de sélection.
Lorsque vous positionnez un élément,
nous modifions par défaut
les valeurs "Haut" et "Gauche"
si vous modifiez une mise en page,
et la translation
si vous modifiez une animation.
Je vous montre comment cela fonctionne.
Je créé un fichier et j'ajoute une image.

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

Polish: 
 
Powiększę wszystko trzykrotnie
i wyśrodkuję elementy.
 
Widać, że animacja
z wartościami lewo i góra
przesuwa się w dół
nierówno i skokowo,
a przesunięcie sprawia,
że animacja jest płynna.
W związku z tym
zmieniliśmy domyślne działanie
Google Web Designera,
by ułatwić tworzenie przesunięć.
Przede wszystkim
zmieniliśmy narzędzie Wybór:
teraz gdy ustawiasz
położenie elementu,
domyślnie zmieniamy
wartość lewo i góra
przy edycji układu,
a przesunięcie
przy edycji animacji.
Pokażę, jak to działa.
Zacznę od nowego pliku
i dodam grafikę.

Japanese: 
 
倍率を3倍にして
要素を中央に移動させます
倍率を3倍にして
要素を中央に移動させます
 
左と上の要素は
階段を下りるような動きをしていますが
左と上の要素は
階段を下りるような動きをしていますが
平行移動の要素は
滑らかに動いています
これを踏まえ Web Designerでは
平行移動アニメーションを
作成しやすくしました
要素を配置する際の
選択ツールのデフォルト設定が変わり
要素を配置する際の
選択ツールのデフォルト設定が変わり
レイアウトの編集時は
変更が左と上に適用され
アニメーションの編集時は
変更が平行移動に適用されます
アニメーションの編集時は
変更が平行移動に適用されます
詳しく見ていきましょう
新しいファイルを開き
画像を追加します

German: 
 
Dazu stelle ich die Zoomstufe auf 300 %
und positioniere
die Elemente wieder richtig.
 
"Links/Oben" wird in einer
wackelnden, treppenartigen
Bewegung nach unten verschoben.
Hingegen verläuft die Animation
mit Übersetzung ganz ruckelfrei.
Daher wurde das Standardverhalten
in Google Web Designer verändert,
sodass Sie einfacher Animationen
mit Übersetzung erstellen können.
Wir haben insbesondere
das Auswahltool verändert.
Bei der Positionierung
eines Elements werden
die Änderungen standardmäßig
auf "Links" und "Oben" angewendet,
wenn ein Layout bearbeitet wird,
sowie auf "Übersetzung",
wenn eine Animation bearbeitet wird.
Ich möchte Ihnen das jetzt demonstrieren.
Zunächst wähle ich eine neue
Datei aus und füge ein Bild hinzu.

Italian: 
 
Ingrandirò del 300% e
centrerò di nuovo gli elementi.
 
La prima animazione
si sposta verso il basso
con un movimento irregolare,
come se ci fosse un gradino.
L'animazione di traslazione è invece
perfettamente fluida.
Abbiamo quindi modificato il
comportamento predefinito
di Web Designer per semplificare le
animazioni di traslazione.
In particolare, abbiamo modificato
lo strumento Selezione
in modo che, per impostazione predefinita,
quando posizioni un elemento
le modifiche vengono applicate ai valori in
"Sinistra" e "In alto"
se modifichi un layout, o alla traslazione
se modifichi un'animazione.
Vediamo come funziona.
Inizierò da un nuovo file, a cui
aggiungo un'immagine.

Turkish: 
 
Üç kat yakınlaştıracağım
ve öğeleri yeniden ortalayacağım.
 
Sol üst animasyonun aşağıya
kesik hareketlerle, kademeli
bir şekilde gittiğini
buna karşılık çevirmenin
her zaman yumuşak bir şekilde
hareket ettiğini görebilirsiniz.
Bunu dikkate alarak, Web Designer'ın
varsayılan davranışını, çevirme
animasyonlarının daha kolay
oluşturulacağı şekilde değiştirdik.
Özellikle, Seçim aracını değiştirdik;
artık bir öğeyi
konumlandırdığınızda,
bir düzenle ilgili işlem
yapıyorsanız, varsayılan olarak
değişiklikleri sol ve üst değerlere,
bir animasyonu düzenliyorsanız
çevirmeye uyguluyoruz.
Bunun nasıl çalıştığını size göstereyim.
Yeni bir dosyayla başlayacağım
ve bir resim ekleyeceğim.

Chinese: 
 
先将画面放大3倍
然后将这两个元素移回至屏幕中央
 
您可以看到
在使用“左侧”和“顶部”设定的动画中
向下移动时的轨迹
就像下楼梯一样不平顺
而在使用“平移”设定的动画中
相应的移动轨迹从头到尾都很流畅
因此，我们更改了Web Designer的默认行为
以便您能够更轻松地使用“平移”制作动画
具体来说，我们对“选择”工具进行了更改
默认情况下，当您设置元素的位置时
如果是在编辑布局
系统就会将相关变动应用到“左侧”和“顶部”
如果是在编辑动画，则会应用到“平移”
接下来，我将演示一下这是如何实现的
我要先创建一个新文件
然后添加一张图片

English: 
 
I'll move in by
a factor of three
and re-centre the elements.
 
You can see that the left-top
animation moves downwards
in a jagged,
stair-step-like motion,
whereas the translation
animation is smooth throughout.
In light of this, we have
changed Web Designer's default
behaviour to make it easier to
create translation animations.
In particular, we have
changed the Selection tool,
so by default when you
position an element,
we apply the changes
to left and top
if you're editing a
layout and to translation
if you're editing an animation.
Let me show you how this works.
I'll start with a new file
and I will add an image.

English: 
I'll move in by
a factor of three
and re-center the elements.
You can see that the left
top animation moves downwards
in a jagged,
stair-step-like motion,
whereas the translation
animation is smooth throughout.
In light of this, we have
changed Web Designer's default
behavior to make it easier to
create translation animations.
In particular, we have
changed the Selection tool,
so by default when you
position an element,
we apply the changes
to left and top
if you're editing a
layout, and to translation
if you're editing an animation.
Let me show you how this works.
I'll start with a new file,
and I will add an image.

Japanese: 
 
これで選択ツールを使って要素を動かせば
すべての変更は左と上に適用されます
これで選択ツールを使って要素を動かせば
すべての変更は左と上に適用されます
プロパティインスペクタでは
平行移動チャンネルの値は0のままです
プロパティインスペクタでは
平行移動チャンネルの値は0のままです
しかしキーフレームを追加し
要素を動かすと
変更は平行移動に適用されます
以前は平行移動ツールに
切り替える必要がありましたが
以前は平行移動ツールに
切り替える必要がありましたが
選択ツールのままで
行えるようになりました
選択ツールのままで
行えるようになりました
これが作成したアニメーションです
コードビューに切り替えて
拡大してみましょう
コードビューに切り替えて
拡大してみましょう
スタイルルールは
leftとtopのみを使用していますが
キーフレームルールは
translate3dを使用しています
 
このデフォルト動作を希望しない場合
選択ツールの設定で
このデフォルト動作を希望しない場合
選択ツールの設定で
常に左と上または平行移動に
適用されるように変更できます
常に左と上または平行移動に
適用されるように変更できます

Korean: 
 
이제 선택 도구를 사용해
요소를 이동하면
모든 변경사항이
왼쪽 상단에 적용됩니다.
속성 검사기에서
변환 채널을 보면
아직까지 모두 0인 것을
확인할 수 있습니다.
그러나 키 프레임을 추가하고
요소를 이동하면
이번에는 변경사항이
변환에 적용됩니다.
이전에는
이 작업을 수행하려면
먼저 변환 도구로
전환해야 했지만
지금은 선택 도구를
벗어나지 않고도 수행할 수
있습니다.
방금 만든 애니메이션을
확인해 보겠습니다.
코드 보기를 보면
우선 잘 보이도록
확대하겠습니다.
코드 보기에서, 스타일 규칙은
왼쪽 상단만 사용하지만
키 프레임 규칙은 3D 변환을
사용하는 것을 볼 수 있습니다.
 
기본 동작을
원하지 않으면
선택 도구를 구성하여
위치 변경을 항상
왼쪽 상단에 적용하거나
항상 변환에 적용하도록
할 수도 있습니다.

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

Italian: 
 
Se ora sposto l'elemento con lo
strumento Selezione,
le modifiche vengono applicate ai valori in
"Sinistra" e "In alto".
In Proprietà, se esamini le direzioni
di traslazione, vedrai che sono ancora
tutti impostate su zero.
Tuttavia, se aggiungo un fotogramma
chiave e sposto l'elemento,
questa volta le modifiche sono
applicate alla traslazione.
In precedenza, avresti dovuto
passare prima allo strumento
di traslazione,
mentre ora puoi apportare le modifiche
senza lasciare lo strumento
di selezione.
Ecco qui l'animazione che
abbiamo creato.
Aumento lo zoom
in Visualizza Codice affinché
sia più leggibile.
In Visualizza Codice, puoi vedere
che la regola di stile usa i valori
"Sinistra" e "In alto", mentre i fotogrammi
chiave usano la traslazione 3D.
 
Se non desideri usare il
comportamento predefinito,
potresti configurare lo
strumento di selezione
in modo da applicare sempre le modifiche
a sinistra e in alto
o alla traslazione.

Chinese: 
 
現在當我使用選取範圍工具來移動這個元素
所有變更會應用到「左側」和「上方」屬性
查看「屬性」檢查器的平移值時
您會發現所有數值依然為 0
不過，當我加入主要畫格後再移動元素
系統就會以「平移」屬性來記錄變更
之前，要做到這一點
必須切換成平移工具
但現在，無須離開選擇工具
就可以做到這點
這就是製作出的動畫
接著看到程式碼檢視模式
我先將畫面放大得清楚些
在程式碼檢視模式中，大家可以看到
樣式規則只有用到「left」(左側) 和「top」(上方) 屬性
畫格規則卻使用「translated3D」(3D 轉譯屬性)
 
如果您不希望採用預設的模式
也可以設定選取範圍工具
改成一律使用「左側」和「上方」屬性來記錄位移
或是改成一律使用「平移」屬性來記錄位移

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

English: 
Now, if I just move the element
with the selection tool,
all the changes are
applied to left and top.
In the Property Inspector,
if you see the translation
channels, you'll notice that
they are all still zero.
However, if I then add a key
frame and move the element,
this time the changes are
applied to translation.
Previously, to do
this you would have
had to first switch to
the translation tool,
but now it can be done without
ever leaving the selection
tool.
So here's the animation
that we created.
And in code view,
I'll zoom in here so
it's more readable,
In code view, you can see
that the style rule only
uses left and top but the key
frames rule uses translate 3D.
If you don't want
the default behavior,
you can also configure
the selection tool
to always apply position
changes to left and top
or to always apply
them to translation.

French: 
 
Si je déplace l'élément
avec l'outil de sélection,
les modifications sont appliquées
aux valeurs "Gauche" et "Haut".
Dans l'inspecteur de propriétés,
toutes les valeurs de translation
sont égales à zéro.
Cependant, si j'ajoute
une image clé et déplace l'élément,
les valeurs de translation
sont modifiées.
Auparavant, il fallait pour cela
accéder à l'outil de translation.
Maintenant, c'est possible au sein même
de l'outil de sélection.
Voici l'animation que nous avons créée.
Voici la vue Code.
Zoomons un peu.
En vue Code, la règle de style
n'utilise que les valeurs Haut/Gauche,
et celle des images clés
utilise la translation 3D.
 
Si le comportement
par défaut ne vous convient pas,
vous pouvez également
configurer l'outil de sélection
pour que les modifications s'appliquent
toujours aux valeurs "Gauche" et "Haut"
ou à la translation.

Dutch: 
 
Als ik het element nu verplaats
met de tool Selectie,
worden alle wijzigingen
toegepast op links en boven.
Als u in het gedeelte
met eigenschappen de vertalingskanalen
bekijkt, ziet u dat ze
allemaal nog steeds op nul staan.
Als ik echter een keyframe
toevoeg en het element verplaats,
worden de wijzigingen
deze keer toegepast op vertaling.
Als u dit voorheen wilde doen, moest u
eerst overschakelen
naar de tool Vertalen.
Maar dit kan nu worden gedaan
zonder de tool Selectie
te verlaten.
Hier is de animatie die we hebben gemaakt.
En in de codeweergave,
ik zoom hier in zodat het beter leesbaar is.
In de codeweergave
ziet u dat de stijlregel alleen
links en boven gebruikt, maar dat
de keyframe-regel 3D-vertaling gebruikt.
 
Als u het standaardgedrag
niet wilt gebruiken,
kunt u de tool
Selectie ook configureren
om positiewijzigingen altijd
toe te passen op links en boven
of altijd toe te passen op vertaling.

Turkish: 
 
Şimdi öğeyi sadece seçim
aracıyla hareket ettirirsem
tüm değişiklikler sol ve
üst değerlere uygulanır.
Özellik Denetçisi'nde, çevirme
kanallarına bakarsanız
bunların tamamının hâlâ
sıfır olduğunu görürsünüz.
Ancak, daha sonra bir animasyon
karesi ekler ve öğeyi hareket ettirirsem
bu kez değişiklikler
çevirmeye uygulanır.
Önceden, bunu yapmak
için ilk olarak çevirme
aracına geçmeniz
gerekirdi, ancak
şimdi bunu seçim
aracından hiç
ayrılmadan yapabilirsiniz.
Burada, oluşturduğumuz
animasyonu görüyorsunuz.
Kod görünümünde,
daha okunabilir olması
için burayı yakınlaştıracağım.
Kod görünümünde, stil kuralının
yalnızca sol ve üst değerleri kullandığını
görebilirsiniz ancak animasyon
kareleri kuralı 3D çevirmeyi kullanır.
 
Varsayılan davranışı istemiyorsanız
seçim aracını yapılandırarak
konum değişikliklerinin her
zaman sol ve üst değerlere
veya her zaman çevirmeye
uygulanmasını sağlayabilirsiniz.

English: 
 
Now, if I just move the element
with the selection tool,
all the changes are
applied to left and top.
In the Property Inspector,
if you see the translation
channels, you'll notice that
they are all still zero.
However, if I then add a key
frame and move the element,
this time the changes are
applied to translation.
Previously, to do
this you would have
had to first switch to
the translation tool,
but now it can be done without
ever leaving the selection
tool.
So here's the animation
that we created.
And in code view,
I'll zoom in here so
it's more readable.
In code view, you can see
that the style rule only
uses left and top but the key
frames rule uses translate 3D.
 
If you don't want
the default behaviour,
you can also configure
the selection tool
to always apply position
changes to left and top
or to always apply
them to translation.

German: 
 
Wenn ich das Element jetzt
mit dem Auswahltool verschiebe,
werden alle Änderungen
auf "Links" und "Oben" angewendet.
Unter "Eigenschaften" sehen Sie,
dass die Übersetzungs-Channels
weiterhin auf null gestellt sind.
Wenn ich jedoch einen Keyframe
hinzufüge und das Element verschiebe,
werden die Änderungen
auf die Übersetzung angewendet.
Zuvor hätten Sie zunächst
zum Übersetzungstool wechseln müssen.
Jetzt müssen Sie nicht einmal
das Auswahltool verlassen.
Hier sehen Sie die erstellte Animation.
In der Codeansicht
zoome ich heran,
damit der Code besser lesbar ist.
In der Stilregel wird nur
"Links" und "Oben" verwendet,
in der Keyframe-Regel
aber "Übersetzung 3D".
 
Wenn Sie das
Standardverhalten nicht nutzen möchten,
können Sie auch festlegen,
dass die Positionsänderungen
beim Auswahltool
stets auf "Links" und "Oben"
oder stets auf
"Übersetzung" angewendet werden.

Chinese: 
 
现在，如果我只是
使用“选择”工具移动该元素
所有变动都会应用到“左侧”和“顶部”
如果在属性检查器中
查看各坐标轴对应的平移值
您会发现这些值仍然都是“0”
不过，如果我添加1个关键帧并移动该元素
这一次，相关变动则会应用到“平移”
在以前，要做到这一点
您必须要先切换至“平移”工具
而现在，您无需退出“选择”工具
即可达成这一目的
这就是我们制作出来的动画
在代码视图中
我来放大一些，以便大家看得更清楚
在代码视图中，您可以看到
样式规则仅使用了“left”和“top”
而关键帧规则却使用了“translate3d”
 
如果不想遵循系统的默认行为
您也可以配置“选择”工具
从而将位置变动始终应用到“左侧”和“顶部”
或者始终应用到“平移”

Polish: 
 
Jeśli przesunę element
za pomocą narzędzia wyboru,
zmienią się
wartości lewo i góra.
Zobaczmy kanały przesunięcia
w inspektorze właściwości:
dalej mają wartość zero.
Teraz z kolei dodam klatkę
kluczową i przesunę element.
Tym razem zmieni się przesunięcie.
Dawniej aby to zrobić,
musiałbym najpierw przejść
do narzędzia przesunięcia,
a teraz nie muszę
wyłączać narzędzia wyboru.
 
Oto animacja,
którą utworzyliśmy.
Spójrzmy na kod.
Powiększę obraz,
żeby był bardziej czytelny.
W widoku kodu widać,
że reguła stylu używa tylko wartości
lewo i góra, ale reguła klatek
kluczowych używa przesunięcia 3D.
 
Jeśli nie podoba Ci się
domyślne działanie,
możesz skonfigurować
narzędzie wyboru,
by zmiany pozycji zawsze
dotyczyły wartości lewo i góra
lub by zawsze
dotyczyły przesunięcia.

Spanish: 
 
Si tan solo muevo el elemento
con la Herramienta de Selección,
todos los cambios se aplican
a los estilos izquierdo y superior.
En el Inspector de Propiedades,
si vemos los canales de traslación,
observaremos
que siguen siendo cero.
Sin embargo, si añado
un fotograma y muevo el elemento,
esta vez los cambios
se aplican a la traslación.
Antes, para hacerlo era necesario
cambiar primero
a la herramienta de traslación,
pero ahora se puede hacer sin salir
de la Herramienta de Selección.
Esta es la animación que hemos creado.
Y, en la vista de código...
Lo ampliaré
para que sea vea mejor.
En la vista de código, vemos
que la regla de estilo solo usa
los estilos izquierdo y superior y la
de fotograma usa la traslación para 3D.
 
Si no queremos
el comportamiento predeterminado,
también podemos configurar
la Herramienta de Selección
para aplicar siempre
los cambios de posición
a los estilos izquierdo y superior
o bien siempre a la traslación.

Portuguese: 
 
Se eu mover o elemento
com a ferramenta de seleção,
todas as alterações serão
aplicadas à esquerda e ao topo.
No Inspetor de propriedades, se
observarmos os canais de translação,
veremos que eles
ainda estão zerados.
No entanto, ao adicionar um
frame-chave e mover o elemento,
as alterações são
aplicadas à translação.
Para fazer isso,
antes era necessário
primeiro mudar para
a ferramenta de translação,
mas agora isso pode ser
feito sem sair da ferramenta de
seleção.
Aqui está a
animação que nós criamos.
E, na visualização do código,
aumentarei o zoom
para facilitar a leitura,
Na visualização do código, é
possível ver que a regra de estilo
só usa a esquerda e o topo, mas
os frames-chave usam a translação 3D.
 
Caso você não queira
o comportamento padrão,
também é possível
configurar a ferramenta de seleção
para sempre aplicar as mudanças
de posição à esquerda e ao topo
ou para sempre
aplicá-las à translação.

Japanese: 
 
また位置のアニメーションの改善に加え
大きさのアニメーションも変更しました
また位置のアニメーションの改善に加え
大きさのアニメーションも変更しました
まずWeb Designerは
スケーリングチャンネル対応になりました
プロパティインスペクタには
新しいx、y、zスケーリングがあります
プロパティインスペクタには
新しいx、y、zスケーリングがあります
この3つの値でスケーリングできます
全方向に
均一にスケーリングしたい場合は
左側のロックボタンを使うと
全チャンネルが連動するようになります
左側のロックボタンを使うと
全チャンネルが連動するようになります
左側のロックボタンを使うと
全チャンネルが連動するようになります
 
位置の操作時と同様
選択ツールで要素をサイズ調整すると
位置の操作時と同様
選択ツールで要素をサイズ調整すると
要素の静的サイズを変更するときは
幅と高さに変更が適用されます
要素の静的サイズを変更するときは
幅と高さに変更が適用されます
しかし大きさのアニメーションを
作成するときは
変更がスケーリングに適用されます
これがアニメーションです
コードビューを見ると スタイルルールは
left、top、width、heightのみを使用し
コードビューを見ると スタイルルールは
left、top、width、heightのみを使用し

Italian: 
 
Oltre ai miglioramenti all'animazione
della posizione,
abbiamo anche modificato le modalità
di animazione delle dimensioni.
Prima di tutto, Web Designer supporta
ora le direzioni per il ridimensionamento.
In Proprietà, è presente una
nuova riga per la scala
x, y e z.
Posso quindi ridimensionare in base a
x, y e z.
Per ridimensionare uniformemente in
tutte le direzioni,
fai clic sul pulsante di blocco a sinistra:
il ridimensionamento di una dimensione
verrà applicato
anche a tutte le altre.
 
In modo simile alla posizione,
se ridimensioni un elemento con
lo strumento Selezione,
le modifiche sono applicate alla
larghezza e all'altezza
se stai modificando la dimensione
statica dell'elemento;
se invece crei un'animazione
usando le dimensioni,
le modifiche sono applicate alla scala.
Ecco qui l'animazione.
In Visualizza Codice puoi di
nuovo vedere che la
regola di stile usa solo i valori Sinistra,
In alto, Larghezza e Altezza,

German: 
 
Wir haben nicht nur
die Animation der Position verbessert,
sondern auch die Animation
der Größe verändert.
Google Web Designer
unterstützt jetzt Skalierungs-Channels.
Unter "Eigenschaften"
wurde eine neue Zeile für
die X-, Y- und Z-Skalierung hinzugefügt.
Ich kann also eine Skalierung
im Feld "X", "Y" und "Z" vornehmen.
Wenn Sie gleichmäßig
in alle Richtungen skalieren möchten,
klicken Sie links auf die
Schaltfläche zum Sperren.
Beim Skalieren eines
Channels wird die Skalierung
auf alle Channels übertragen.
 
Die Größenänderung funktioniert
ähnlich wie die Positionsänderung.
Wenn Sie die Größe eines
Elements mit dem Auswahltool verändern,
werden diese Änderungen
auf die Breite und Höhe angewendet,
sofern sich die Änderung auf
die statische Größe eines Elements bezieht.
Wenn Sie eine Animation
mithilfe der Größe erstellen,
werden diese Änderungen
auf die Skalierung angewendet.
Hier sehen Sie die Animation.
In der Codeansicht sehen Sie erneut,
dass in der Stilregel nur "Links", "Oben",
"Breite" und "Höhe" verwendet werden,

Polish: 
 
Ulepszyliśmy nie tylko
animację położenia,
ale też animację rozmiaru.
Przede wszystkim Web Designer
obsługuje teraz kanały skalowania
W inspektorze właściwości
jest nowy wiersz
skali x, y i z.
Mogę więc skalować
wymiary x, y i z.
Jeśli chcesz skalować
wszystkie wymiary tak samo,
możesz kliknąć przycisk
kłódki po lewej stronie:
wtedy skalowanie jednego
wymiaru przeskaluje tak samo
pozostałe wymiary.
 
Podobnie jak
w przypadku położenia,
jeśli zmienisz rozmiar
elementu w narzędziu wyboru,
zmiany zostaną zastosowane
do wysokości i szerokości,
gdy zmieniasz statyczny
rozmiar elementu,
ale jeśli tworzysz
animację rozmiaru,
zmiany zostaną
zastosowane do skali.
Oto animacja.
W widoku kodu
znowu widać,
że reguła stylu ma tylko wartości
lewo, góra, szerokość i wysokość,

Russian: 
 
Помимо анимации положения,
мы также улучшили анимацию размера.
Теперь Web Designer
поддерживает масштабирование.
На панели свойств появилась
новая строка масштаба по осям
X, Y и Z.
Вот так объекты можно масштабировать по этим осям.
Чтобы масштабировать
равномерно во всех направлениях,
нужно нажать на кнопку блокирования слева,
и масштаб по одной оси будет применяться
ко всем.
 
Размер редактируется аналогично положению.
Если использовать
для этого инструмент выделения,
у статических элементов
меняется ширина и высота,
а у анимированных
меняется масштаб.
Анимация готова.
Снова смотрим код.
В правилах стилей используется
положение слева и сверху, ширина и высота,

Turkish: 
 
Konum canlandırma yöntemimizi
iyileştirmeye ek olarak, boyutu
canlandırma yöntemimizde
de değişiklikler yaptık.
Öncelikle, Web Designer artık
ölçek kanallarını desteklemektedir.
Özellik Denetçisi'nde x, y
ve z ölçeği için yeni bir
satır var.
Böylece, x, y ve z'de
ölçekleme yapabilirim.
Tüm yönlerde eşit olarak
ölçekleme yapmak isterseniz
soldaki kilit düğmesini
tıklayabilirsiniz,
daha sonra, bir kanalı
ölçeklediğinizde tüm kanallarda
benzer bir ölçek yapılır.
 
Konumu işleme yöntemimize
benzer bir şekilde,
bir öğeyi seçim aracını
kullanarak yeniden
boyutlandırırsanız ve öğenin
statik boyutunu değiştiriyorsanız
bu değişiklikleri genişlik
ve yüksekliğe uygularız
ancak boyutu kullanarak
bir animasyon oluşturuyorsanız
bunun yerine değişiklikleri
ölçeğe uygularız.
Burada, animasyonu görebilirsiniz.
Kod görünümünde, bir
kez stil kuralının yalnızca
sol, üst, genişlik ve yükseklik
değerlerini kullandığını görebilirsiniz,

French: 
 
Nous avons donc amélioré
l'animation de la position,
mais également l'animation de la taille.
Web Designer accepte désormais
les valeurs de mise à l'échelle.
Dans l'inspecteur de propriétés,
une nouvelle ligne concerne
les échelles x, y et z.
Je peux donc définir une échelle
en x, en y et en z.
Pour une mise à l'échelle
uniforme dans toutes les directions,
cliquez sur le bouton
de verrouillage sur la gauche.
La mise à l'échelle d'une dimension
applique une échelle similaire
à toutes les autres.
 
Comme pour le traitement de la position,
lorsque vous redimensionnez
un élément avec l'outil de sélection,
nous appliquons ces changements
à la largeur et à la hauteur
si vous modifiez
la taille de l'élément statique.
En revanche, si vous créez
une animation basée sur la taille,
nous appliquons alors
ces changements à l'échelle.
Voici l'animation.
La vue Code montre encore
que la règle de style
n'utilise que les valeurs "Gauche",
"Haut", "Largeur" et "Hauteur".

Chinese: 
 
除了改进基于位置的
动画效果的实现方式以外
我们还对基于尺寸的
动画效果的实现方式进行了更改
首先，Web Designer
现在支持沿坐标轴缩放
属性检查器中新增了一行
专用于设置X、Y和Z轴对应的缩放比例
这样一来
我就可以沿X、Y和Z轴进行缩放
如果想沿所有方向等比例缩放
您只需点击左侧的“锁定”按钮
然后调整任一坐标轴对应的缩放比例
即可沿所有轴等比例缩放
 
 
与对位置的处理方式相似
当您使用“选择”工具调整元素的尺寸时
如果是在改变元素的静态尺寸
相关变动就会应用到“宽度”和“高度”
但如果是在利用尺寸制作动画
相关变动则会应用到缩放比例
这就是相应的动画效果
在代码视图中，您可以再次看到
样式规则仅使用了
“left”、“top”、“width”和“height”

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

Portuguese: 
 
Além de aprimorar o
posicionamento das animações,
também alteramos a maneira como
as animações são dimensionadas.
Em primeiro lugar, o GWD agora
é compatível com canais de escala.
No Inspetor de propriedades, há uma
nova linha para as escalas "x",
"y" e "z".
Então, é possível
dimensionar "x", "y" e "z".
Caso você queira dimensionar o
elemento uniformemente em todas as
direções, é possível clicar
no botão de trava, à esquerda,
e o dimensionamento de um canal
resultará em um dimensionamento
similar em todos os canais.
 
Assim como ocorre com a posição,
ao redimensionar um elemento
com a ferramenta de seleção,
aplicamos as
alterações à largura e à altura,
se você estiver mudando
o tamanho estático do elemento,
mas, se você estiver criando
uma animação usando o tamanho,
aplicamos essas
mudanças para o dimensionamento.
Aqui está a animação.
E, na visualização de código,
é possível ver novamente que
a regra de estilo usa somente
esquerda, topo, largura e altura,

Korean: 
 
애니메이션 배치 방법을
개선한 것뿐만 아니라
애니메이션 크기와 관련된
변경사항도 있습니다.
먼저 Web Designer에서 이제
크기 조절 채널을 지원합니다.
속성 검사기를 보면
x, y, z 크기 조절을 위한
새로운 행이 있습니다.
여기에서 x, y, z 값으로
크기를 조절할 수 있습니다.
모든 방향으로 균일하게
크기를 조절하려는 경우
왼쪽에 있는 잠금
버튼을 클릭한 다음
채널 하나의 크기를
조절하면 전체 채널이
같은 크기로 조절됩니다.
 
위치를 처리하는
방식과 유사하게,
선택 도구를 사용해 요소의
크기를 조절하면
요소의 정적 크기를
변경할 때에는
너비 및 높이에
변경사항을 적용하지만,
크기를 사용해
애니메이션을 만들 때에는
변경사항을 적용해
크기를 조절합니다.
이 애니메이션에서
코드 보기를
다시 한 번 살펴보면
스타일 규칙은 왼쪽, 위쪽,
너비, 높이만 사용하지만

English: 
 
In addition to improving
how we animate position,
we have also made changes
to how we animate size.
First of all, Web Designer
now supports scale channels.
In the Property Inspector,
there's a new row for x, y
and z scale.
So I can scale in
x, and y and z.
If you want it to scale
uniformly in all directions,
you can click the lock
button on the left
and then scaling one channel
will make a similar scale
to all channels.
 
In analogy to how
we treat position,
if you resize an element
using the selection tool,
we apply those changes
to width and height
if you're changing the
element's static size,
but if you're creating
an animation using size,
we instead apply those
changes to scale.
So here's the animation.
And in code view
you can once again
see that the style rule only
uses left, top, width and height,

Chinese: 
 
除了改進設定動畫位移的方式外
我們也調整了動畫大小的設定方式
首先，Web Designer 新增了縮放值
屬性檢查器現在多了 X、Y 和 Z 軸的縮放列
屬性檢查器現在多了 X、Y 和 Z 軸的縮放列
可讓您沿著 X、Y 和 Z 軸進行縮放
如果想沿著所有方向等比例縮放
只要點選左側的鎖定按鈕
再調整任何一軸的縮放值
即可在所有方向進行同步縮放
再調整任何一軸的縮放值
即可在所有方向進行同步縮放
 
就像我們處理位移的方式一樣
當您使用選取範圍工具來調整元素的大小
如果您是變更靜態元素的大小
系統會以「寬度」和「高度」屬性來記錄變更
如果您要建立會改變大小的動畫
系統會以縮放屬性來記錄變更
這是製作完成的動畫
接著看到程式碼檢視模式
樣式規則只用了「left」(左側)、「top」(上方)、
「width」(寬度) 和「height」(高度) 屬性

Spanish: 
 
Además de mejorar
la animación de la posición,
hemos cambiado
el procedimiento para animar el tamaño.
En primer lugar, Web Designer
ahora admite canales de escala.
En el Inspector de Propiedades,
hay una fila nueva
con la que escalar X, Y y Z.
Así que podemos aplicar
escalas a X, Y y Z.
Si queremos aplicar escalas
uniformemente a todas las direcciones,
podemos hacer clic
en el botón de bloqueo de la izquierda
y así, al escalar un canal,
se aplicará una escala similar
a todos los canales.
 
Del mismo modo
en que tratamos la posición,
al cambiar el tamaño de un elemento
con la Herramienta de Selección,
dichos cambios se aplican
a la anchura y la altura
si estamos cambiando
el tamaño estático del elemento;
pero si estamos creando
una animación usando el tamaño,
en lugar de ello, dichos cambios
se aplican a la escala.
Aquí está la animación.
Y, en la vista de código, podemos ver,
una vez más, que la regla de estilo
solo usa los estilos
izquierdo, superior, ancho y alto,

English: 
In addition to improving
how we animate position,
we have also made changes
to how we animate size.
First of all, Web Designer
now supports scale channels.
In the Property Inspector,
there's a new row for x, y,
and z scale.
So I can scale in
x, and y, and z.
If you want it to scale
uniformly in all directions,
you can click the lock
button on the left
and then scaling one channel
will make a similar scale
to all channels.
In analogy to how
we treat position,
if you resize an element
using the selection tool,
we apply those changes
to width and height
if you're changing the
element's static size,
but if you're creating
an animation using size,
we instead apply those
changes to scale.
So here's the animation.
And in code view
you can once again
see that the style rule only
uses left, top, width, and height,

Dutch: 
 
We hebben niet alleen verbeterd
hoe de positie van animatie wordt voorzien,
maar ook gewijzigd hoe het
formaat van animatie wordt voorzien.
Ten eerste biedt Web Designer
nu ondersteuning voor schaalkanalen.
Het gedeelte met eigenschappen
bevat een nieuwe rij voor de x-, y-
en z-schaal.
Ik kan dus schalen in x, y en z.
Als u gelijkmatig
in alle richtingen wilt schalen,
klikt u op de vergrendelknop
aan de linkerkant.
Als u nu één kanaal schaalt,
wordt een vergelijkbare schaal toegepast
op alle kanalen.
 
Net zoals bij de positie,
als u het formaat van een element
aanpast met de tool Selectie,
passen we die wijzigingen toe
op breedte en hoogte
als u het statische formaat
van het element wijzigt.
Als u echter
een animatie maakt met formaat,
passen we die wijzigingen toe op de schaal.
Hier is de animatie.
En in de codeweergave kunt u weer zien
dat de stijlregel alleen
links, boven, breedte en hoogte gebruikt,

Chinese: 
畫格規則卻使用了
「scale3D」(3D 縮放) 和「translate3D」(轉譯 3D) 屬性
最後，我想介紹兩項
簡單而實用的改進
第一，現在可以更輕鬆地
建立讓元素多圈旋轉的動畫
為了示範
我來建立一個只有 2 秒鐘的簡易動畫
為了示範
我來建立一個只有 2 秒鐘的簡易動畫
這個元素會在畫面上前進
如果想讓元素旋轉兩圈
只要在第二個主要畫格設定 720 度
再次播放時
元素就會在前進過程中旋轉兩圈
以前需要設定多個主要畫格
才能達到這個效果
因為每個主要畫格最多只能旋轉 180 度
現在無論要旋轉幾度都沒問題
最後一項改進是
Web Designer 以前只支援
單次播放和無限循環播放動畫
但是現在
您也可以讓動畫循環播放固定次數
比方說，我可以建立一個
讓車子上下跳動的簡易動畫
比方說，我可以建立一個
讓車子上下跳動的簡易動畫

Russian: 
а в правилах ключевых кадров –
функции scale3d и translate3d.
Напоследок я расскажу о двух простых,
но очень полезных улучшениях.
Во-первых,
стало проще создавать анимацию,
в которой элемент вращается несколько раз.
Я создаю простую анимацию
продолжительностью в две секунды.
Перемещаю элемент по экрану.
Чтобы перевернуть его дважды,
достаточно задать 720° по оси Z
для второго ключевого кадра.
Запускаю анимацию:
элемент делает два полных переворота.
Раньше мне пришлось бы
создать несколько ключевых кадров,
поскольку элементы не могли
поворачиваться больше чем на 180°.
Теперь можно задавать любое значение.
И наконец, раньше Web Designer позволял
проигрывать анимацию один раз
или повторять ее бесконечно.
В новой версии можно
задавать количество повторений.
Например, создаю простую анимацию,
на которой автомобиль подпрыгивает вверх-вниз.

Korean: 
키 프레임 규칙은 3D 크기 조절 및
3D 변환을 사용하는 것을 볼 수 있습니다.
마지막으로 간단하지만
유용한 개선사항 두 가지를
말씀드리겠습니다.
첫 번째로, 이제
요소가 여러 번 회전하는
애니메이션을 더 쉽게
만들 수 있습니다.
간단한 애니메이션을
만들어 보겠습니다.
재생시간은 2초로 하겠습니다.
요소는 화면을
가로질러 움직입니다.
요소가 두 바퀴 회전하도록
두 번째 키 프레임에
720도를 설정하겠습니다.
이제 애니메이션을
재생하면 요소가
완전하게 두 바퀴를 회전하는
것을 볼 수 있습니다.
이전에는 키 프레임이
최대 180도까지만 지원되었기 때문에
이러한 움직임을 만들려면
여러 키 프레임이 필요했지만
이제 어떤 값이든 사용할 수 있습니다.
마지막으로,
이전에는 Web Designer에서
애니메이션을 한 번만 재생하거나
무제한으로 반복하는 것만 가능했지만
이제는 정해진 횟수만큼 애니메이션을
반복 재생할 수 있습니다.
예를 들어 자동차가
위아래로 움직이는 간단한
애니메이션을 만들어 보겠습니다.

Portuguese: 
mas a regra de frames-chave usa
dimensionamento 3D e translação 3D.
Por fim, eu gostaria de falar
sobre duas melhorias mais simples,
mas muito úteis que realizamos.
Em primeiro lugar,
agora é mais fácil criar animações
nas quais um
elemento realiza diversos giros.
Criarei uma animação simples.
Ela tem dois segundos de duração.
O elemento se move pela tela.
E, para ele girar duas vezes,
basta definir 720 graus
no segundo frame-chave.
Ao reproduzir, vemos que
ele realiza dois giros completos.
Anteriormente, eram
necessários vários frames-chave,
pois os frames-chave
podiam ter no máximo 180 graus,
mas agora é
possível inserir qualquer valor.
Por fim, o Google Web Designer
permitia reproduzir a
animação uma vez ou em loops,
indefinidamente, mas agora
também é possível fazer com que
a animação realize um loop
por determinado número de vezes.
Por exemplo, criarei uma
animação simples na qual
este carro irá
para cima e para baixo.

Polish: 
ale reguła klatek kluczowych ma wartości
skala 3D i przesunięcie 3D.
Na koniec powiem jeszcze
o dwóch prostszych,
ale przydatnych ulepszeniach.
Przede wszystkim teraz
możesz łatwiej tworzyć animacje,
w których element
wykonuje wiele obrotów.
Utworzę tu prostą animację.
Trwa ona dwie sekundy.
Element przesuwa się po ekranie.
Aby obrócił się dwa razy,
ustawię wartość 720 stopni
na drugiej klatce kluczowej.
Odtworzę teraz animację:
widać dwa pełne obroty.
Przedtem taka animacja
wymagała wielu klatek kluczowych,
ponieważ różnica kąta mogła
wynosić najwyżej 180 stopni.
Teraz dozwolona jest każda wartość.
Poprzednie wersje Web Designera
umożliwiały odtworzenie animacji
raz lub w nieskończonej pętli,
ale teraz możesz też
odtworzyć animację
ustaloną liczbę razy.
Utworzę na przykład
prostą animację, w której
samochód skacze w górę i w dół.

Dutch: 
maar dat de keyframe-regel
3D-schaal en 3D-vertaling gebruikt.
Ten slotte wil ik het hebben
over twee eenvoudigere, maar nuttige
verbeteringen die we hebben aangebracht.
Ten eerste is het nu
gemakkelijker om animaties te maken
waarbij een element
meerdere keren wordt geroteerd.
Ik maak hier een eenvoudige animatie.
Hij duurt twee seconden.
Het element beweegt over het scherm.
En als ik het twee keer wil laten roteren,
stel ik 720 graden in
voor het tweede keyframe.
Als ik de animatie nu afspeel, zien we
dat deze twee keer volledig wordt geroteerd.
Voorheen waren hiervoor
meerdere keyframes nodig
omdat keyframes niet
meer dan 180 graden uit elkaar konden zijn,
maar nu is elke waarde geldig.
Ten slotte kon u eerder in Web Designer
een animatie één keer afspelen
of deze oneindig
herhalen, maar nu kunt u
een animatie een vast
aantal keren laten herhalen.
Ik kan een eenvoudige
animatie maken waarbij
deze auto op en neer stuitert.

Italian: 
mentre i fotogrammi chiave usano
la traslazione 3D e la scala 3D.
Infine, vorrei mostrarti altri due
miglioramenti, più semplici
ma ugualmente utili.
Prima di tutto, è diventato più facile
creare animazioni
in cui un elemento ruota compiendo
più giri.
Creerò una semplice animazione
che dura due secondi.
L'elemento si sposta sullo schermo.
Per farlo ruotare due volte, imposto
semplicemente 720° sul secondo
fotogramma chiave.
Quando riproduco l'animazione,
vediamo che
l'elemento compie due giri completi.
In precedenza, questa animazione avrebbe
richiesto più fotogrammi chiave
in quanto il loro valore massimo
era di 180°.
Ora possiamo invece utilizzare
qualsiasi valore.
Infine, una volta Web Designer
consentiva di
riprodurre un'animazione una volta o
ripeterla ciclicamente
a tempo indeterminato, mentre
adesso puoi anche
ripetere l'animazione per un
numero fisso di volte.
Ad esempio, creo una semplice
animazione in cui
l'auto salta su e giù.

Spanish: 
pero la regla de fotograma utiliza
la escala y la traslación para 3D.
Por último, quiero hablar de
dos mejoras más sencillas pero útiles
que hemos efectuado.
En primer lugar, ahora
es más fácil crear animaciones
en las que un elemento
gira dando varias vueltas.
Voy a crear aquí
una animación sencilla.
Dura dos segundos.
El elemento
se mueve por la pantalla.
Y para que gire
dos veces, solo
tengo que especificar
720 grados en el segundo fotograma.
Ahora, al reproducirlo,
vemos que da dos vueltas completas.
Antes, se requerían varios fotogramas
porque estos solo podían
separarse 180 grados como máximo.
Ahora se puede usar cualquier valor.
Por último, antes,
en Web Designer,
se podía reproducir
una animación una vez o repetirla
indefinidamente, pero
ahora también se puede
repetir un número determinado de veces.
Así que, por ejemplo, crearé
una animación sencilla
donde este coche rebota arriba y abajo.

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

English: 
but the key frames rule uses
scale 3D and translate 3D.
Finally, I want to talk about
two simpler but still useful
improvements that we've made.
First of all, it is now
easier to create animations
where an element rotates
through multiple revolutions.
So I will create a
simple animation here.
It's two seconds in duration.
The element moves
across the screen.
And to make it
rotate twice, I'll
simply set 720 degrees
on the second key frame.
And now when I play
it back, we see
that it goes through
two full revolutions.
Previously, this would have
required multiple key frames
because key frames could only
be, at most, 180 degrees apart,
but now any value is legal.
Finally, in the
past, Web Designer
let you play either an
animation once or to loop it
indefinitely, but
now you can also
have an animation loop
a fixed number of times.
So for example, I'll create
a simple animation where
this car bounces up and down.

Turkish: 
ancak animasyon kareleri kuralı
3D ölçek ve 3D çevirmeyi kullanır.
Son olarak, yaptığımız daha
basit ama yine de yararlı
iki iyileştirmeden söz
etmek istiyorum.
Öncelikle, bir öğenin birden
çok dönüş yaptığı animasyonları
artık daha kolay
oluşturabilirsiniz.
Şimdi burada, basit
bir animasyon oluşturacağım.
Süresi iki saniye olacak.
Öğe, ekran boyunca
hareket ediyor.
Bunun iki kez dönmesini
sağlamak için
ikinci animasyon karesinde
720 derece değerini ayarlıyorum.
Şimdi tekrar oynattığımda,
iki tam dönüş
yaptığını görüyoruz.
Önceden bunun için birden
çok animasyon karesine ihtiyaç
oluyordu; çünkü, animasyon kareleri
en fazla 180 derece değişebiliyordu,
ama şimdi tüm değerler geçerli.
Son olarak, eskiden
Web Designer,
bir animasyonu bir kez
veya sonsuz döngüde
oynatmanıza izin veriyordu,
ama şimdi bir animasyon için
sabit sayıda döngü
oluşturabilirsiniz.
Örneğin, bu arabanın yukarı
aşağı zıpladığı basit bir
animasyon oluşturacağım.

Japanese: 
キーフレームルールは
scale3dとtranslate3dを使用しています
最後に シンプルですが便利な
2つの改善点をお話しします
最後に シンプルですが便利な
2つの改善点をお話しします
まず要素が複数回 回転する
アニメーションの作成が容易になりました
まず要素が複数回 回転する
アニメーションの作成が容易になりました
簡単なアニメーションを作成してみます
この要素は2秒で画面を横切ります
この要素は2秒で画面を横切ります
2つ目のキーフレームに720度を設定し
2回転させます
2つ目のキーフレームに720度を設定し
2回転させます
再生してみると
このように2回転しますね
再生してみると
このように2回転しますね
以前は キーフレームは
最大でも180度までだったため
これを行うには複数の
キーフレームが必要でしたが
今では任意の値が使えます
また以前のWeb Designerでは
アニメーションは1度か永久ループの
どちらかしか選べませんでしたが
アニメーションは1度か永久ループの
どちらかしか選べませんでしたが
ループ回数を指定できるようになりました
たとえば車が上下にはねる
アニメーションを作成してみましょう
たとえば車が上下にはねる
アニメーションを作成してみましょう

French: 
Celle des images clés utilise la mise
à l'échelle et la translation 3D.
Enfin, parlons de
deux améliorations plus simples,
mais bien utiles.
Premièrement, il est désormais
plus facile de créer des animations
pour faire pivoter
un élément à plusieurs reprises.
Je vais créer une animation simple.
Elle dure deux secondes.
L'élément traverse l'écran.
Pour le faire pivoter deux fois,
je définis 720°
sur la deuxième image clé.
Maintenant, lorsque je lance la lecture,
l'élément effectue deux tours complets.
Auparavant, il aurait fallu
plusieurs images clés,
car celles-ci ne pouvaient pas
être espacées de plus de 180°.
Toute valeur est désormais acceptée.
Deuxièmement, Web Designer
permettait auparavant
de lire une animation
une fois ou indéfiniment.
Désormais, vous pouvez
répéter une animation
autant que vous le souhaitez.
Par exemple, je vais créer
une animation simple
dans laquelle cette voiture rebondit.

English: 
but the key frames rule uses
scale 3D and translate 3D.
Finally, I want to talk about
two simpler but still useful
improvements that we've made.
First of all, it is now
easier to create animations
where an element rotates
through multiple revolutions.
So I will create a
simple animation here.
It's two seconds in duration.
The element moves
across the screen.
And to make it
rotate twice, I'll
simply set 720 degrees
on the second key frame.
And now when I play
it back, we see
that it goes through
two full revolutions.
Previously, this would have
required multiple key frames
because key frames could only
be, at most, 180 degrees apart,
but now any value is legal.
Finally, in the
past, Web Designer
let you play either an
animation once or to loop it
indefinitely, but
now you can also
have an animation loop
a fixed number of times.
So for example, I'll create
a simple animation where
this car bounces up and down.

German: 
in der Keyframe-Regel jedoch
"Skalierung 3D" und "Übersetzung 3D".
Zuletzt möchte ich Ihnen
noch zwei unserer einfacheren
aber dennoch hilfreichen
Verbesserungen vorstellen.
Erstens können Sie jetzt
einfacher Animationen erstellen,
bei denen ein Element
mehrere Umdrehungen durchläuft.
Ich erstelle jetzt eine einfache Animation.
Sie dauert zwei Sekunden.
Das Element bewegt
sich über den Bildschirm.
Damit es zweimal rotiert,
lege ich im zweiten Keyframe
720 Grad fest.
Wenn ich die Animation abspiele,
durchläuft das Element
zwei volle Umdrehungen.
Vorher wären dafür mehrere
Keyframes notwendig gewesen,
da Keyframes maximal 180 Grad
auseinander liegen konnten.
Jetzt kann ein beliebiger
Wert eingegeben werden.
Zweitens konnte man
früher bei Google Web Designer
eine Animation entweder einmal oder
in einer unendlichen Schleife abspielen.
Jetzt haben Sie auch die Möglichkeit,
eine Animationsschleife mit einer
festgelegten Schleifenanzahl einzurichten.
Ich erstelle jetzt z. B.
eine einfache Animation,
bei der das Auto auf- und abhüpft.

Chinese: 
而关键帧规则却使用了
“scale3d”和“translate3d”
最后，我想介绍两项
虽然更简单却很实用的改进
第一项，您现在可以更轻松地
让某个元素实现旋转多圈的动画效果
我来制作一段简单的动画作为示范
该动画的持续时间为2秒钟
这个元素会在屏幕上横向移动
若想让它旋转两圈
我只需针对第二个关键帧
设置“720”度的旋转度数即可
现在，当我重新播放该动画时
这个元素就会在横移的过程中旋转整整两圈
在以前，您必须使用多个关键帧
才能实现这种效果
因为当时关键帧之间的间隔
最多只支持180度的旋转
而现在，任意度数的旋转均可实现
最后，在过去，Web Designer
只提供两种动画播放选项：
要么播放一次，要么无限循环播放
而现在，您也可以
让动画循环播放固定的次数
例如，我可以制作一段简单的动画
使这辆汽车上下跳动

Korean: 
이런 식으로 말이죠.
이제 향상된
타임라인 모드에서
반복 옵션을
선택하여
3번 반복하도록
설정하겠습니다.
재생해 보면
말할 것도 없이
위아래로 3번 움직이는
것을 볼 수 있습니다.
애니메이션과 관련된
모든 개선사항을
보여 드렸습니다.
시청해 주셔서 감사합니다.
 

Turkish: 
İşte oldu.
Şimdi, zaman çizelgesinin
gelişmiş modunda döngü
seçeneklerini belirleyip
animasyonun üç
döngü yapmasını sağlayacağım.
Tekrar oynatırsam,
beklendiği gibi,
üç kez zıpladığını görürüz.
Animasyon iyileştirmelerimizle
ilgili göstermek istediklerim
bu kadar.
İzlediğiniz için teşekkürler.
 

German: 
Und zwar so.
Im erweiterten Modus der Zeitachse
wähle ich die Schleifenoptionen aus
und lege drei Schleifen fest.
Wenn ich die Animation abspiele,
hüpft das Auto jetzt
dreimal auf und ab.
Und das war auch schon alles,
was ich Ihnen über die
Verbesserungen von
Animationen zeigen wollte.
Danke fürs Zuschauen.
 

Dutch: 
Hier is de animatie.
In de geavanceerde modus van de tijdlijn
selecteer ik nu de herhaalopties.
Ik laat de animatie drie keer herhalen.
Als ik deze nu afspeel, zien we inderdaad
dat de auto drie keer stuitert.
Dat is alles wat ik u
wilde laten zien over onze
animatieverbeteringen.
Bedankt voor het kijken.
 

Chinese: 
就像這樣
現在，在時間軸的「進階」模式中
我要選取循環播放選項
然後指定循環播放三次
再次播放時
就會看到車子彈起三次
以上就是我們對於動畫功能所做的改進
以上就是我們對於動畫功能所做的調整
感謝您的收看
 

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

English: 
There it is.
And now in the advanced
mode of the timeline,
I will select the
looping options
and have it loop three times.
And if I play it
back, sure enough,
we see that it
bounces three times.
That's all I wanted to show
you about our animation
improvements.
Thank you for watching.
 

Chinese: 
就像这样
现在，在时间轴的“高级”模式中
我将选择循环播放选项
并指定循环播放“3”次
如果我重新播放该动画
我们将看到，这辆汽车果然会跳动3次
以上就是我们在动画方面做出的所有改进
 
谢谢观看！
 

Italian: 
Ecco.
Ora, nella modalità avanzata della
sequenza temporale,
seleziono le opzioni di ripetizione per
ripetere l'animazione tre volte.
Se la riproduco, vediamo
che l'auto rimbalza tre volte.
Questo video sui miglioramenti
apportati alle animazioni
termina qui.
Grazie per l'attenzione.
 

Polish: 
Oto ona.
Teraz na osi czasu
w trybie zaawansowanym
wybiorę opcje zapętlania
i ustawię trzy powtórzenia.
Teraz odtworzę animację:
widzimy trzy podskoki.
To wszystkie
ulepszenia animacji,
które chciałem pokazać.
Dziękuję za uwagę.
 

Portuguese: 
Pronto.
E agora, no modo
avançado da linha do tempo,
selecionarei as opções de loop
e configurarei para três loops.
Como previsto, ao reproduzir,
vemos o carro pular três vezes.
Isso é tudo o que
queria mostrar sobre
os aprimoramentos de animações.
Agradecemos pela atenção.
 

English: 
There it is.
And now in the advanced
mode of the timeline,
I will select the
looping options
and have it loop three times.
And if I play it
back, sure enough,
we see that it
bounces three times.
That's all I wanted to show
you about our animation
improvements.
Thank you for watching.

Japanese: 
できました
タイムラインの詳細モードから
ループオプションを選び
タイムラインの詳細モードから
ループオプションを選び
3回ループさせます
再生してみると
確かに3回上下にはねます
再生してみると
確かに3回上下にはねます
以上 アニメーションの改善点
についてご紹介しました
以上 アニメーションの改善点
についてご紹介しました
ご視聴ありがとうございました
 

French: 
Voilà.
Dans le mode avancé de la timeline,
je sélectionne
les options de répétition,
et je répète l'animation trois fois.
Lorsque je lance la lecture,
la voiture rebondit bien trois fois.
C'est tout pour les améliorations
apportées à l'animation.
Merci de votre attention.
 

Spanish: 
Ahí está.
Y ahora, en el modo
avanzado de la línea de tiempo,
seleccionaré
las opciones de repetición
y especificaré que se repita tres veces.
Y, si ahora lo reproduzco,
efectivamente,
vemos que rebota tres veces.
Esto es todo lo que quería
explicar sobre nuestras mejoras
en las animaciones.
Gracias por tu atención.
 

Russian: 
Готово.
Перехожу в расширенный режим временной шкалы,
выбираю параметры повтора
и устанавливаю значение – три раза.
Проверяю:
автомобиль подпрыгивает три раза.
Это все, что я хотел рассказать
об улучшениях анимации.
Спасибо за внимание.
 
