Doc:Slideshow Tutorial/ru - Revision history

Zurba11 at 17:35, 31 October 2012

2012-10-31T17:35:37Z

Zurba11 at 17:24, 24 May 2012

2012-05-24T17:24:53Z

Zurba11 at 19:23, 22 May 2012

2012-05-22T19:23:51Z

Zurba11 at 19:21, 22 May 2012

2012-05-22T19:21:46Z

Zurba11 at 19:18, 22 May 2012

2012-05-22T19:18:26Z

Zurba11 at 19:16, 22 May 2012

2012-05-22T19:16:50Z

Zurba11: Created page with " {{Title|Slideshow Tutorial}} {{Category|Tutorials}} {{Category|Tutorials Intermediate}} В Synfig есть много способо..."

2012-05-22T19:03:26Z

Created page with " {{Title|Slideshow Tutorial}} {{Category|Tutorials}} {{Category|Tutorials Intermediate}}  В Synfig есть много способо..."

New page

{{Title|Slideshow Tutorial}}
{{Category|Tutorials}}
{{Category|Tutorials Intermediate}}


В Synfig есть много способов создать слайдшоу из нескольких изображений. Возможно самый простой из них это импорт файла {{l|ListImporter|.lst}} со списком изображений. Однако этот метод позволяет работать только с растровыми изображениями и к тому же не даёт возможности создавать переходы. Метод описанный в этой статье лишь немного сложнее но он даёт возможность создавать слайдшоу из нескольких слоёв Synfig изображений независимо от типа и размера. Этот метод позволяет создавать только плавного перехода, создание чего то более сложного потребует и более сложной технологии.

==Техническое описание==

Метод предусматривает что анимаруються несколько слоёв каждый из которых существует на протяжении всего времени анимации, следовательно наша цель сделать так чтобы в определённый момент времени был виден только один определённый слой. Опять же есть несколько способов добиться этой цели, в этой статье мы будем использывать параметры {{l|Blend_Method_Parameter|Режим смешивания}} и {{l|Amount_Parameter|Величина}} для каждого слоя.

