Difference between revisions of "Doc:Building a magnifying glass"

From Synfig Studio :: Documentation
Jump to: navigation, search
m (copied the text from the PDF document and fixed a few typos)
m (link to images)
Line 2: Line 2:
 
synfig file: http://www.musikboden.se/synfigfiles/magnifying_glass_tutorial.zip
 
synfig file: http://www.musikboden.se/synfigfiles/magnifying_glass_tutorial.zip
 
rendered movie at youtube: http://www.youtube.com/watch?v=2qq3xxUSscE
 
rendered movie at youtube: http://www.youtube.com/watch?v=2qq3xxUSscE
 +
 +
Create a new document.
 +
 +
[[Image:magnifying_glass_02.png]]
  
 
Insert a circle layer, this will be the outline of the magnifying
 
Insert a circle layer, this will be the outline of the magnifying
 
glass, so I want another color,
 
glass, so I want another color,
  
I chose brown and name it "outline".
+
[[Image:magnifying_glass_03.png]]
 +
 
 +
I chose brown
 +
 
 +
[[Image:magnifying_glass_04.png]]
 +
 
 +
and name it "outline".
 +
 
 +
[[Image:magnifying_glass_05.png]]
 +
 
 +
Make another circle layer, right-click choose copy and then paste,
 +
 
 +
[[Image:magnifying_glass_07.png]]
  
Make another circle layer, right-click chose copy and then paste,
 
 
click on the light blue spot and make the radius a bit smaller
 
click on the light blue spot and make the radius a bit smaller
  
Choose "alpha over" as blend method in layer parameters and you'll end
+
Choose "alpha over" as blend method in layer parameters
up with a hole.
+
 
 +
[[Image:magnifying_glass_08.png]]
 +
 
 +
and you'll end up with a hole.
 +
 
 +
[[Image:magnifying_glass_09.png]]
  
 
I name this layer "hole"
 
I name this layer "hole"
Line 18: Line 38:
 
Make a third "circle layer"and set a new color with transparency.
 
Make a third "circle layer"and set a new color with transparency.
 
This layer will be the glass.
 
This layer will be the glass.
 +
 +
[[Image:magnifying_glass_11.png]]
  
 
Now it looks like this.
 
Now it looks like this.
 +
 +
[[Image:magnifying_glass_12.png]]
  
 
Then I chose the bline tool to make the handle.
 
Then I chose the bline tool to make the handle.
 +
 +
[[Image:magnifying_glass_14.png]]
  
 
In tool options I'll see to that I only have "Outline" checked, I
 
In tool options I'll see to that I only have "Outline" checked, I
 
don't want to have it filled.
 
don't want to have it filled.
 +
 +
[[Image:magnifying_glass_15.png]]
  
 
Click on the glass outline with the bline tool and make your handle,
 
Click on the glass outline with the bline tool and make your handle,
chose the outline width in layer parameter and increase to 14pt.
 
  
Chose all your layers, 3 circle layers and 1 bline layer and
+
[[Image:magnifying_glass_16.png]]
 +
 
 +
choose the outline width in layer parameter and increase to 14pt.
 +
 
 +
[[Image:magnifying_glass_17.png]]
 +
 
 +
[[Image:magnifying_glass_01.png]]
 +
 
 +
Choose all your layers, 3 circle layers and 1 bline layer and
 
encapsulate them by right-clicking.
 
encapsulate them by right-clicking.
 +
 +
[[Image:magnifying_glass_20.png]]
  
 
I name the encapsulate layer "magnifying glass"
 
I name the encapsulate layer "magnifying glass"
Line 37: Line 74:
 
(this is the magnifying effect and all that is under this layer will
 
(this is the magnifying effect and all that is under this layer will
 
be magnified)
 
be magnified)
 +
 +
[[Image:magnifying_glass_22.png]]
  
 
Then chose the encapsulated "magnifying glass" layer, go to layer
 
Then chose the encapsulated "magnifying glass" layer, go to layer
 
parameters and right-click on "Zoom" parameter, chose "Export".
 
parameters and right-click on "Zoom" parameter, chose "Export".
 +
 +
[[Image:magnifying_glass_24.png]]
  
 
a window appears and ask you for a name for this exported value, I
 
a window appears and ask you for a name for this exported value, I
 
name it "zoom".
 
name it "zoom".
 +
 +
[[Image:magnifying_glass_25.png]]
  
 
Click on "Spherize" layer, go to layer parameters and right-click on
 
Click on "Spherize" layer, go to layer parameters and right-click on
 
"Radius", chose "Convert/Exponential".
 
"Radius", chose "Convert/Exponential".
 +
 +
[[Image:magnifying_glass_26.png]]
  
 
Click on "Child" tab and find the exported "zoom" value, click on
 
Click on "Child" tab and find the exported "zoom" value, click on
 
that, go back to "layers" tab and click on Spherize layer if it's not
 
that, go back to "layers" tab and click on Spherize layer if it's not
 
already chosen.
 
already chosen.
 +
 +
[[Image:magnifying_glass_27.png]]
  
 
In parameters the "Radius" has a small triangle, click on it to open
 
In parameters the "Radius" has a small triangle, click on it to open
 
up it's sub parameters, right-click on "Exponent" and chose "Connect".
 
up it's sub parameters, right-click on "Exponent" and chose "Connect".
 +
 +
[[Image:magnifying_glass_28.png]]
  
 
Now the radius of the Spherize layer will be connected to the zoom of
 
Now the radius of the Spherize layer will be connected to the zoom of
Line 65: Line 114:
 
