Difference between revisions of "Inkscape/C2/Create-and-edit-multiple-objects/English"
Nancyvarkey (Talk | contribs) |
Nancyvarkey (Talk | contribs) |
||
(6 intermediate revisions by 2 users 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 35: | Line 33: | ||
* '''Ubuntu Linux''' 12.04 OS | * '''Ubuntu Linux''' 12.04 OS | ||
* '''Inkscape''' version 0.48.4 | * '''Inkscape''' version 0.48.4 | ||
− | |||
− | |||
|- | |- | ||
Line 128: | 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 138: | 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 145: | 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 152: | 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. ''' |
|- | |- | ||
Line 235: | 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 254: | 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 271: | 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. |
|- | |- | ||
| 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 smaller pentagon >>''' Object menu >> Raise''' | | 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 smaller pentagon >>''' Object menu >> Raise''' | ||
− | | 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;"| Select the smaller 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;"| Select the smaller pentagon. Go to '''Object menu '''and click on '''Raise. ''' |
− | + | ||
− | Go to '''Object menu '''and click on '''Raise. ''' | + | |
Notice the smaller pentagon is now raised and is above the star. | Notice the smaller pentagon is now raised and is above the star. | ||
Line 287: | 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 295: | 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 Go to '''Object menu.''' Click on '''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 Go to '''Object menu.''' Click on '''Lower to bottom.''' Notice the larger pentagon is now moved to the bottom. |
− | + | ||
− | Notice the larger pentagon is now moved to the bottom. | + | |
|- | |- | ||
Line 324: | Line 306: | ||
* conform to another element or shape of your design | * conform to another element or shape of your design | ||
* by changing their entire shape quickly and easily. | * by changing their entire shape quickly and easily. | ||
− | |||
− | |||
|- | |- | ||
| 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 Inkscape file. | + | |
|- | |- | ||
Line 367: | Line 345: | ||
|- | |- | ||
| 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;"| Slide | | 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;"| Slide | ||
− | | 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;"| Masking is very similar to Clipping. | + | | 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;"| '''Masking''' is very similar to '''Clipping'''. |
− | In Masking, the ''transparency'' or ''lightness'' of one object determines the opacity of the second object. | + | In '''Masking''', the ''transparency'' or ''lightness'' of one object determines the opacity of the second object. |
|- | |- | ||
− | | 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 381: | 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. '''Click on '''Mask '''and then 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. ''' |
+ | |||
+ | Click on '''Mask '''and then 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;"| | + | | 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 405: | 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 418: | 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 434: | 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 441: | 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. |
Line 451: | Line 466: | ||
|- | |- | ||
| 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;"| About Slide | | 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;"| About Slide | ||
− | | 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 video at the link | + | | 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 video available at the following link summarizes the Spoken Tutorial project. Pls watch it. |
− | + | ||
− | + | ||
|- | |- | ||
| 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;"| About Slide | | 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;"| About Slide | ||
− | | 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 Spoken Tutorial Project Team | + | | 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 Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test. |
− | + | ||
− | + | ||
− | + | ||
For more details, please write to us. | For more details, please write to us. | ||
Line 466: | Line 476: | ||
|- | |- | ||
| 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;"| About Slide | | 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;"| About Slide | ||
− | | 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;"| Spoken Tutorial Project is supported by 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;"| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India. |
− | More information on this Mission is available at | + | More information on this Mission is available at this link. |
|- | |- |
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. |