Synfig Spline Tool

by



Synfig Studio (also known as Synfig) is a free and open source 2D vector graphics and timeline-based computer animation program. Synfig is designed as a powerful industrial-strength solution for creating film-quality animation using a vector and bitmap artwork.

  1. Synfig Spline Tool
  2. Synfig Spline Tool Instructions
  3. Synfig Spline Tool Free

Create a new synfig canvas; Pick the spline tool. Use Layer Type: Create Region Layer; Create a two-point spline and close (loop) it; Press ctrl then click & drag the vertex and handles for any point. Once selected (brighter color) right click over the handle. Synfig will crash. Edit: I can reproduce this 100% of the time with these steps. Synfig version & platform: Synfig Studio 1.3.13, Windows 10 build 1909 Issue description: Many hotkey shortcuts in windows do not work as they are expected. For example when I press Alt + w, instead of selecting the width tool, it opens. Select the Spline tool. Under the Tool options in Layer Type, Create a region layer option must be selected. Draw a triangle on the canvas: Draw a right-angled triangle covering half of the canvas as shown. Right-click on the first node. Right-click and hold on the first node. The context menu opens. Click on Loop Spline. Spline Tool: Toolbox. Mirror Tool: Toolbox: Synfig Keyboard Shortcuts ×. Cover the most useful hotkeys for the Synfig under Linux! Visit Synfig's official website!

Synfig Studio eliminates the need to create animation frame-by frame, allowing you to produce 2D animation of a higher quality with fewer people and resources. Synfig Studio is available for Windows, Linux and MacOSX. Synfig can render to video formats such as AVI, Theora and MPEG, as well as animated graphics formats such as MNG and GIF. It can also render to a sequence of numbered image files, using formats such as PNG, BMP, PPM and OpenEXR.

Spline

Synfig supports a multitude of layers of various types; geometric, gradients, filters, distortions, transformations, fractal and a few others. Full-featured bone system allows to create cutout animation using bitmap images or control your vector artwork.


Please see the associated text box of individual spoken tutorials on the website to decide the versions of software and OS to which it is applicable.

Synfig Spline Tool

The Spoken Tutorial effort for Synfig is contributed by Saurabh Gadgil, Arthi Anbalagan and Shital Joshi from the Spoken Tutorial Project and is supported by Nancy Varkey from IIT Bombay.

Learners: High School and UG/PG students who wish to learn animation.

  • 1INTRODUCTION

Basic Level

  1. Overview of Synfig
    • Interface of Synfig
    • Download process of Synfig
    • Installation of Synfig on Ubuntu OS
    • Installation of Synfig on Window OS
    • Features of Synfig
    • Users of Synfig
    • Learning objectives of various tutorials under Synfig series
    • Glimpses of various tutorials under Synfig series
  2. Bouncing ball animation
    • Synfig Interface
    • Menu bar
    • Standard toolbar
    • Toolbox
    • Parameters panel
    • Keyframes panel
    • Time track panel
    • Layers panel
    • Draw basic shapes
    • Fill color
    • Animate a ball using squash effect
    • Add key frames and way points
    • Render output in gif format
  3. E-card animation
    • Steps to open Synfig
    • Save a file
    • Draw a basic shape
    • Import various png format images
    • Steps to animate the images
    • Steps to animate the text
    • Importance of naming layers appropriately
    • Preview the animation
    • Render the animation in avi format
  4. Create a star animation
    • Synfig animation
    • Group layers
    • Gradient animation
    • Color change animation
    • Import images into Synfig
    • Draw stars in Synfig
    • Star animation
    • Change Alpha amount parameter
    • Render file in avi format
    • Save and render animation
  5. Draw a Toy train
    • Draw BG
    • Save the file
    • Draw trapezium for compartment
    • Resize using Transform tool
    • Draw circles for wheels
    • Group & duplicate the wheel objects
    • Group & duplicate the compartment objects
    • Draw rectangle for engine
    • Group the engine objects
    • Draw railway belt
    • Align shapes using Guideline
    • Preview the animation
    • Render the animation in avi format
  6. Animate a Toy train
    • Open previously created Train file
    • Change angle parameter in Synfig
    • Give Rotation effect to the wheels
    • Time Loop demonstration
    • Similar animation in all the other objects of the train
    • Waypoints are created on the Time track panel
    • Preview the animation
    • Render the animation in avi format
  7. Plant animation
    • Draw and animate shapes
    • Group layers
    • Use of Spline tool
    • Add a vertex by using Insert item
    • Use of the option 'Loop Spline'
    • Mark active point as On/off option
    • Split tangent
    • Animate the shapes
    • Preview the animation
    • Render the animation in avi format
  8. Logo animation
    • Do Mirror object
    • Logo animation in Synfig
    • Draw using Spline tool
    • Spherize effect
    • Use Text tool
    • Change angle parameter
    • Change color parameter
    • Save the file
    • Preview the animation
    • Render the animation in avi format
  9. Basic bone animation
    • Open Synfig-character file
    • Create groups for each part of the body
    • Create master-group
    • Add bones
    • Add child bones
    • Explanation about the various coloured dots in the bone
    • Attach bones to body
    • Animate the bones
    • Preview
    • Render
  10. Cutout animation
    • Cutout animation in Synfig
    • Import an image in Synfig
    • Duplicate the image
    • Name the layers
    • Use the Cutout tool on that image
    • Mask the image
    • Adjust the nodes of mask
    • Rotate the mask
    • Animate the cutout shapes in Synfig
    • Save and render the file in Synfig
  11. Rocket animation
    • Synfig
    • Rocket animation
    • Fire effect
    • Noise gradient
    • Feather effect
    • Gradient color
    • Cut out tool
    • Time loop
    • Save the Synfig file
    • Render the animation
  12. Underwater animation
    • Import png and svg
    • Group layers
    • Duplicate layer
    • Animate the images by using distortion
    • Add Noise Gradient
    • Change the Blend Method option
    • Use Random option for random animation
    • Apply Time Loop
    • Render the animation

