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

Spanish: 
Soy Kent,
especialista de Google Web Designer
y voy a mostrarte
cómo usar esta herramienta.
La aplicación
tiene una pantalla de bienvenida
con opciones como
Crear archivo y Usar plantilla.
Crearé un archivo.
Banner está seleccionado
de forma predeterminada
pero hay otras opciones.
Pongo un nombre de archivo.
Nada más
pero reviso las otras opciones.
Mi ubicación es el ordenador
pero puedo cambiarla.
El entorno se puede cambiar.
A veces uso Google Ads.
Y se puede cambiar el tamaño
para hacerlo adaptable
y el modo de animación
Rápido o Avanzado.
Hago clic en Aceptar.
Veamos los paneles.
Puedes ponerlos como quieras.
Mover un grupo de paneles
o anclarlo en el otro lado

Chinese: 
我叫Kent
是Google Web Designer团队的广告专家
我想给大家介绍一下如何开始使用
Google Web Designer
打开应用后
您会看到这个欢迎屏幕
两个主要选项是“新建文件”和“打开模板”
在本例中，我会新建一个文件
在这个屏幕上您会看到
默认选中了横幅广告
不过，您可以选择这些其他选项
我现在输入文件名
其他选项都保留默认值
我们快速浏览一下其他选项
位置默认设置为“Desktop”
但可以更改
您可以更改环境
有时我会使用Google Ads
您可以更改尺寸
将其设置为自适应
还能将动画模式在“快速”或“高级”之间切换
设定好后，点击“确定”
现在我想介绍一下各个面板
您可以按照自己的喜好
将它们按任何方式重新整理
例如移动某组面板
或是将其放置在另一侧

Dutch: 
Mijn naam is Kent.
Ik ben de creative specialist van
het Google Web Designer-team
en ik wil u laten zien hoe u aan de
slag gaat met Google Web Designer.
Wanneer u de app start,
ziet u dit welkomstscherm.
U kunt of een nieuw bestand 
maken of een template openen.
Ik maak nu een nieuw bestand.
Op dit scherm is advertentiebanner
standaard geselecteerd.
maar er zijn andere keuzen.
Ik voer een bestandsnaam in
en laat de rest zoals het is.
Ik laat wel even de
andere keuzen zien.
Mijn locatie staat
op Bureaublad
en dat kunt u hier wijzigen.
U kunt de omgeving wijzigen.
Soms gebruik ik Google Ads.
De afmetingen kunt u wijzigen.
U kunt de tekst responsief maken
en de animatiemodus instellen
op Snel of Geavanceerd.
Klik op OK als u klaar bent.
Nu wil ik het hebben over de deelvensters.
U kunt ze neerzetten waar u maar wilt.
U kunt een deelvenster verplaatsen
of aan de andere kant vastzetten.

German: 
Ich bin Kent,
Creative Specialist
im Google Web Designer-Team.
Ich werde Ihnen heute zeigen,
wie Sie dieses Tool einsetzen können.
Wenn Sie die Anwendung öffnen, wird
dieser Begrüßungsbildschirm angezeigt.
Hier finden Sie die Optionen
"Neue Datei erstellen" und "Vorlage verwenden".
Ich erstelle eine neue Datei.
Hier ist standardmäßig "Banner" ausgewählt,
es stehen jedoch weitere Optionen zur Auswahl.
Ich gebe einen Dateinamen ein und
behalte die anderen Einstellungen bei.
Über diese können Sie
bei Bedarf Folgendes ändern:
Hier lässt sich der Speicherort
ändern. Derzeit ist es mein Desktop.
Hier können Sie die Umgebung festlegen.
Manchmal verwende ich Google Ads.
Hier können Sie die Größe ändern.
Sie können die Anzeige zu
einer responsiven Anzeige machen
und den Animationsmodus festlegen.
Klicken Sie auf "OK",
wenn alle Einstellungen passen.
Sehen wir uns nun die Steuerfelder an.
Sie können die Reihenfolge ändern,
indem Sie beispielsweise
eine Gruppe verschieben
oder an der anderen Seite andocken.

Japanese: 
Kentです
Google Web Designerチームの
クリエイティブスペシャリストです
Google Web Designerの使い方を
ご紹介します
アプリを開くと
最初にこの画面が表示され
新しいファイルを作成するか
テンプレートを使うかを選べます
ここでは新しいファイルを作成します
この画面ではデフォルトで
バナー広告が選択されていますが
他の広告も選択できます
ファイル名を入力し
設定はそのまま変えませんが
内容をざっと見てみましょう
[場所]は「Desktop」になっていますが
ここで変更できます
[環境]も変更できます
[Google 広告]などを指定できます
ディメンションも変更できます
レスポンシブにもできます
[アニメーションモード]は
[クイック]と[詳細]を切り替えられます
設定が済んだら[OK]をクリックします
次にパネルについて説明します
パネルの配置は自由に変更できます
パネルグループを移動したり
反対側に置いたりできます

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

Turkish: 
KENT: Adım Kent.
Google Web Designer
ekibinde reklam öğesi uzmanıyım.
Google Web Designer kullanmaya
nasıl başlayacağınızı göstereceğim.
Uygulamayı açtığınızda
bu karşılama ekranı görünür.
Yeni dosya oluşturma ve şablon açma
seçenekleri sunulur.
Bu videoda yeni bir dosya oluşturacağız.
Burada Reklamlar'daki Banner'ın
varsayılan olarak seçildiğini
görebilirsiniz. Başka seçenekleriniz
de vardır.
Dosya adı girip diğer seçenekleri
olduğu gibi bırakacağım.
Diğer seçenekleri kısaca göstereceğim.
Konumumu Masaüstü olarak ayarladım.
Buradan konumu değiştirebilirsiniz.
Ortamı değiştirebilirsiniz.
Bazen Google Ads'i kullanırım.
Boyutu değiştirebilirsiniz.
Duyarlı yapabilirsiniz.
Hızlı veya Gelişmiş animasyon
modu seçebilirsiniz.
Hazır olduğunuzda TAMAM'ı tıklayın.
Şimdi panellerden bahsedeceğim.
Bunları dilediğiniz gibi
düzenleyebilirsiniz.
Örneğin bir panel grubunu taşıyabilir
veya ekranın diğer kenarına
sabitleyebilirsiniz.

Portuguese: 
KENT: Meu nome é Kent.
Cuido da criação
na equipe do Google Web Designer
e vou mostrar como
começar a usar o produto.
Ao abrir o app,
você verá a tela de boas-vindas.
As duas opções são
"Criar novo arquivo" e "Abrir modelo".
Neste caso, vou criar um novo arquivo.
Nessa tela, você verá o
anúncio de banner selecionado por padrão.
mas há essas outras escolhas.
Vou inserir um nome de arquivo
e deixar o resto assim,
mas vou mostrar as outras opções.
O local está como "Computador",
e posso alterar isso aqui.
É possível alterar o ambiente.
Às vezes uso o Google Ads.
Você pode mudar tamanho,
torná-lo responsivo
e usar os modos de animação
"Rápido" e "Avançado".
Quando estiver pronto, clique em "OK".
Agora, vou falar sobre os painéis.
Você pode reorganizá-los como quiser.
Por exemplo, mova um grupo de painéis
ou arraste para o outro lado.

English: 
KENT: My name is Kent
I'm the creative specialist
on the Google Web Designer team
and I'd like to show you how to get started with Google Web Designer
When you open the app
you'll see this welcome screen
and the two main choices are create new file and open template
In this case I'll make
a new file
On this screen you'll see ad banner selected by default
but you
have these other choices
I'm gonna enter a filename
and leave everything else as
is
but quickly run through the other choices
I have my location set to
Desktop
and that can be changed here
You can change the environment
sometimes I'm
using Google Ads
You can change the size
make it responsive
and change the animation mode between Quick and Advanced
When you're ready click OK
Now I'd like to talk about the panels
You can rearrange these any way you'd like
for example move a panel group
or dock it to the other side

Chinese: 
KENT：我叫 Kent
我是 Google Web Designer 小組的
廣告素材專家
我要向大家介紹
Google Web Designer 的入門使用技巧
開啟應用程式時
您會看到歡迎畫面
還有建立新檔和開啟範本這兩個主要選項
在本影片中，我會選擇製作新檔案
在這個畫面中
系統已預設選取廣告橫幅
但這裡也有其他選項
我要輸入檔案名稱
其他項目全都保持原狀
但我們要快速瀏覽一下其他選項
我把位置設在桌面
可以在這裡變更設定
您也可以變更環境
有時我會使用 Google Ads
您可以變更尺寸
勾選回應式廣告大小
變更動畫模式，有 [快速] 和 [進階] 兩種
設定完成後，按一下 [確定]
現在為您介紹面板
您可以視需要任意調整版面位置
例如移動某個面板群組
或是將其固定在另一側

Korean: 
안녕하세요
저는 Google Web Designer팀의
광고 소재 전문가인 Kent라고 합니다
이번 시간에는 Google Web Designer를
시작하는 방법에 대해 알아보겠습니다
앱을 열면
환영 화면이 나타나며
새 파일 만들기 또는 템플릿 사용을
선택할 수 있습니다
여기에서는 새 파일을 만들어보겠습니다
기본 설정으로 선택된
광고 배너가 나타나지만
다르게 선택할 수도 있습니다
파일명을 입력하고
나머지는 그대로 두고
다른 옵션을 살펴보겠습니다
위치는 바탕 화면으로 설정했습니다
여기서 변경할 수 있죠
환경도 변경할 수 있습니다
Google Ads를 사용하겠습니다
크기를 변경하고
반응형으로 설정하고
애니메이션 모드로 빠른 모드 또는
고급 모드를 선택할 수 있습니다.
설정이 완료되면
확인을 클릭합니다
그럼 패널에 대해
설명해 드리겠습니다
패널은 원하는 대로 배치할 수 있습니다
예를 들어 패널 그룹을 옮기거나
반대쪽에 놓을 수 있습니다

Italian: 
Sono Kent
l'esperto di creatività del team
di Google Web Designer
e vi mostrerò come iniziare
a utilizzare questo strumento.
All'apertura dell'app
compare questa schermata iniziale
le cui opzioni principali sono 
creare un nuovo file o aprire un modello.
In questo caso creerò un nuovo file.
Come impostazione predefinita
è selezionato l'annuncio banner
ma sono disponibili altre opzioni.
Inserisco un nome di file
e lascio le altre impostazioni
così come sono
ma vediamole rapidamente.
La posizione impostata è il desktop
e può essere cambiata qui.
Posso cambiare l'ambiente:
a volte uso Google Ads.
Posso cambiare la dimensione,
rendere l'annuncio adattabile
e scegliere la modalità di animazione
Rapida o Avanzata.
Al termine faccio clic su OK.
Vediamo ora i riquadri.
È possibile disporli come si preferisce
ad esempio spostando un gruppo di riquadri
o ancorandoli
dalla parte opposta della finestra.

French: 
Je m'appelle Kent
et je suis spécialiste des créations
pour Google Web Designer.
Je vais vous expliquer
comment démarrer avec Google Web Designer.
À l'ouverture,
l'écran de bienvenue
vous permet
de créer un fichier ou d'ouvrir un modèle.
Pour l'instant, je vais créer un fichier.
Ici, "Bannière" est sélectionné par défaut,
mais vous avez d'autres options.
Saisissez un nom de fichier
et ne changez rien d'autre,
mais examinez rapidement les paramètres.
L'emplacement est défini sur "Bureau",
mais vous pouvez le modifier,
tout comme l'environnement.
J'utilise parfois Google Ads.
Vous pouvez changer la taille,
rendre l'annonce responsive,
et choisir un mode d'animation
rapide ou avancé.
Lorsque vous êtes prêt, cliquez sur "OK".
Je vais maintenant parler des panneaux.
Vous pouvez les réorganiser
comme vous voulez,
en déplaçant un groupe de panneaux
ou en l'insérant de l'autre côté,
par exemple.

Polish: 
Nazywam się Kent
i jestem specjalistą ds. kreacji
w zespole Google Web Designera.
zobaczysz ekran powitalny.
Możesz wybrać jedną z dwóch opcji:
utworzyć nowy plik lub otworzyć szablon.
Pokażę Ci, jak rozpocząć
pracę w aplikacji Google Web Designer.
Po otwarciu aplikacji
W tym przypadku
utworzę nowy plik.
Na tym ekranie zobaczysz
domyślnie wybrany baner reklamowy,
ale dostępne są też inne opcje.
Wpiszę nazwę pliku
i pozostawię resztę bez zmian,
ale omówię krótko pozostałe opcje.
Ustawioną przeze mnie
lokalizacją jest Pulpit.
Można ją zmienić tutaj.
Możesz zmienić środowisko
– ja czasami używam Google Ads.
Możesz zmienić rozmiar,
wybrać układ elastyczny
i zmienić tryb animacji
na szybki lub zaawansowany.
Gdy skończysz, kliknij OK.
Teraz przyjrzyjmy się panelom.
Możesz je rozmieścić w dowolny sposób,
np. możesz przenieść grupę paneli
lub zadokować ją po drugiej stronie.

Japanese: 
グループ内でタブの順序を変更したり
新しいグループを作ったりもできます
パネルヘッダーをクリックして
グループを展開したり閉じたりできます
パネルグループの一番下にカーソルを合わせ
この双方向矢印アイコンが表示されたら
クリックしてドラッグすれば
パネルグループの高さを調整できます
ダブルクリックすると
そのグループの高さが最大になります
次にアセットをインポートします
私はいつも
ドラッグ＆ドロップを使っています
この時点でアセットを削除しても
ファイルはライブラリに残ります
ファイルはライブラリに直接ドラッグしても
メインメニューの[ファイル]>
[アセットをインポート]でも読み込めます
まず最初にガイド画像を
ステージにドラッグします
選択ツールを有効にして
ツールオプションで
[コンテナに揃える]
[上端に位置揃え]
[左端に位置揃え]を有効にします

Chinese: 
您可以更改一组面板中各个标签的顺序
或是创建一组新面板
点击面板标题可以折叠或展开一组面板
将鼠标悬停在一组面板底部
直到看到这个双箭头图标
此时点击并拖动即可
调整这组面板的高度
双击则可以设置为最大高度
首先我要导入一些素材
通常直接拖放即可导入
即便现在删除这些素材
相关文件仍会显示在资料库中
我也可以直接拖放到资料库中
或是使用主菜单中的“文件”>“导入素材资源”
第一个图片是引导图片
我会将其拖放到场景中
让选择工具处于启用状态
使用工具选项来指定与容器对齐
顶部对齐
左侧对齐

Spanish: 
cambiar el orden de las pestañas
o crear otros grupos.
Un clic en el encabezado del panel
oculta o muestra un grupo.
Al final de un grupo de paneles
hay este icono de dos flechas.
Haz clic y arrástralo
para ajustar la altura del grupo
o doble clic para maximizarla.
Importaré algunos recursos
con la función arrastrar y soltar.
Aunque los elimine
se muestran en mi biblioteca.
Puedo arrastrarlos a ella
o usar Archivo > Importar recursos
en el menú principal.
La primera imagen es la guía
que arrastro a la escena.
Activo la selección
y uso las opciones
para alinear con el contenedor
borde superior

Chinese: 
您可以變更群組內的分頁順序
或是建立新群組
按一下面板標題即可將群組收合或展開
將滑鼠懸停在某個面板群組的底部
直到這個雙向箭頭圖示出現
然後您就可以用拖曳的方式
調整面板群組的高度
按兩下則會將群組高度拉到最大
首先我要匯入一些素材資源
通常我會用拖曳的方式
即使現在我刪除這些素材
仍然可以在素材庫看到這些檔案
此外，我也可以直接拖曳到素材庫
或是點選 [檔案]
然後從主選單選取 [匯入素材資源]
我要使用的第一張圖片是導引圖片
我會拖曳到中心區域
啟用「選取」工具
使用我的工具選項來對齊容器
上邊
和左邊

English: 
You can change the
order of the tabs within a group
or create new groups
You can click a panel
header to collapse or expand a group
Hover over the bottom of a panel group
until you see this double arrow icon
then you can click and drag to adjust
the panel group height
or double-click to maximize the group height
I'm going
to import some assets to get started
and usually I just do it by drag and drop
Even if I delete them now
I still see
those files in my library
and I can also drag straight to the library
or use File > Import assets from the main menu
The first image I want is the guide
which
I'll drag to my stage
and with the selection tool active
use my tool
options to Align the container
and top
and left

French: 
Vous pouvez changer
l'ordre des onglets dans un groupe
ou créer des groupes.
Vous pouvez cliquer sur un en-tête
pour développer ou réduire un groupe.
Passez la souris au bas
d'un groupe de panneaux
pour afficher cette double flèche,
puis cliquez et faites glisser pour
ajuster la hauteur du groupe de panneaux,
ou double-cliquez pour maximiser la hauteur.
Pour commencer,
je vais importer quelques éléments.
Généralement,
j'utilise le glisser-déposer.
Même si je les supprime,
je vois toujours ces fichiers
dans ma bibliothèque.
Je peux les faire glisser
vers la bibliothèque
ou utiliser Fichier > Importer des éléments
dans le menu principal.
J'ajoute d'abord l'image guide,
que je fais glisser
vers l'espace de création.
Avec l'outil de sélection activé,
j'utilise les options
pour aligner le conteneur,
le bord supérieur

Polish: 
Możesz zmienić kolejność kart w grupie
lub utworzyć nowe grupy.
Możesz kliknąć nagłówek panelu,
by zwinąć lub rozwinąć grupę.
Najedź kursorem
na dolną krawędź grupy paneli,
aż zobaczysz ikonę podwójnej strzałki,
a następnie kliknij ją i przeciągnij,
by dostosować wysokość grupy,
lub kliknij dwukrotnie,
by ją zmaksymalizować.
Zaimportuję teraz
zasoby, by rozpocząć pracę.
Zwykle korzystam w tym celu
z metody „przeciągnij i upuść”.
Nawet jeśli teraz usunę te pliki,
nadal będą one widoczne w bibliotece.
Mogę je również przeciągnąć
bezpośrednio do biblioteki
lub wybrać z menu głównego
Plik > Importuj zasoby.
Zacznę od prowadnicy,
którą przeciągnę na scenę.
Użyję narzędzia do zaznaczania,
by wyrównać względem kontenera:
jego górnej

Portuguese: 
É possível mudar a ordem
das guias no grupo
ou criar novos grupos.
Você pode clicar no cabeçalho do painel
para recolher ou expandir um grupo.
Passe o cursor sobre a
parte inferior do grupo
até ver este ícone de seta dupla
e clique e arraste para ajustar
a altura do grupo de painéis
ou clique duas vezes
para maximizar a altura.
Vou importar alguns recursos,
que geralmente só arrasto e solto.
Mesmo se eu excluir agora,
eu ainda verei esses arquivos
na minha biblioteca.
E também posso arrastar para a biblioteca
ou usar "Arquivo > Importar arquivos"
no menu principal.
A primeira imagem que vou usar é a guia,
então vou arrastar para o cenário,
e com a ferramenta de seleção,
usar as opções para alinhar o contêiner,
escolher parte superior
e esquerda.

