Difference between revisions of "Inkscape/C2/Create-and-edit-multiple-objects/English"
Nancyvarkey (Talk | contribs) |
Nancyvarkey (Talk | contribs) |
||
| (3 intermediate revisions by one other user not shown) | |||
| Line 20: | Line 20: | ||
* Copy and paste objects | * Copy and paste objects | ||
| − | * Duplicate and clone objects | + | * Duplicate and '''clone''' objects |
* Group and Order various objects | * Group and Order various objects | ||
* Multiple selection and invert selection | * Multiple selection and invert selection | ||
| − | * Clipping and Masking | + | * '''Clipping''' and '''Masking''' |
|- | |- | ||
| Line 124: | Line 124: | ||
| − | Click on the '''ellipse''' and press '''Alt + D''' to create a clone. | + | Click on the '''ellipse''' and press '''Alt + D''' to create a '''clone'''. |
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Move the cloned ellipse | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Move the '''cloned''' ellipse |
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| As before, the cloned object is created exactly above the original one. | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| As before, the '''cloned''' object is created exactly above the original one. |
| Line 134: | Line 134: | ||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the cloned ellipse and the original ellipse | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the '''cloned''' ellipse and the original ellipse |
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Please note that the cloned object will always be linked to the original object. | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Please note that the '''cloned''' object will always be linked to the original object. |
| Line 141: | Line 141: | ||
| − | Any modifications on the original object, that is, in size, color etc. will affect its clone. | + | Any modifications on the original object, that is, in size, color etc. will affect its '''clone'''. |
|- | |- | ||
| Line 148: | Line 148: | ||
| − | Observe that the exact same changes are replicated in the cloned object automatically. | + | Observe that the exact same changes are replicated in the '''cloned''' object automatically. |
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| '''Press Shift + Alt + D''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| '''Press Shift + Alt + D''' | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| To unlink the clone from the original object, first select the clone and then press '''Shift + Alt + D. ''' | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| To unlink the '''clone''' from the original object, first select the '''clone''' and then press '''Shift + Alt + D. ''' |
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Change the size of the original ellipse | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Change the size of the original ellipse | ||
| + | |||
| + | |||
| + | |||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now, select the original object again and change its size. | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now, select the original object again and change its size. | ||
| Line 225: | Line 228: | ||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Mouse-over on the relevant icons | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Mouse-over on the relevant icons | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| The short-cut icons for these operations are present in the | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| The short-cut icons for these operations are present in the command bar, as shown. |
|- | |- | ||
| Line 244: | Line 247: | ||
Go to''' Edit '''>> Click on '''Invert Selection''' | Go to''' Edit '''>> Click on '''Invert Selection''' | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let say we want to select all the objects except the arrow. | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let's say, we want to select all the objects except the arrow. |
| Line 261: | Line 264: | ||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Move the smaller pentagon on the top of larger pentagon | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Move the smaller pentagon on the top of larger pentagon | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let me move the smaller pentagon on | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let me move the smaller pentagon on top of the larger pentagon. |
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Draw a star | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Draw a star | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now let us draw a star and keep it on | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now let us draw a star and keep it on top of the smaller pentagon. |
|- | |- | ||
| Line 275: | Line 278: | ||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on star >>''' Object menu >> Lower''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on star >>''' Object menu >> Lower''' | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now click on the star. | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now click on the star. Go to '''Object menu.''' Click on '''Lower.''' |
| − | + | ||
| − | Go to '''Object menu.''' Click on '''Lower.''' | + | |
Now the star is moved down or lowered and the larger pentagon now appears above it. | Now the star is moved down or lowered and the larger pentagon now appears above it. | ||
| Line 283: | Line 284: | ||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on larger pentagon >>''' Object menu >> Raise to top''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on larger pentagon >>''' Object menu >> Raise to top''' | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now let me click on the larger pentagon. | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now let me click on the larger pentagon. Go to '''Object menu '''and click on '''Raise to top. '''Now the larger pentagon appears on top. |
| − | + | ||
| − | Go to '''Object menu '''and click on '''Raise to top. ''' | + | |
| − | + | ||
| − | Now the larger pentagon appears on | + | |
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''Object menu >> Lower to bottom''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''Object menu >> Lower to bottom''' | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now again | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now again Go to '''Object menu.''' Click on '''Lower to bottom.''' Notice the larger pentagon is now moved to the bottom. |
| − | + | ||
| − | Click on '''Lower to bottom.''' | + | |
| − | + | ||
| − | Notice the larger pentagon is now moved to the bottom. | + | |
|- | |- | ||
| Line 316: | Line 309: | ||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Open a new Inkscape file with an image. | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Open a new Inkscape file with an image. | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| I will use an image for this demonstration. | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| I will use an image for this demonstration. I have an image here in a new Inkscape file. |
| − | + | ||
| − | I have an image here in a new | + | |
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Draw an ellipse | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Draw an ellipse | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| On this image | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| On this image I will draw an ellipse shape. |
|- | |- | ||
| Line 330: | Line 321: | ||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''Object menu''' >> Click on '''Clip''' >> Click on '''Set.''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''Object menu''' >> Click on '''Clip''' >> Click on '''Set.''' | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Go to '''Object menu.''' | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Go to '''Object menu.''' Click on '''Clip '''and then on '''Set.''' |
| − | + | ||
| − | Click on '''Clip '''and then on '''Set.''' | + | |
|- | |- | ||
| Line 338: | Line 327: | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Notice that the image is now clipped to the shape of the ellipse. | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Notice that the image is now clipped to the shape of the ellipse. | ||
| − | In | + | In Clipping, the shape of the object used as a clip, defines the area that is visible. |
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''Object menu''' >> Click on '''Clip''' >> Click on '''release''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''Object menu''' >> Click on '''Clip''' >> Click on '''release''' | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We can remove the clip by going back to '''Object menu.''' | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We can remove the clip by going back to '''Object menu.''' Click on '''Clip''' and then click on '''Release.''' |
| − | + | ||
| − | Click on '''Clip''' and then click on '''Release.''' | + | |
| Line 364: | Line 351: | ||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to ellipse |
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| To demonstrate '''Masking''', I will first make the ellipse semi-transparent using the '''gradient''' tool. | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| To demonstrate '''Masking''', I will first make the ellipse semi-transparent using the gradient tool. |
| + | |||
| + | |- | ||
| + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on the ellipse. | ||
| + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now select the ellipse. | ||
| + | |||
| + | |- | ||
| + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to Object menu >> Fill and stroke. | ||
| + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Go to '''Object menu.''' Click on '''Fill and stroke.''' | ||
| + | |||
| + | |- | ||
| + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on Radial gradient >> Edit | ||
| + | |||
| + | Move RGB slider to extreme right | ||
| + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Click on '''Radial gradient '''and then on '''Edit. ''' | ||
| + | |||
| + | |||
| + | Move the '''RGB sliders''' to the extreme right to change the color to white. | ||
| + | |||
| + | |- | ||
| + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on the other stop | ||
| + | |||
| + | Move RGB slider to extreme left >> Alpha to 255 | ||
| + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Click on the '''Stop''' drop down arrow and select the other stop. | ||
| + | |||
| + | |||
| + | Move the RGB sliders to the extreme left to change the color to black and change the alpha value to 255. | ||
| + | |||
| + | |- | ||
| + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Add stop >> Move the diamond handle''' | ||
| + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Click on '''Add stop '''to add one more color in between. | ||
| + | |||
| + | |||
| + | Click on the '''Node tool''' and move the diamond handle towards the top. | ||
|- | |- | ||
| Line 372: | Line 392: | ||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to Object menu >> Click on '''Mask''' >> Click on '''Set''' |
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Go to '''Object menu. ''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Go to '''Object menu. ''' | ||
| Line 378: | Line 398: | ||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the image |
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Observe that the '''mask''' is formed on the image. | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Observe that the '''mask''' is formed on the image. | ||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the image |
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Notice that the image takes on the transparency properties of the masking object, which is the ellipse. | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Notice that the image takes on the transparency properties of the '''masking''' object, which is the ellipse. |
|- | |- | ||
| Line 398: | Line 418: | ||
Click on '''Mask''' and then on '''Release.''' | Click on '''Mask''' and then on '''Release.''' | ||
| − | The mask is now removed. | + | The '''mask''' is now removed. |
| Line 411: | Line 431: | ||
* Copy and paste objects | * Copy and paste objects | ||
| − | * Duplicate and clone objects | + | * Duplicate and '''clone''' objects |
* Group and Order various objects | * Group and Order various objects | ||
* Multiple selection and invert selection | * Multiple selection and invert selection | ||
| − | * Clipping and Masking | + | * '''Clipping''' and '''Masking''' |
| + | |||
| + | |||
|- | |- | ||
| Line 425: | Line 447: | ||
* It should look like an eye shape. | * It should look like an eye shape. | ||
* Now group them. | * Now group them. | ||
| − | * Next create a clone to make another eye. | + | * Next create a '''clone''' to make another eye. |
* Move it to the side to make both the eyes visible.<br/> | * Move it to the side to make both the eyes visible.<br/> | ||
| + | |||
| + | |||
* Create a circle in blue color and a square in red color. | * Create a circle in blue color and a square in red color. | ||
| Line 432: | Line 456: | ||
* Select both the squares and group them into a single object. | * Select both the squares and group them into a single object. | ||
* Place the circle centrally on top of the grouped squares. | * Place the circle centrally on top of the grouped squares. | ||
| − | * Select both and create a clip. It should look like a bow. | + | * Select both and create a '''clip'''. It should look like a bow. |
| + | |||
| + | |||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Completed assignment | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Completed assignment | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Your completed assignment should look like this. | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Your completed assignment should look like this. | ||
| − | |||
|- | |- | ||
Latest revision as of 18:43, 6 July 2014
Title of script: Create and edit multiple objects
Author: Arthi. A
Keywords: Copying and pasting objects, Duplicating and cloning objects, Grouping and Ordering objects, Multiple selection and invert selection, Clipping and Masking
| |
|
| Opening Slide | Welcome to the Spoken Tutorial on “Create and edit multiple objects” using Inkscape. |
| Learning Objectives (Slide) | In this tutorial, we will learn to
|
| System requirements
(Slide) |
To record this tutorial, I am using
|
| Go to Dash home and type “Inkscape”. | Go to Dash home and type Inkscape. |
| Click on Inkscape logo | You can open Inkscape by clicking on the logo. |
| Open the Assignment_1.svg | Let's open the Assignment_1.svg file that we created earlier.
|
| Select the pentagon | First we will learn how to copy and paste an object.
|
| Press Ctrl + C >>
Press Ctrl + V |
Now, press Ctrl + C on your keyboard to copy it.
|
| Slide | There are 3 other ways of creating copies of objects.
|
| The first method is called Paste Special.
| |
| Press Ctrl + Alt + V | To paste the object in the exact location from where it was copied, press Ctrl + Alt + V keys. |
| Select and move the object. | Move the copied object to see the original object right below it.
<<PAUSE>> |
| Move the pentagons | Let us move these two objects and keep it aside. |
| The second method is called Duplication. For duplication, we do not need to copy the object first. | |
| Press Ctrl + D | Select the pentagon and press Ctrl + D keys on your keyboard. |
| Point to duplicate pentagon | Now a duplicate pentagon is created exactly on the top of the original one. |
| Move the duplicated ellipse to see both | Let us move the duplicated object to see the original one below it. |
| Change the color of the ellipse to green >> reduce its size | The changes made on the duplicated object does not affect the original object.
|
| Press Alt + D on ellipse | The third method is called Cloning.
|
| Move the cloned ellipse | As before, the cloned object is created exactly above the original one.
|
| Point to the cloned ellipse and the original ellipse | Please note that the cloned object will always be linked to the original object.
|
| Change the original object's color to pink >> Rotate it >> Reduce the size | Let us check this by changing the original objects's color to pink, rotating it and reducing its size.
|
| Press Shift + Alt + D | To unlink the clone from the original object, first select the clone and then press Shift + Alt + D. |
| Change the size of the original ellipse
|
Now, select the original object again and change its size.
|
| Mouse-over on the relevant icons | The short-cut icons for these operations are present in the command bar, as shown. |
| Select 2 ellipses using the Shift key | To select multiple objects hold the Shift key and click on the objects that you want to select.
|
| Notice that both the objects are now selected. | |
| Press Ctrl + G | We can now group them by pressing Ctrl + G keys together.
|
| Move the grouped objects | You can move them around and you will notice that both the objects move together as one object. |
| Resize the group | Try resizing the group and you will notice that both the objects get resized proportionately. |
| Change the colour. | Change the colour to blue and observe that both the objects change to the same colour. |
| What do we do if we want to change the properties of only one of the objects in a group? | |
| Press Ctrl + Click
|
To select an object within a group, press the Ctrl button and click on the object.
|
| Click anywhere on the blank space. | To exit the group, click anywhere on the blank space on the canvas. |
| Press Ctrl + Shift + G or Ctrl + U. | To ungroup objects, first select the group and press either Ctrl + Shift + G keys or Ctrl + U keys.
|
| Mouse-over on the relevant icons | The short-cut icons for these operations are present in the command bar, as shown. |
| Press Ctrl + A | To select all the objects on the canvas, press Ctrl + A keys. |
| Click anywhere on the blank space | To unselect all the objects, click anywhere on the blank space on the canvas. |
| If we want to select all objects except a particular one, we can use the Invert Selection option. | |
| Click onArrow >>
|
Let's say, we want to select all the objects except the arrow.
|
| Point to the objects | Notice that all the objects in the canvas are now selected except the arrow.
<<PAUSE>> |
| Now let us learn how to order the objects. | |
| Move the smaller pentagon on the top of larger pentagon | Let me move the smaller pentagon on top of the larger pentagon. |
| Draw a star | Now let us draw a star and keep it on top of the smaller pentagon. |
| Click on smaller pentagon >> Object menu >> Raise | Select the smaller pentagon. Go to Object menu and click on Raise.
Notice the smaller pentagon is now raised and is above the star. |
| Click on star >> Object menu >> Lower | Now click on the star. Go to Object menu. Click on Lower.
Now the star is moved down or lowered and the larger pentagon now appears above it. |
| Click on larger pentagon >> Object menu >> Raise to top | Now let me click on the larger pentagon. Go to Object menu and click on Raise to top. Now the larger pentagon appears on top. |
| Go to Object menu >> Lower to bottom | Now again Go to Object menu. Click on Lower to bottom. Notice the larger pentagon is now moved to the bottom. |
| Point to the ordering icons on the Tool controls bar | We can find these options in the Tool controls bar too.
|
| Slide | Next let us learn how to do Clipping.
|
| Open a new Inkscape file with an image. | I will use an image for this demonstration. I have an image here in a new Inkscape file. |
| Draw an ellipse | On this image I will draw an ellipse shape. |
| Press Ctrl+A | Now, select the image and the ellipse. |
| Go to Object menu >> Click on Clip >> Click on Set. | Go to Object menu. Click on Clip and then on Set. |
| Notice that the image is now clipped to the shape of the ellipse.
In Clipping, the shape of the object used as a clip, defines the area that is visible. | |
| Go to Object menu >> Click on Clip >> Click on release | We can remove the clip by going back to Object menu. Click on Clip and then click on Release.
|
| Next let us learn to do Masking. | |
| Slide | Masking is very similar to Clipping.
|
| Point to ellipse | To demonstrate Masking, I will first make the ellipse semi-transparent using the gradient tool. |
| Click on the ellipse. | Now select the ellipse. |
| Go to Object menu >> Fill and stroke. | Go to Object menu. Click on Fill and stroke. |
| Click on Radial gradient >> Edit
Move RGB slider to extreme right |
Click on Radial gradient and then on Edit.
|
| Click on the other stop
Move RGB slider to extreme left >> Alpha to 255 |
Click on the Stop drop down arrow and select the other stop.
|
| Click on Add stop >> Move the diamond handle | Click on Add stop to add one more color in between.
|
| Select image and ellipse | Now, select the image and the ellipse. |
| Go to Object menu >> Click on Mask >> Click on Set | Go to Object menu.
Click on Mask and then on Set. |
| Point to the image | Observe that the mask is formed on the image. |
| Point to the image | Notice that the image takes on the transparency properties of the masking object, which is the ellipse. |
| Go back to Object menu >>
|
To remove the mask, go back to Object menu.
The mask is now removed.
|
| Summary (Slide) | Let us summarize.
|
| Assignment (Slide) | Here are 2 assignments for you
|
| 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 those who pass an online test.
For more details, please write to us. |
| About Slide | Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.
|
| Acknowledgment | We have come to the end of this tutorial.
Thanks for joining. |