Difference between revisions of "Scratchpad cloningtutorial"

From Inkscape Wiki
Jump to navigation Jump to search
(created the tutorial scratchpad for the cloning tutorial)
 
m (→‎Tile Clones Basics: Use × instead of X.)
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{| cellspacing="5" cellpadding="0" style="margin:0em 0em 1em 0em; border:1px solid #F3E533; background:#FCFFCD;width:100%"
{{Tutorial_scratchpad_header}}
| This is a tutorial scratchpad. When this tutorial gets to a level of "completeness" it will be converted into docbook xml format and commited to the SVN.
 
If you edit or add anything, feel free to add your name to the authors list, so you get credit where credit is due!
 
'''Translating this tutorial:''' please do not translate this tutorial yet, it is still in the early stages of development and will be modified drastically. Translations can take place once it has been migrated to the SVN. 
 
'''Images''' please upload SVG format images. However, the PNG thumbs are not working properly on the wiki, so just provide a link to the uploaded SVG on the wiki.
|}


=Title=
=Title=
Line 13: Line 5:


=Author(s)=
=Author(s)=
Ryan Lerch, ryanlerch at gmail dot com


=Abstract=
=Abstract=


=Body=
=Body=
==Section 1 (rename me!)==
==Basics==
==Section 2 (rename me!)==
Clones provide a way dupicating an object, yet keeping the object's style and shape linked so that any changes to the original are reflected in all the clones.
==Section 3 (rename me!)==
 
==Section n (rename me!)==
For example, take the following two stars: the one on the left is the original, the one on the right is the clone. Try selecting the original, and changing the amount of corners on the star or the fill color.
 
http://wiki.inkscape.org/wiki/images/Cloningtutorial_simpleexample.svg
 
Now both the original and the clone would have changed instantly when you altered the original. Here is the result of adding 5 more corners and changing the fill color to the original:
 
http://wiki.inkscape.org/wiki/images/Cloningtutorial_simpleexampleresult.svg
 
If attempts are made to change the clone, it will not work, as the clone is still linked to the original.
 
==Creating a Clone==
Creating a new clone is easy. Simply select the object that you wish to clone, and choose Edit > Clone > Create Clone (or Alt + D). A new clone will appear above the original in the same position.
 
==Unlinking a Clone==
If it is required to sever the link between a clone and an original, the clone can be Unlinked. Simply, select the clone and choose Edit > Clone > Unlink Clone (or Alt + Shift + D) The is now just a normal object with no link to the original.
 
==Tips for working with clones==
When using clones, it can get a little confusing knowing which clones are linked to which original object, or knowing if an object is a clone or not. The first piece of advice for working with clones is that the Messages section of the Statusbar is your best friend. If you choose an object that is a clone, the message section will read something like:
 
'''Clone of: Star in Layer 1...'''
 
If you want to find the original that this clone is linked to, go to Edit > Clone > Select Original (or Shift + D). The original will be automatically selected.
 
==Changing the Fill and Stroke of a Clone==
It is possible to change the fill and stroke of a clone, so that it differs from the original. This is done by setting the fill or the stroke of the original to "undefined". Setting the fill or stroke to undefined is done in the Fill/Stroke dialog box. The undefined fill/stroke type choice is highlighted below:
 
http://wiki.inkscape.org/wiki/images/Cloningtutorial_undefinedbutton.svg
 
If the fill/stroke of an original is set to anything other than undefined, then any clones of that object cannot have their fills/strokes altered.
 
See an example of this below, where the original is the text at the top, and the clones are the colored text and the shadow. Try changing the contents of the text in the original to see the changes of the clones below it:
 
http://wiki.inkscape.org/wiki/images/Cloningtutorial_changingcolor.svg
 
==Tile Clones Basics==
Tile clones provide a way of generating multiple clones in a single operation. Basic operation of the tile clones feature is achieved by selecting the object(s) that you wish to tile clone, and going to Edit > Clone > Create Tile Clones. This will present you with a dialog box, with a multitude of different options that all effect what the result of the tile clones operation will be.
 
The simplest example of using the tile cloner is to generate a checkerboard pattern. In this example, a 4×4 checkerboard pattern will be generated.
 
Draw a square, select it and open the tile clone dialog. In this example, we will only use the "Symmetry" tab.
Make sure the symmetry type is "P1 - Simple Symmetry"
Next, set the rows and columns values to 4.
Now, generate your tiled clones by pressing the "Create" button.
The result should be like this (the original has been moved to the side, and the colors of the clones have been changed so you can see the result clearer):
 