German: 
Sie können die Tabs in
einer Gruppe umsortieren
oder neue Gruppen erstellen.
Mit einem Klick auf einen Titel lässt sich
eine Gruppe maximieren oder minimieren.
Wenn Sie die Maus über den unteren
Bereich einer Steuerfeldgruppe bewegen,
wird ein Doppfelpeil angezeigt.
Nun können Sie die Höhe der
Gruppe durch Ziehen mit der Maus ändern
oder mit einem Doppelklick maximieren.
Ich importiere jetzt einige
Assets, damit wir beginnen können.
Normalerweise mache
ich das per Drag-and-drop.
Auch wenn ich diese Dateien jetzt
lösche, bleiben sie in der Bibliothek.
Außerdem kann ich Dateien
direkt in die Bibliothek ziehen
oder die entsprechende
Option im Menü "Datei" verwenden.
Jetzt ziehe ich meine
Vorlage in den Arbeitsbereich
und stelle sicher, dass
das Auswahltool aktiv ist.
Jetzt wähle ich die Option
"Auf Container ausrichten" gefolgt von

Korean: 
그룹 내에서 탭 순서를 변경하거나
새로운 그룹을 만들 수 있습니다
패널 헤더를 클릭하면 그룹을
확장하거나 축소할 수 있습니다
커서를 패널 그룹 하단으로 가져가
커서가 이중 화살표로 변경되면
클릭한 상태에서 드래그하여
패널 그룹 높이를 조정하거나
더블클릭하여 확장할 수 있습니다
먼저 애셋을 가져오겠습니다
저는 보통 드래그 앤 드롭으로 가져옵니다
가져온 애셋을 삭제해도
라이브러리에는 파일이 남아있습니다
라이브러리로 바로 드래그하거나
메인 메뉴에서
파일 > 애셋 가져오기를 선택합니다
첫 번째 이미지는 가이드입니다
이미지를 스테이지로 드래그하고
선택 도구를 활성화한 상태에서
도구 옵션에서 컨테이너에 정렬을
선택한 후
상단
왼쪽으로 정렬합니다

Italian: 
Si può cambiare l'ordine delle schede
all'interno di un gruppo
o creare nuovi gruppi.
Facendo clic sull'intestazione di un
riquadro si comprime o espande il gruppo.
Se passo il mouse sulla parte inferiore 
del gruppo di riquadri
appare una doppia freccia.
Facendo clic su di essa e trascinando
si regola l'altezza del gruppo,
facendo doppio clic si espande al massimo.
Per iniziare importerò alcuni asset
semplicemente
trascinandoli e rilasciandoli.
Anche se ora li elimino
rimangono nella mia libreria.
È anche possibile trascinarli
direttamente nella libreria
o scegliere File > Importa asset
dal menu principale.
Prima di tutto voglio inserire
l'immagine guida
quindi la trascino sullo stage.
Con lo strumento Selezione attivo
scelgo l'opzione Allinea al contenitore,
l'allineamento in alto
e a sinistra.

Russian: 
Можно изменить порядок вкладок
или создать новые группы панелей.
Чтобы свернуть или развернуть
панель, нажмите на ее заголовок.
Наведем указатель
мыши на нижнюю границу.
Появился значок с двумя стрелками.
Мы можем нажать
на него и перетащить границу
или максимизировать
панель двойным нажатием.
Давайте
импортируем объекты.
Обычно я просто
перетаскиваю их.
Теперь, если их удалить,
они все равно
останутся в библиотеке.
Можно сразу
перетащить в нее объекты
или выбрать в главном
меню "Файл > Импорт объектов".
Возьмем сначала образец
и перетащим его
в рабочую область.
Активируем
инструмент выделения
и установим флажок
"Выровнять по контейнеру".
Выровняем по верхнему
и левому краю.

Dutch: 
U kunt de volgorde van 
tabbladen in een groep wijzigen
of nieuwe groepen maken.
Klik op de kop van een deelvenster 
om een groep uit of samen te vouwen.
Plaats de aanwijzer hieronder
totdat u dit dubbele pijlpictogram ziet.
Daarna kunt u met klikken en slepen de
hoogte van de deelvenstergroep wijzigen.
Dubbelklik om de hoogte te maximaliseren.
Ik ga wat items importeren 
om te beginnen
en dat doe ik doorgaans 
met slepen en neerzetten.
Zelfs als ik ze nu wis,
zie ik de bestanden nog
in mijn bibliotheek.
Ik kan ze ook direct naar
de bibliotheek slepen.
of Bestand > Items importeren 
uit het hoofdmenu gebruiken.
De eerste afbeelding die 
ik wil, is het hulpbeeld.
Ik sleep het naar de werkruimte.
Met de Selectie-tool actief
gebruik ik de opties van de tool 
om de container uit te lijnen,
de bovenkant,
en linkerkant.

Turkish: 
Grup içindeki sekmelerin
sırasını değiştirebilir
veya yeni gruplar oluşturabilirsiniz.
Panel başlığını tıklayarak grubu
genişletebilir veya daraltabilirsiniz.
Fareyle panel grubunun alt kısmına gelip
çift ok simgesini gördüğünüzde
tıklayıp sürükleyerek panel grubunun
yüksekliğini ayarlayabilirsiniz.
İki kez tıklayınca maksimum
yükseklik seçilir.
Başlamak için
birkaç öğeyi içe aktaracağım.
Bu işlemi genelde
sürükleyip bırakarak yaparım.
Öğeleri şimdi silsem bile
Kitaplık'ta görünmeye devam ederler.
Ayrıca, bunları direkt
kitaplığa sürükleyebilir
ya da ana menüden
Dosya > Öğeleri İçe Aktar'ı seçebilirim.
İlk önce kılavuz resmini almak istiyorum.
Bunu sahneye sürükleyeceğim.
Seçim aracı etkinken
araç seçeneklerimi kullanarak
kapsayıcıyı
yukarı
ve sola hizalarım.

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

Turkish: 
Kılavuz kullanmak oldukça hızlıdır.
Daha sonra öğeler tek tek oluşturulup
görsel olarak yerleştirilebilir.
Sonra, öğe oluşturmaya başlarım.
Zaman çizelgemi gelişmiş moda geçirdiğimde
bu işlem biraz daha kolay olur.
Bu simge hızlı ve gelişmiş modlar
arasında geçiş yapar.
Bu seçenekleri yeni dosya oluşturma
ekranında görmüştük.
Şimdi logomu sahneye sürüklüyorum.
Logom zaman çizelgesinde görünüyor.
Seçim aracını kullanarak logomu
yaklaşık olarak sol üst konuma götürüyor
ve en sık kullandığım
Özellikler sekmesindeki
zincir simgesini tıklayarak
en boy oranını sabitliyorum.
Bu sayede büyütüp küçültürken
oran sabit kalacak.
Ardından, genişlik ve yükseklik
alanlarını tıklayıp
klavyemdeki ok tuşlarıyla
logonun doğru boyutunu giriyorum.
Sonra, aynı işlemi ürün
fotoğrafım için yapacağım.

French: 
et le bord gauche.
Je trouve que
c'est plus rapide d'utiliser un guide.
Je crée les éléments un par un
et je les positionne visuellement.
Pour créer les éléments,
c'est plus facile
si j'active le mode avancé de la timeline.
Cette icône me permet
de choisir le mode rapide et avancé,
mais c'est aussi possible
dans la fenêtre "Créer un fichier".
Je fais glisser mon logo
dans l'espace de création,
et il apparaît dans la timeline.
Grâce à l'outil de sélection,
je déplace le logo
dans l'angle supérieur gauche.
Dans le panneau "Propriétés",
celui que j'utilise le plus,
je clique sur l'icône en forme de chaîne
pour limiter les proportions
lorsque j'agrandis ou diminue.
Je clique ensuite
sur les champs de hauteur ou de largeur,
puis j'utilise les flèches
pour adapter le logo à la bonne taille.
Je dois ensuite
faire pareil avec ma photo de produit.

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

Portuguese: 
Para mim, usar uma guia é mais fácil,
porque depois crio os elementos
manualmente
e os posiciono.
Agora, vou criar os elementos,
o que fica mais fácil se eu mudo a
linha do tempo para o modo avançado.
Este ícone permite usar
"Rápido" e "Avançado",
que vimos na caixa "Criar novo arquivo".
Vou arrastar o logotipo para o cenário,
e ele será exibido na linha do tempo.
Use a ferramenta de seleção
para movê-lo
até o canto superior esquerdo.
No painel "Propriedades",
que eu uso com mais frequência,
vou clicar no ícone de corrente
para bloquear a proporção
conforme aumento e diminuo
e clicar nos campos de largura ou altura
e usar as teclas de seta
para escolher o tamanho correto
do logotipo.
Depois, vou fazer o mesmo com
a foto do produto.

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

Dutch: 
Werken met een hulpbeeld
gaat het snelst, vind ik.
Daarna maak ik een 
voor een de elementen,
die ik visueel positioneer.
Nu ga ik elementen maken,
wat eenvoudiger wordt als ik de 
tijdlijn in de modus Geavanceerd zet.
Met dit pictogram schakel ik 
tussen Snel en Geavanceerd.
We zagen die opties al in 
het venster Nieuw bestand.
Nu sleep ik mijn logo naar de werkruimte.
We zien het logo in de tijdlijn.
Met de Selectie-tool 
verplaats ik het logo
naar de bedoelde positie linksboven.
In het deelvenster Eigenschappen,
dat ik het meest gebruik,
klik ik op het kettingpictogram om de
beeldverhouding te vergrendelen
wanneer ik vergroot of verklein.
Klik dan in de velden
Breedte of Hoogte
en gebruik de pijltoetsen
om het logo het juiste
formaat te geven.
Nu wil ik hetzelfde doen 
met mijn productfoto.

English: 
I find using a guide just the
quickest way to work
then I just create elements one by one
and position them
visually
Next I'll start creating elements
which will be a little easier if I change my timeline to the advanced mode
This icon allows me to toggle between
quick and advanced
and we saw those options in the create a new file dialog
Now I'll drag my logo to the stage
and we see logo in the timeline
I'll use the selection tool to move my logo
to the approximate top left
position
then in the Properties panel which is the one I use the most
I'll click the chain icon to lock the aspect ratio
as I scale up and down
then click
into the width or height fields
then I can use my arrow keys
to dial the logo
into the correct size
Next I want to do the same thing with my
product photo

Korean: 
가이드를 사용하면
빠르게 작업할 수 있습니다
그리고 나서 요소를 하나씩 만들고
눈에 잘 보이게 배치합니다
이제 요소를 만들어 보겠습니다
타임라인을 고급 모드로
변경하는 것이 좋습니다
이 아이콘을 클릭하면 빠른 모드와
고급 모드 중에서 선택할 수 있습니다
새 파일 만들기 대화상자에 있던 옵션이죠
이제 로고를 스테이지로 드래그하면
타임라인에 로고가 보입니다
선택 도구를 사용하여 로고를
왼쪽 상단 쪽으로 옮기고
제가 가장 많이 사용하는 속성 패널에서
사슬 아이콘을 클릭하면 크기를 변경해도
가로세로 비율이 유지됩니다
그리고 나서 너비 또는
높이 필드를 클릭하고
화살표 키를 사용하여
로고를 원하는 크기로 조정합니다
제품 사진에 대해서도
같은 작업을 하겠습니다

Italian: 
L'uso della guida è il metodo
più rapido di lavorare;
poi creo gli elementi uno ad uno
e li posiziono visivamente.
Passo ora alla creazione degli elementi
che risulta più facile con la modalità
avanzata della sequenza temporale.
Questa icona consente di passare
dalla modalità rapida a quella avanzata
(abbiamo visto queste opzioni
nella finestra Crea nuovo file).
Ora trascino il logo nello stage
e il logo appare nella sequenza temporale.
Con lo strumento Selezione
sposto il logo in alto a sinistra.
Poi, nel riquadro Proprietà,
faccio clic sull'icona a forma di catena
per bloccare le proporzioni dell'immagine
mentre la ridimensiono.
Faccio clic sui campi
della larghezza o dell'altezza
e, utilizzando i tasti freccia,
imposto la dimensione giusta per il logo.
Quindi faccio lo stesso
con l'immagine del prodotto.

Spanish: 
e izquierdo.
Con la guía se va más deprisa.
Creas cada elemento
y lo pones donde veas.
Para crear elementos
mejor cambiar la línea de tiempo
al modo avanzado.
Con este icono
alterno Rápido y Avanzado.
Estas opciones están en Crear archivo.
Arrastro el logotipo a la escena
y se muestra en la línea de tiempo.
Con la herramienta de selección
muevo el logotipo
a la posición superior izquierda
y en el panel Propiedades,
el que más uso
hago clic en el icono
para bloquear la relación de aspecto
mientras ajusto la proporción.
Hago clic en la anchura o la altura
y con las flechas
elijo el tamaño adecuado.
Hago lo mismo con la foto del producto.

Polish: 
i lewej krawędzi.
Dzięki prowadnicy mogę
pracować znacznie szybciej,
tworząc kolejne elementy
i rozmieszczając je wizualnie.
Teraz mogę przejść
do tworzenia elementów.
Łatwiej będzie to zrobić, jeśli
zmienię tryb osi czasu na zaawansowany.
Za pomocą tej ikony mogę przełączać się
między trybem szybkim i zaawansowanym.
Te opcje widzieliśmy
w oknie tworzenia nowego pliku.
Przeciągnę teraz na scenę logo,
które będzie widoczne na osi czasu.
Korzystając z narzędzia
do zaznaczania, przeniosę logo
do jego przybliżonego
położenia po lewej stronie.
Następnie w panelu Właściwości
– którego używam najczęściej –
kliknę ikonę ogniwa,
by zablokować współczynnik proporcji
podczas skalowania w pionie.
Po kliknięciu pól szerokości i wysokości
mogę za pomocą klawiszy strzałek
ustawić właściwy rozmiar logo.
To samo zrobię ze zdjęciem produktu.

Chinese: 
我觉得使用引导图片是最快的工作方式
然后逐一创建元素
然后目视调整其位置
接下来我要开始创建元素
将时间轴改为高级模式会更容易操作
使用这个图标可快速切换
快速模式和高级模式
我们看到相关选项显示在“新建文件”对话框中
现在我要将徽标拖放到场景中
我们可以在时间轴中看到徽标
我会使用选择工具将徽标
移到左上角的位置
然后在最常使用的“属性”面板中
点击链条图标锁定
缩放比例时的宽高比
然后点击宽度字段或高度字段
然后使用箭头键
将徽标调整为所需尺寸
接下来为产品照片完成相同的操作

Japanese: 
ガイド画像を使うと簡単です
あとは要素を一つずつ作成して
見ながら配置していきます
では要素を作成します
タイムラインを詳細モードにすると
少し作業しやすくなります
クイックモードと詳細モードは
このアイコンで切り替えられます
このオプションは
新規ファイル作成ダイアログにもありました
次にロゴをステージにドラッグすると
タイムラインにロゴが表示されます
選択ツールを使ってロゴを移動して
左上の位置にもっていきます
[プロパティ]パネルで
（このパネルはよく使います）
鎖アイコンをクリックして
拡大縮小してもアスペクト比が
変わらないように固定します
[幅]か[高さ]をクリックし
矢印キーを使って
ロゴを適切なサイズにします
次に商品画像についても同じことをします

Chinese: 
我覺得使用導引圖片
是最快的做法
接著我只要逐一建立元素
然後在畫面上安排元素的位置
接著，我要開始建立元素
如果我將時間軸改為進階模式
會比較簡單
這個圖示可讓我切換快速或進階模式
在建立新檔案對話方塊中
我們會看到這些選項
現在我要將標誌拖曳到中心區域
接著我們會看到標誌顯示在時間軸中
我要使用「選取」工具移動標誌
移到大約在左上的位置
然後到「屬性」面板
這是我最常用的面板
我會按一下鏈條圖示
鎖定長寬比
再調整大小
接著按一下寬度或高度欄位
然後可以使用方向鍵
將標誌調整到正確的尺寸
接下來，產品圖片的處理步驟也一樣

German: 
"Ausrichten: Oberkante" und
"Ausrichten: linksbündig" aus.
Nach meiner Erfahrung geht
es mit einem Vorlagenbild am schnellsten.
Man muss dann nur
die einzelnen Elemente erstellen
und an der richtigen Stelle platzieren.
Jetzt erstelle ich die Elemente.
Da das im erweiterten Modus
etwas einfacher ist, aktiviere ich ihn.
Hier kann ich zwischen dem
Schnellmodus und erweiterten Modus wechseln.
Diese Optionen sind auch im Dialogfeld
zum Erstellen neuer Dateien verfügbar.
Jetzt ziehe ich das
Logo in den Arbeitsbereich,
sodass in der Zeitachse ein
neuer Eintrag angezeigt wird.
Mithilfe des Auswahltools
ziehe ich das Logo nach links oben.
Dann klicke ich im Steuerfeld
"Eigenschaften" auf das Kettensymbol.
Dadurch bleibt das Seitenverhältnis
beim Skalieren unverändert.
Jetzt kann ich in das Feld
für die Breite oder Höhe klicken,
um mit den Pfeiltasten
die Größe des Logos anzupassen.
Als Nächstes führe ich die
gleichen Schritte für das Produktfoto aus.

Dutch: 
Deze afbeeldingen hebben de
volledige uiteindelijke grootte.
Dat is vaak het beste.
Dan blijven de bestanden het kleinst.
Als u ontwerpt voor mobiel
wilt u de dubbele uiteindelijke 
grootte gebruiken,
zodat ze er scherp uitzien 
op een Retina-scherm.
Mijn logo en productfoto's zijn klaar.
Dan komt nu de typografie.
Ik selecteer de Tekst-tool.
Een woord over tools
in het algemeen.
Deze drie tools gebruik ik het meest:
Selectie, Element en Tekst.
Als u van tool wisselt,
ziet u andere bedieningsopties 
hierboven in de balk met toolopties.
De Element-tool, ook bekend 
als de Tag-tool, heeft de
modifiers Div, Afbeelding, 
Video en Aangepast,
waarmee u elk type tag kunt typen.
Ik laat deze op Div staan.
Als de Tekst-tool actief is,
ziet u opties van het
deelvenster Tekst.
Ik controleer of die 
modifier op Paragraaf staat.

Italian: 
Queste immagini sono state create
con la dimensione finale
che è di norma la prassi migliore
poiché produce file di dimensioni minori.
Se si progettano siti 
per dispositivi mobili
è consigliabile salvare le immagini
con risoluzione doppia di quella finale
in modo che appaiano al meglio
su schermi Retina.
Dopo aver inserito le immagini
del logo e del prodotto
l'elemento successivo è il testo.
Passo quindi allo strumento Testo.
Soffermiamoci un attimo
sugli strumenti in generale.
Di solito utilizzo tre strumenti:
Selezione, Elemento e Testo.
Ogni volta che si cambia strumento
compaiono controlli diversi
nella barra delle opzioni.
Ad esempio lo strumento Elemento
ha diversi modificatori:
Div, Immagine, Video e personalizzato,
il che consente
di inserire qualsiasi tag.
Lascio impostato l'elemento Div.
Quando è selezionato lo strumento Testo
compaiono opzioni che sono presenti
anche nel riquadro Testo.
Controllo soltanto che il modificatore
impostato sia "paragrafo".

Korean: 
실제 최종 크기로 만든 이미지입니다
이렇게 하면 파일 크기를 최소화할 수 있어
효율적입니다
모바일용으로 디자인하는 경우에는
이미지를 최종 크기의 두 배로 저장해야
레티나 화면에서 선명하게 보입니다
제품과 로고 이미지 작업을 마쳤으니
이제 글씨를 넣어보겠습니다
텍스트 도구로 전환합니다
텍스트 도구에 대해
전체적으로 알아보겠습니다
저는 보통 세 개의 도구를 사용하는데
선택 도구, 요소 도구,
텍스트 도구입니다
도구를 변경할 때마다
도구 옵션 바의 컨트롤이 달라집니다
예를 들어 태그 도구인 요소 도구에는
수정 도구 Div, 이미지, 동영상 요소
태그를 입력할 수 있는
맞춤 요소가 있습니다
Div로 설정하고
텍스트 도구를 선택하면
텍스트 패널에 있는 것과
같은 옵션이 나타납니다
수정 도구가 문단으로
설정되어 있는지 확인합니다

