Synfig studio 64 bit как пользоваться

Руководство пользователя

The following 8 pages are in this category, out of 8 total.

A

B

G

• Doc:Getting Started/ru
• Doc:Gimp2synfig/ru

L

Q

R

S

Retrieved from «https://www.wiki.synfig.org/index.php?title=Category:Manual/ru&oldid=16305»

Navigation menu

Views

Personal tools

Synfig

Documentation

Wiki

• Recent Changes
• Categories
• Uncategorized Pages

Search

Tools

• What links here
• Related changes
• Special pages
• Printable version
• Permanent link
• Page information

• This page was last modified on 5 August 2012, at 15:13.
• Content of this Synfig Studio Documentation Wiki is available under the terms of Creative Commons Attribution-Share Alike 3.0 license. By contributing here you agree that the same license will be applied to your writing. If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it to this wiki. You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
• Privacy policy
• About Synfig Studio :: Documentation
• Disclaimers

Doc:Animation Basics/ru

The release of Synfig Studio 0.64.0 introduced new terminology and this translated page needs to be updated according to original English text.

You can help updating this page — see instructions here. Thank you!

warning end

Contents

• 1 Введение
• 2 Подготовка рабочего места
• 3 Добавляем движение
• 4 f-ки и s-ки: Разбираем обозначения
• 5 Список ключевых кадров
• 6 Рендеринг анимации
• 7 Заключение

Введение

Создать анимацию в Synfig очень легко. В основном это изменение рисунка — нужно просто создавать начальные и последние кадры каждых небольших элементов вашей анимации, а Synfig позаботится о промежуточных кадрах, чтобы анимация была плавной.

Рассмотрим простой пример. Возьмём «блуждающий огонёк». Упрощая задачу, получим окружность, которая будет двигаться слева направо, а потом обратно. Другими словами, необходимо создать три ‘кадра’ и три ‘сцены’:

1. Окружность находится слева.
2. Окружность находится справа.
3. Окружность вернулась и опять находится слева.

Подготовка рабочего места

Запустите Synfig Studio. Новый холст(для создания анимации) автоматически создастся. Нажмите на кнопку с изображением стрелки (между горизонтальной и вертикальной линейками вверху слева), и в появившемся меню выбирете «Правка(Edit)» -> «Свойства(Properties)» вызвать диалог свойств холста. Дайте файлу ‘Имя'(Name) и ‘Описание'(Description). Затем перейдите на вкладку ‘Время'(Time) и отредактируйте поле ‘Время конца'(End Time). Установите значение равное двум секундам: ‘2s’ (Формат поля: ‘0h 0m 0s 0f’, позволяет установливать время окончания анимации в часах(h), минутах(m), секундах(s) и кадрах(f)).

Теперь создайте чёрный прямоугольник, который будет служить нам фоном. Растягивать его на весь экран не обязательно. Также снимите галку с переключателя ‘Низкое разрешение'(Low Res) в верхней части окна редактирования холста, чтобы отключить режим просмотра с низкем разрешением — это сделает более четким отображение картинки, но увеличет время отображения картинки во время работы с ней.

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

Итак, мы нарисовали объект и научились его двигать. Но, как вы могли заметить, это ещё не анимация. Давайте теперь посмотрим как работает всё это хозяйство.

Добавляем движение

В самом начале в свойствах файла мы установили значение End Time (Конец) равное двум секундам (2s). Благодаря этому у нашего рабочего окна появились дополнительные элементы. Например, серенький ползунок времени внизу. Щёлкнув по нему можно перейти к моменту времени, который отметится на ползунке оранжевой полоской.

Чтобы создать движение, необходимо перейти в «режим анимации». Для этого справа от ползунка есть зелёная кнопка. Если на неё нажать, то вокруг рисунка появится красная рамка — напоминание о том, что все действия с объектами будут влиять на их движение во времени.

Ранее были упомянуты три шага нашей анимации. Эти шаги представляют так называемые ключевые кадры. Ключевой кадр — это картинка, на которой фиксируется положение объектов в определённый момент времени. Обычно в этот момент с ними происходит что-то важное.

Для работы с ключевыми кадрами перейдите на панель ключевых кадров, щёлкнув на её заголовке (он находится в нижнем окне и на нём изображён ключик). Если его не видно — попробуйте перейти через меню «File» -> «Panels» -> «Keyframes». Теперь щёлкните на маленькую кнопку со значком «плюс» — в списке появится новый элемент ‘0f, 0f, (JMP)’. Ваш первый ключевой кадр.

Если этого не произошло, значит вы сделали что-то не то. Закройте файл и начните сначала.

