Difference between revisions of "User:Darkspace65"

From Synfig Studio :: Documentation
Jump to: navigation, search
Line 1: Line 1:
<!-- Page info -->
 
{{Title|Subtracting shapes}}
 
{{Category|Tutorials}}
 
{{Category|Tutorials Basic}}
 
{{Category|Updated}}
 
{{NewTerminology}}
 
<!-- Page info end -->
 
  
 
== Introduction ==
 
== Introduction ==
 
In this tutorial we are going to draw a shape and subtract another shape from it.
 
In this tutorial we are going to draw a shape and subtract another shape from it.
We will assume that you can draw a circle and a rectangle on the canvas.
 
 
If not check {{l|Circle Tool|Here}} and {{l|Rectangle Tool|Here}}.
 
  
 
== Drawing the shapes ==
 
== Drawing the shapes ==

Revision as of 21:51, 14 August 2014

Introduction

In this tutorial we are going to draw a shape and subtract another shape from it.

Drawing the shapes

Click the Circle Tool on the toolbox and draw a circle on the canvas with an outline of 3 pixels. Make sure that the create region layer and the create outline layer in the Tool Options Panel of the "Circle tool"are selected.

Click the Rectangle Tool on the toolbox and draw a rectangle on the canvas with an outline of 3 pixels. Again make sure that the create region layer and the create outline layer in the Tool Options Panel of the "Rectangle tool" are selected.

For the sake of this example name the circle outline layer circleOutline and the circle region layer circle in the Layers Panel. Again in the Layers Panel rename the rectangle region layer baseShape and name the rectangle outline layer baseShapeoutline. If it is not already the case then select the circleOutline layer and the circle layer and move them to the top using the green arrows in the Layers Panel. Select all layers in the Layers Panel, right-click and choose group. Name the group baseShape.

Layers Panel should look like this

Subtracting the shape

Canvas should look like this

Click on the circle layer in the Layers Panel or on circle shape in the canvas and select the green handle in the middle of the circle and drag it over the baseShape. Release the mouse.

Drag the circle
Canvas should look like this

Select the circleOutline layer in the Layers Panel, go to the Parameters Panel and change the Blend Method of the circleOutline layer to Onto. Select the circle layer in the Layers Panel, go to the Parameters Panel and change the Blend Method of the circle layer to Alpha Over.

Outline Width is not the same

The circle layer was subtracted from the baseShape but the outline width of the cut out part varies from the outline width of the baseShape. To adjust this we have to change the outline width of the circleOutline layer. Select the circleOutline layer in the Layers Panel, go to the Parameters Panel and change the Outline Width to 6 pixels. After we adjusted the outline width of the circleOutline layer the circle layer was subtracted correctly from the baseShape.

Final image

Tip

If we want to add a circle to the baseShape then all we have to do is change the blend method of the circleOutline layer from Onto to Behind and change the blend method of the circle layer from Alpha Over to Composite.

Circle added to the baseShape

Below we can see an image of a piece of cheese that is almost entirely constructed by subtracting and adding circles to a basic underlining shape.

All holes in the cheese image are subtracted circles