Difference between revisions of "Doc:Building a magnifying glass"
m |
m (Text replace - "{{Category|NewTerminology}}" to "{{NewTerminology}}") |
||
(9 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | <!-- | + | <!-- Page info --> |
− | + | {{Title|Building a magnifying glass}} | |
+ | {{Category|Tutorials}} | ||
+ | {{Category|Tutorials Intermediate}} | ||
+ | {{NewTerminology}} | ||
+ | <!-- Page info end --> | ||
+ | Somes of the screenshots needs to be updated with 0.64.0 | ||
Create a new document. | Create a new document. | ||
− | + | {{l|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, | ||
− | + | {{l|Image:magnifying_glass_03.png}} | |
I chose brown | I chose brown | ||
− | + | {{l|Image:magnifying_glass_04.png}} | |
and name it "outline". | and name it "outline". | ||
− | + | {{l|Image:magnifying_glass_05.png}} | |
Make another circle layer, right-click choose copy and then paste, | Make another circle layer, right-click choose copy and then paste, | ||
− | + | {{l|Image:magnifying_glass_06.png}} | |
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 | ||
− | + | {{l|Image:magnifying_glass_07.png}} | |
Choose "alpha over" as blend method in layer parameters | Choose "alpha over" as blend method in layer parameters | ||
− | + | {{l|Image:magnifying_glass_08.png}} | |
and you'll end up with a hole. | and you'll end up with a hole. | ||
− | + | {{l|Image:magnifying_glass_09.png}} | |
I name this layer "hole" | I name this layer "hole" | ||
Line 40: | Line 45: | ||
This layer will be the glass. | This layer will be the glass. | ||
− | + | {{l|Image:magnifying_glass_11.png}} | |
Now it looks like this. | Now it looks like this. | ||
− | + | {{l|Image:magnifying_glass_12.png}} | |
− | Then I chose the | + | Then I chose the Spline Tool to make the handle. |
− | + | {{l|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. | ||
− | + | {{l|Image:magnifying_glass_15.png}} | |
− | Click on the glass outline with the | + | Click on the glass outline with the Spline Tool and make your handle, |
− | + | {{l|Image:magnifying_glass_16.png}} | |
choose the outline width in layer parameter and increase to 14pt. | choose the outline width in layer parameter and increase to 14pt. | ||
− | + | {{l|Image:magnifying_glass_17.png}} | |
− | + | {{l|Image:magnifying_glass_01.png}} | |
− | Choose all your layers, 3 circle layers and | + | Choose all your layers, 3 circle layers and one Spline layer and |
− | + | group them by right-clicking. | |
− | + | {{l|Image:magnifying_glass_20.png}} | |
− | I name the | + | 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 76: | Line 81: | ||
be magnified) | be magnified) | ||
− | + | {{l|Image:magnifying_glass_22.png}} | |
− | Then chose the | + | 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". | ||
− | + | {{l|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". | ||
− | + | {{l|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". | ||
− | + | {{l|Image:magnifying_glass_26.png}} | |
− | 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. | ||
− | + | {{l|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". | ||
− | + | {{l|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 | ||
− | the | + | 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 | + | 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 | + | (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. | ||
− | + | {{l|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, | activated, | ||
− | + | {{l|Image:magnifying_glass_35.png}} | |
then you'll also see that layers origin, control-click on | then you'll also see that layers origin, control-click on | ||
Line 127: | Line 132: | ||
"link" from the pop-up menu. | "link" from the pop-up menu. | ||
− | + | {{l|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 | ||
Line 133: | Line 138: | ||
file that I put "under" the Spherize layer. | file that I put "under" the Spherize layer. | ||
− | + | {{l|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. | ||
− | + | {{l|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 |
Latest revision as of 10:11, 20 May 2013
Somes of the screenshots needs to be updated with 0.64.0
Create a new document.
Insert a circle layer, this will be the outline of the magnifying glass, so I want another color,
I chose brown
and name it "outline".
Make another circle layer, right-click choose copy and then paste,
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 up with a hole.
I name this layer "hole"
Make a third "circle layer"and set a new color with transparency. This layer will be the glass.
Now it looks like this.
Then I chose the Spline Tool to make the handle.
In tool options I'll see to that I only have "Outline" checked, I don't want to have it filled.
Click on the glass outline with the Spline Tool and make your handle,
choose the outline width in layer parameter and increase to 14pt.
Choose all your layers, 3 circle layers and one Spline layer and group them by right-clicking.
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)
Then chose the "magnifying glass" group, go to layer parameters and right-click on "Zoom" parameter, chose "Export".
a window appears and ask you for a name for this exported value, I name it "zoom".
Click on "Spherize" layer, go to layer parameters and right-click on "Radius", chose "Convert/Exponential".
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.
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".
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.
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 both origins so they will be highlighted then right-click and choose "link" from the pop-up menu.
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.
The "amount" in the spherize parameters decide how much magnifying effect it will have, try it out, you can also use negative values.
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.