Если всё нормально, идём дальше. Перейдите на ползунке времени в позицию ‘1s’. Оранжевый маркер должен сдвинуться на это место. Добавьте ещё один ключевой кадр, снова щёлкнув на кнопку со значком «плюс». Повторите операцию для значения ‘2s’ на шкале времени. Теперь у вас должно быть три ключевых кадра.

f-ки и s-ки: Разбираем обозначения

Вы уже наверняка сообразили, что означают аббревиатуры типа ‘1s 0f’. Они указывают на конкретные точки на ползунке времени, выражая время в секундах (s) и кадрах (f).

Каждая секунда делится на 24 кадра, также как метр на рулетке делится на 100 сантиметров. Кадры нумеруются с нуля (0) до 23-х. На 24-ом кадре начинается новая секунда, и кадры опять начинают нумероваться с нуля.

Например, в таких обозначениях, «третий кадр шестой секунды» будет записан как «5s 3f». Почему «5s», а не «6s»? Потому что мы всегда начинаем считать «с нуля».

Список ключевых кадров

Список ключевых кадров (на панели Keyframes) понять несложно. В колонке ‘Time’ отображается время к которому привязан данный ключевой кадр, колонка ‘Length’ показывает его длительность (расстояние до следующего ключевого кадра), с колонкой ‘Description’ (Описание) тоже вроде бы всё и так понятно.

Вы можете задать вопрос — что за странные надписи ‘(JMP)’ в колонке ‘Jump’ (Переход)? На самом деле это ссылки, наподобие гиперссылок в web-браузере. Щёлкнув на ссылку можно переместиться в соответствующий момент на ползунке времени.

Это можно использовать для редактирования изображения в определённый момент времени. Перейдите, к примеру, к первой секунде и передвиньте красный кружок в правую часть экрана. Да-да, вот туда! Поздравляем с вашей первой анимацией в Synfig!

Интересно где же тут анимация? Попробуйте перейти в произвольную точку на ползунке времени, и вы заметите, что кружок находится в положениях, куда вы его не ставили. Что происходит? Благодаря позициям круга на различных ключевых кадрах, Synfig может понять, какое движение вы хотите получить (передвинуть круг, в частности) и дорисовать промежуточные изображения между этими состояниями. Каждое изображение будет составлять кадр вашей анимации, и, в конечном итоге, круг будет двигаться.

Рендеринг анимации

Прежде чем увидеть анимацию в окончательном виде, вам необходимо её обсчитать — выполнить рендеринг. Есть два способа сделать это. Первый — использовать Synfig Studio (с которой вы сейчас и работаете), второй — использовать консольную программу synfig.

Для начала выйдите из режима анимации, щёлкнув на кнопку с красным значком в правой части ползунка времени. Затем сохраните файл, например под именем Circle.sifz.

Теперь попробуем отрендерить анимацию первым способом. Щёлкните на кнопке вызова меню (не забыли? она в левом верхнем углу рабочего окна) и выберите «File» -> «Render». Нажмите кнопку «Choose. » («Выбрать. «), укажите имя файла — «Circle.gif» — и каталог, куда хотите отрендерить. Также в поле «Target» («Целевой формат») вместо «Auto» выберите «gif».

Убедитесь, что галочка «Use current frame» («Только текущий кадр») снята и нажмите «Render» («Отрендерить»).

Через некоторое время (которое зависит от мощности вашего компьютера) в строке состояния рабочего окна появится сообщение «File rendered successfully» («Файл успешно отрендерен»).

Теперь вы можете открыть файл Circle.gif в браузере или любой другой программе, способной воспроизводить анимированные gif’ы. Не знаю, как другие программы, но если вы открыли в браузере, то он будет воспроизводить вашу анимацию по кругу и вы сможете наслаждаться бегающим шариком сколько душе угодно. И если вы действительно видите движущийся кружок, то примите мои поздравления — вы только что успешно отрендерили вашу первую анимацию!

Замечание: Вы также можете воспользоваться предварительным просмотром. Для этого откройте меню изображения и выберите «File» -> «Preview».

Если вы предпочитаете командную строку, то откройте терминал, перейдите в директорию с файлом вашей анимации и введите что-то типа:

synfig -t gif Circle.sifz

На экране появится куча сообщений, можете не обращать на них внимания. Через некоторое время, которое зависит от мощности вашего процессора, появится строчка

BasicKnightRider.sifz ==> BasicKnightRider.gif: DONE

Это означает, что рендеринг завершён и вы можете просмотреть получившийся gif-файл в браузере или какой-любой другой программе, о чём говорилось выше.

Заключение

Разумеется, положение объекта это не единственная вещь, которую вы можете изменять. Существует огромное количество других параметров — размер, толщина контура, цвет и пр. В основном они меняются либо с помощью уТочек, либо с через панель свойств.

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

