Timeline Enhancements - Google Web Designer Google Web Designer Russian English

Timeline Enhancements - Google Web DesignerYouTube↗ IA↗(long shot)
Science & Technology 13.2K views 68 likes 3 dislikes 21 Jun 2017

Google Web Designer 76.8K subscribers United States YouTube↗

Click to Play Video

Здравствуйте!

NATALIE: Hello.

Я Натали из команды Google Web Designer.

This is Natalie from the Google Web Designer team

Сегодня я покажу вам несколько новых функций

and today, I'd like to show you a few new features

на временной шкале Google Web Designer.

that we've added to the Google Web Designer timeline.

Первое важное изменение –

One big improvement we've made is to what

улучшенный процесс воспроизведения.

happens when you press play.

Теперь ползунок движется

If you try it now, you'll see that the playhead now

по временной шкале, поэтому воспроизведение можно приостановить

runs along with the animation, and you can pause and resume

или возобновить в любой момент.

playback at any point.

Воспроизводить анимацию можно с любой точки, где стоит ползунок.

And playback will also start from anywhere your playhead is,

Это позволяет отлаживать любую часть анимации:

so you can debug any part of your animation

установите ползунок в нужном месте и нажмите "Воспроизвести".

just by placing your playhead there and pressing play.

Следующее изменение:

Another thing you'll notice is that you can now

теперь можно выделять несколько ключевых кадров с помощью рамки.

select multiple key frames using a marquee.

Просто нажмите в любом месте слоя и перетащите. Вот так.

Just click anywhere in your layers and drag, and that's it.

Также можно удерживать клавиши CTRL или Command,

You can also use the Control or Command key,

чтобы выделить несколько кадров по одному

just like when you're selecting key frames one by one to add

или отменить выделение.

or remove key frames from the selection.

Вот я отменяю выделение, а затем снова выделяю кадры.

I can remove some and then add them back.

Следующая новая функция:

Another new feature is that you can now

теперь можно изменять динамику одновременно в нескольких диапазонах.

edit the easing on multiple spans all at once.

Просто поочередно выделите диапазоны, удерживая клавишу CTRL или Command,

Just select multiple spans either by Control or Command

или с помощью рамки,

clicking them or by using the Marquee tool.

нажмите на них правой кнопкой мыши и изменяйте динамику как обычно.

And then right-click and edit the easing as normal.

Выбираем ускорение

So let's set ease in on all of these spans

и видим, что оно применилось ко всем выделенным

and you'll see that it's applied to all the spans you

диапазонам.

Можно также изменять несколько ключевых кадров одновременно.

And editing multiple key frames now works, too.

Например, сделаем, чтобы самолет летел

So for example, if I'd like to have my plane fly

немного выше. Я выбираю нужные

a little bit higher, I can just select

ключевые кадры анимации.

it's animation key frames.

Для них задано небольшое преобразование по оси Y.

And it's got a slight y translation animation,

Я выбираю относительное позиционирование

so let's say I can go to delta mode

и добавляю 50 пикселей.

and want to bump it up by about 50 pixels or so.

Проверяем.

And there we go.

Преобразование по оси Y теперь на 50 пикселей выше.

The y translation is now 50 pixels higher.

Ещё одна новая функция – это копирование ключевых кадров.

Another new feature we've added is key frame copy and paste.

Нужно просто выделить ключевой кадр, нажать на него правой кнопкой мыши

Just select a key frame and either right-click it

и выбрать "Копировать ключевой кадр" или использовать быстрые клавиши:

and select Copy key frame or use keyboard shortcuts,

CTRL + C или Command + C.

Control-C or Command-C. Then move to any layer--

Если вы хотите вставить кадр на другой слой,

the layer you'd like to paste.

перейдите на него.

It could be the same layer or a different layer.

Затем выберите в контекстном меню

And then you can just right-click and select

"Вставить ключевой кадр" или нажмите CTRL + V или Command + V.

Paste key frame or use Control-V or Command-V.

Кроме того, теперь можно создавать точные копии ключевых кадров.

You can also quickly duplicate a key frame

Для этого просто перетащите кадр, удерживая клавишу ALT

by holding down the Alt key, or the Option key if you're

или Option (на Mac).

on Mac, and just dragging it.

Эта функция также работает с разными слоями.

And this will work across different layers, as well.

И последняя новая функция, которую я хочу показать, –

And the last new feature I'd like to show you

это создание точных копий слоев.

today is layer duplication.

Можно просто выделить несколько слоев в списке,

You can just select several layers here in the layer list.

нажать на них правой кнопкой мыши и выбрать "Дублировать слои".

And then right-click and you'll see the Duplicate Layers option

Это был первый способ.

That's one way to do it.

Второй способ скопировать элемент вместе с анимацией –

Another way to copy elements together with animations

выбрать его в рабочей области и нажать Command + C или CTRL + C,

is just to select it on stage and Command or Control-C,

а затем – Command + V или CTRL + V.

and then Command or Control-V. You

Как видите, слой скопировался вместе

can see that the layer is now pasted together

с анимацией.

with its animations.

Так происходит всегда, когда вы используете клавиши.

That is now our default functionality.

Если нужно вставить слой без анимации,

And if you'd like to paste it without animations,

выберите соответствующий пункт в меню "Правка".

you can find that option here in the Edit menu.

Это все, что я хотела рассказать.

That's it for now.

Спасибо за внимание.

Thanks for watching.

Similar videos:

Timeline Keyframe Scaling - Google Web Designer
Google Web Designer
4.2K views 28 likes 0 dislikes 18 Jun 201831% match

Multiple keyframe & thumbnail selection - Google Web Designer
Google Web Designer
5.6K views 11 likes 2 dislikes 16 Nov 201630% match

Timeline Easing and Preview Range - Google Web Designer
Google Web Designer
7.6K views 37 likes 6 dislikes 03 Jan 201830% match

Pen tool - Google Web Designer
Google Web Designer
1.7K views 6 likes 1 dislikes 21 Aug 201828% match

Selection Tool - Google Web Designer
Google Web Designer
1.9K views 10 likes 0 dislikes 21 Aug 201826% match

Timeline Update Overview
Google Web Designer
13.6K views 42 likes 3 dislikes 04 Aug 201426% match

Text Overview - Google Web Designer
Google Web Designer
7.1K views 18 likes 3 dislikes 03 Jan 201825% match

Outliner - Google Web Designer
Google Web Designer
4.1K views 15 likes 6 dislikes 18 Jun 201825% match

Text Tool Demo
Google Web Designer
26.1K views 94 likes 2 dislikes 30 Sep 201325% match

Settings Privacy About Contact Donate