German: 
Diese Bilder haben die volle
Größe für die endgültige Anzeige.
Das wird oft empfohlen, da
die Dateigröße so am kleinsten ist.
Für mobile Anzeigen empfehle ich,
doppelt so große Dateien zu verwenden,
als die Anzeigen letztendlich sein werden,
damit sie auf Retina-Displays gut aussehen.
Das Produktbild und
das Logo sind jetzt fertig.
Als Nächstes füge ich Text hinzu.
Daher wechsle ich zum Texttool.
Wo wir gerade bei den Tools sind:
Ich setze hauptsächlich drei Tools ein –
das Auswahltool, das
Elementtool und das Texttool.
Je nachdem, welches Tool ausgewählt ist,
werden in der oberen Leiste
andere Optionen angezeigt.
Bei ausgewähltem Elementtool
(auch als "Tag-Tool" bezeichnet)
sind dies etwa Symbole für Div-, Bild-,
Video- und benutzerdefinierte Elemente.
Mit der letzten dieser Optionen
lassen sich beliebige Tags erstellen.
Ich verwende normalerweise
die Option "Div-Element".
Für das Texttool werden Optionen angezeigt,
die auch im Steuerfeld
"Text" verfügbar sind.
Ich stelle sicher, dass
"Normaler Text " ausgewählt ist.

Chinese: 
我是以最後定案的全圖尺寸
來建立這些圖片的
這通常也是最佳做法
可以產生最小的檔案
如果您是針對行動裝置設計
建議您可以用最終檔案的兩倍大小來儲存圖片
這樣在 Retina 螢幕上會顯示最銳利的效果
現在我完成了產品和標誌圖片
下一步需要的是文字
所以我切換到「文字」工具
現在正好可以概略介紹幾項工具
大多時候我只會用到三項工具
選取、元素和文字
每次變更工具
您都會在上方的工具選項列
看到不一樣的控制項組合
例如「元素」工具
又稱為「標記」工具
就有這些調整項，div、圖片、影片和自訂
可讓您加上任何標記
我把設定保持在 div
選取「文字」工具
您會看到在文字面板中也能使用選項
我要確認調整項設定在段落

French: 
J'ai créé ces images en taille réelle finale.
C'est souvent recommandé,
car cela donne une taille de fichier réduite.
Si vous créez une annonce pour mobile,
vous pouvez enregistrer vos images
en doublant la taille finale
pour qu'elles soient
plus nettes sur un écran Retina.
J'ai maintenant
mon logo et mon image produit.
Je dois passer à la typographie.
J'active donc l'outil de texte.
Profitons-en pour décrire les outils.
J'utilise principalement trois outils :
"Sélection", "Élément" et "Texte".
Chaque fois que vous changez d'outil,
différentes commandes s'affichent
dans la barre d'options.
Par exemple, l'outil d'élément, ou de balise,
propose les options DIV,
image, vidéo et personnalisé,
qui permet d'insérer n'importe quelle balise.
Ici, je laisse sur "DIV".
Si vous sélectionnez l'outil de texte,
vous voyez les options
disponibles dans le panneau "Texte".
Je m'assure que
le modificateur est défini sur "paragraphe".

Spanish: 
He creado estas imágenes
a tamaño completo.
Así el archivo
es lo más pequeño posible.
Si diseñas para móviles
guarda las imágenes
al doble del tamaño final
para verlas mejor en una pantalla Retina.
Tengo el producto y el logotipo.
Falta la tipografía.
Abro la herramienta de texto.
Prácticamente,
solo he usado tres herramientas:
selección, elemento y texto.
Al cambiar de herramienta
veo distintos controles
en la barra de opciones.
La de elemento o etiquetado
tiene los modificadores
div, imagen, vídeo y personalizado
para cualquier etiqueta.
Selecciono div.
La herramienta de texto
incluye opciones del panel Texto.
Su modificador debe ser el párrafo.

Turkish: 
Bu resimleri tam nihai boyutta oluşturdum.
En küçük dosya boyutunu sağladığı için
çoğu zaman en iyi uygulamadır.
Mobil için tasarlıyorsanız,
resimleri nihai boyutun iki katı
kaydetmek isteyebilirsiniz.
Böylece Retina ekranda
en net şekilde görünürler.
Ürün resmim ve logom hazır.
Sırada yazılar var.
Metin aracıma geçiyorum.
Araçlarla ilgili genel bilgi:
Genellikle sadece üç araçtan yararlandım.
Seçim, Öğe ve Metin.
Aracı her değiştirdiğinizde
araç seçenekleri çubuğunda
farklı kontrol grupları görürsünüz.
Örneğin, etiket aracı
olarak da bilinen öğe aracı
div, resim, video
ve özel değiştiricilerine sahiptir.
Herhangi bir tür etiket girilebilir.
Div olarak bırakacağım.
Metin aracı seçiliyken,
Metin panelinde
mevcut olan seçenekler görünür.
Değiştiricisinin paragraf
olduğundan emin oluyorum.

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

Japanese: 
これらの画像は
最大サイズで作成してあります
これは多くの場合
最小ファイルサイズを扱う際の
ベストプラクティスです
モバイル向け動画を作る際に
最終ファイルの2倍のサイズで
画像を保存しておけば
Retinaディスプレイで鮮明に表示されます
商品とロゴの画像を設定したので
次はデザインを指定します
テキストツールに切り替えます
この機会に
よく使うツールをご紹介しましょう
特によく使うツールは
選択、要素、テキストの3つです
ツールを切り替えると
上部のツールオプションバーに表示される
コントロールメニューも変わります
たとえばタグツールとも呼ばれる
要素ツールには
div要素、画像要素、動画要素に加え
任意のタグを入力できる
カスタム要素もあります
ここではdivのままにします
テキストツールを選択すると
[テキスト]パネルにも
オプションが表示されます
このタグ名が[標準テキスト]に
なっていることを確認します

English: 
These images I have created at the full final size
which
is often the best practice
as a results in the smallest file size
If you're
designing for mobile
you may want to save your images that double the final size
so they look sharpest on a Retina screen
So I have my product and logo
images done
the next thing I need is the typography
So I'll switch to the Text
tool
This is a good time to mention the tools in general
I mostly just used
three tools
Selection Element and Text
Each time you change the tool
you'll see a different set of controls up here in the tool options bar
For example the
element tool also known as the tag tool
has the modifiers div, image, video, and
custom
which allows you to type any tag
I'll just leave it set to div
With the Text tool selected
you'll see options that are also available in the Text panel
and I'll just make sure its modifier is set to paragraph

Russian: 
Я создал эти изображения
в полном конечном размере.
Часто это
наилучший вариант,
поскольку в итоге
используется самый маленький размер.
Если это мобильная реклама,
используйте
изображения двойного размера,
чтобы они были
максимально четкими на экранах Retina.
Когда логотип
и фото товара готовы,
переходим к оформлению текста.
Активируем инструмент "Текст".
Вообще я чаще всего использую
в этом приложении три инструмента:
"Выделение",
"Элемент" и "Текст".
При выборе инструмента
вверху появляются
соответствующие элементы управления.
Например,
в инструменте "Элемент" (или "Тег")
используются модификаторы
"DIV", "Изображение", "Видео"
и "Пользовательский".
Оставим элемент DIV.
При выборе инструмента "Текст"
нам также доступны
настройки панели "Текст".
Убедимся, что выбран модификатор абзаца.

Chinese: 
我创建了这些图片的完整最终尺寸
这样可以尽量缩小文件大小
因此通常是最佳做法
如果您要为移动平台设计
那么最好将图片保存为两倍最终尺寸
这样图片在视网膜屏幕上就能清晰显示
产品图片和徽标图片都制作完了
下一步需要完成字体
我会切换到文本工具
通常而言这是提及工具的好时机
我主要使用三个工具
选择、元素和文本
每次更改工具时
都会在上面的工具选项栏中
看到不同的一组控件
例如，元素工具，也就是标签工具
包括修饰工具div、图片、视频和自定义
让您能够输入任何标签
我会保留div的设置
选中文本工具后
您会看到文本面板中也可以使用的选项
确保修饰工具设置为段落

Portuguese: 
Essas imagens que criei
estão no tamanho final,
o que é o recomendável,
já que o arquivo fica menor.
Se está criando conteúdo móvel,
salve suas imagens com o
dobro do tamanho final,
para que fiquem melhor em uma tela retina.
Terminei as imagens de produto e logotipo,
então agora preciso da tipografia.
Vou usar a ferramenta de texto.
Sobre as ferramentas,
eu basicamente utilizei apenas três:
seleção, elementos e texto.
Sempre que você muda a ferramenta,
outros controles são exibidos na
barra de opções.
A de elementos, por exemplo,
também chamada de ferramenta de tag,
tem os modificadores "Div", "Imagem",
"Vídeo" e "Personalizado", o que permite
inserir qualquer tag.
Vou deixar como "Div".
Com a ferramenta de texto,
você verá opções disponíveis
no painel de texto.
Só vou confirmar se
o modificador é "Parágrafo".

Polish: 
Utworzone przez mnie obrazy
mają pełne rozmiary docelowe.
To zwykle najlepszy sposób,
by utworzyć pliki
o najmniejszym możliwym rozmiarze.
Jeśli projekt jest przeznaczony
na urządzenia mobilne,
warto zapisać obrazy w rozmiarze
dwukrotnie większym od docelowego,
by zapewnić ostrość
obrazu na ekranie Retina.
Obraz produktu i logo są już gotowe,
mogę więc przejść do wyboru czcionki.
Przełączę się na narzędzie tekstowe.
Przy okazji opowiem krótko
o dostępnych narzędziach.
Najczęściej korzystam z trzech narzędzi:
narzędzia do zaznaczania, narzędzia
tekstowego i narzędzia Element.
Po każdej zmianie narzędzia
na pasku widać inny zestaw opcji.
Na przykład narzędzie Element,
nazywane również narzędziem do tagów,
udostępnia modyfikatory:
div, image, video oraz niestandardowy,
który umożliwia wpisanie dowolnego tagu.
Zostawię ustawienie div.
Po wybraniu narzędzia tekstowego
widać opcje dostępne w panelu Tekst.
Upewnię się tylko, że wybranym
modyfikatorem jest paragraph.

Italian: 
Abbiamo già visto
i comandi di allineamento
disponibili quando è attivo
lo strumento Selezione.
Quindi, con lo strumento Testo selezionato
disegno una casella di testo
per "Google Home bundle".
Uso un comando per selezionare
tutti questi caratteri
e cambio il colore in #888.
Sempre con lo strumento Selezione attivo,
cambio il carattere.
Voglio impostare quello di Google,
Poppins.
Poppins non è presente nell'elenco
quindi faccio clic su Altri caratteri...
Ora posso scegliere qualsiasi carattere
e se ancora non riesco a trovare Poppins
posso cercarlo.
Lo seleziono
e Poppins viene aggiunto al mio documento.
Faccio clic su OK
e il carattere viene applicato
ma voglio cambiarne lo spessore.
Per modificare tutto il campo
senza aggiungere un tag "span"
uso lo strumento Selezione

English: 
and we've already seen that
alignment controls available
when the selection tool is active
So with the Text tool selected
I'll draw a text box
for Google Home bundle
I use command a
to select all these characters
and change the color to #888
and with
my selection still active
I'll change the font to the Google font Poppins
I don't see Poppins in this list
so I'll click More fonts
now I can choose any
Google font
and if I still don't see Poppins in this list
I can search for it
now I can select and see Poppins has been added to my doc
I'll click OK and
now I see my font is Poppins
but I want to adjust the weight
In order to change
the entire field
without adding a span tag
I'll change to the selection tool

Portuguese: 
Já vimos os controles
de alinhamento que podem ser usados
com a ferramenta de seleção.
Com a ferramenta de texto,
desenhe uma caixa de texto
para o pacote do Google Home.
Eu uso Command+A para selecionar
todos esses caracteres,
mudo a cor para #888,
e com a seleção ainda ativa,
escolho a fonte "Poppins" do Google.
Ela não está na lista,
então clico em "Mais fontes"
e escolho qualquer fonte do Google.
Se mesmo assim ela ainda não aparecer,
é possível pesquisá-la.
Eu seleciono, e a Poppins é adicionada
ao meu documento.
Vou clicar em "OK" para ver essa fonte,
mas quero mudar o peso.
Para alterar o campo inteiro
sem adicionar uma tag "span",
vou mudar para a ferramenta de seleção

Polish: 
Dostępne opcje
wyrównania widzieliśmy już
po wybraniu narzędzia do zaznaczania.
Wybiorę narzędzie tekstowe
i narysuję pole tekstowe
dla pakietu Google Home.
Za pomocą polecenia „a”
zaznaczę wszystkie znaki
i zmienię kolor na #888.
Przy aktywnym zaznaczeniu
zmienię czcionkę
na Poppins – czcionkę Google.
Nie widzę Poppins na liście,
więc kliknę opcję Więcej czcionek.
Mogę teraz wybrać dowolną czcionkę Google.
Jeśli czcionki Poppins
dalej nie ma na liście,
mogę ją wyszukać i wybrać.
Czcionka Poppins została
dodana do dokumentu.
Kliknę OK. Widzę teraz,
że używam czcionki Poppins,
ale chcę dostosować jej grubość.
Aby zastosować zmiany w całym polu
bez dodawania tagu span,
wybieram narzędzie do zaznaczania

Chinese: 
我們已經看過啟用「選取」工具時
可以使用的對齊控制項
選取「文字」工具後
我要拉出一個文字方塊
框住「Google Home bundle」
我按 command A
選取所有字元
然後將色彩變更為 #888
保持文字選取狀態
將字型變更為 Google 字型 Poppins
清單中沒有 Poppins
所以我按一下 [更多字型]
現在我可以選擇任何 Google 字型了
如果我還是沒在這個清單裡看到 Poppins
可以用搜尋的方式
現在我可以選取 Poppins 
也可以看到這個字型加入到我的文件中了
按一下 [確定]
現在我的字型已經是 Poppins 了
但我還要調整文字粗細
為了要變更整個欄位
而不必新增 span 標記
我要切換到「選取」工具

French: 
Nous avons déjà vu que
ces options d'alignement sont disponibles
lorsque l'outil de sélection est activé.
Je sélectionne l'outil de texte
et je dessine une zone de texte
pour "Google Home bundle".
J'utilise une commande
pour sélectionner ces caractères
et je remplace la couleur par #888.
En gardant les éléments sélectionnés,
je choisis la police Google Poppins.
Je ne vois pas cette police dans la liste,
donc je clique sur "Plus de polices...".
J'ai accès à n'importe quelle police Google,
et si Poppins n'apparaît toujours pas,
je peux la rechercher.
Je la sélectionne et je vois
que Poppins a été ajouté à mon document.
Je clique sur "OK"
et je vois que la police est "Poppins",
mais je veux ajuster l'épaisseur.
Pour changer le champ complet
sans ajouter de balise ,
je passe à l'outil de sélection

Chinese: 
我们之前看到过
当选择工具处于启用状态时
对齐控件就会显示
在选中文本工具的状态下
我会为Google Home bundle画一个文本框
按下Command+A键选中所有这些字符
然后将颜色更改为#888
在选项仍然处于选中状态的情况下
将字体更改为Google字体Poppins
列表中没有看到Poppins
点击“更多字体”
现在就可以选择任何Google字体了
如果还是没有在列表中看到Poppins
也可以直接搜索
现在就可以选择Poppins字体了
可以看到该字体已添加到我的文档
点击“确定”
现在看到字体是Poppins
但是我想调整字体粗细
以便更改整个字段
而无需添加span标签
切换到选择工具

Dutch: 
We hebben al gezien dat 
er uitlijningsopties zijn
wanneer de Selectie-tool actief is.
Met de Tekst-tool geselecteerd,
teken ik een tekstveld
voor Google Home-bundel.
Ik gebruik Command+A om
al deze tekens te selecteren
en om de kleur te wijzigen in #888.
En met deze actieve selectie,
wijzig ik het lettertype 
in het Google-font Poppins.
Ik zie Poppins niet in deze lijst,
dus klik ik op Meer lettertypen.
Nu kan ik elk Google-lettertype kiezen.
Als Poppins niet in deze lijst staat,
kan ik ernaar zoeken.
Nu kan ik Poppins selecteren en zien
dat het aan mijn doc is toegevoegd.
Ik klik op OK en nu zie ik dat
het lettertype Poppins is,
maar ik wil de tekststijl wijzigen.
Om het hele veld te wijzigen
zonder een span-tag toe te voegen,
pak ik de Selectie-tool

Thai: 
และเราก็เห็นแล้วว่า
ตัวควบคุมการจัดวางใช้ได้
เมื่อเครื่องมือเลือกทำงานอยู่
เมื่อเลือกเครื่องมือข้อความ
ผมจะวาดช่องข้อความ
สำหรับแพ็กเกจ Google Home
ผมใช้คำสั่ง A เพื่อเลือก
อักขระทั้งหมดนี้
และเปลี่ยนสีเป็น #888
และด้วยการเลือกที่ยังทำงานอยู่
ผมจะเปลี่ยนแบบอักษรเป็น Poppins
ของ Google
ผมไม่เห็น Poppins ในรายการ
จึงคลิก "แบบอักษรเพิ่มเติม"
ตอนนี้ผมจะเลือกแบบอักษรใดก็ได้ของ Google
และหากยังไม่เห็น Poppins ในรายการนี้
ผมก็ค้นหาได้
ตอนนี้ผมจะเลือกและเห็นว่า Poppins
เพิ่มลงในเอกสารแล้ว
ผมคลิก "ตกลง" และเห็นว่าแบบอักษร
เป็น Poppins แล้ว
แต่ก็ต้องการปรับน้ำหนัก
ในการเปลี่ยนช่องทั้งช่อง
โดยไม่ต้องเพิ่มแท็ก span
ผมจะเปลี่ยนไปใช้เครื่องมือเลือก

Russian: 
Мы уже видели эти
настройки выравнивания
в инструменте выделения.
Итак, выбрав
инструмент "Текст",
создадим текстовое поле
для заголовка
Google Home bundle
и выберем все
символы с помощью команды.
Изменим их цвет на #888,
а шрифт –
на Poppins.
В списке нет такого варианта,
поэтому нажимаем "Другие шрифты"
и находим нужный пункт.
Для удобства
можно воспользоваться поиском.
Выбираем нужный шрифт
и видим, что он добавлен в документ.
Нажимаем "ОК".
Шрифт Poppins установлен.
Зададим его насыщенность.
Чтобы изменить все поле,
не добавляя тег span,
перейдем к инструменту выделения

Spanish: 
Los controles de alineación
están disponibles al activar
la herramienta de selección.
Con la herramienta de texto seleccionada
dibujo un cuadro de texto
para Google Home bundle.
Con A
selecciono estos caracteres
y cambio el color por #888.
Con la selección aún activa
cambio la fuente
por Poppins, de Google.
No la veo en la lista.
Hago clic en Más fuentes
y elijo la fuente que quiero.
Si Poppins no aparece,
puedo buscarla.
La selecciono y se añade a mi documento.
Hago clic en Aceptar
y veo que la fuente es Poppins.
Ajusto el grosor.
Para cambiar todo el campo
sin añadir una etiqueta span
voy a la herramienta de selección