http://wiki.inkscape.org/wiki/images/Cloningtutorial_tileclonessimple.svg

Latest revision as of 11:15, 3 July 2007

This is a tutorial scratchpad. When this tutorial gets to a level of "completeness" it will be converted into DocBook XML format and commited to SVN.

If you edit or add anything, feel free to add your name to the authors list, so you get credit where credit is due!

Translating this tutorial

Please do not translate this tutorial yet, it is still in the early stages of development and will be modified drastically. Translations can be done once it has been migrated to SVN.

Illustrations

Please upload images in SVG format. If you use text in the illustrations, don't split sentences or phrases into multiple text objects, as this will make a proper translation impossible. Use a flowtext area and leave enough overflow room for languages which require more space to express the same thing. If appropriate, center the text. Please also start your images in the top left corner; don't leave space until the page border.

Note

the automatically generated PNG thumbs are not working properly on this wiki right now, so just provide a link to the uploaded SVG on the wiki. Try to keep the naming of the images similar, but don't worry too much about the image numbering order, that can be resolved later.


Title

Cloning and Tile Clones

Author(s)

Ryan Lerch, ryanlerch at gmail dot com

Abstract

Body

Basics

Clones provide a way dupicating an object, yet keeping the object's style and shape linked so that any changes to the original are reflected in all the clones.

For example, take the following two stars: the one on the left is the original, the one on the right is the clone. Try selecting the original, and changing the amount of corners on the star or the fill color.

http://wiki.inkscape.org/wiki/images/Cloningtutorial_simpleexample.svg

Now both the original and the clone would have changed instantly when you altered the original. Here is the result of adding 5 more corners and changing the fill color to the original:

http://wiki.inkscape.org/wiki/images/Cloningtutorial_simpleexampleresult.svg

If attempts are made to change the clone, it will not work, as the clone is still linked to the original.

Creating a Clone

Creating a new clone is easy. Simply select the object that you wish to clone, and choose Edit > Clone > Create Clone (or Alt + D). A new clone will appear above the original in the same position.

Unlinking a Clone

If it is required to sever the link between a clone and an original, the clone can be Unlinked. Simply, select the clone and choose Edit > Clone > Unlink Clone (or Alt + Shift + D) The is now just a normal object with no link to the original.

Tips for working with clones

When using clones, it can get a little confusing knowing which clones are linked to which original object, or knowing if an object is a clone or not. The first piece of advice for working with clones is that the Messages section of the Statusbar is your best friend. If you choose an object that is a clone, the message section will read something like:

Clone of: Star in Layer 1...

If you want to find the original that this clone is linked to, go to Edit > Clone > Select Original (or Shift + D). The original will be automatically selected.

Changing the Fill and Stroke of a Clone

It is possible to change the fill and stroke of a clone, so that it differs from the original. This is done by setting the fill or the stroke of the original to "undefined". Setting the fill or stroke to undefined is done in the Fill/Stroke dialog box. The undefined fill/stroke type choice is highlighted below:

http://wiki.inkscape.org/wiki/images/Cloningtutorial_undefinedbutton.svg

If the fill/stroke of an original is set to anything other than undefined, then any clones of that object cannot have their fills/strokes altered.

See an example of this below, where the original is the text at the top, and the clones are the colored text and the shadow. Try changing the contents of the text in the original to see the changes of the clones below it:

http://wiki.inkscape.org/wiki/images/Cloningtutorial_changingcolor.svg

Tile Clones Basics

Tile clones provide a way of generating multiple clones in a single operation. Basic operation of the tile clones feature is achieved by selecting the object(s) that you wish to tile clone, and going to Edit > Clone > Create Tile Clones. This will present you with a dialog box, with a multitude of different options that all effect what the result of the tile clones operation will be.

The simplest example of using the tile cloner is to generate a checkerboard pattern. In this example, a 4×4 checkerboard pattern will be generated.

Draw a square, select it and open the tile clone dialog. In this example, we will only use the "Symmetry" tab. Make sure the symmetry type is "P1 - Simple Symmetry" Next, set the rows and columns values to 4. Now, generate your tiled clones by pressing the "Create" button. The result should be like this (the original has been moved to the side, and the colors of the clones have been changed so you can see the result clearer):

http://wiki.inkscape.org/wiki/images/Cloningtutorial_tileclonessimple.svg