Contributors and Content Editors

SplineTool

Arthi, Nancyvarkey, PoojaMoolya

Retrieved from 'https://script.spoken-tutorial.org/index.php?title=Synfig&oldid=54065'

Title of script: Logo animation

Synfig

Author: Arthi

Keywords: Synfig, Do Mirror object, Animate the logo, Spherize effect, Save and render animation


Visual cue
Narration
Opening Slide Welcome to the Spoken Tutorial on “Logo animation” using Synfig.
Learning Objectives (Slide) In this tutorial we will learn to-
  • Create a Mirror object
  • Animate a logo
  • Create Spherize effect
System requirements

(Slide)

To record this tutorial, I am using
  • Ubuntu Linux 14.04 OS
  • Synfig version 1.0.2
Open Synfig Let us open Synfig.
Go to canvas >> Properties


Image >> Width to 1920 >> Height to 1080

 Go to canvas. Click on Properties.


Under the Image, change the Width to 1920 and Height to 1080.

Click on Other >> Locks and Links >> Tick on all the checkboxes


Apply >> OK


 Click on Other. Under Locks and Links, tick on all the checkboxes.


Click on Apply and OK.

Point to the canvas First let us create a background.
Select Spline tool >> select Create a region layer option Select the Spline tool.


Under the Tool options in Layer Type, Create a region layer option must be selected.

Draw a triangle on the canvas Draw a right-angled triangle covering half of the canvas as shown.
Right-click on the first node. Right-click and hold on the first node.


The context menu opens.

Click on Loop Spline Right-click again and select Loop Spline.


Now the loop is completed.

Transform tool Next, click on the Transform tool.
We get a triangle filled with the default color.
Press Ctrl + S >> Change layer name to Logo-animation Let us now save the file by pressing Ctrl + S keys.


I will change the default name to Logo-animation.

And save this file on the Desktop.


You can give any name that you want.

Parameters panel >> Color parameter


 Next, we will change the color of this triangle.


To do so, in the Parameters panel, click on the Color parameter.

Change the color to green and the layer name to Triangle-1 Now change the color to green and the layer name to Triangle-1.
Duplicate the layer >> Change the name to Triangle-2 Duplicate the layer and change the name to Triangle-2.
Change the color to yellow Then change the color to yellow.
Tool box >> Mirror tool Now go to the Tool box and select Mirror tool.
Select all the nodes Select all the nodes of Triangle-2 by clicking and dragging the mouse.
Click on the top left node >> Flip the triangle vertically Observe that in the Tool options, Vertical axis has been selected.


Now click on the top left node of the triangle.


Flip it in the vertical direction as demonstrated.

Tool options >> Horizontal Once again in the Tool options, change the axis to Horizontal.
Flip the triangle horizontally Now, click on the bottom left node of the triangle.


Flip it in the horizontal direction as demonstrated.


<<PAUSE>>

Press Ctrl+S Save the file by pressing Ctrl+S keys.


As we go forward, I will not explicitly say so. But pls do so at regular intervals.

Next, let us animate these 2 triangles.
Select the Transform tool Select the Transform tool.
Click on Turn on animate editing mode icon Click on Turn on animate editing mode icon.
Go to 20th frame >> Add a keyframe Type 20 in the current frame box and press Enter.


In the Keyframes panel, add a keyframe.

Go to Zeroth frame Come back to the zeroth frame.
Move the yellow triangle outside the canvas Click on the green dot of the yellow triangle and move it outside the canvas, as demonstrated.
Move the green triangle outside the canvas Do the same for the green triangle, too.
Click on Turn off animate editing mode icon Click on Turn off animate editing mode icon.
Play the animation >> Press Ctrl + S Move the Time cursor between zeroth and 20th frame to check the animation.


<<PAUSE>>