Korean: 
선택 도구를 선택하면
정렬 컨트롤이 나오죠
텍스트 도구를 선택한 상태에서
Google Home 번들의
텍스트 상자를 그립니다
전체 선택(Ctrl + A)으로
모든 글자를 선택하고
색상을 #888로 변경합니다
선택 도구가 활성화 상태이므로
글꼴을 Google 글꼴인
Poppins로 변경하겠습니다
목록에 Poppins가 없네요
추가 글꼴을 클릭하면
원하는 Google 글꼴을
선택할 수 있습니다
여기에도 Poppins가 없다면
검색할 수 있습니다
Poppins를 선택하면
문서에 추가된 것을 확인할 수 있습니다
확인을 클릭하면 글꼴이
Poppins로 설정됩니다
그런데 글자 두께를 조정하고 싶네요
span 태그를 추가하지 않고
전체 필드를 변경하려면
선택 도구를 선택하고

Turkish: 
Seçim aracı etkinken kullanılabilen
hizalama kontrollerini
zaten görmüştük.
Şimdi Metin aracı seçiliyken
Google Home bundle için
bir metin kutusu çiziyorum.
Bu karakterlerin tümünü seçmek
için bir komut kullanıyor
ve rengi #888 olarak değiştiriyorum.
Seçimim hala etkinken
yazı tipini Google'ın Poppins
yazı tipi olarak değiştiriyorum.
Poppins'i listede görmediğim için
Diğer yazı tipleri...'ni tıklıyorum.
Şimdi tüm Google
yazı tiplerini seçebilirim
Poppins hala listede görünmüyorsa
arama yapabilirim.
Artık Poppins'i seçebiliyorum. Dokümanıma
eklendiğini de görebiliyorum.
Tamam'ı tıkladığımda yazı tipimin
Poppins olduğunu görüyorum.
Ancak ağırlığı ayarlamak istiyorum.
Span etiketi eklemeden
tüm alanı değiştirmek için
Seçim aracına geçerek

Japanese: 
すでにお気づきのとおり
選択ツールが有効になると
位置揃えコントロールが表示されます
テキストツールを選択して
Google Homeバンドル用の
テキストボックスを作成します
コマンドAを使って
これらの文字をすべて選択し
テキストの色を「#888」に変更します
次に テキストを選択したままの状態で
フォントを変更し
GoogleフォントのPoppinsにします
このリストにはPoppinsがないので
[その他のフォント]をクリックすると
Googleフォントを選べるようになります
このリストにもPoppinsがない場合は
検索できます
[Poppins]を選択し ドキュメントに
追加されたことを確認して
[OK]をクリックすると
フォントがPoppinsになりました
さらにスタイルを調整します
spanタグを追加せずに
このテキスト全体を変更するには
選択ツールに切り替えて

German: 
Die Steuerelemente zur Ausrichtung,
die für das Auswahltool angezeigt werden,
haben Sie gerade schon gesehen.
Ich wähle das Texttool aus
und zeichne ein Textfeld
für "Google Home bundle".
Ich drücke Befehlstaste + A,
um alle diese Zeichen auszuwählen,
und ändere die Farbe zu "#888".
Die Auswahl ist weiterhin aktiv,
sodass ich die Google-Schriftart
"Poppins" auswählen kann.
Da diese Schriftart nicht aufgeführt
ist, klicke ich auf "Weitere Schriftarten".
Jetzt kann ich eine beliebige
Google-Schriftart auswählen.
Wenn "Poppins" immer noch nicht
zu sehen ist, kann ich danach suchen.
Jetzt kann ich die Schriftart auswählen,
sodass sie meinem Dokument zugewiesen ist.
Jetzt klicke ich auf "OK", um
Poppins als Schriftart zu bestätigen.
Ich möchte nun den
Textstil des ganzen Felds ändern,
ohne ein span-Tag hinzuzufügen.
Dazu wechsle ich zum Auswahltool

Portuguese: 
e, no painel de texto, selecionar "Médio"
na lista de pesos.
Agora, clico na caixa de texto,
uso as teclas de seta para alinhar com o
canto superior esquerdo do texto da guia,
clico no campo de tamanho da fonte
e uso as teclas de seta novamente
para redimensionar.
E, por último, vou redimensionar
a caixa de texto,
então preciso desmarcar
este ícone de vinculação
para mudar a largura e altura
de forma independente.
Agora, vou criar o próximo campo de texto.
Não vou duplicar o elemento anterior,
mas sim criar outro para manter
os estilos CSS mais organizados.
Vou inserir o texto com a quebra de linha
e mudar para a ferramenta de seleção
para definir minha cor,
fonte,
peso
e tamanho.

Japanese: 
[テキスト]パネルで
フォントのスタイルを[中]にします
そしてテキストボックスをクリックし
矢印キーを使ってGuideテキストの左上に
位置を合わせます
フォントサイズフィールドをクリックし
矢印キーを使ってサイズを変更します
最後にこのテキストボックスの
サイズを変更するため
[アスペクト比を固定]アイコンをオフにして
幅と高さを個別に変えられるようにします
次に別のテキストフィールドを作成します
最初のテキスト要素をコピーする代わりに
新たに1つ作成し
CSSスタイルをすっきりさせます
改行入りのテキストを入力し
選択ツールに切り替えて
色と
フォント
フォントのスタイル
サイズを入力し

German: 
und wähle den Eintrag
"Normal" in der Liste aus.
Jetzt klicke ich auf das Textfeld
und verwende die Pfeiltasten der Tastatur,
um die linke obere Ecke
am Vorlagentext auszurichten.
Dann klicke ich in das
Feld für die Schriftgröße
und passe die Größe
wieder mithilfe der Pfeiltasten an.
Jetzt muss ich nur noch
die Größe des Textfelds ändern.
Dafür muss ich dieses Symbol deaktivieren,
damit sich Breite und Höhe
unabhängig voneinander anpassen lassen.
Nun erstelle ich das nächste Textfeld.
Statt das erste Element zu
duplizieren, generiere ich ein neues.
So bleiben die CSS-Stile übersichtlicher.
Ich gebe den Text mit Zeilenumbruch
ein und wechsle dann zum Auswahltool.
Hier lege ich Farbe,
Schriftart, Textstil und Größe fest.

English: 
and in the Text panel select medium from my list of weights
Now I'll click on the text box
and use the arrow keys to align with the top left corner of my guide text
then click in the font size field
and use arrow
keys again to resize
And with it all set the last thing I want to do is resize the text box
so I'll need to uncheck this link icon
so I can change width and
height independently
Now I want to create the next text field
and instead
of duplicating the first text element
I'll create a new one which helps keep
the CSS styles a little cleaner
I'll key in the text with the line break
and change
to the selection tool
to set my color
and font
and weight
and size

Italian: 
per scegliere Medio dall'elenco
degli spessori nel riquadro Testo.
Ora faccio clic sulla casella di testo
e uso i tasti freccia
per allineare il testo con l'angolo
superiore sinistro del testo guida.
Quindi faccio clic sul campo
della dimensione del carattere
e uso di nuovo i tasti freccia
per ridimensionare il testo.
Infine, voglio ridimensionare
la casella di testo
quindi deseleziono questa icona
a forma di catena
per poter cambiare altezza
e larghezza indipendentemente.
Ora voglio creare un altro campo di testo
ma anziché duplicare il primo elemento
ne creo uno nuovo, in modo
da mantenere gli stili CSS più ordinati.
Digito il testo con l'interruzione di riga
e passo allo strumento Selezione
per impostare colore,
carattere,
spessore
e dimensione.

French: 
et, dans le panneau "Texte", 
je choisis "Moyen" dans cette liste.
Puis, je clique sur la zone de texte
et j'utilise les flèches pour l'aligner
sur l'angle supérieur gauche de mon texte.
Je clique sur le champ de la taille de police
et j'utilise encore les flèches
pour changer la taille.
Pour finir, je veux
redimensionner la zone de texte.
Je dois décocher
cette icône en forme de chaîne
afin de modifier indépendamment
la largeur et la hauteur.
Pour créer la prochaine zone de texte,
au lieu de dupliquer le premier élément,
je vais en créer un
afin de nettoyer un peu les styles CSS.
Je saisis le texte avec le saut de ligne,
et je passe à l'outil de sélection
pour définir la couleur,
la police,
l'épaisseur
et la taille.

Dutch: 
en kies ik in het Tekst-deelvenster
Normaal uit de lijst met tekststijlen.
Nu klik ik op het tekstvak
en gebruik ik de pijltoetsen
om het vak uit te lijnen met de
linkerbovenhoek van mijn hulptekst.
Dan klik ik in het veld Tekengrootte
en gebruik ik opnieuw de pijltoetsen
om het formaat te wijzigen.
Als laatste wil ik het formaat
van het tekstvak aanpassen.
Dus vink ik het koppelpictogram uit
zodat ik de breedte en hoogte
los van elkaar kan wijzigen.
Nu wil ik het volgende tekstveld maken.
Ik dupliceer niet het
eerste tekstelement,
maar maak een nieuw element.
Dit houdt de css-stijlen schoner.
Ik zet de tekst erin met een regeleinde.
en gebruik de Selectie-tool om
de kleur in te stellen,
het lettertype,
de tekststijl,
en de grootte.

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

Turkish: 
Metin panelindeki ağırlıklar listesinden
Orta'yı seçeceğim.
Şimdi metin kutusuna tıklayıp
ok tuşlarımı kullanarak kutuyu kılavuz
metnimin sol üst köşesine hizalayacağım.
Ardından yazı tipi alanına tıklayıp
ok tuşlarını tekrar kullanarak
yeniden boyutlandıracağım.
Yapmak istediğim son işlem, metin
kutusunu yeniden boyutlandırmak.
Genişliği ve yüksekliği birbirinden
bağımsız değiştirebilmek için
bağlantı simgesinin
işaretini kaldırmam gerek.
Şimdi bir sonraki metin
alanını oluşturmak istiyorum.
İlk metin öğesini kopyalamak yerine
CSS stilleri daha temiz kalsın diye
yeni bir metin öğesi oluşturacağım.
Metni girip satır sonunu ekliyorum
ve seçim aracına geçerek
rengi
yazı tipini
ağırlığı
ve boyutu ayarlıyorum.

Russian: 
и выберем среднюю
насыщенность на панели "Текст".
Теперь нажмем
на текстовое поле
и выровняем его по углу образца
с помощью клавиш со стрелками.
Затем нажмем на поле "Размер шрифта"
и снова воспользуемся
клавишами со стрелками.
Осталось изменить размер текстового поля.
Нажимаем на значок цепочки,
чтобы ширину и высоту
можно было менять отдельно.
Создадим следующее текстовое поле.
Не будем
дублировать первый элемент,
а добавим новый, чтобы
было проще работать со стилями CSS.
Введем текст, добавив разрыв строки,
и перейдем к инструменту выделения,
чтобы задать цвет,
шрифт,
насыщенность
и размер.

Chinese: 
在“文本”面板中从粗细列表中选择中粗
现在点击文本框
使用箭头键与引导图片文本的左上角对齐
然后点击字号字段
再次使用箭头键调整大小
全部设置完毕后
最后就需要调整文本框的大小
首先需要取消选中这个链环图标
以便单独更改宽度和高度
现在需要创建下一个文本字段
无需复制第一个文本元素
而是可以新建一个
让CSS样式显得更为简洁
输入文本和换行符号
切换到选择工具
以便设置颜色
字体
粗细
和大小

Spanish: 
y en el panel Texto elijo Medio.
Hago clic en el cuadro de texto
uso las flechas para alinearlo con
la esquina superior izquierda del texto.
En el campo de tamaño de fuente
cambio el tamaño con las flechas.
Lo último que quiero hacer es cambiar
el tamaño del cuadro de texto.
Así que desmarco este icono de enlace
para cambiar
anchura y altura por separado.
Crearé el siguiente campo de texto
sin duplicar el primer elemento.
Crearé otro y así
los estilos CSS están más ordenados.
Pongo el texto y el salto de línea
y uso la herramienta de selección
para definir el color
la fuente
el grosor
y el tamaño.

Polish: 
i z listy grubości w panelu
Tekst wybieram rozmiar średni.
Kliknę teraz pole tekstowe
i za pomocą klawiszy strzałek
wyrównam je z lewym górnym
narożnikiem tekstu przy prowadnicy.
Następnie kliknę pole rozmiaru czcionki
i ponownie użyję klawiszy
strzałek, by zmienić jej rozmiar.
Po ustawieniu tych wszystkich opcji
ostatnią rzeczą, którą chcę zrobić,
jest zmiana rozmiaru pola tekstowego,
dlatego muszę odznaczyć tę ikonę linku,
by móc niezależnie
modyfikować szerokość i wysokość.
Teraz utworzę kolejne pole tekstowe
i zamiast duplikować
pierwszy element tekstowy
utworzę nowy, by zachować
przejrzystość stylów CSS.
Wpiszę tekst z podziałem wiersza
i użyję narzędzia do zaznaczania,
by ustawić kolor,
czcionkę,
jej grubość
i rozmiar.

Korean: 
텍스트 패널의 텍스트 스타일
목록에서 보통을 선택합니다
텍스트 상자를 클릭하고
화살표 키를 사용해서
가이드 텍스트의 왼쪽 상단에 정렬한 다음
글꼴 크기 필드를 클릭하여
다시 화살표 키로 크기를 조정합니다
여기까지 설정을 마쳤으니 마지막으로
텍스트 상자의 크기를 조정하겠습니다
링크 아이콘 선택을 해제해야
너비와 높이를 별도로 변경할 수 있습니다
다음 텍스트 필드를 만들어보겠습니다
첫 번째 텍스트 요소를 복제하는 대신
CSS 스타일을 더 깔끔하게 유지할 수
있도록 새로운 요소를 만들겠습니다
줄바꿈이 적용된 텍스트를 입력하고
선택 도구로 가서
색상
글꼴
두께
크기를 설정하고

Chinese: 
然後在「文字」面板的粗細清單中選取 [中]
現在按一下文字方塊
使用方向鍵對齊導引圖片文字的左上角
然後按一下字型大小欄位
再次使用方向鍵調整大小
完成後，最後一個步驟是
重新調整文字方塊大小
我取消勾選這個連結圖示
這樣就能分別變更寬度和高度
現在我要建立下一個文字欄位
我不打算複製第一個文字元素
我要建立新的文字
這樣有助於保持 CSS 樣式簡潔
我輸入文字和斷行
切換到「選取」工具
設定色彩
字型
和粗細
和尺寸

Japanese: 
Enterキーを押します
矢印キーで少しずつ位置を合わせます
再び矢印キーを使って
テキストボックスのサイズを小さくします
Shiftキーを押しながら矢印キーを押すと
10ピクセル単位で数字を変更できます
最後に必要なのは
行動を促すフレーズ（CTA）です
要素ツールと
div要素を使います
正確なサイズが見やすくなるように
ステージをズームします
[+]、[-]ボタンを使うか
ダブルクリックして値を入力します
長方形を描き
このレイヤをダブルクリックして
CTAと名付けます
次にスタイルを設定します
[プロパティ]パネルで背景色を指定し
角を丸くします

Dutch: 
Druk nu op Enter
en ik kan het op zijn plaats
zetten met de pijltoetsen.
Tot slot gebruik ik de pijltoetsen weer
om het tekstvak te verkleinen.
Als ik Shift ingedrukt hou, kan ik 
dat in stappen van tien pixels doen.
Nu alleen nog de CTA.
Hiervoor gebruiken we de Element-tool
met de div-modifier.
Het juiste formaat 
krijgen, gaat makkelijker
als u inzoomt op de werkruimte.
Gebruik de min- en plusknoppen
of dubbelklik om een waarde in te voeren.
Ik teken een rechthoek
en dubbelklik op de laag om 
deze de naam cta te geven.
Dan nu de vormgeving.
In het deelvenster Eigenschappen
kan ik een achtergrondkleur toewijzen
en afgeronde hoeken instellen.
Het koppelpictogram
is nog actief,

Chinese: 
按一下 Enter
可以用方向鍵微調位置
最後，再次使用方向鍵
縮小文字方塊大小
提醒您，按住 Shift 鍵
可以一次移動 10 個像素
最後需要的東西是「行動號召」
這時就要使用「元素」工具
採用 div 調整項
這樣會比較容易調整精確的大小
我會放大中心區域
您可以使用加號和減號按鈕
或是按兩下，直接輸入數值
接著我要畫一個長方形
然後按兩下該圖層，命名為 CTA
現在來設定樣式
在「屬性」面板中可以指定背景色彩
還有設定圓角

Korean: 
Enter를 누르면
화살표 키로 위치를 조정할 수 있습니다
다시 화살표 키를 사용하여
텍스트 상자 크기를 줄입니다
Shift 키를 누르고 있으면
한 번에 10픽셀씩 건너뛸 수 있습니다
마지막으로 CTA가 필요합니다
여기에서 요소 도구를 사용합니다
Div 수정 도구로 설정되어 있죠
더 쉽게 정확한 크기로 만들기 위해
스테이지를 확대합니다
더하기, 빼기 버튼을 사용하거나
더블클릭해서 값을 입력할 수 있습니다
직사각형을 그리고
레이어를 더블클릭하여
이름을 CTA로 설정합니다
이제 스타일을 설정합니다
속성 패널에서
배경 색상을 설정할 수 있습니다
모서리를 둥글게 만드는 경우
링크 아이콘이 활성화되어 있어
네 모서리에 동일하게 적용됩니다

Thai: 
กด Enter
และจะเขยิบให้เข้าไปในตำแหน่ง
ได้ด้วยปุ่มลูกศร
และสุดท้าย ใช้ปุ่ม
ลูกศรอีกครั้ง
เพื่อตัดขนาดช่องข้อความลง
โปรดทราบว่าการกด Shift ค้างไว้
จะทำให้เปลี่ยนได้ทีละ 10 พิกเซล
สิ่งสุดท้ายที่เราต้องการคือ CTA
ผมจะใช้เครื่องมือองค์ประกอบ
พร้อมด้วยตัวแก้ไข div
เพื่อให้ได้ขนาดที่แน่นอนได้ง่ายขึ้น
ผมจะซูมพื้นที่งาน
คุณจะใช้ปุ่มบวกและลบ
หรือดับเบิลคลิกเพื่อป้อนค่าก็ได้
ผมจะวาดสี่เหลี่ยมผืนผ้า
และดับเบิลคลิกเลเยอร์เพื่อตั้งชื่อเป็น cta
ผมจะจัดรูปแบบ
ในแผงคุณสมบัติ ผมกำหนด
สีพื้นหลังได้
และในการกำหนดมุมขอบมน
ให้ดูว่าไอคอนลิงก์ทำงาน
เพื่อให้ทั้ง 4 มุมเหมือนกัน

German: 
Jetzt drücke ich die Eingabetaste
und passe mit den
Pfeiltasten die Textposition an.
Abschließend verkleinere ich das
Textfeld wieder mit den Pfeiltasten.
Dabei kann ich die
Umschalttaste gedrückt halten,
um die Pixelzahl in Zehnerschritten
zu erhöhen bzw. zu verringern.
Jetzt brauchen wir
nur noch den Call-to-Action.
Dafür verwenden wir die
Option "Div-Element" im Elementtool.
Damit ich einfacher die
genaue Größe festlegen kann,
vergrößere ich den Arbeitsbereich.
Um die Größe anzupassen,
können Sie auf die Symbole klicken
oder auf den Wert doppelklicken
und dann den neuen Wert eingeben.
Ich zeichne ein Rechteck,
doppelklicke auf die Ebene
und gebe den Namen "cta" ein.
Jetzt passe ich den Stil an.
Im Steuerfeld "Eigenschaften" kann
ich eine Hintergrundfarbe auswählen
und die Ecken abrunden.

