Difference between revisions of "Synfig/C2/E-card-animation/English"

Here, we will learn to-

• Import png format images
• Animate the images
• Do text animation
• Preview the animation
• Render the animation in avi format

(Slide)

• Ubuntu Linux 14.04 OS
• Synfig version 1.0.2

Go to Dash home and type Synfig.

Select the folder to save.

Type filename as E-card-animation >> click on Save.

Select the folder in which to save.

Type the filename as E-card-animation and click on the Save button.

Click on Preferences and then on Misc.

Now, click on Ok.

This option will import the images such that they fit within the canvas.

We need to import the images in png format.

This is because other image formats like jpg/jpeg behave differently on the Synfig canvas.

Also after rendering, the output quality is better when png images are used.

I have saved the required images in the E-card -animation folder inside my Documents folder.

Pls locate the link “Code files” and save the images on your machine.

Select the Bg image and click on Import.

We get the Bg image on the canvas.

And move the mouse in or out as shown, to make the Bg image fit the canvas.

We get the Cake image on our canvas.

In the same way, import all the other images, too.

Cake, Flowers and Balloons.

Go to Layers panel.

First select the Cake layer.

Observe that on selection, the resize handles appear on the canvas.

Click on Turn on animate editing mode icon.

Select the Cake layer.

Move the Cake image to the left bottom of the canvas, as shown.

Select the Balloons layer

Time cursor on 30th frame

Place the Time cursor on the 30^th frame.

Go to Keyframes panel and click on Add a keyframe.

Move the Balloons image to the mid-left of the canvas.

Go to Keyframes panel and click on Add a keyframe.

Move the Flowers image to the right bottom of the canvas.

Before that, let me switch off the animation.

Since the default Fill colour is white, the text will not be visible on the white background.

Then click anywhere on the canvas.

We get Input text dialog box.

Click on Ok.

Observe that we can now see the text on the canvas.

Next go to the Parameters panel and click on Size.

Change its value to 80px and then change the colour value to violet.

Once again click on the canvas.

We get another Input text dialog box.

And then click on Ok.

We can now see this text also on the canvas.

Change the value to 30 and change the colour to black.

Click on the first text layer and change the name of that layer to Happy Birthday.

Similarly, click on the other text layer and change the layer name to Now and Forever.

It’s a good habit to name the layers appropriately. This will help us to locate them easily in the future.

Select Happy Birthday layer

Select the Happy Birthday layer.

Move the text, as demonstrated.

Then place the Time cursor on the 90^th frame.

Now go to the canvas and move the text Now and forever, as demonstrated.

Go to File and click on Save.

Go to File and then click on Preview.

Set the quality as 0.5 and FPS as 24.

Then click on the Play button.

We can see a preview of the animation on the screen.

To do that, click on File and then on Render.

Go to Render setting window.

Click on Choose. Open the Save render as window.

Click on E-card-animation folder.

Change the name to E-card-animation.avi.

Select the extension as ffmpeg.

Then click on Render.

E-card animation.avi >>Double click on it

Go to Document.

Double Click on E- card-animation folder.

Right-click and play the animation using Firefox web browser.

<<PAUSE for 5 secs to show the animation>>

Let us summarize.

In this tutorial we learnt to create an E-card animation.

We also learnt to

• Import images
• Animate the images
• Do text animation
• Preview the animation and
• Render the animation in .avi format

(Slide)

• Locate the Flower image which is provided in the Code files link.

Pls watch it.

And give certificates.

Please contact us.

Thanks for joining.