Все графические слои в Synfig имеют эти два важных параметра. {{l|Blend_Method_Parameter|Режим смешивания}} определяет как изображение сочетается с со слоями лежащими под ним, а величина указывает до какой степени слой прозрачен. В стандартном методе смешивания {{l|Blend_Method_Parameter#Composite|Composite}} объект просто размещаются над нижними слоями. В этом случае "Величина" определяет общую прозрачность слоя, когда значение равно 1.0, слой полностью видимый, когда 0.0, слой полностью прозрачен. При средних значениях этого параметра мы имеем частичную прозрачность. Этот параметр можно использовать для достижения нужного эффекта, установив значение одного слоя в определённый момент времени на 1.0, а остальных на 0.0, однако есть более эффективный путь сделать это просто переключив метод смешивания на {{l|Blend_Method_Parameter#Straight|Straight}}.

Этот метод смешивания имеет одно преимущество: все слои под текущим будут скрыты, таким образом нет больше надобности выставлять значение "Величины" на 0.0 для каждого слоя, тем не менее мы всё же будем использовать "Величину" для создания плавного перехода между слоями, но это нужно сделать лишь раз для каждого слоя: каждый слой в начале имеет значение 1.0, а потом будет становится прозрачным начиная от верхнего и заканчивая нижним.

Это эффект можно реализовать с помощью двух {{l|Waypoint|фиксаторов}}фиксаторов для каждого слоя

The effect could be animated with two waypoints per layer. However, Synfig offers an even simpler method that does not require using the animation mode. Instead, linking functionality can be used. The data type for Amount is currently set to be a real number. Instead, let's replace that with a special function by converting the layer to {{l|Convert#Timed_Swap|Timed Swap}}.

{{l|Image:Slideshow_amount4.png}}

Now we examine the parameters of this new data type. The first is the initial value (1.0), the second is the final value (0.0), and the third is the time when the values will switch. If we want the image to display for two seconds, we can set the Swap Time to "2s". (Note: this assumes we are starting at 0s). Then the amount will be 1.0 for three seconds (image visible) and 0 for the remainder of the timeline (image hidden). The last value will be the duration of the crossfade transition. Note that the transition takes away from the time for which the image will be displayed. For example, a value of "1s" means that the image will be fully opaque for one second, fade in one second, and then remain faded for the remainder of the animation.

Applying successive times to layers from the top down will fade them one by one, creating the desired slideshow effect.

==Step-by-Step Instructions==
Here are step-by-step instructions for applying this principle to an animation.

===Setting Up===
Open a Synfig document and import any images, canvases, etc. Images can be imported using >File>Import (The first ">" signifies the {{l|Canvas_Menu_Caret|Caret Menu}}). Note that importing ''links'' to the image using a ''relative'' path. Take care to maintain the relative positions of the files when moving them. If multiple layers represent a single image, encapsulate them into an {{l|Inline Canvas}}.
Then arrange the images in the order they will be displayed, first image on top.

===Blend Method===
Select all layers in the layer panel. Then go to the parameters panel and set the Blend Method to Straight.
{{l|Image:Slideshow_blend1.png}}{{l|Image:Slideshow_blend2.png}}

===Timed Swap===
Unlike Blend Mode, converting to {{l|Convert#Timed_Swap|Timed Swap}} must be done individually for each layer.
Set "Before" to 1.0 and "After" to 0.
Suppose you want the images to swap every 4 seconds, using 1 second transitions. Then set the "Duration" to "1s". Afterwards, set Time for the first layer to 4+1=5. Then increase the time for each successive layer (5,10,15,20,...). The Swap Time is the point where the image fully disappears. Configure these values to fit your needs.

{{l|Image:Slideshow_amount1.png}} {{l|Image:Slideshow_amount2.png}}
{{l|Image:Slideshow_amount3.png}} {{l|Image:Slideshow_amount4.png}}

===Animation Length===
Now that times have been configured, your file must be configured to render the full animation length. Go to >Edit>Properties and switch to the "Time" tab. Set the end time to equal the last of your time values. You can add a few seconds if you want a blank/black screen at the end, after the images have faded.

===Extra: Background===
You may have noticed that the Straight Blend Mode removes any backgrounds from the image. Here are two methods to add a background:

a) Encapsulate all image layers. Now the Straight blend mode only works within the inline canvas. Once this is done, add any backgrounds below the canvas, and any foreground above the canvas.

b) Add a background layer/canvas to the ''top'' of the layer list. Since it is above all other layers, the Straight layering mode doesn't affect it. However, it would normally shroud all the images. To make it appear below everything else, set the Blend Mode to {{l|Blend_Method_Parameter#Behind|Behind}}.

==Endnotes==

Congratulations! You have now finished reading the slideshow tutorial. Please leave me (nikitakit) a comment about your thoughts concerning this page.

GNU/Linux users may also be interested in [http://akhilman.googlepages.com/images2sif.sh AkhIL's imag2sif shell script]. It imports images into Synfig and creates a rotate and translate layer for each.

The explanation of the "Straight" blend mode in this tutorial lacks a screenshot. Feel free to add one.

@@ Line 15: / Line 15: @@
 Этот метод смешивания имеет одно преимущество: все слои под текущим будут скрыты, таким образом нет больше надобности выставлять значение "Величины" на 0.0 для каждого слоя, тем не менее мы всё же будем использовать "Величину" для создания плавного перехода между слоями, но это нужно сделать лишь раз для каждого слоя: каждый слой в начале имеет значение 1.0, а потом будет становится прозрачным начиная от верхнего и заканчивая нижним.
-Это эффект можно реализовать с помощью двух {{l|Waypoint|фиксаторов}} для каждого слоя. Однако Synfig представляет возможность даже более простой метод, который даже не требует использования режима анимации. Вместо этого можно использовать функционал линковки, тип значения "Величина" изначально является реальным числом, мы вместо этого конвертируем его в специальную функцию {{l|Convert#Timed_Swap|Timed Swap}}.
+Это эффект можно реализовать с помощью двух {{l|Waypoint|фиксаторов}} для каждого слоя. Однако Synfig представляет возможность использовать даже более простой метод, который не требует использования режима анимации. Вместо этого можно использовать функционал линковки, тип значения "Величина" изначально является реальным числом, мы вместо этого конвертируем его в специальную функцию {{l|Convert#Timed_Swap|Timed Swap}}.
 {{l|Image:Slideshow_amount4.png}}

@@ Line 1: / Line 1: @@
 <!-- Page info -->
-{{Title|Slideshow Tutorial}}
+{{Title|СлайдШоу}}
 {{Category|Tutorials}}
 {{Category|Tutorials Intermediate}}
@@ Line 61: / Line 61: @@
 Congratulations! You have now finished reading the slideshow tutorial. Please leave me (nikitakit) a comment about your thoughts concerning this page.
-GNU/Linux users may also be interested in [http://akhilman.googlepages.com/images2sif.sh AkhIL's imag2sif shell script]. It imports  images into Synfig and creates a rotate and translate layer for each.
+GNU/Linux users may also be interested in [http://akhilman.googlepages.com/images2sif.sh AkhIL's imag2sif shell script]. It im
-−
-The explanation of the "Straight" blend mode in this tutorial lacks a screenshot. Feel free to add one.

@@ Line 1: / Line 1: @@
 <!-- Page info -->
 {{Title|Slideshow Tutorial}}
@@ Line 9: / Line 10: @@
 ==Техническое описание==
-Метод предусматривает что анимаруються несколько слоёв каждый из которых существует на протяжении всего времени анимации, следовательно наша цель сделать так чтобы в определённый момент времени был виден только один определённый слой. Опять же есть несколько способов добиться этой цели, в этой статье мы будем использывать параметры {{l|Blend_Method_Parameter|Режим смешивания}} и {{l|Amount_Parameter|Величина}} для каждого слоя.
+Метод предусматривает что анимируются несколько слоёв каждый из которых существует на протяжении всего времени анимации, следовательно наша цель сделать так чтобы в определённый момент времени был виден только один определённый слой. Опять же есть несколько способов добиться этой цели, в этой статье мы будем использывать параметры {{l|Blend_Method_Parameter|Режим смешивания}} и {{l|Amount_Parameter|Величина}} для каждого слоя.
 Все графические слои в Synfig имеют эти два важных параметра. {{l|Blend_Method_Parameter|Режим смешивания}} определяет как изображение сочетается с со слоями лежащими под ним, а "Величина" указывает до какой степени слой прозрачен. В стандартном методе смешивания {{l|Blend_Method_Parameter#Composite|Composite}} объект просто размещаются над нижними слоями. В этом случае "Величина" определяет общую прозрачность слоя, когда значение равно 1.0, слой полностью видимый, когда 0.0, слой полностью прозрачен. При средних значениях этого параметра мы имеем частичную прозрачность. Этот параметр можно использовать для достижения нужного эффекта, установив значение одного слоя в определённый момент времени на 1.0, а остальных на 0.0, однако есть более эффективный путь сделать это просто переключив метод смешивания на {{l|Blend_Method_Parameter#Straight|Straight}}.
@@ Line 19: / Line 20: @@
 {{l|Image:Slideshow_amount4.png}}
-Теперь стоит разобраться с параметрами нового для нас типа данных
+Теперь стоит разобраться с параметрами нового для нас типа данных, первый из них "до" (initial value) 1.0, второй "после" (final value) 0.0, третий параметр "время" (time) в которое значение начнёт изменятся, например если мы хотим чтобы изображение было видно 2 секунды, нужно установит время на "2s" (конечно имеется в виду что это первое изображение и время считается от "0s"). Теперь величина будет равна 1.0 на три секунды (изображение видимо) и 0.0 на всё остальное время (изображение не видимо). Последний параметр указывает время за которое произойдёт переход от 1.0 к 0.0, заметьте что переход занимает отдельное время от того которое изображение видимо. Например если время равно "1s" это значит что изображение будет полностью видимо в течении 1 секунды, затем будет исчезать в течении ещё 1 секунды, после чего будет оставаться не видимым всё остальное время анимации.
-Now we examine the parameters of this new data type. The first is the initial value (1.0), the second is the final value (0.0), and the third is the time when the values will switch. If we want the image to display for two seconds, we can set the Swap Time to "2s". (Note: this assumes we are starting at 0s). Then the amount will be 1.0 for three seconds (image visible) and 0 for the remainder of the timeline (image hidden). The last value will be the duration of the crossfade transition. Note that the transition takes away from the time for which the image will be displayed. For example, a value of "1s" means that the image will be fully opaque for one second, fade in one second, and then remain faded for the remainder of the animation.
+Выставляя соответствующие значения времени для каждого слоя начиная с самого верхнего мы получим желаемый эффект слайдшоу.
-Applying successive times to layers from the top down will fade them one by one, creating the desired slideshow effect.
+==Пошаговые инструкции==
-==Step-by-Step Instructions==
+Теперь мы подробно разберёмся как воплотить этот метод шаг за шагом.
-Here are step-by-step instructions for applying this principle to an animation.
-===Setting Up===
+===Подготовка===
-Open a Synfig document and import any images, canvases, etc. Images can be imported using >File>Import (The first ">" signifies the {{l|Canvas_Menu_Caret|Caret Menu}}). Note that importing ''links'' to the image using a ''relative'' path. Take care to maintain the relative positions of the files when moving them. If multiple layers represent a single image, encapsulate them into an {{l|Inline Canvas}}.
-Then arrange the images in the order they will be displayed, first image on top.
-===Blend Method===
+Откройте новый Synfig документ и импортируйте любые изображения, слои или что там у вас есть. Изображения могут быть импортированы с помощью пункта меню >Файл>Импортировать (первый ">" обозначает {{l|Canvas_Menu_Caret|Кнопка вызова меню}}). Заметьте что импортируемые "ссылки" являются "относительными", проследите за тем чтобы ссылки на файлы были актуальны если переместите файлы. Если изображение состоит из нескольких слоёв изолируйте их в один объединяющий слой ({{l|Inline Canvas}}). После чего разместите слои в том порядке в котором они должны отображаться, самый первый на верху.
-Select all layers in the layer panel. Then go to the parameters panel and set the Blend Method to Straight.
 {{l|Image:Slideshow_blend1.png}}{{l|Image:Slideshow_blend2.png}}
 ===Timed Swap===
-Unlike Blend Mode, converting to {{l|Convert#Timed_Swap|Timed Swap}} must be done individually for each layer.
-Set "Before" to 1.0 and "After" to 0.
+В отличии от Режима Смешивания, конвертирование в {{l|Convert#Timed_Swap|Timed Swap}} должно быть сделано для каждого слоя отдельно. Установите значение "До" на 1.0, а "После" на 0. Предположим что вы хотите чтобы изображения менялись каждые 4 секунды и ещё одна секунда уходила на переход, тогда установите длину (lenght) на "1s", затем установите "Время" (Time) для первого слоя 4+1=5. Для каждого последующего слоя "Время" нужно соответственно увеличивать (5,10,15,20,...). Установите эти значения так как нужно именно вам.
-Suppose you want the images to swap every 4 seconds, using 1 second transitions. Then set the "Duration" to "1s". Afterwards, set Time for the first layer to 4+1=5. Then increase the time for each successive layer (5,10,15,20,...). The Swap Time is the point where the image fully disappears. Configure these values to fit your needs.
 {{l|Image:Slideshow_amount1.png}} {{l|Image:Slideshow_amount2.png}}
 {{l|Image:Slideshow_amount3.png}} {{l|Image:Slideshow_amount4.png}}
-===Animation Length===
+===Длинна анимации===
-Now that times have been configured, your file must be configured to render the full animation length. Go to >Edit>Properties and switch to the "Time" tab. Set the end time to equal the last of your time values. You can add a few seconds if you want a blank/black screen at the end, after the images have faded.
-a) Encapsulate all image layers. Now the Straight blend mode only works within the inline canvas. Once this is done, add any backgrounds below the canvas, and any foreground above the canvas.
+a) Изолируйте все слои с изображениями, теперь режим смешивания "Straight" влияет только на изолированные слои, остаётся только добавить фон под изолированный слой или передний план над ним.
-b) Add a background layer/canvas to the ''top'' of the layer list. Since it is above all other layers, the Straight layering mode doesn't affect it. However, it would normally shroud all the images. To make it appear below everything else, set the Blend Mode to {{l|Blend_Method_Parameter#Behind|Behind}}.
+b) Добавьте слой/холст с фоном выше всего остального на панели слоёв. Теперь когда фон находится над остальными слоями режим смешивания "Straight" не влияет на него. Тем не менее фон, как и следовало ожидать, перекрывает остальные изображения, чтобы сделать его всё таки фоном установите режим смешивания слоя с фоном на {{l|Blend_Method_Parameter#Behind|Behind}}
 ==Endnotes==

@@ Line 5: / Line 5: @@
 <!-- Page info end -->
-В Synfig есть много способов создать слайдшоу из нескольких изображений. Возможно самый простой из них это импорт файла {{l|ListImporter|.lst}} со списком изображений. Однако этот метод позволяет работать только с растровыми изображениями и к тому же не даёт возможности создавать переходы. Метод описанный в этой статье лишь немного сложнее но он даёт возможность создавать слайдшоу из нескольких слоёв Synfig изображений независимо от типа и размера. Этот метод позволяет создавать только плавного перехода, создание чего то  более сложного потребует и более сложной технологии.
+В Synfig есть много способов создать слайдшоу из нескольких изображений. Возможно самый простой из них это импорт файла {{l|ListImporter|.lst}} со списком изображений. Однако этот метод позволяет работать только с растровыми изображениями и к тому же не даёт возможности создавать переходы. Метод описанный в этой статье лишь немного сложнее но он даёт возможность создавать слайдшоу из нескольких слоёв Synfig изображений независимо от типа и размера. Этот метод позволяет создавать только плавный переход, создание чего то  более сложного потребует и более сложной технологии.
 ==Техническое описание==