Turkish: 
Şimdi Enter tuşuna basıp
ok tuşlarıyla doğru
yere ayarlayabiliyorum.
Son olarak tekrar ok tuşlarımla
metin kutusunun boyutunu
kırparak küçültüyorum
Shift tuşuna basınca tek seferde on
piksel atlayabileceğinizi unutmayın.
Son adım ise CTA.
Burada Öğe aracını
div değiştiricisiyle kullanacağız.
Tam boyutu daha kolay elde etmek için
sahneyi yakınlaştırıyorum.
Artı ve eksi simgelerini kullanabilir
ya da çift tıklayıp değer girebilirsiniz.
Bir dikdörtgen çiziyor
ve katmanı çift tıklayıp
CTA adını veriyorum.
Şimdi stil vermeye geçiyorum.
Özellikler panelinde arka plan
rengi verebilir ve köşeleri
yumuşatabilirim.
Bağlantı simgesinin
etkin olduğuna dikkat edin.

Polish: 
Nacisnę klawisz Enter,
by przenieść pole na właściwe
miejsce za pomocą klawiszy strzałek.
Na koniec jeszcze raz
użyję klawiszy strzałek,
by zmniejszyć rozmiar pola tekstowego.
Warto zauważyć, że klawiszem Shift można
zmieniać rozmiar w krokach co 10 pikseli.
Potrzebne jest jeszcze
wezwanie do działania.
Użyję więc narzędzia Element
z modyfikatorem div.
Aby łatwiej ustawić właściwy rozmiar,
powiększę scenę.
Można w tym celu użyć
przycisków plusa i minusa
lub kliknąć dwukrotnie i wpisać wartość.
Narysuję prostokąt
i kliknę warstwę dwukrotnie,
by nadać jej nazwę wezwania do działania.
Teraz trzeba określić jej styl.
W panelu Właściwości
mogę przypisać kolor tła
i ustawić zaokrąglone narożniki.
Ikona linku jest aktywna,

Italian: 
Premo INVIO
e lo sposto nella posizione corretta
con i tasti freccia.
Infine, sempre con i tasti freccia,
riduco la dimensione
della casella di testo.
Tenendo premuto il tasto MAIUSC
ci si sposta di 10 pixel per volta.
L'ultimo elemento da inserire
è l'invito all'azione.
Userò lo strumento Elemento
con il modificatore Div.
Per ottenere più facilmente
la dimensione esatta
ingrandisco lo stage
usando i pulsanti + e -
o facendo doppio clic
e inserendo un valore.
Disegno un rettangolo,
faccio doppio clic sul livello
per denominarlo "CTA"
e poi applico gli stili.
Nel riquadro Proprietà
assegno un colore di sfondo
e imposto gli angoli arrotondati;
l'icona a forma di catena è attiva

Portuguese: 
Pressione "Enter"
e use as teclas de seta para posicionar.
Por último, use essas
teclas de seta novamente
para diminuir o tamanho da caixa de texto.
Ao pressionar a tecla "Shift",
consigo pular 10 pixels de uma só vez.
A última coisa é a CTA,
então vou usar a ferramenta de elementos
com o modificador "Div".
Para conseguir o tamanho exato,
aplique zoom no cenário.
Use os botões de adição e subtração
ou clique duas vezes
para inserir um valor.
Vou desenhar um retângulo,
clicar duas vezes na camada
para nomeá-la como "CTA"
e mudar o estilo.
No painel "Propriedades",
posso escolher a cor do plano de fundo.
Ao definir cantos arredondados,
o ícone está ativo,
então os quatro serão iguais.

English: 
Hit Enter now
and I can nudge it into position with the arrow keys
And last use my
arrow keys again
to trim the text box size down
Note that by holding the Shift
key I can jump ten pixels at a time
The last thing we need is the CTA
so here's where I'll use the Element tool
with the div modifier
To make it easier
to get the exact size
I'll zoom the stage
You can use the plus and minus
buttons
or double click to key in a value
So I'll draw a rectangle
and double click the layer to name it cta
Now I'll style it
So in the Properties
panel I can assign a background color
and to set rounded corners
notice the
link icon is active
so the four corners will be the same

Russian: 
Теперь нажмем Ввод
и воспользуемся
клавишами со стрелками,
чтобы сдвинуть
поле на нужную позицию
и немного уменьшить его размер.
Зажав клавишу Shift, можно
делать шаг сразу на 10 пикселей.
Остался призыв к действию.
Для него понадобится
инструмент "Элемент"
с модификатором DIV.
Чтобы было проще
задать нужный размер,
увеличим изображение.
Используйте кнопки
с плюсом и минусом
или дважды нажмите
на значение и измените его.
Создадим прямоугольник
и дважды нажмем на слой,
чтобы указать название элемента.
Теперь настроим стиль.
На панели "Свойства"
можно задать цвет фона
и выбрать закругленные углы.
Значок цепочки активен,
поэтому углы будут одинаковыми.

French: 
J'appuie sur Entrée,
et je peux déplacer
la position à l'aide des flèches.
Enfin, j'utilise encore les flèches
pour réduire la taille de la zone de texte.
Appuyez sur Maj de façon prolongée pour
modifier la valeur par paliers de 10 pixels.
Enfin, pour l'incitation à l'action, ou CTA,
je vais utiliser l'outil Élément
avec le modificateur DIV.
Pour obtenir
facilement la taille exacte,
je zoome sur l'espace de création.
Vous pouvez utiliser les boutons + et -,
ou double-cliquer pour saisir une valeur.
Je dessine donc un rectangle,
je double-clique sur le calque
pour le nommer CTA
et je vais le personnaliser.
Dans "Propriétés",
je choisis la couleur d'arrière-plan
et des angles arrondis.
L'icône de chaîne est active,

Spanish: 
Pulso Intro
y lo coloco bien con las flechas.
También con las flechas
reduzco el cuadro de texto.
Pulsando Mayús
reduzco diez píxeles de golpe.
Por último, crearé una CTA
con la herramienta de elemento
y el modificador div.
Para ajustar el tamaño
amplío la escena
con los botones más y menos
o hago doble clic y pongo un valor.
Dibujo un rectángulo
hago doble clic en la capa y escribo CTA.
Para el estilo
en Propiedades elijo un color de fondo.
Esquinas redondas.

Chinese: 
现在按Enter键
可以使用箭头键调整其位置
最后再次使用箭头键
将文本框的尺寸修剪得小一点
大家注意看
按住Shift键可以一次跳10个像素
最后还需要号召性用语
这里会用到元素工具
以及div修饰工具
为了更轻松地设置确切大小
我要放大场景
您可以使用加号按钮和减号按钮
或是双击输入一个值
画一个长方形
然后双击图层将其命名为“号召性用语”
现在设置其样式
在“属性”面板中指定背景颜色
设置圆角
注意，链环图标处于启用状态
因此四个角都是相同的

Portuguese: 
Agora, vou adicionar um texto
e quero inseri-lo dentro do
modificador "Div", não acima.
Use a ferramenta de seleção
e clique duas vezes no "Div"
para inserir o texto no elemento.
Isso aparecerá no nome das
localizações e das camadas.
Vou usar a ferramenta de texto
para desenhar uma caixa
e incluir "Compre agora".
Volto para a ferramenta de seleção
e altero os estilos do elemento inteiro
no painel de texto,
usando cor branca,
centralização,
fonte "Poppins" e peso médio.
Para colocar o campo de texto,
vou usar o painel "Propriedades"
e este ícone para utilizar porcentagens,
o que tem muitas vantagens.
Se usar "10" de esquerda e largura "80",
o elemento será centralizado.
Por fim, o tamanho da fonte.
A guia não aparece,

Chinese: 
接下来我要添加一些文本
将其嵌套在div中，而不是叠加到上方
使用选择工具双击div
这样就会进入该元素
你会看到这一变化显示在
面包屑导航和图层名称中
使用文本工具画一个文本框
输入“Shop now”
然后切回选择工具
这样就能在文本面板中
更改整个元素的文本样式
也就是白色
中心对齐
Poppins字体和中等粗细
现在，要调整这个文本字段的位置
使用“属性”面板和这个图标来更改百分比
这项功能有多种优势
如果我使用10向左和80宽度
元素就会快速回到中心
最后一步是字体大小
但现在看不到引导图片

French: 
et les 4 angles seront donc identiques.
Je veux maintenant ajouter du texte
et l'imbriquer dans le DIV
plutôt que le superposer.
Je double-clique sur le DIV
avec l'outil de sélection
et je me retrouve dans cet élément.
Cela se reflète
dans le fil d'Ariane et le nom du calque.
J'utilise l'outil de texte
pour dessiner une zone de texte,
je saisis "Shop now",
puis je réactive l'outil de sélection
pour modifier les styles de texte
de l'élément complet dans le panneau "Texte".
Avec la couleur blanche,
l'alignement au centre,
la police Poppins et l'épaisseur moyenne.
Pour positionner ce champ,
j'utilise "Propriétés" et cette icône
pour modifier les pourcentages,
ce qui offre plusieurs avantages.
Je centre rapidement l'élément en indiquant
10 pour la gauche et 80 pour la largeur.
Je finis par la taille de police,
mais je ne vois pas mon guide.

Russian: 
Добавим текст
и не просто напишем его
сверху, а вставим в элемент DIV.
Выбрав "Выделение",
дважды нажмем на элемент,
чтобы перейти в него.
Это отразится в строке
навигации и названиях слоев.
С помощью инструмента
"Текст" добавим текстовое поле
и введем Shop now.
Опять выберем "Выделение",
чтобы изменить стиль текста
для всего элемента на панели "Текст".
Зададим белый цвет,
центрирование,
шрифт Poppins и среднюю насыщенность.
Корректируя позицию поля,
выберем вариант
"В процентах" на панели "Свойства".
Это удобно.
Указав 10 в поле "Слева" и 80 в поле
"Ширина", вы быстро отцентрируете элемент.
Нам нужно задать размер шрифта,
но образца не видно.

Chinese: 
請注意，連結圖示是啟用狀態
因此四個角的設定會相同
接著，我要加入一些文字
而且要以巢狀結構放入 div 中
而非放在上層
我使用「選取」工具按兩下這個 div
這樣就會進入元素內部
您會看到導航標記和圖層名稱隨之變化
我會使用「文字」工具拉出文字方塊
然後輸入「Shop now」
再切換回「選取」工具
以便在文字面板中變更整個元素的文字樣式
白色
置中
Poppins 字型和中級粗細
現在調整文字欄位的位置
使用「屬性」面板和這個圖示
依百分比來調整
這有幾個好處
如果我使用左側 10，寬度 80
就能迅速將元素置中
最後步驟是字型大小
但現在已經看不到導引圖片

Dutch: 
dus de vier hoeken worden hetzelfde.
Nu wil ik tekst toevoegen
en in de div plaatsen,
niet in de laag erboven.
Dus gebruik ik de Selectie-tool
om op deze div te dubbelklikken,
waardoor we in dat element komen.
U ziet dat terug in de
broodkruimels en laagnamen.
Ik gebruik de Tekst-tool om
een tekstvak te tekenen
en typ Shop now.
Dan gebruik ik de Selectie-tool
om de tekststijlen van het hele element
te wijzigen in het Tekst-deelvenster
met kleur wit,
op het midden uitgelijnd,
Poppins-letterype en Tekststijl Normaal.
Ik positioneer dit tekstveld door
in het deelvenster Eigenschappen
met dit pictogram alles op 
percentages in te stellen.
Dat heeft meerdere voordelen.
Als ik Links 10 en Breedte 80 gebruik,
wordt dit element meteen gecentreerd.
De laatste stap is lettertypegrootte,
maar ik kan mijn hulpbeeld niet zien,

Italian: 
quindi tutti e quattro gli angoli
saranno uguali.
Poi voglio aggiungere del testo
all'interno dell'elemento Div
anziché nel livello superiore.
Con lo strumento Selezione
faccio doppio clic sull'elemento Div
in modo da spostarmi all'interno di esso
come indicano anche i breadcrumb
e i nomi dei livelli.
Con lo strumento Testo
disegno una casella di testo
e digito "Shop now"
quindi riprendo lo strumento Selezione
e cambio gli stili per l'intero elemento
nel riquadro Testo:
colore bianco,
allineamento al centro,
carattere Poppins e spessore medio.
Per posizionare questo campo di testo
nel riquadro Proprietà seleziono
la casella Utilizza le percentuali.
Ciò ha diversi vantaggi:
basta inserire 10 a sinistra
e 80 di larghezza
per centrare rapidamente l'elemento.
L'ultima modifica
è la dimensione del carattere
ma ora la guida non è visibile

Turkish: 
Bu sayede dört köşe de aynı olur.
Sonra biraz metin ekleyeceğim.
Üzerindeki katman yerine
div içine yerleştirmek istiyorum.
Seçim aracıyla bu div'i iki kez tıklayarak
öğenin içine gidiyorum. Bu işlemin
içerik haritası ve
katman isimlerine
yansıdığını görebilirsiniz.
Shop now yazacağım.
Sonra Seçim aracına geri dönünce
metin stillerini metin panelindeki
öğenin tamamı için değiştirebileceğim.
renk beyaz,
ortaya hizala,
yazı tipi Poppins ve ağırlık orta.
Şimdi bu alanın
konumunu ayarlamak için
Özellikler panelinde simgeyle yüzdelik
değerleri değiştireceğim.
Bunun bazı avantajları var.
10 Sol ve 80 Genişlikle ortalanır.
Son adım yazı tipi boyutu.

Polish: 
więc wszystkie cztery
narożniki będą takie same.
Teraz dodam tekst.
Wolę zagnieździć go w elemencie div,
a nie w warstwie powyżej.
Użyję więc narzędzia do zaznaczania,
by kliknąć dwukrotnie ten element div.
W ten sposób przejdziemy
do wewnątrz tego elementu,
co zostanie odzwierciedlone
w menu nawigacyjnym i nazwach warstw.
Za pomocą narzędzia tekstowego
narysuję pole tekstowe
i wpiszę tekst „Shop now”,
a potem ponownie użyję
narzędzia do zaznaczania,
by zmienić style tekstu w całym
elemencie w panelu tekstowym
na kolor biały,
wyrównanie do środka
i czcionkę Poppins o średniej grubości.
Aby umieścić to pole tekstowe
w odpowiednim położeniu,
użyję panelu Właściwości i za pomocą
tej ikony zmienię wartość procentową.
Ma to szereg zalet.
Aby szybko wyśrodkować element, ustawię
10 w polu Lewo i 80 w polu Szerokość.
Ostatnim krokiem jest
określenie rozmiaru czcionki.
Nie widzę jednak mojej prowadnicy,

Japanese: 
リンクアイコンが有効なので
4隅が同じになります
次にテキストを入力します
レイヤを重ねるのではなく
このdivの内側にネストします
選択ツールを使って
このdivをダブルクリックすると
その要素の内側に移動します
この操作はパンくずリストと
レイヤ名に反映されます
テキストツールを使って
テキストボックスを描き
「Shop now」と入力します
再び選択ツールに切り替えて
このテキストパネルの要素全体の
テキストスタイルを変更します
色は白
中央揃え
フォントは[Poppins]
フォントのスタイルは[中]にします
このテキストフィールドの位置を決めるため
[プロパティ]パネルのこのアイコンで
パーセントに切り替えます
これにはメリットがあります
たとえば左位置を10、幅を80と指定すれば
この要素を簡単に中央に配置できます
最後にフォントサイズを指定します
ガイドが見えなくなったので

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

English: 
Next I want to add some
text
and I want to nest this inside of the div rather than layer it above
So I use the Selection tool to double click this div
which moves us inside that
element
and you'll see this reflected in the breadcrumbs and layer names
I'll use
the Text tool to draw a text box
and key in Shop now
then switch back to the Selection tool
so I can change the text styles on the
entire element in the text panel
with color white
center aligned
Poppins font and medium weight
Now to position this text field
I'll use the Properties panel and
this icon to change to percentages
which has several advantages
If I use 10 Left and 80 Width this quickly centers the element
The last step is font size
but I can't see my guide now

German: 
Da das Verknüpfungssymbol aktiv
ist, werden alle vier Ecken gleich sein.
Jetzt werde ich Text hinzufügen.
Dieser soll sich im Div-Element
befinden, nicht in der Ebene darüber.
Daher doppelklicke ich mit dem
Auswahltool auf dieses Div-Element,
damit wir innerhalb des Elements sind.
Sie erkennen das an den
Namen des Klickpfads und der Ebene.
Jetzt zeichne ich mit dem Texttool
ein Textfeld und gebe "Shop now" ein.
Dann wechsle ich wieder zum Auswahltool,
um im Steuerfeld "Text" die
Textstile des gesamten Elements zu ändern.
Ich entscheide mich
für eine weiße Textfarbe,
zentrierte Ausrichtung,
die Schriftart "Poppins"
und den Textstil "Normal".
Zum Positionieren des Textfelds
wechsle ich zu "Eigenschaften"
und aktiviere "Prozentsätze verwenden".
Diese Option bietet mehrere Vorteile.
Ich kann das Element schnell zentrieren,
indem ich die linke Position
auf "10" und die Breite auf "80" festlege.
Jetzt fehlt nur noch die Schriftgröße.

Korean: 
다음으로 텍스트를 추가하여
Div 요소와 겹치지 않게
그 안쪽에 넣으려고 합니다
선택 도구에서 Div를 더블클릭하면
요소 안쪽으로 이동하고
이동 경로와 레이어 이름에 반영됩니다
텍스트 도구를 사용하여
텍스트 상자를 그리고
'Shop now'라고 입력한 다음
선택 도구로 돌아와
텍스트 패널에서
전체 요소에 대한 텍스트 스타일로
흰색
가운데 정렬, Poppins 글꼴
보통 두께를 적용합니다
텍스트 필드를 배치할 때
속성 패널에서
이 아이콘으로 백분율을 변경하면
여러 이점이 있습니다
왼쪽 위치 10, 상단 위치 80으로 설정하면
요소가 가운데로 이동합니다
마지막은 글꼴 크기를
조정하는 단계입니다
그런데 가이드가 보이지 않네요

Spanish: 
Este icono activo
crea cuatro esquinas iguales.
Añadiré texto
dentro del elemento div, no encima.
Con Selección
hago doble clic en el div
y entro en el elemento.
Se refleja en la ruta y la capa.
Con Texto, dibujo un cuadro
y escribo Shop now.
Con Selección
cambio los estilos del texto
en el panel Texto
por color blanco
alineación centrada
fuente Poppins y grosor medio.
Coloco este campo
con el panel Propiedades
y con este icono cambio a porcentajes
lo que es muy útil.
Un 10 a la izquierda y 80 de anchura
centra el elemento en seguida.
Ahora el tamaño de fuente.
No veo la guía

French: 
Je dois donc revenir au DIV racine,
sélectionner le CTA
et définir l'opacité sur 0,5.
Je vois désormais mon guide.
Je double-clique de nouveau
sur le CTA et je peux terminer le texte.
Enfin, je dois revenir au DIV racine
et restaurer l'opacité complète du CTA.
Autre avantage des pourcentages :
si je modifie la taille du bouton
avec l'outil de sélection
et que j'active
la commande de transformation,
j'obtiens ces poignées de redimensionnement.
Mon texte reste centré
quelle que soit la taille du bouton.
Je restaure mon espace de création sur 100 %.
Je crois que c'est tout.
J'active la visibilité de mon guide
pour vérifier que tout est en place
et que tout a l'air correct,
puis je le supprime via la touche Suppr.
L'icône en forme d’œil ne permet pas
de supprimer une image d'une annonce publiée.
Vous devez
supprimer le calque de la timeline.