Synfig Studio. Уроки по созданию анимации

Это полноценный двухмерный редактор для создания анимации кинематографического уровня. Можно задать два кадра и программа сама создаст анимацию между ними – для этого используются точки-фиксаторы. Есть два режима работы – морфинг и перекладная анимация, каждый из которых разбирается в видеоуроках по пунктам. Если вы осваиваете анимацию и ещё не знаете, чем пользоваться и как работать, Synfig станет вам отличным плацдармом для обучения. Если же вы профи – сможете повысить свои навыки и перейти на новый уровень.

Уроки по Synfig

Качественный сборник уроков по функциональному инструменту для создания анимации. Наглядные уроки содержат в себе фундаментальные знания, необходимые для уверенного использования программы. Данное обучение Synfig будет полезно, в первую очередь, начинающим пользователям, желающим быстрее изучить основы редактора. Всего за 1 час 36 минут, Вы узнаете, как пользоваться Synfig Studio, и сможете уверенно создавать потрясающую анимацию.

Осваиваем принципы работы, интерфейс, основное управление и функции.
Изучаем инструменты для раскадровки и работы с анимацией.
Вникаем в особенности интерфейса, упрощающие работу и неочевидные на первый взгляд.

Изучаем горячие клавиши: вместо мыши переходим на клавиатуру для ускорения работы с программой и повышения удобства её использования.

Getting Started¶

The screenshot below displays Synfig Studio’s window layout:

Default interface layout of Synfig Studio ¶

Synfig Studio main interface components are:

• Toolbox — is the main Synfig Studio window. It contains tools and more to create and edit your artwork.
• Canvas — displays your artwork and animation.
• Panels — contain tools and information about certain elements of your project. Some panels will allow you to modify those elements.

Synfig Studio can be reset to its default window arrangement (as shown in the screenshot). In the File menu select«Window -> Workspace -> Default«.

The center of the window is the Canvas . A new Canvas Window appears each time Synfig Studio starts. The window represents the Root Canvas, not that it means much to you at the moment, but that’s OK — we’re just trying to show you around. In the upper left corner of the Canvas Window, you’ll see a button with a caret . If you click on this caret button, the canvas window menu will pop up. If you right-click in the canvas area and there is no Layers under the mouse position, this menu will also appear. So now you know where the most important canvas menu is.

The other part of the window (on the bottom/top, to the right/left) are customizable dock panels . Each dock contains a set of Panels , arranged horizontally or vertically. Some panels share the same space inside the dock and you can switch between them by clicking on their panel tab . You can rearrange the contents of dock panels as you wish by dragging the panel tab to where you want it. You can even create a new dock by dragging a tab out.

If you accidentally close a panel (by dragging it out, and closing the new dock that gets created), no worries. Simply go to the Main Menu , select Window Menu there and then click on the name of the panel you need.

The most important panels are:

• Layers Panel — shows you the hierarchy of the layer of your working canvas. It also allows you to manipulate these layers.
• Parameters Panel — shows you the parameters of the layer currently selected. When multiple layers are selected, only the parameters that the selected layers have in common are displayed.
• Tool Options Panel — shows you any options specific to the currently selected tool.
• Navigator panel — shows a thumbnail image of what the currently selected canvas looks like. You can also zoom in and move the focus around with this panel.
• History Panel — shows you the history stack for the current composition. You can also edit the actions in history.

There are also many other panel in Synfig Studio. If you have no idea what a panel does, simply hold your mouse over its icon and a tooltip will pop up describing its function.

Under the hood¶

Synfig Studio, like most every other competent graphics program, breaks down individual elements of a Canvas into Layers . However, it differs from other programs in two major ways:

1. An individual layer in Synfig usually represents a single “Primitive”. I.e. a single region, an outline of a region, an imported image, etc… This allows you to have a great deal of flexibility and control. It is not uncommon for a composition to have hundreds of layers (organized into a hierarchy for the artist’s sanity of course).
2. A layer can not only add information on top of the image below it, it can also distort and/or modify it in some other way. In this sense, Synfig’s Layers act much like filters do in Adobe Photoshop or GIMP. For example, we have a Blur Layer , Radial Blur Layer , Spherize Layer , Bevel Layer , etc…

Each layer has a set of parameters which determine how it behaves. When you click on a layer (either in the Canvas Window, or in the illustrated Layers Panel ), you will see its parameters in the Parameters Panel .

First steps¶

Let’s create something fun so that we can play with it!

First, go over to the toolbox and click on the Circle Tool (if you don’t know which one it is, just mouse over them until you find the one with the tooltip that says “Circle Tool”).

When you click on the Circle Tool, you should notice that the Tool Options Panel changed. But we’ll get to that later.