(that is because it covers the encapsuled layer's origin, I want to
 
(that is because it covers the encapsuled layer's origin, I want to
 
choose them both and link them together.
 
choose them both and link them together.
 +
 +
[[Image:magnifying_glass_34.png]]
  
 
Control-click on the magnifying glass layer so you'll get both layers
 
Control-click on the magnifying glass layer so you'll get both layers
activated, then you'll also see that layers origin, control-click on
+
activated,
 +
 
 +
[[Image:magnifying_glass_35.png]]
 +
 
 +
then you'll also see that layers origin, control-click on
 
both origins so they will be highlighted then right-click and choose
 
both origins so they will be highlighted then right-click and choose
"link" from the popup menu.
+
"link" from the pop-up menu.
 +
 
 +
[[Image:magnifying_glass_37.png]]
  
 
Now when you move the magnifying glass layer, the spherize layer will
 
Now when you move the magnifying glass layer, the spherize layer will
 
follow.  I will need something to zoom in on, so I import an image
 
follow.  I will need something to zoom in on, so I import an image
 
file that I put "under" the Spherize layer.
 
file that I put "under" the Spherize layer.
 +
 +
[[Image:magnifying_glass_30.png]]
  
 
The "amount" in the spherize parameters decide how much magnifying
 
The "amount" in the spherize parameters decide how much magnifying
 
effect it will have, try it out, you can also use negative values.
 
effect it will have, try it out, you can also use negative values.
 +
 +
[[Image:magnifying_glass_39.png]]
  
 
I want to be able to rotate my magnifying glass so I make a new
 
I want to be able to rotate my magnifying glass so I make a new

Revision as of 13:42, 28 September 2007

Languages Language: 

English • español • français


Only available as pdf at the moment. here: http://www.musikboden.se/synfigfiles/tutorial_magnifying_glass.pdf synfig file: http://www.musikboden.se/synfigfiles/magnifying_glass_tutorial.zip rendered movie at youtube: http://www.youtube.com/watch?v=2qq3xxUSscE

Create a new document.

Magnifying glass 02.png

Insert a circle layer, this will be the outline of the magnifying glass, so I want another color,

Magnifying glass 03.png

I chose brown

Magnifying glass 04.png

and name it "outline".

Magnifying glass 05.png

Make another circle layer, right-click choose copy and then paste,

Magnifying glass 07.png

click on the light blue spot and make the radius a bit smaller

Choose "alpha over" as blend method in layer parameters

Magnifying glass 08.png

and you'll end up with a hole.

Magnifying glass 09.png

I name this layer "hole"

Make a third "circle layer"and set a new color with transparency. This layer will be the glass.

Magnifying glass 11.png

Now it looks like this.

Magnifying glass 12.png

Then I chose the bline tool to make the handle.

Magnifying glass 14.png

In tool options I'll see to that I only have "Outline" checked, I don't want to have it filled.

Magnifying glass 15.png

Click on the glass outline with the bline tool and make your handle,

Magnifying glass 16.png

choose the outline width in layer parameter and increase to 14pt.

Magnifying glass 17.png

Magnifying glass 01.png

Choose all your layers, 3 circle layers and 1 bline layer and encapsulate them by right-clicking.

Magnifying glass 20.png

I name the encapsulate layer "magnifying glass"

Make a new layer, choose "Spherize". Lower this layer to the bottom (this is the magnifying effect and all that is under this layer will be magnified)

Magnifying glass 22.png

Then chose the encapsulated "magnifying glass" layer, go to layer parameters and right-click on "Zoom" parameter, chose "Export".

Magnifying glass 24.png

a window appears and ask you for a name for this exported value, I name it "zoom".

Magnifying glass 25.png

Click on "Spherize" layer, go to layer parameters and right-click on "Radius", chose "Convert/Exponential".

Magnifying glass 26.png

Click on "Child" tab and find the exported "zoom" value, click on that, go back to "layers" tab and click on Spherize layer if it's not already chosen.

Magnifying glass 27.png

In parameters the "Radius" has a small triangle, click on it to open up it's sub parameters, right-click on "Exponent" and chose "Connect".

Magnifying glass 28.png

Now the radius of the Spherize layer will be connected to the zoom of the encapsuled layer called "magnifying glass", so if you zoom in/out on with it, the spherize layer will follow.

I will also need to connect the origin in the Spherize layer to the origin in the encapsulated layer.

I click on the Spherize layer and the green little spot will be visible, that's the origin, click on it and drag it a little bit aside (that is because it covers the encapsuled layer's origin, I want to choose them both and link them together.

Magnifying glass 34.png

Control-click on the magnifying glass layer so you'll get both layers activated,

Magnifying glass 35.png

then you'll also see that layers origin, control-click on both origins so they will be highlighted then right-click and choose "link" from the pop-up menu.

Magnifying glass 37.png

Now when you move the magnifying glass layer, the spherize layer will follow. I will need something to zoom in on, so I import an image file that I put "under" the Spherize layer.

Magnifying glass 30.png

The "amount" in the spherize parameters decide how much magnifying effect it will have, try it out, you can also use negative values.

Magnifying glass 39.png

I want to be able to rotate my magnifying glass so I make a new "rotate" layer inside the magnifying glass layer, I put it on top of all other layers inside, the rotate layer only affect the lower layers.

I also made a "bevel" layer inside magnifier glass layer to make it look less flat. You can study the settings for those xtra layers if you download the Synfig file here, the image used is also in this zipped file.

http:www.musikboden.se/synfigfiles/magnifying_glass_tutorial.zip

Here is a rendered movie at youtube


Languages Language: 

English • español • français