English: 
so to fix that I'll return to the root div
select the
CTA and set its opacity to 0.5
Now I can see my guide
So double click the CTA
again and I can finish off the text
The last step is to return to the root div
and restore my CTA to full opacity
Here's another advantage of percentages
If I change my button size with the selection tool
and enable transform
control
so I get these resize handles
I see my text stays centered for any size
button
I'll restore my stage to 100%
and I think that's everything
I'll toggle my guide visibility to make sure I have all elements in place
and if it looks good
then remove the guide with the Delete key
Note that just using the eye icon will
not remove an image from a published ad
You'll need to delete the layer from the
timeline

Russian: 
Чтобы исправить это,
вернемся в корневой элемент DIV,
выберем элемент cta
и установим прозрачность 0,5.
Теперь мы видим образец.
Дважды нажмем на текст
и завершим его настройку.
Теперь перейдем
к корневому элементу DIV
и вернем прежнее значение прозрачности.
Ещё одно преимущество процентов:
если менять размер
кнопки инструментом выделения,
включив
управление трансформацией,
то текст на кнопке
будет оставаться
отцентрированным.
Вернемся к 100 %-ному размеру.
На этом наша работа завершена.
Отключаем образец и убеждаемся,
что все элементы на своих местах.
Если вы довольны результатом,
удалите образец клавишей Delete.
Обратите внимание, что нажать
на значок глаза недостаточно.
Вам нужно удалить
слой на временной шкале.

Japanese: 
ルートのdivに戻り
CTAを選択して
不透明度を0.5に設定します
これでガイドが見えるようになりました
再びCTAをダブルクリックして
テキストを仕上げます
最後はルートのdivに戻り
CTAの不透明度を1に戻します
パーセントを使ったメリットが
もう一つあります
選択ツールを使ってボタンサイズを変更し
[変形コントロール]を有効にすると
サイズ変更ハンドルが表示されます
ボタンのサイズを変えても
テキストは常に中央に配置されています
ステージを100%に戻します
これで完了です
ガイドの表示を切り替えて
すべての要素の配置を確認します
問題がなければ
Deleteキーでガイド画像を削除します
目のアイコンを使っただけでは
パブリッシュした広告に画像が残るため
タイムラインから
レイヤを削除する必要があります

Polish: 
więc aby to zmienić, wrócę
do głównego elementu div,
wybiorę wezwanie do działania
i ustawię przezroczystość na 0,5.
Teraz prowadnica jest widoczna.
Jeszcze raz kliknę dwukrotnie
wezwanie do działania i dokończę tekst.
Na koniec powrócę do głównego elementu div
i przywrócę pełną
przezroczystość wezwania do działania.
To kolejna zaleta wartości procentowych.
Jeśli zmienię rozmiar przycisku
za pomocą narzędzia do zaznaczania
i włączę sterowanie przekształcaniem,
wyświetlą się uchwyty zmiany rozmiaru.
Tekst pozostanie wyśrodkowany
niezależnie od rozmiaru przycisku.
Przywrócę rozmiar sceny do 100%
i to chyba wszystko.
Włączę widoczność prowadnicy i sprawdzę,
czy wszystko jest na swoim miejscu.
Jeśli całość wygląda dobrze, można
usunąć prowadnicę klawiszem Delete.
Korzystając z ikony oka, nie usuniesz
obrazu z opublikowanej reklamy.

German: 
Da jedoch die Vorlage nicht
zu sehen ist, wechsle ich zum
Div-Element der obersten
Ebene, wähle den CTA aus
und ändere die Deckkraft zu "0.5".
Jetzt sehe ich wieder die Vorlage.
Ich doppelklicke nun wieder auf
den CTA und stelle den Text fertig.
Zum Abschluss wechsle ich
wieder zum obersten Div-Element
und stelle die volle Deckkraft wieder her.
Die Verwendung von
Prozentsätzen hat weitere Vorteile:
Wenn ich mit dem Auswahltool
die Größe einer Schaltfläche ändere
und den Bearbeitungsmodus aktiviere,
werden diese Ziehpunkte angezeigt.
Der Text ist immer zentriert,
unabhängig von der Größe der Schaltfläche.
Ich setze die Vergrößerung des
Arbeitsbereichs wieder auf "100%".
Ich aktiviere und deaktiviere
die Anzeige der Vorlage, um zu prüfen,
ob alle Elemente vorhanden sind.
Wenn alles passt, drücke ich die
Entf-Taste, um die Vorlage zu löschen.
Wenn ich nur auf das Augensymbol klicke,
ist das Bild weiterhin Teil der Anzeige.
Ich muss also die Ebene
aus der Zeitachse entfernen.

Dutch: 
dus ga ik terug naar root-div,
selecteer ik de CTA en stel ik het
Transparantieniveau in op 0,5.
Nu zie ik mijn hulpbeeld.
Ik dubbelklik nogmaals op de 
CTA om de tekst te voltooien.
De laatste stap is 
teruggaan naar de root-div
om de CTA op volledige 
transparantie te zetten.
Nog een voordeel van percentages:
Als ik de knopgrootte 
wijzig met de Selectie-tool
en Transformeren inschakel,
krijg ik deze formaatgrepen.
De tekst blijft dan gecentreerd
bij elke knopgrootte.
Ik zet mijn werkruimte 
weer op 100%.
En dat is het wel.
Ik maak het hulpbeeld weer zichtbaar 
om te zien of alles op zijn plaats staat.
Als het er goed uitziet, verwijder ik
het hulpbeeld met de Delete-toets.
Het oogpictogram verwijdert de afbeelding
niet uit een gepubliceerde advertentie.
Daarvoor moet u de laag
uit de tijdlijn verwijderen.

Portuguese: 
então preciso retornar ao
modificador "Div" raiz,
selecionar a CTA e definir
a opacidade dela como "0,5".
A guia voltou,
então clique na CTA novamente
para terminar o texto.
Por último, volte ao
modificador "Div" raiz
e restaure a CTA para a
opacidade total.
Outra vantagem das porcentagens:
se eu mudar o tamanho do botão
com a ferramenta de seleção
e ativar "Controle de transformação",
terei alças de redimensionamento.
O texto continua centralizado
para qualquer tamanho de botão.
Vou restaurar meu cenário para "100%"
e acho que isso é tudo.
Vou alternar a visibilidade da guia para
garantir que os elementos estão no lugar,
e se tudo estiver certo,
remova a guia com a tecla "Delete".
Usar apenas o ícone de olho não removerá
a imagem de um anúncio publicado.
É preciso excluir a camada
da linha do tempo.

Turkish: 
Fakat şimdi kılavuzumu göremiyorum.
Düzeltmek için kök div'e gidiyorum
ve CTA'yı seçip opacity değerini 0.5
olarak ayarlıyorum.
Şimdi kılavuz görünüyor.
CTA'yı tekrar iki kez tıklayıp
metni tamamlayabilirim.
Son adımda kök div'e dönüp
CTA'mı opacity değerimi
tam olarak ayarlıyorum.
Yüzdelerin başka bir avantajı var:
Düğme boyutumu seçim aracıyla değiştirir
ve dönüşüm denetimini etkinleştirirsem
boyutlandırma tutamaçları görünür.
Tüm düğme boyutlarında
metnim ortada kalıyor.
Sahnemi tekrar %100 olarak ayarlıyorum.
İşlemin tamamlandığını görüyorum.
Kılavuz görünürlüğünü açıp kapatıp
tüm öğeleri kontrol ediyorum.
İyi görünüyor. Delete tuşuna
basarak kılavuzu kaldırıyorum.
Unutmayın, göz simgesi resmi
reklamdan kaldırmaz.
Bunun için resmi zaman
çizelgesinden silmeniz gerekir.

Spanish: 
así que vuelvo al elemento div
selecciono la CTA
y ajusto la opacidad en 0,5.
Ya veo la guía.
Vuelvo a hacer doble clic en la CTA
y termino el texto.
Por último, vuelvo al elemento div raíz
y cambio a opacidad completa.
Otra ventaja de los porcentajes:
si con Selección
cambio el tamaño de botón
y habilito la transformación
para cambiar el tamaño del cuadro
el texto permanece siempre centrado.
Ajusto la escena en 100 %
y ya está.
Cambio la visibilidad de la guía
para ver que todo esté bien
y si es así
quito la guía con la tecla Supr.
Con el icono del ojo no se elimina
una imagen de un anuncio publicado.
Hay que eliminar la capa
de la línea de tiempo.

Chinese: 
要修正這個部分，我必須回到根 div
選取這個行動號召
將透明度設為 0.5
現在看得到導引圖片了
再次按兩下行動號召
就能進行文字的最終調整
最後一步是返回根 div
將我的行動號召
還原成完全不透明的狀態
使用百分比這在裡有另一個好處
如果我使用「選取」工具變更按鈕大小
並啟用變形控制項
就會出現這些調整大小控制桿
無論按鈕大小如何
文字都會維持在中央
把中心區域大小還原為 100%
就差不多完成了
我切換導引圖片的顯示設定
確定所有元素都已到位
如果沒問題
就用 Delete 鍵刪除導引圖片
提醒您，光是使用「眼睛」圖示
並不會從已發布的廣告上移除圖片
您必須從時間軸上刪除該圖層

Chinese: 
为了解决这一问题
我要返回根div
选中号召性用语
将其不透明度设置为0.5
现在可以看到引导图片
再次双击号召性用语
可以完成文本设置
最后一步是返回根div
将号召性用语还原为完全不透明
这是百分比的另一个优势
如果我使用选择工具更改按钮尺寸
并启用转换控件
也就是使用尺寸调整手柄
对于任何尺寸的按钮
文本都保持在中间
将场景还原为100%
这样就完成了
下面切换引导图片的可见度
确保所有元素都各就其位
如果达到了目标效果
就可以按Delete键移除引导图片
需要注意的是，仅使用眼睛图标
无法从已发布的广告中移除图片
您需要从时间轴中删除图层

Italian: 
quindi torno all'elemento Div radice,
seleziono il CTA
e ne imposto l'opacità su 0.5.
Ora la guida è visibile.
Faccio di nuovo clic sul CTA
e finisco il testo.
Infine ritorno al Div radice
e riporto l'opacità del CTA a 1.
Un altro vantaggio delle percentuali
è che se ridimensiono il pulsante
il testo rimane centrato
(per far ciò devo usare
lo strumento Selezione
e attivare il comando Trasforma
per abilitare i quadratini
di ridimensionamento).
Ripristino lo stage al 100%
ed è tutto.
Nascondo e rendo visibile la guida
per controllare che tutto sia a posto
e, se lo è, rimuovo la guida
con il tasto CANC.
Si noti che,
deselezionando l'icona dell'occhio,
non si rimuove un'immagine
da un annuncio pubblicato
ma occorre rimuovere il livello
dalla sequenza temporale.

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

Korean: 
루트 Div로 돌아와
CTA를 선택하고
불투명도를 0.5로 설정하면
가이드가 보입니다
CTA를 다시 더블클릭하여
텍스트 작업을 마칩니다
마지막 단계는 루트 Div로 돌아가
CTA를 완전히 불투명한
상태로 되돌리는 것입니다
백분율의 또 다른 이점이 바로 이것입니다
선택 도구로 버튼 크기를 변경하는 경우
변환 컨트롤을 선택하면
크기 조정 핸들이 생깁니다
버튼의 크기에 상관없이
텍스트는 가운데 위치를 유지합니다
스테이지를 100%로 되돌리면
끝입니다
가이드 가시성을 조정하여 모든 요소가
올바른 위치에 있게 합니다
문제가 없으면
Delete 키로 가이드를 제거합니다
눈 아이콘으로는
게시된 광고에서 이미지를 삭제할 수 없고
타임라인에서 레이어를 삭제해야 합니다

German: 
Noch ein paar Worte zur
Hintergrundfarbe und zum Rahmen:
Wenn ich auf den grauen Bereich
außerhalb des Arbeitsbereichs klicke,
werden alle Elemente abgewählt.
Jetzt kann ich die
Seitenfarbe auf "#fafafa" festlegen,
ein sehr helles Grau,
das fast weiß erscheint.
Außerdem möchte ich den Rahmen ändern.
Dieser soll auf der obersten Ebene sein,
damit Animationen, die sich in die
Anzeige bewegen, besser dargestellt werden.
Ich wähle wieder das Tag-Tool
und die Option "Div-Element",
um ein Rechteck zu zeichnen
und einen 1-Pixel-Rahmen zu erstellen.
Einige Einstellungen, die für alle
Rahmen empfehlenswert sind, sind Prozentsätze:
"0 %", "0 %", "100 %" und "100 %".
Dadurch werden die Rahmen automatisch
aktualisiert, wenn Sie die Größe ändern.
Ein Problem muss jedoch noch
im Steuerfeld "CSS" behoben werden:

Chinese: 
刚才有几点忘记提了
那就是背景颜色和边框也很难看到
如果我点击场景外面的灰色区域
就会取消选中所有元素
我可以将文档页面颜色设置为#fafafa
也就是一种近乎白色的浅灰色
另一个就是边框
最好在最上面一层进行设置
这样效果会更好
添加从屏幕外移入的动画效果时
再次使用标签工具和div修饰工具
画一个长方形
为其添加 1 个像素的灰色边框
所有边框都应该使用的设置
还是刚才的百分比
0 0 100 100
这样，当您调整广告尺寸时
边框就会自动更新
但这样做有一个问题
我们会在CSS面板中解决这个问题

Polish: 
Musisz usunąć warstwę z osi czasu.
Warto jeszcze wspomnieć
o kolorze tła i obramowaniu.
Kliknięcie szarego obszaru poza sceną
powoduje odznaczenie wszystkich elementów.
Mogę teraz ustawić kolor
strony dokumentu na #fafafa,
czyli bardzo jasny szary, niemal biały.
Chciałbym też dodać
obramowanie do górnej warstwy,
aby całość wyglądała lepiej,
gdy dodam animację spoza ekranu.
Użyję narzędzia do tagów
i modyfikatora div, by narysować prostokąt
i dodać do niego szare
obramowanie o szerokości jednego piksela.
W przypadku wszystkich obramowań
warto skorzystać z wartości procentowych:
0, 0, 100, 100, dzięki czemu
po zmianie rozmiaru reklamy
obramowania zaktualizują się automatycznie.
Mam tu problem, który
zaraz usunę w panelu CSS.

Italian: 
Un paio di dettagli difficili da vedere
sono il colore dello sfondo e il bordo.
Facendo clic sull'area grigia
fuori dallo stage
si deseleziona tutto.
Posso quindi impostare il colore
della pagina su #fafafa
che è un grigio molto chiaro,
quasi bianco.
Poi applico il bordo al livello superiore
che produce un effetto migliore
se aggiungo un'animazione
di ingresso nella schermata.
Usando lo strumento Tag
con il modificatore Div
disegno un rettangolo e vi applico
un bordo grigio da 1 pixel.
Anche per i bordi
conviene usare le percentuali:
inserisco 0 0 100 100
così se modifico le dimensioni
dell'annuncio
i bordi vengono aggiornati
automaticamente.
C'è però un problema,
che va corretto nel riquadro CSS:

Russian: 
Добавлю немного
о границе и цвете фона.
Нажав на серую область
за пределами изображения,
вы отмените
выбор всех элементов
и сможете установить
цвет страницы #fafafa.
Это очень светлый
оттенок серого, почти белый.
Также можно добавить
в верхний слой границу,
чтобы улучшить вид объявления,
если будет использоваться
анимация с движением извне.
Нарисуем прямоугольник с помощью
инструмента "Тег" с модификатором DIV,
задав границу
в один пиксель серого цвета.
Если установить для
границы режим "В процентах"
и указать значения 0, 0, 100, 100, то она
будет автоматически корректироваться
при изменении размера объявления.
Здесь есть проблема, которую
мы решим с помощью панели CSS.

Turkish: 
Gözümden kaçan bir şeyler var:
belirgin olmayan
arka plan rengi ve kenarlık.
Sahne dışındaki gri alana tıklarsam
tüm seçimleri iptal edebilirim.
Belge rengimi beyaza yakın,
çok açık bir gri olan
#fafafa olarak ayarlıyorum.
Gözümden kaçan diğer şey ise kenarlık.
Ekran dışından gelen animasyonda
güzel görünmesi için
üst katmanda olmasını istiyorum.
Dikdörtgen çizmek için etiket aracını
div değiştiricisiyle kullanıyor,
bir piksel gri kenarlık ekliyorum.
Tüm kenarlıklarda kullanmak
yine yüzde kullanmak isteyebilirsiniz.
reklam boyutunu değiştirirken
0 0 100 100 kullandığınızda kenarlıklar
otomatik olarak güncellenir.
Fakat CSS panelinde
çözmemiz gereken bir sorun var.

Korean: 
잘 보이지 않아 놓친 부분이 있네요
바로 배경 색상과 테두리입니다
스테이지 바깥의 회색 영역을 클릭하면
모든 선택이 해제되고
내 문서 페이지 채우기 색상을
#fafafa로 설정하면
흰색에 가까운
매우 밝은 회색으로 보입니다
또 다른 부분은 테두리입니다
애니메이션을 스크린 외부로부터 가져올 때
테두리를 최상위 레이어에
두는 것이 보기에 좋습니다
다시 Div 수정 도구와 함께
태그 도구를 사용하여 직사각형을 그리고
1픽셀의 회색 테두리를 적용합니다
테두리에서 적용하는 일부
설정에서도 백분율을 사용합니다
0, 0, 100, 100으로 설정하면
광고 크기를 변경할 때
테두리가 자동으로 업데이트됩니다
여기에는 한 가지 문제가 있는데
CSS 패널에서 해결할 수 있습니다

Portuguese: 
Esqueci de algumas coisas
que são difíceis de ver:
a cor do plano de fundo e a borda.
Se eu clicar na área cinza
fora do cenário,
vou desmarcar tudo
e definir a cor da página
do meu documento como #fafafa,
que é um cinza bem claro, quase branco.
O outro item é a borda, que estará
na camada superior
para ficar melhor
ao adicionar animações de dentro
para fora da tela.
Uso a ferramenta de tag com
"Div" novamente para desenhar um retângulo
e defino uma borda cinza de 1 pixel.
Algumas boas configurações para
todas as suas bordas são as porcentagens.
Escolha "0", "0", "100" e "100". Assim,
ao redimensionar seus anúncios,
as bordas atualizam na hora.
Há um problema com isso,
que vamos corrigir no painel CSS.

Chinese: 
我還漏講了幾件事
背景色彩和邊線很難看見
按一下中心區域以外的灰色區域
就會取消選取所有項目
然後可以將文件頁面色彩設為 #fafafa
這是非常淺的灰色，幾乎跟白色一樣
另一件事是邊線
我想要放在最頂層
這樣當我加入一些從畫面外進入的動畫時
看起來的效果會更好
我會再次使用「標記」工具
搭配 div 調整項畫一個長方形
並設定 1 像素的灰色邊界
建議您所有的邊界設定都採用百分比
0、0、100、100
這樣一來
當您調整廣告大小時
邊界也會自動更新
但這會有一個問題
我們會在 CSS 面板中修正這個問題

Japanese: 
次に 見えにくい
背景色とボーダーについて説明します
ステージ以外の
グレーの部分をクリックすると
すべての選択が解除されます
ドキュメントページの色の設定を
「#fafafa」にすると
白に近い明るいグレーになります
次はボーダーです
トップレイヤに設定して
画面の外からアニメーションが入るときに
見栄えをよくします
再びタグツールとdiv要素を選択して
長方形を描き
1ピクセルのグレーのボーダーを設定します
どのボーダーでも
パーセントを使用すると便利です
「0 0 100 100」のように指定して
広告のサイズを変更した場合に
ボーダーも自動的に更新されます
ただし この方法だと1つ問題が出るので
CSSパネルで修正します

