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

From Synfig Studio :: Documentation
Jump to: navigation, search
m (moved Building a magnifying glass to Doc:Building a magnifying glass: Tutorials belongs to Doc namespace)
m (Text replace - "{{Category|NewTerminology}}" to "{{NewTerminology}}")
 
(4 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<!-- Page info -->
 
<!-- Page info -->
 
{{Title|Building a magnifying glass}}
 
{{Title|Building a magnifying glass}}
{{l|Category:Tutorials}}
+
{{Category|Tutorials}}
{{l|Category:Tutorials/Intermediate}}
+
{{Category|Tutorials Intermediate}}
 +
{{NewTerminology}}
 
<!-- Page info end -->
 
<!-- Page info end -->
 +
Somes of the screenshots needs to be updated with 0.64.0
 +
 
Create a new document.
 
Create a new document.
  
Line 48: Line 51:
 
{{l|Image:magnifying_glass_12.png}}
 
{{l|Image:magnifying_glass_12.png}}
  
Then I chose the bline tool to make the handle.
+
Then I chose the Spline Tool to make the handle.
  
 
{{l|Image:magnifying_glass_14.png}}
 
{{l|Image:magnifying_glass_14.png}}
Line 57: Line 60:
 
{{l|Image:magnifying_glass_15.png}}
 
{{l|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 Spline Tool and make your handle,
  
 
{{l|Image:magnifying_glass_16.png}}
 
{{l|Image:magnifying_glass_16.png}}
Line 67: Line 70:
 
{{l|Image:magnifying_glass_01.png}}
 
{{l|Image:magnifying_glass_01.png}}
  
Choose all your layers, 3 circle layers and 1 bline layer and
+
Choose all your layers, 3 circle layers and one Spline layer and
encapsulate them by right-clicking.
+
group them by right-clicking.
  
 
{{l|Image:magnifying_glass_20.png}}
 
{{l|Image:magnifying_glass_20.png}}
  
I name the encapsulate layer "magnifying glass"
+
I name the group layer "magnifying glass"
  
 
Make a new layer, choose "Spherize". Lower this layer to the bottom
 
Make a new layer, choose "Spherize". Lower this layer to the bottom
Line 80: Line 83:
 
{{l|Image:magnifying_glass_22.png}}
 
{{l|Image:magnifying_glass_22.png}}
  
Then chose the encapsulated "magnifying glass" layer, go to layer
+
Then chose the "magnifying glass" group, go to layer
 
parameters and right-click on "Zoom" parameter, chose "Export".
 
parameters and right-click on "Zoom" parameter, chose "Export".
  
Line 95: Line 98:
 
{{l|Image:magnifying_glass_26.png}}
 
{{l|Image:magnifying_glass_26.png}}
  
Click on "Child" tab and find the exported "zoom" value, click on
+
Click on "Library" 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.
Line 107: Line 110:
  
 
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
the encapsuled layer called "magnifying glass", so if you zoom in/out
+
the group layer called "magnifying glass", so if you zoom in/out
 
on with it, the spherize layer will follow.
 
on with it, the spherize layer will follow.
  
 
I will also need to connect the origin in the Spherize layer to the
 
I will also need to connect the origin in the Spherize layer to the
origin in the encapsulated layer.
+
origin in the group layer.
  
 
I click on the Spherize layer and the green little spot will be
 
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
 
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
+
(that is because it covers the group origin, I want to
 
choose them both and link them together.
 
choose them both and link them together.
  

Latest revision as of 10:11, 20 May 2013

Languages Language: 

English • español • français


Somes of the screenshots needs to be updated with 0.64.0

Create a new document.

Image:magnifying_glass_02.png

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

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_06.png

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

Image:magnifying_glass_07.png

Choose "alpha over" as blend method in layer parameters

Image:magnifying_glass_08.png

and you'll end up with a hole.

Image: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.

Image:magnifying_glass_11.png

Now it looks like this.

Image:magnifying_glass_12.png

Then I chose the Spline Tool to make the handle.

Image: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.

Image:magnifying_glass_15.png

Click on the glass outline with the Spline Tool and make your handle,

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 one Spline layer and group them by right-clicking.

Image:magnifying_glass_20.png

I name the group 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)

Image:magnifying_glass_22.png

Then chose the "magnifying glass" group, go to layer 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 name it "zoom".

Image:magnifying_glass_25.png

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

Image:magnifying_glass_26.png

Click on "Library" 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.

Image: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".

Image:magnifying_glass_28.png

Now the radius of the Spherize layer will be connected to the zoom of the group 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 group 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 group origin, I want to 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 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 "link" from the pop-up menu.

Image: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.

Image: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.

Image: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 extra layers if you download the Synfig file (the image used is also in this archive).

This tutorial is also available in PDF format, and the rendered movie is on YouTube.


Languages Language: 

English • español • français