Point to the Spoken Tutorial logo Next, let us import the Spoken Tutorial logo.
Point to the Spoken Tutorial logo I have the logo in my Documents folder.
Slide You can find this logo file in the Code files link that is provided along with this tutorial.


Please download and use it.

File >> Import >> Click on Group icon Go to File and click on Import.


Since I want to give Rotate effect to the layer, we will first group the logo layer.

Change the Group layer name to ST-Logo >> Reduce the logo size Change the Group layer name to ST-Logo.


Reduce the size of the logo using the orange dot in the handle.

Click on Turn on animate editing mode icon >> Zeroth frame Now click on Turn on animate editing mode icon.


Go to the zeroth frame.


Then click on the drop-down list of ST-Logo group layer and select logo.png layer.

Parameters panel >> Alpha amount to 0 In the Parameters panel, change the Alpha amount to zero.


<<PAUSE>>

Right clickon logo.png layer Next let us give rotation effect to the logo.


For that, first right-click on logo.png layer.

New layer >> Transform >> Rotate Then click on New layer, Transform and lastly on Rotate.
Go to 50th frame >> Add a keyframe Now go to the 50th frame.


In the Keyframes panel, add a keyframe.


In the Parameters panel, change the rotation amount to 360.

Select logo.png layer. Again select the logo.png layer.
Go to 60th frame >> Move the logo a little above Now go to the 60th frame.


Move the logo a little upward, as demonstrated.


<<PAUSE>>

Click on Turn off animate editing mode icon Click on Turn off animate editing mode icon.
Click outside the canvas Click outside the canvas to deselect the logo.
Click on Text tool Next let us type some text.


So, click on the Text tool and click on the canvas.

Type Spoken Tutorial >> Click on Ok.


 A text box appears.


Here I will type Spoken Tutorial. Click on Ok.

Parameters panel >> change the color to black >> size to 100 In the Parameters panel, change the color of the text to black and size of the text to 100.
Change the layer name to Spoken Tutorial I will change the layer name to Spoken Tutorial.


Click on the Transform tool >>


Move the text outside the canvas

 Click on the Transform tool and select the green dot of the text.


Move the text outside the canvas in the downward direction as demonstrated.

Click on Turn on animate editing mode icon Click on Turn on animate editing mode icon.


Go to 70th frame >> Move the logo up Now go to the 70th frame and move the text upwards and place it below the logo.
Click on Turn on animate editing mode icon Once again, click on Turn off animate editing mode icon.
Group the Spoken tutorial layer >> Change the layer name to ST-Text Now group the Spoken tutorial layer and change the group name to ST-Text.
Click on drop-down ST-Text group layer. Click on the drop-down list of ST-Text group layer.
Right click on Spoken Tutorial layer >>Newlayer >> Distortions >> Spherize Right-click on Spoken Tutorial layer and then on New layer.


Now click on Distortions and then on Spherize.

Keep the Spherize effect on the starting of the text Click on the middle green dot of the Spherize effect and drag to the starting of the text.


Click and drag the left green dot to make the effect bigger.

Click on Turn on animate editing mode icon Once again click on Turn on animate editing mode icon.
Go to 100th frame >> Move the effect to the end of the text This time go to the 100th frame and move the effect outside the canvas.
Click on Turn off animate editing mode icon Now click on Turn off animate editing mode icon.
Press Ctrl + S Lastly, we will render our logo animation.


Before that, save the file.

Click on File >> Render. Now go to File and click on Render.
Extension to avi.

Target to ffmpeg.

Quality to 9.


Click on Render button

 Change the Extension to avi.


Change the Target to ffmpeg.


Increase the Quality to 9.


And click on the Render button.

Play the animation using Firefox Let us now check our file.


Go to Desktop.


Right-click on the output and play using Firefox web browser.

Logo animation Our logo animation looks like this.


You can use your own creativity and create in a different method, too.

Logo animation With this we have come to the end of this tutorial.
Summary Let us summarize.


In this tutorial, we learnt to

  • Create a Mirror object
  • Animate a logo
  • Create Spherize effect
Assignment

(Slide)

Here is an assignment for you.
  • Create a logo animation using the Synfig logo.
  • The logo has been given to you in the Code files link.
Completed assignment Your completed assignment should look like this.
About Slide The video available at the following link summarizes the Spoken Tutorial project.


Pls watch it.

About Slide The Spoken Tutorial Project Team conducts workshops and gives certificates.


For more details, please write to us.

About Slide Spoken Tutorial Project is supported by NMEICT, MHRD, Government of India.


More information on this Mission is available at this link.

Acknowledgment This is Arthi along with the Animation team from IIT Bombay, signing off.


Thanks for joining.

Contributors and Content Editors

Synfig Spline Tool Instructions

Arthi, Nancyvarkey

Synfig Spline Tool Free

Retrieved from 'https://script.spoken-tutorial.org/index.php?title=Synfig/C3/Logo-animation/English&oldid=31371'