With the Circle Tool selected, you can now create circles in the The Canvas window . This works as you might expect — click on the canvas, drag to change length of the radius, and release the mouse button when you are done. Go ahead and create two circles (or more, if you fancy). If you accidentally release the mouse button before dragging, you end up creating a circle with 0 radius and it is effectively invisible! No need to worry, you can easily fix this. In the Parameters Panel, you can change the parameters of the selected object. If you just made a 0 radius circle, it should be the current selected object. You can change its radius to some value other than 0, say 10, and manipulate it to your liking with the handles later.

Some users might experience the following problem: when you click and drag on the canvas using the Circle Tool, either nothing seems to happen or you end up making insanely huge circles. To fix this go to File|Input Devices and disable all the devices you can find there. If you have an extended input device that you want to use, such as a pressure-sensitive pen, then enable it in this screen. After this change Synfig will work as expected.

Now go back to the toolbox and click on the Transform Tool (the button with the arrow on it). After you do this, click on one of your circles. You will see a “bounding_box” (which is kind of useless at this point in time, but we digress), a green dot at the center, and a cyan dot on the radius. Those dots are called “handle”. If you want to modify the circle, grab a handle and drag it around. Easy!

You can select a Layers by clicking on it. If you want to select more than one layer, hold down ctrl key while you are clicking — this works in both the Canvas Window and the Layers Panel . Try it!

You can also select multiple handles. You can do this in several ways. First, you can hold down ctrl and individually click the handles that you want selected, but this can be tedious. However, there is a much faster method — just create a selection box by clicking the mouse and dragging it over the handles that you want.

Go ahead, select two circles and select all of their handles. With several handles selected, moving one handle will move all of them.

Synfig Studio has an autorecovery feature. If it crashes, even if the current file has not been saved, you will not lose more than 5 minutes of work. At restart it will automatically prompt to recover the unsaved changes. Unfortunately history isn’t recovered yet.

The Rotate Tool and Scale Tool tools work much like the Transform Tool, except in the case where you have multiple handles selected. It is much easier just to try, than read about it. Select a few circles, select all of their handles, and try using the rotate and scale tools.

Note that tools manipulating with handles have options associated with them. If a particular tool isn’t doing what you want, take a look at the Tool Options Panel to see available options.

Linking¶

Now let’s try Linking . Suppose we always want these two circles to be the same size. Select two circles, and then select both of their radius handles (the cyan dots).

To select multiple handles, either drag a rectangle around them, or select the first one, then hold the ctrl key while selecting the rest. Once you have the two radius handles selected, right click on either of them and a menu will pop up. Select Link . Boom. The parameters are linked together. You can prove it to yourself by selecting just one of the circles and changing its radius — the other one will change as well. Neat stuff, eh? This is how Outline Layer are attached to their Region Layer — but we’re getting ahead of to the chapter.

Linking is a fundamental concept in Synfig. You can create links not only for handles, but also between parameters as well by selecting multiple layers, right clicking on the parameter in the Parameters panel, and selecting Link .

Color selection¶

Let’s say you want one of the circles to be a different color. If you look in the toolbox below the tools, you’ll see the outline/fill color selector, the outline width selector, and some other stuff like the default blend method and gradient. The outline/fill color widget works exactly as you might expect — you can click on the fill color, and a modest color chooser will appear. Now you can change the color pretty easily.

But sometimes you just want to click on a color and go. This is where the palette editor tab comes in.

Click on the Palette Editor panel tab and have a look — it’s the one with the palette-ish looking icon. Clicking on colors with the left mouse button will immediately change the default outline color and clicking with the middle mouse button will change fill color.

That’s all great, but we still haven’t changed the color of the circle. There are three ways to do this. The first is to click on the Fill Tool from the toolbox, and then click on the circle in the Canvas Window. Boom. Circle changes color. This works with more than just circles. Also, you can select the circle layer you want to modify, go to the Parameters panel, right-click on the Color parameter and select Apply Fill Color or Apply Outline Color at you preference. Or simply double-click on the Color parameter — a color selector dialog will show up, and you can just tweak away.

Try playing around with the circles for a bit. Muck around with the parameters, and see what happens. To get you started, try out to set the Feather Parameter to 5.

Digging deeper¶

Of course, so far you just found out how to use the basic features of Synfig Studio but not how you animate a drawing. This is covered in the next section .

You can download an archive which contains the project used for wiki illustration Interface.sfg You can download the project used for the illustration of the illustration Spline-DotMan.sifz

© Copyright : This page is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License Revision 6d72f05b .

Built with Sphinx using a theme provided by Read the Docs.
Read the Docs v: latest

Versions latest stable dev-morevnaproject Downloads pdf html epub On Read the Docs Project Home Builds Free document hosting provided by Read the Docs.