Первый проект от начала до конца

Полный первый круг по Celas Studio: создать проект, что-нибудь нарисовать, оживить это, прокрутить и проиграть, а затем экспортировать.

Эта страница — один путь через всю программу от начала до конца: сделать проект, нарисовать фигуру, дать ей две позы, посмотреть, как она движется, и вывести результат. Ничто здесь не является единственным способом. Это самый короткий способ, чтобы части сложились в целое до того, как вы разойдётесь по страницам, разбирающим каждую из них как следует.

Пятнадцать минут дают вам проект с движущейся фигурой и файл на диске. Пройдите этот путь один раз, прежде чем читать в этом руководстве что-то ещё.

Создайте проект#

1. Откройте Celas Studio. Поверх рабочего пространства появится окно «Главная»: на вкладке «Недавние», если вы уже что-то открывали, или на вкладке нового проекта, если нет.
2. Щёлкните вкладку нового проекта, если она ещё не показана.
3. Оставьте колонку настроек на значениях по умолчанию (1920 x 1080, 24 кадра в секунду, 25 кадров) или наберите свои. Ввод в поле ширины или высоты снимает выбор с шаблона.
4. Нажмите «Создать» внизу колонки настроек.

Проект открывается в режиме правки, на кадре 0: это кадр построения, где графику строят и правят, а не анимируют.

Нарисуйте что-нибудь#

1. В панели «Инструменты» вдоль левого края возьмите инструмент фигуры. Пять инструментов фигур делят одну ячейку; нажимайте Shift+U, чтобы перебрать прямоугольник, эллипс, многоугольник и звезду, если нужный не показан.
2. Протяните по холсту, чтобы нарисовать её. Держите Shift во время протяжки, чтобы прямоугольник стал квадратом, а эллипс — окружностью.
3. Отпустите кнопку мыши. Фигура теперь выбрана, со своей заливкой и обводкой.

Перейдите в режим анимации#

Нажмите Tab. Кнопка слева на панели воспроизведения меняется с синей «Редактирование» на зелёную «Анимацию», шкала времени наполняется дорожками, а курсор прыгает на тот кадр, где вы анимировали последним, — в первый раз это кадр 1.

Включите «Автоключ» в шапке шкалы времени. С ним перемещение, поворот или масштабирование фигуры само пишет ключевой кадр; по умолчанию автоключ взведён для позиции, вращения и масштаба.

Задайте две позы#

1. Стоя курсором на кадре 1, немного сдвиньте фигуру инструментом «Перемещение» или «Трансформация». На её дорожке в шкале времени появится ромбик ключевого кадра.
2. Перетащите курсор дальше по линейке шкалы времени, скажем, на кадр 12.
3. Сдвиньте фигуру в другое место. На той же дорожке появится второй ромбик.

Между этими двумя кадрами Celas Studio сам просчитывает промежуточные положения. В этом и вся идея: вы ставите крайние позы, а программа делает то, что между ними.

Прокрутка и воспроизведение#

Потяните курсор туда-сюда через два ключевых кадра, чтобы проверить движение глазом: это и есть прокрутка, и работает она в любой точке линейки шкалы времени.

Нажмите Space, чтобы проиграть. Фигура пройдёт между вашими двумя позами и вернётся к началу проекта. Ещё раз Space — и она остановится.

Выведите результат#

1. Выберите Файл ▸ Экспорт ▸ Анимированный GIF…
2. Нажмите «Обзор» и выберите папку и имя файла. Расширение .gif Celas Studio добавит сам.
3. Оставьте разрешение, частоту кадров, повтор и всё прочее по умолчанию: начало и конец уже покрывают весь проект.
4. Нажмите «Экспорт».

Небольшое окно «Экспорт…» ведёт счёт кадрам и закрывается само, когда файл записан. Сообщения об успехе нет, и кнопки «открыть папку» нет: пропало окно прогресса — значит GIF на месте.

Где вы теперь#

Вы по разу коснулись каждого слоя программы: документа, графики, переключателя режима, ключевых кадров, воспроизведения и готового файла. Статья «Как работает анимация» глубже разбирает модель, стоящую за режимами правки и анимации, а статья о панели «Инструменты» показывает всё остальное, что можно взять с этой полосы.