Spanish: 
Faltan dos cosas:
el color de fondo y el borde.
Hago clic en la zona gris
fuera de la escena
lo desmarco todo
y defino el color de página
del documento en #fafafa
un gris muy claro, casi blanco.
También puedo añadir un borde
en la capa superior
por si añado una animación
que entra en la pantalla.
Con Etiquetado y div
dibujo un rectángulo
con un borde gris de un píxel.
También puedo usar porcentajes
para todos los bordes
0 0 100 100.
Así, al cambiar
el tamaño de los anuncios
los bordes se actualizan.
Pero en el panel CSS debo corregir

French: 
J'ai oublié deux choses
pas faciles à voir :
la couleur d'arrière-plan et la bordure.
En cliquant dans la zone grise
hors de l'espace de création,
je désélectionne tout
et je peux définir la couleur de page
du document sur #fafafa.
C'est un gris très clair, presque blanc.
Passons à la bordure, que je veux ajouter
au calque supérieur
pour améliorer son aspect
lorsque j'inclus
des animations provenant de l'extérieur.
L'outil de balisage avec le modificateur DIV
me permet de dessiner un rectangle
et je crée une bordure grise de 1 pixel.
Pour toutes vos bordures, vous pouvez
de nouveau utiliser les pourcentages :
0 0 100 100. Ainsi,
lorsque vous redimensionnez vos annonces,
les bordures
sont mises à jour automatiquement.
Il y a un problème,
que je vais corriger dans le panneau "CSS".

Dutch: 
Wat dingen die ik heb gemist,
die moeilijk te zien zijn, zijn de
achtergrondkleur en rand.
Als ik in het grijze gebied 
buiten de werkruimte klik,
deselecteer ik alles
en kan ik de paginakleur van het
document op #fafafa instellen,
een zeer licht grijs dat bijna wit lijkt.
Het andere probleem is de rand.
In de bovenste laag ziet die er beter uit
wanneer ik animatie toevoeg
van buiten het scherm.
Ik gebruik opnieuw de Tag-tool met de div-
modifier om een rechthoek te tekenen
met een grijze rand van één pixel.
Voor randen wilt u waarschijnlijk
weer percentages gebruiken,
0, 0, 100, 100. Wanneer u dan het 
formaat van advertenties aanpast,
worden de randen automatisch geüpdatet.
Maar dat heeft één probleem, dat
we corrigeren in het css-deelvenster.

Thai: 
2-3 อย่างที่ผมพลาดไป
ซึ่งมองเห็นได้ยากคือสีพื้นหลังและเส้นขอบ
หากผมคลิกในพื้นที่สีเทานอกพื้นที่งาน
ผมจะยกเลิกการเลือกทุกอย่าง
และผมจะตั้งค่าสีหน้าเอกสารเป็น
#fafafa ได้
ซึ่งเป็นสีเทาที่สว่างมากจนเกือบจะเป็นสีขาว
อีกสิ่งหนึ่งคือเส้นขอบ
ซึ่งผมต้องการให้อยู่ใน
เลเยอร์บนสุดเพื่อให้ดูดีขึ้น
เมื่อเพิ่มภาพเคลื่อนไหวที่โผล่มา
จากนอกหน้าจอ
ผมใช้เครื่องมือแท็กกับตัวแก้ไข div
อีกครั้งเพื่อวาดรูปสี่เหลี่ยมผืนผ้า
และเพิ่มเส้นขอบสีเทา
ขนาด 1 พิกเซล
การตั้งค่าบางอย่างที่คุณอาจต้องการใช้
สำหรับเส้นขอบทั้งหมดก็คือเปอร์เซ็นต์
0 0 100 100 วิธีเดียวกับที่คุณ
ปรับขนาดโฆษณา
เส้นขอบจะอัปเดตโดยอัตโนมัติ
แต่เกิดปัญหาขึ้นอย่างหนึ่ง
ซึ่งเราจะแก้ไขในแผง CSS

English: 
A couple things I missed
which are hard to see are the background color and border
if I click in the gray area outside the stage
I'll deselect everything
and I can set my document page color to #fafafa
which is a very light gray it looks almost white
The other thing is the border
which I want on my top layer so it looks better
when I add some animation coming in from off-screen
I use the tag tool with div modifier again to draw a rectangle
and give it a one pixel gray border
Some settings you'll probably want to
use for all your borders are percentages again
0 0 100 100 that way when
you resize your ads
the borders update automatically
But there's one problem
with this which we'll fix in the CSS panel

Portuguese: 
No momento, a largura e altura estão
2 pixels acima do necessário
devido à largura da borda,
então vou adicionar o estilo
"box-sizing: border-box"
para que fique certo.
Vamos incluir uma animação.
Na camada da CTA, clique com o botão
direito em ½ seg e insira o frame-chave.
Como a CTA está no frame final agora,
vou modificar os valores nos campos
"Tradução X" e "Opacidade",
o que define essas opções como
propriedades animadas.
Clique com o botão direito
no frame-chave,
selecione "Propriedades animadas",
e ambas ficarão animadas.
Agora, posso clicar no frame-chave
inicial, mover a seta para a esquerda
e definir a opacidade como "0". Perceba o
esmaecimento ao arrastar a linha do tempo.
Clique também com o botão direito
em "Linear" para controlar o easing
e selecionar "Afastar".

German: 
Die Werte für Breite und Höhe
sind aufgrund der Rahmenbreite
zwei Pixel zu hoch.
Daher füge ich den Stil
"box-sizing: border-box" hinzu.
Jetzt binden wir noch
eine kleine Animation ein.
Klicken Sie in der CTA-Ebene bei
0,5 Sekunden auf die rechte Maustaste
und wählen Sie "Keyframe einfügen" aus.
Da der CTA am Ende des Frames ist,
ändere ich die Werte für
die Verschiebung und die Deckkraft,
sodass diese zu
animierten Eigenschaften werden.
Ich kann das überprüfen,
indem ich mit der rechten Maustaste
auf den Keyframe und dann
auf "Animierte Eigenschaften" klicke.
Jetzt kann ich auf den Start-Keyframe
klicken und dann bei gedrückter Umschalttaste
mehrmals die linke Pfeiltaste drücken.
Außerdem lege ich die Deckkraft auf "0"
fest, sodass ein Einblendeffekt entsteht.
Mit einem Rechtsklick auf "Linear"
kann ich die Easing-Optionen aufrufen.
Hier wähle ich "Ease-out" aus.

Italian: 
larghezza e altezza superano di 2 pixel
le dimensioni consentite
a causa dello spessore del bordo.
Aggiungo quindi lo stile
box-sizing: border-box
per correggere il problema.
Aggiungiamo ora un'animazione.
Nel livello del CTA,
faccio clic con il pulsante destro
in corrispondenza di mezzo secondo
e seleziono Inserisci fotogramma chiave.
Poiché ora il CTA è nel fotogramma finale,
modifico i campi
X di Traslazione e Opacità
in modo da abilitare l'animazione
per queste proprietà.
Per controllare, faccio clic
col pulsante destro sul fotogramma chiave
e su Proprietà animate
e vedo che entrambe sono animate.
Faccio clic sul fotogramma chiave iniziale
e premo la freccia sinistra più volte,
imposto l'opacità su 0
per ottenere una lieve dissolvenza
lungo la sequenza temporale.
Facendo clic su Lineare
posso controllare l'easing;
inserisco un'interpolazione in entrata.

Russian: 
Ширина и высота
стали больше на два пикселя
из-за ширины границы.
Поэтому мы добавим свойство
box-sizing со значением border-box.
Это устранит проблему.
Давайте добавим небольшую анимацию.
В слое cta нажмем правой кнопкой
мыши на 0,5 с и вставим ключевой кадр.
Сейчас элемент
находится в конечном положении,
и нам нужно задать его
анимированные свойства –
значения в полях
"Преобразование X" и "Прозрачность".
Проверим настройки,
нажав правой кнопкой мыши
на ключевом кадре
и выбрав "Анимированные свойства".
Выберем начальный ключевой кадр,
нажмем Shift + стрелка влево несколько раз
и установим прозрачность 0.
Это задаст диапазон изменений.
Также можно настроить динамику:
нажмите правой кнопкой мыши на шкале
и выберите замедление.

Korean: 
테두리 너비로 인해 너비와 높이가
2픽셀씩 늘어난 상태입니다
그래서 style box-sizing:
border-box를 추가하여
원하는 대로 조정합니다
애니메이션을 추가해보겠습니다
CTA 레이어에서 0.5초 지점을 마우스 오른쪽
버튼으로 클릭하여 키프레임을 삽입합니다
CTA가 마지막 프레임 위치에 있기 때문에
변환 X와 불투명도를 조정하면
애니메이션 속성으로 설정됩니다
키프레임을
마우스 오른쪽 버튼으로 클릭하고
애니메이션 속성을 선택하면 두 속성이
모두 적용되었음을 확인할 수 있습니다
첫 번째 키프레임을 클릭하고 Shift를 누른
상태에서 왼쪽 화살표를 반복해서 누릅니다
불투명도를 0으로 설정하면 타임라인을
드래그할 때 약간의 페이드인이 나타납니다
선형을 마우스 오른쪽 버튼으로
클릭하면 이징을 제어할 수 있습니다
이즈 아웃을 선택합니다

Chinese: 
目前我的寬度和高度因為邊界寬度的關係
大了 2 個像素
所以我要加入
「box-sizing: border-box」這個樣式
讓廣告能正常運作
我們來加入一些動畫
在行動號召圖層中
以右鍵點選 0.5 秒處，並插入主要畫面格
由於目前最終畫格是行動號召
我要調整平移 X 和透明度兩欄
這樣會將這兩欄設為動畫屬性
若要進行確認
只要以右鍵點選主要畫面格
再按 [動畫屬性]
就能看到兩者都會變成動畫
現在我可以按一下起始畫面格
按幾次左方向鍵
透明度設為 0 會讓我在拖曳時間軸時
帶來細微的淡入效果
此外，我還可以用右鍵點選「線性」
來控制加/減速
接著選取 [減速]

Chinese: 
现在，受到边框宽度的影响
宽度和高度多了两个像素
因此需要添加样式
box-sizing: border-box
确保行为与预期方式相符
我们添加一点动画效果
在号召性用语图层中
右键点击半秒的位置并插入关键帧
由于号召性用语
在最后一帧的位置
因此现在我会在
翻译X和不透明度字段中上下切换
这会将其设置为动画属性
右键点击关键帧动画属性即可确认
两个都会应用动画效果
现在我可以点击开始关键帧
向左移动几次箭头
将不透明度设置为0
这样我在拖动时间轴时就会轻微淡入
我还可以右键点击线条来控制缓慢移动
并选择缓慢移出

Thai: 
ตอนนี้ ความกว้างและสูงใหญ่เกินไป 2 พิกเซล
เนื่องจากความกว้างของเส้นขอบ
ผมจึงต้องเพิ่มรูปแบบ
box-sizing: border-box
เพื่อให้ทำงานตามที่คาดไว้
มาเพิ่มภาพเคลื่อนไหว
เล็กๆ กัน
ในเลเยอร์ CTA คลิกขวาที่ครึ่งวินาที
และแทรกคีย์เฟรม
เนื่องจากตอนนี้ผมมี CTA ที่
ตำแหน่งสิ้นสุดเฟรม
ผมจะสลับขึ้นลงในทั้งช่อง Translation X
และความทึบแสง
ซึ่งตั้งค่าเป็นคุณสมบัติที่เคลื่อนไหว
และผมจะยืนยันได้โดยคลิกขวาที่คีย์เฟรม
คุณสมบัติที่เคลื่อนไหว และผมเห็นว่า
ทั้งคู่จะเป็นภาพเคลื่อนไหว
ตอนนี้ผมจะคลิกคีย์เฟรมเริ่มต้น
และกด Shift พร้อมลูกศรซ้าย 2-3 ครั้ง
และความทึบแสง 0 ซึ่งให้เฟดเข้า
แบบจางๆ ขณะที่ผมสครับไทม์ไลน์
ผมยังคลิกขวาที่เส้นตรงเพื่อ
ควบคุมการค่อยๆ เปลี่ยนได้ด้วย
และเลือกค่อยๆ เปลี่ยนออก

Turkish: 
Şu an genişlik ve yükseklik değerleri,
kenarlık genişliği yüzünden
iki piksel fazla uzun.
Bu yüzden
box-sizing: border-box stilini ekliyorum
ki istediğim şekilde olsun.
Küçük bir animasyon ekleyelim.
CTA bitiş çerçevesi konumunda
olduğu için CTA katmanında yarım saniyeyi
sağ tıklayıp animasyon karesini ekliyorum.
Çevirme X ve Opacity alanlarının
her ikisinde açıp kapatacağım.
Böylece bunlar animasyonlu
özellikler oluyor.
Animasyon karesi, animasyonlu özellikler'i
sağ tıklayınca ikisinin de
animasyonlu olacağını görüyorum.
Artık başlangıç animasyon karesini
tıklayıp shift ile ok tuşlarına basıp
opacity'i 0 ayarladığımda, çizelgede
gezerken hafif şeffaflaşma görüyorum.
Ayrıca çizgisel'i sağ tıklayınca
yumuşatmayı kontrol ederek
ease-out'u seçiyorum.

Spanish: 
los dos píxeles de más
de la altura y anchura
debido a la anchura del borde.
Añado el estilo
box-sizing: border-box
para conseguir lo que quiero.
Añadiré una animación.
En la CTA, hago clic derecho
en 0,5 s y pongo el fotograma clave.
Como la CTA está
en el fotograma final,
configuro Traslación X y Opacidad
como propiedades animadas.
Hago clic derecho en el fotograma clave
Propiedades animadas y allí están.
Hago clic en el fotograma inicial,
Mayús flecha izquierda varias veces.
Una opacidad 0 va mostrando el texto
al mover la línea de tiempo.
Con un clic derecho en Lineal
controlo el easing
y selecciono Desacelerar.

Dutch: 
De breedte en hoogte zijn 
nu twee pixels te groot
vanwege de breedte van de rand.
Dus u kunt de stijl box-sizing:
border-box toevoegen
en daarvoor het 
verwachte gedrag instellen.
Ik voeg een kleine animatie toe.
Klik met rechts bij een halve seconde in
de CTA-laag en voeg een sleutelframe toe.
Omdat de CTA nu bij het eindframe staat,
verhoog en verlaag ik de waarden bij
Transformatie X en Transparantieniveau,
waardoor die worden ingesteld als
geanimeerde eigenschappen.
Ik controleer dat door met rechts
op het sleutelframe te klikken.
Bij Eigenschappen voor animatie 
ziet u dat beide geanimeerd zijn.
Nu klik ik op het begin-sleutelframe en
een paar keer op Shift+pijltoets links.
Transparantieniveau 0 geeft me dan een
subtiele fade als ik de tijdlijn doorloop.
Ik kan ook met rechts op Linear 
klikken om easing in te stellen.
en ease-out selecteren.

Japanese: 
現在 幅と高さが2ピクセルで大きすぎます
これはボーダーの幅のせいです
そこでスタイル「box-
sizing: border-box」を追加して
思ったとおりに動作するようにします
ちょっとしたアニメーションを
追加してみましょう
CTAレイヤで2秒のところを右クリックして
キーフレームを挿入します
今はフレームの最後にCTAがあるため
[平行移動 X]と[不透明度]の
両フィールドの数字を上げ下げし
アニメーションプロパティとして設定します
このキーフレームを右クリックし
[アニメーションプロパティ]を選択すると
両方ともアニメーションだと確認できます
開始キーフレームをクリックし
Shift+左矢印キーを何度か押して
不透明度を0にすると タイムラインを
スクラブしたときにフェードインします
また[リニア]を右クリックして
イージングの設定を
[イーズアウト]にします

Polish: 
W tej chwili wysokość
i szerokość są o dwa piksele za duże
z powodu szerokości obramowania.
Dodam więc styl
box-sizing: border-box,
aby zapewnić jego określone działanie.
Dodajmy trochę animacji.
W warstwie wezwania do działania
kliknę prawym przyciskiem myszy w połowie
sekundy i wstawię klatkę kluczową.
Teraz na pozycji klatki końcowej
mam wezwanie do działania,
zmienię więc wartości w polach
Przesunięcie X i Przezroczystość,
co spowoduje, że staną się
one elementami animowanymi.
Potwierdzę to, klikając prawym
przyciskiem myszy klatkę kluczową
i wybierając Elementy animowane –
oba elementy są teraz animowane.
Kliknę teraz początkową klatkę kluczową,
nacisnę klika razy klawisz strzałki w lewo
i ustawię przezroczystość na 0, co da efekt
zanikania przy przewijaniu osi czasu.
Mogę też kliknąć prawym
przyciskiem myszy gradient liniowy

English: 
Right now my width and height are
two pixels too large
due to the border width
so I want to add the style box-
sizing: border-box
to make it behave the expected way
Let's add little
animation
In the CTA layer right click at a half-second and insert keyframe
since I have the CTA at the end frame position now
I'm going to toggle up and
down in both Translation X and Opacity fields
which sets those as animated
properties
and I can confirm that by right-clicking the keyframe
Animated properties and I see both will be animated
Now I can click the starting
keyframe and shift arrow left a few times
and opacity 0 which gives me a
subtle fade in as I scrub the timeline
I can also right click linear to control
easing
and select ease-out

French: 
La largeur et la hauteur
sont trop grandes de deux pixels
à cause de la largeur de la bordure.
Je veux donc ajouter
le style "box-sizing: border-box"
pour qu'elle se comporte comme prévu.
Ajoutons une petite animation.
Dans le calque CTA, faites un clic droit à
0,5 s et cliquez sur "Insérer une image clé".
Le CTA étant en position d'image de fin,
je vais faire monter et baisser
les valeurs de translation X et d'opacité,
qui deviennent des propriétés d'animation.
Je fais un clic droit
sur les propriétés d'animation
des images clés
pour vérifier qu'elles seront bien animées.
Je clique sur l'image clé de début,
et j'appuie sur Maj+flèches plusieurs fois.
Je définis l'opacité sur 0, ce qui donne
un léger fondu quand je déplace la timeline.
Je peux faire un clic droit sur "Linéaire"
pour contrôler le lissage de vitesse
et sélectionner "Lissage à l'éloignement".

German: 
Wir sind nun fast fertig. Wir
brauchen nur noch ein Exit-Ereignis.
Ich hebe die Auswahl aller Elemente auf
und klicke im Steuerfeld
"Ereignisse" auf das Pluszeichen.
Nun wähle ich "document.body" >
"Maus" > "click" > "Google Anzeige" >
"Exit-Anzeige" > "gwd-ad" aus.
In diesem Feld gebe ich
eine beliebige Messwert-ID
und die vollständige URL
meiner Landingpage ein.
Dann klicke ich auf "OK".
Jetzt kann ich auf "Vorschau"
und einen Browsernamen klicken.
Die Animation wird abgespielt
und wenn ich auf die Anzeige klicke,
werde ich auf die
Landingpage weitergeleitet.
Das sieht alles gut aus.
Zum Abschluss möchte ich
noch ein paar Punkte erwähnen:
Das Steuerfeld "Anzeigenvalidierung"
wird bei Änderungen in Echtzeit aktualisiert.
Hier wurden alle Prüfungen bestanden.

Japanese: 
これでほぼ終了ですが
exitイベントが必要です
すべての選択を解除して
イベントパネル隅の小さなプラスアイコンを
クリックして新しいイベントを作成します
[document.body]
[マウス]　[click]
[Google広告]
[広告を終了]
[gwd-ad]の順にクリックします
このパネルで任意の指標IDと
ランディングページの
完全なURLを入力し
[OK]をクリックします
これで広告をプレビューできます
好みのブラウザを選ぶと
作成したアニメーションが表示され
広告をクリックすると
指定したランディングページが表示されます
問題なさそうです
最後に2つ
[広告検証ツール]パネルを開くと
作業中にファイルの問題点を
リアルタイムで確認できます
チェック付きの項目はすべて
問題なしです

Dutch: 
We zijn bijna klaar.
Alleen nog een afsluitingsgebeurtenis.
Ik deselecteer alles.
Klik op de plus in Gebeurtenissen
om een nieuwe gebeurtenis te maken.
Ik selecteer document.body
Muis, click
Google-advertentie
Advertentie sluiten
gwd-ad
In dit deelvenster voeg ik nu een
willekeurige ID voor statistieken toe
en de volledige URL van mijn
bestemmingspagina.
Oké.
Nu kan ik een voorbeeld bekijken
en de gewenste browser selecteren.
Ik zie mijn animatie en wanneer ik klik,
word ik naar mijn 
bestemmingspagina geleid
Alles ziet er goed uit.
Wat laatste dingen.
In het deelvenster Advertentievalidatie
zie ik in realtime eventuele problemen
met het bestand tijdens het werk
en zie ik of alle controles geslaagd zijn.

Turkish: 
İşlem bitmek üzere.
Sadece çıkış etkinliği kaldı.
Tüm seçimleri kaldırıp
Etkinlikler panelinin köşesindeki küçük
artı simgesiyle yeni etiket oluşturuyorum.
document.body,
Fare, click,
Google reklamı,
Reklamdan çık,
gwd-ad seçimlerini yapıyorum.
Şimdi bu panelde istediğim
bir metrik kimliği ile
açılış sayfamın tam URL'sini girebilirim.
TAMAM'a basıyorum.
Şimdi reklamımı istediğim tarayıcıyı
seçerek önizleyebilirim.
Tıkladığımda animasyonum görünüyor.
Açılış sayfama yönlendiriliyorum.
Her şey güzel görünüyor.
Birkaç şey kaldı.
Çalışırken, Reklam Doğrulayıcı
panelinde, dosyamdaki tüm sorunları
canlı olarak görebilirim. Burada
tüm kontrollerden geçtiğini görüyorum.

Russian: 
Мы почти закончили.
Осталось настроить переход.
Отменим выбор всех элементов
и на панели "События" нажмем
маленький значок плюса в углу.
Создадим событие,
выбрав document.body,
Мышь, клик,
Объявление Google,
Переход,
gwd-ad.
На этой панели введем
произвольный идентификатор показателя
и полный URL целевой страницы.
Нажимаем "ОК".
Теперь можно
просмотреть объявление,
выбрав браузер.
Анимация работает,
при нажатии
открывается целевая страница.
Все в порядке.
Обратите внимание
на панель "Инспектор объявлений".
Здесь в реальном времени
отображаются проблемы с файлом.
Сейчас мы видим,
что все в порядке.

Chinese: 
马上就要完成了
只需一个退出事件
取消选中各个选项
在事件面板中点击一角的加号按钮
即可创建新事件
依次选择 document.body
Mouse（鼠标）> click（点击）
“Google Ads”
Exit ad（退出广告）
“gwd-ad”
现在，在该面板上添加随机指标ID
以及着陆页的完整网址
好了
现在就可以预览我的广告了
选择所需浏览器
可以看到动画效果
点击后可转到着陆页
一切看起来都很不错
最后还有几点
在广告验证工具面板中
可以在制作广告的同时
实时查看文件出现的任何问题
这里看到所有检查都已通过

Thai: 
เราใกล้เสร็จแล้ว
เราต้องการเพียงเหตุการณ์ออก
ฉะนั้นผมจะยกเลิกการเลือกทุกอย่าง
และในแผงเหตุการณ์ คลิกไอคอนบวกเล็กๆ
ที่มุมเพื่อสร้างเหตุการณ์ใหม่
ผมจะเลือก document.body
เมาส์ คลิก
โฆษณา Google
ออกจากโฆษณา
gwd-ad
และในแผงนี้ ผมจะเพิ่มรหัสเมตริกที่กำหนดเอง
และ URL แบบเต็มไปยังหน้า Landing Page
ตกลง
ตอนนี้ผมจะดูตัวอย่างโฆษณา
และเลือกเบราว์เซอร์ที่ต้องการได้
ผมเห็นภาพเคลื่อนไหว และเมื่อคลิก
ระบบจะนำผมไปยังหน้า Landing Page
ทุกอย่างดูดีแล้ว
2-3 อย่างสุดท้าย
ในแผงตัวตรวจสอบโฆษณา
ผมจะเห็นมุมมองแบบเรียลไทม์ของทุกปัญหา
ที่เกิดกับไฟล์ขณะทำงาน
และเห็นว่าการตรวจสอบ
ทุกรายการผ่านแล้ว

Polish: 
i wybrać opcję wygładzania.
Zbliżamy się do końca.
Potrzebne jest jeszcze zdarzenie wyjścia.
Odznaczę wszystkie elementy
i w panelu zdarzeń kliknę małą ikonę plusa
w rogu, by utworzyć nowe zdarzenie.
Wybiorę pozycję document.body
Mysz, Kliknięcie,
Reklama Google,
Zamknij reklamę,
gwd-ad.
W tym panelu dodam
dowolny identyfikator danych
i pełny adres URL strony docelowej.
Kliknę OK.
Mogę teraz wyświetlić podgląd mojej reklamy
i wybrać odpowiednią przeglądarkę.
Mogę zobaczyć
utworzoną animację, a gdy kliknę,
zostanę przekierowany na stronę docelową.
Wszystko wygląda dobrze.
Mam jeszcze kilka uwag na koniec.
Panel Weryfikator reklam
pokazuje w czasie rzeczywistym
wszystkie problemy z plikiem.
Widzę, że wszystkie testy
zostały zaliczone pomyślnie.

Chinese: 
快要大功告成了
現在只需要一個結束事件
所以要取消選取所有項目
然後在事件面板中
按一下角落的小加號圖示，以建立新事件
選取 document.body
滑鼠、點選
Google 廣告
結束廣告
gwd-ad
到了這個面板
我只要輸入任意指標 ID
和到達網頁的完整網址
按 [確定]
現在可以來預覽廣告
並選取我要的瀏覽器
我會看到動畫
點選廣告時
會連到我的到達網頁
一切看來都沒問題
最後還有幾件事
在「廣告驗證工具」面板中
我的檔案若有任何問題
都會即時顯示在此
我看到所有檢查項目都通過了

Korean: 
이제 거의 다 끝났습니다
이탈 이벤트만 남았습니다
모든 선택을 해제하고
이벤트 패널 모서리 부분의 더하기 기호를
클릭하여 새로운 이벤트를 생성합니다
document.body
마우스, 클릭
Google 광고
광고 이탈
gwd-ad를 선택합니다
이 패널에서는 임시 측정항목 ID와
방문 페이지에 대한 전체 URL을 추가합니다
확인을 클릭합니다
이제 광고를 미리 보고
원하는 브라우저를 선택할 수 있습니다
애니메이션이 보이네요
클릭하면
방문 페이지로 연결됩니다
잘 된 것 같습니다
마지막으로 몇 가지만 말씀드리면
광고 검사기 패널에서 작업할 때
파일의 문제를
실시간으로 확인할 수 있습니다
모든 항목에 문제가 없네요

Spanish: 
Ya casi estamos.
Falta un evento de salida.
Lo desmarco todo
y en Eventos hago clic en más
para crear un evento.
Selecciono document.body
Ratón, clic
Anuncio de Google
Salir del anuncio
gwd-ad.
En este panel añado
un ID de métrica arbitrario
y la URL de mi página de destino.
Acepto.
Puedo ver el anuncio
y seleccionar un navegador.
Veo la animación, hago clic
y voy a mi página de destino.
Parece que funciona.
Hay más.
En Validador de anuncios
se muestran en tiempo real
los problemas del archivo.
Todo es correcto.

Portuguese: 
Falta pouco.
Precisamos do evento de saída,
então vou desmarcar tudo
e, no painel "Eventos", clique no ícone
de adição no canto para criar um evento.
Selecione "document.body",
"Mouse", "clique",
"Anúncio do Google",
"Anúncio de saída"
e "gwd-ad".
Neste painel, basta adicionar um
código de métrica arbitrário
e o URL completo da minha
página de destino.
Clique em "OK".
Agora, posso visualizar meu anúncio
e selecionar o navegador desejado.
Minha animação aparece,
e quando eu clico nela,
acesso a página de destino.
Tudo certo.
Para finalizar:
em "Validador de anúncios",
vejo em tempo real
todos os problemas no meu arquivo,
e as verificações
não apresentam erros.

French: 
Avant de terminer,
il nous faut un événement de sortie.
Je désélectionne tout et,
dans le panneau "Événements", je clique sur
le "+" dans l'angle pour créer un événement.
Je sélectionne "document.body"
"Souris", "click",
"Annonce Google",
"Quitter l'annonce"
et "gwd-ad".
Ici, je saisis simplement
un ID des statistiques aléatoire
et l'URL complète
vers ma page de destination.
Voilà.
Je peux prévisualiser mon annonce
et sélectionner le navigateur de mon choix.
Je vois mon animation et, quand je clique,
je suis redirigé vers ma page de destination.
Tout a l'air correct.
Derniers points...
L'outil de validation des annonces
affiche en temps réel
les problèmes causés par mon fichier,
et je vois que tout est correct.

English: 
We're just about done
We just need an exit event
so
I'll deselect everything
and in the events panel click the little plus icon in the corner to create a new event
I'll select document.body
Mouse, click
Google ad
Exit ad
gwd-ad
And now on this panel I'll just add an
arbitrary metric ID
and the full URL to my landing page
OK
Now I can preview
my ad
and select the browser I want
I see my animation and when I click
I'm
directed to my landing page
Everything looks good
A couple final things
in the Ad Validator panel
I'll see a real-time
view of any problems with my file as I work
and I see all checks are
passed

Italian: 
Abbiamo quasi finito,
manca solo un evento di uscita.
Deseleziono tutto e, nel riquadro Eventi,
faccio clic sull'icona + nell'angolo
per creare un nuovo evento.
Seleziono document.body
Mouse, Clic
Annuncio Google
Uscita dall'annuncio
gwd-ad.
In questa finestra
inserisco un ID di mia scelta
e l'URL completo
della pagina di destinazione.
Faccio clic su OK.
Ora per vedere l'anteprima dell'annuncio
seleziono il browser che voglio.
Vedo l'animazione
e quando faccio clic sull'annuncio
vengo indirizzato
alla mia pagina di destinazione.
Sembra tutto a posto.
Due ultime cose da notare:
il riquadro
Strumento di convalida degli annunci
riporta in tempo reale eventuali
problemi del file su cui si sta lavorando;
qui si vede che tutti i controlli
sono stati superati.

Turkish: 
Ayrıca Kod görünümüyle,
tercih ediyorsam kodu
elle girerek çalışabilirim.
yaptığım değişiklikler
Tasarım görünümüne yansır.
Son adım yayınlama.
Genellikle Display & Video
360 (kullanıyorsanız)
ve yerel olarak yayınlama
seçenekleri kullanılır.
Şimdi yerel olarak yayınlayacağım.
Normalde varsayılanları kabul ediyorum.
Özellikle, Zip dosyası oluştur'u
seçip zip dosyasının
konumunu not alırım çünkü
reklam trafiği için gerekecektir.
Başarılı mesajını gördüğümde
işlemin tamamlandığını anlarım.
Videomuz bu kadar.
İzlediğiniz için teşekkür ederiz.

French: 
Sachez que la vue Code
permet de coder manuellement
et que toutes les modifications
s'affichent dans la vue Conception.
Dernière étape : la publication.
Vous pouvez transmettre à Display & Video 360
si vous utilisez cet environnement
ou publier en local, comme je le fais ici.
Dans cette fenêtre, j'accepte
généralement les paramètres par défaut,
en particulier "Créer un fichier ZIP",
et je note l'emplacement de ce fichier,
car j'en aurai besoin
pour le trafficking de l'annonce.
Le message de confirmation s'affiche.
Ce tutoriel est terminé,
merci de l'avoir suivi.

Dutch: 
Er is ook een Codeweergave
waarmee ik handmatig kan 
coderen als ik dat wil.
Al die wijzigingen zijn te zien 
in de Ontwerpweergave.
De laatste stap is publiceren.
Twee populaire keuzes zijn:
verzenden naar Dispay & Video 360
als u die omgeving gebruikt,
of om Lokaal te publiceren,
wat ik nu gebruik.
In dit dialoogvenster accepteer ik
doorgaans de standaardwaarden,
zeker Zip-bestand maken.
Ik wil de locatie voor 
dat zip-bestand aangeven,
want die heb ik nodig als ik 
de advertentie distribueer.
Ik zie het Voltooid-bericht
en we zijn klaar.
Dat was het.
Bedankt voor het kijken.

English: 
There's also Code view
which allows me
to work by hand coding if I prefer
and all those changes will be reflected in
Design view
The last step is to publish
and two common choices are pushed to
Display & Video 360 if you're using that environment
or to Publish locally
which is what I'll use
So on this dialog I normally just accept
the defaults
especially Create zip
and I want to note the location of that zip file
because I'll need it when I'm trafficking the ad
I see the success
message and we're done
That completes it
Thanks for watching

Russian: 
Также есть режим "Код".
В нем можно
писать код вручную.
Внесенные изменения
отразятся в режиме "Макет".
Последний шаг –
опубликовать объявление.
Основные варианты: в Дисплее и Видео 360
и локально. Мы выберем второй вариант.
Здесь я обычно
принимаю настройки по умолчанию,
в том числе "Создать ZIP-архив",
и запоминаю путь к этому файлу
для дальнейшей работы.
Появляется сообщение
об успешном выполнении публикации.
Готово.
Спасибо за внимание!

Chinese: 
还有代码视图
在这里，如果需要，可以手动编码
这里所做的一切更改都会体现在设计视图中
最后一步是发布
两个常见选项是：
发布到Display & Video 360（如果您使用该环境）
或是发布到本地
我选择这个选项
在该对话框中
我通常直接接受默认设置
特别是“创建zip”
请注意zip文件的位置
因为管理广告投放时要用到
显示成功消息，就大功告成了
整个制作过程就完成了
感谢大家观看

Italian: 
È anche disponibile una Vista codice
che consente di inserire il codice
manualmente;
tutte le modifiche apportate qui sono
rispecchiate nella Vista struttura.
L'ultima fase è la pubblicazione.
Le opzioni più comuni sono
Display & Video 360, per chi lo usa,
o la pubblicazione A livello locale,
che utilizzerò ora.
In questa finestra di solito accetto
le impostazioni predefinite,
soprattutto Crea ZIP.
Prendo nota della posizione del file ZIP
perché mi servirà per la gestione
del traffico dell'annuncio.
Quando appare il messaggio di conferma,
il lavoro è completato.
E questo è tutto.
Grazie per l'attenzione.

Korean: 
원한다면 코드 보기를 통해
수동으로 코딩 작업을 할 수도 있습니다
모든 변경사항은 디자인 보기에 반영됩니다
마지막은 게시입니다
일반적으로는 Display & Video 360을
사용 중인 경우 해당 환경으로 게시하거나
로컬에 게시합니다
여기에서는 로컬 게시를 선택하겠습니다
이 대화상자에서 저는 보통
기본 설정을 그대로 두며
특히 Zip 파일 만들기는
반드시 선택합니다
광고를 트래피킹할 때
Zip 파일의 위치를 알아야 하기 때문에
위치를 확인합니다
성공 메시지가 표시되면
정상적으로 완료된 것입니다
이번 시간은 여기까지입니다
시청해 주셔서 감사합니다

German: 
Außerdem gibt es die Codeansicht,
in der ich den Code direkt bearbeiten kann.
Änderungen, die ich hier vornehme,
werden in der Designansicht übernommen.
Der letzte Schritt ist die Veröffentlichung.
Viele verwenden die Option
"Display & Video 360" oder "Lokal".
Ich entscheide mich
hier für letztere Möglichkeit.
In diesem Dialogfeld übernehme ich
normalerweise die Standardeinstellungen,
insbesondere "ZIP-Datei erstellen".
Den Speicherort
dieser Datei merke ich mir,
da er für das Trafficking
der Anzeige erforderlich ist.
Nun wird eine Bestätigung angezeigt.
Damit ist unsere Anzeige fertig.
Vielen Dank für Ihre Aufmerksamkeit!

Chinese: 
另外還有「程式碼檢視」
如果我想要自己寫程式
可以在這裡操作
此處的所有變更
都會反映在「設計檢視」中
最後一步是發布
有兩個常用的選項，一是推送到 
Display & Video 360，您可以視需要選用
另一個是在本機端發布
在此我會使用這個選項
因此在這個對話方塊
通常我只要接受預設值就可以了
尤其是「建立壓縮檔」
而且我要記下壓縮檔的位置
因為我在投放廣告時需要用到這個檔案
然後會看到成功訊息
大功告成！
今天的介紹到這邊
謝謝收看

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

Polish: 
Mamy też widok kodu,
który umożliwia ręczne wpisywanie kodu.
Wszystkie zmiany będą
widoczne w widoku projektu.
Ostatnim krokiem jest publikacja.
Najczęściej wybierane opcje to
publikacja w Display & Video 360
lub publikacja lokalna,
którą teraz wybiorę.
W tym oknie dialogowym zwykle
po prostu akceptuję ustawienia domyślne,
zwłaszcza opcję Utwórz plik ZIP.
Warto zwrócić uwagę
na lokalizację tego pliku ZIP,
ponieważ będzie on
potrzebny do trafikowania reklamy.
Komunikat potwierdza publikację.
To wszystko.
Dziękuję za uwagę.

Japanese: 
[コードを表示]をクリックすると
ご希望に応じて
手作業でコードを記述できます
ここで加えた変更はすべて
デザインビューに反映されます
最後の手順はパブリッシュです
一般的には
ディスプレイ＆ビデオ360にプッシュするか
ローカルにパブリッシュします
今回はローカルを選びます
このダイアログでは
いつもデフォルト設定のままにしています
特に[zipを作成]は有効にして
zipファイルが作られる場所をメモします
広告を入稿する際に必要となるからです
パブリッシュ完了のメッセージが
表示されれば終了です
説明は以上です
ありがとうございました

Spanish: 
En Código
puedo usar la codificación manual
y ver los cambios
en la Vista de diseño.
Para publicar
lo normal es elegir
Display & Video 360 si usas ese entorno
o De forma local, como yo.
Aquí suelo aceptar
los ajustes predeterminados
sobre todo, Crear Zip
y me anoto la ubicación del Zip
para el trafico del anuncio.
Aquí está el mensaje de confirmación.
Hemos terminado.
Gracias.

Portuguese: 
Visualização de código:
posso fazer a codificação manualmente,
e as mudanças aparecem
na Visualização de design.
Agora, publicar.
É possível enviar ao Display & Video 360,
se você usar esse ambiente,
ou publicar localmente,
que é meu caso.
Nesta caixa de diálogo,
eu costumo aceitar todos os padrões,
especialmente "Criar ZIP".
Preste atenção ao local desse arquivo ZIP,
porque ele será usado
ao programar o anúncio.
A mensagem de confirmação é exibida,
e terminamos.
Isso é tudo.
Obrigado por assistir!
