From 179fa413b047bede6e32109e2ce82437c5fb8d34 Mon Sep 17 00:00:00 2001 From: MenTaLguY Date: Mon, 16 Jan 2006 02:36:01 +0000 Subject: moving trunk for module inkscape (bzr r1) --- share/tutorials/.cvsignore | 2 + share/tutorials/Makefile.am | 49 + share/tutorials/README | 11 + share/tutorials/gpl-2.svg | 2051 ++++++++ share/tutorials/making_markers.svg | 905 ++++ share/tutorials/oldguitar.jpg | Bin 0 -> 19785 bytes share/tutorials/potrace-de.png | Bin 0 -> 2745 bytes share/tutorials/potrace-fr.png | Bin 0 -> 6468 bytes share/tutorials/potrace.png | Bin 0 -> 2686 bytes share/tutorials/tutorial-advanced.es.svg | 467 ++ share/tutorials/tutorial-advanced.fr.svg | 325 ++ share/tutorials/tutorial-advanced.ja.svg | 314 ++ share/tutorials/tutorial-advanced.sl.svg | 411 ++ share/tutorials/tutorial-advanced.svg | 475 ++ share/tutorials/tutorial-basic.ca.svg | 650 +++ share/tutorials/tutorial-basic.de.svg | 535 +++ share/tutorials/tutorial-basic.es.svg | 479 ++ share/tutorials/tutorial-basic.fr.svg | 452 ++ share/tutorials/tutorial-basic.ja.svg | 401 ++ share/tutorials/tutorial-basic.nn.svg | 379 ++ share/tutorials/tutorial-basic.ru.svg | 3036 ++++++++++++ share/tutorials/tutorial-basic.sl.svg | 437 ++ share/tutorials/tutorial-basic.svg | 562 +++ share/tutorials/tutorial-calligraphy.es.svg | 548 +++ share/tutorials/tutorial-calligraphy.fr.svg | 480 ++ share/tutorials/tutorial-calligraphy.sl.svg | 627 +++ share/tutorials/tutorial-calligraphy.svg | 637 +++ share/tutorials/tutorial-elements.es.svg | 582 +++ share/tutorials/tutorial-elements.fr.svg | 619 +++ share/tutorials/tutorial-elements.sl.svg | 596 +++ share/tutorials/tutorial-elements.svg | 606 +++ share/tutorials/tutorial-shapes.ca.svg | 6689 +++++++++++++++++++++++++++ share/tutorials/tutorial-shapes.es.svg | 619 +++ share/tutorials/tutorial-shapes.fr.svg | 670 +++ share/tutorials/tutorial-shapes.ja.svg | 600 +++ share/tutorials/tutorial-shapes.sl.svg | 751 +++ share/tutorials/tutorial-shapes.svg | 766 +++ share/tutorials/tutorial-tips.es.svg | 535 +++ share/tutorials/tutorial-tips.fr.svg | 472 ++ share/tutorials/tutorial-tips.sl.svg | 533 +++ share/tutorials/tutorial-tips.svg | 536 +++ share/tutorials/tutorial-tracing.de.svg | 186 + share/tutorials/tutorial-tracing.es.svg | 184 + share/tutorials/tutorial-tracing.fr.svg | 187 + share/tutorials/tutorial-tracing.sl.svg | 208 + share/tutorials/tutorial-tracing.svg | 215 + share/tutorials/tux.png | Bin 0 -> 8085 bytes 47 files changed, 29787 insertions(+) create mode 100644 share/tutorials/.cvsignore create mode 100644 share/tutorials/Makefile.am create mode 100644 share/tutorials/README create mode 100644 share/tutorials/gpl-2.svg create mode 100644 share/tutorials/making_markers.svg create mode 100644 share/tutorials/oldguitar.jpg create mode 100644 share/tutorials/potrace-de.png create mode 100644 share/tutorials/potrace-fr.png create mode 100644 share/tutorials/potrace.png create mode 100644 share/tutorials/tutorial-advanced.es.svg create mode 100644 share/tutorials/tutorial-advanced.fr.svg create mode 100644 share/tutorials/tutorial-advanced.ja.svg create mode 100644 share/tutorials/tutorial-advanced.sl.svg create mode 100644 share/tutorials/tutorial-advanced.svg create mode 100644 share/tutorials/tutorial-basic.ca.svg create mode 100644 share/tutorials/tutorial-basic.de.svg create mode 100644 share/tutorials/tutorial-basic.es.svg create mode 100644 share/tutorials/tutorial-basic.fr.svg create mode 100644 share/tutorials/tutorial-basic.ja.svg create mode 100644 share/tutorials/tutorial-basic.nn.svg create mode 100644 share/tutorials/tutorial-basic.ru.svg create mode 100644 share/tutorials/tutorial-basic.sl.svg create mode 100644 share/tutorials/tutorial-basic.svg create mode 100644 share/tutorials/tutorial-calligraphy.es.svg create mode 100644 share/tutorials/tutorial-calligraphy.fr.svg create mode 100644 share/tutorials/tutorial-calligraphy.sl.svg create mode 100644 share/tutorials/tutorial-calligraphy.svg create mode 100644 share/tutorials/tutorial-elements.es.svg create mode 100644 share/tutorials/tutorial-elements.fr.svg create mode 100644 share/tutorials/tutorial-elements.sl.svg create mode 100755 share/tutorials/tutorial-elements.svg create mode 100644 share/tutorials/tutorial-shapes.ca.svg create mode 100644 share/tutorials/tutorial-shapes.es.svg create mode 100644 share/tutorials/tutorial-shapes.fr.svg create mode 100644 share/tutorials/tutorial-shapes.ja.svg create mode 100644 share/tutorials/tutorial-shapes.sl.svg create mode 100644 share/tutorials/tutorial-shapes.svg create mode 100644 share/tutorials/tutorial-tips.es.svg create mode 100644 share/tutorials/tutorial-tips.fr.svg create mode 100644 share/tutorials/tutorial-tips.sl.svg create mode 100644 share/tutorials/tutorial-tips.svg create mode 100644 share/tutorials/tutorial-tracing.de.svg create mode 100644 share/tutorials/tutorial-tracing.es.svg create mode 100644 share/tutorials/tutorial-tracing.fr.svg create mode 100644 share/tutorials/tutorial-tracing.sl.svg create mode 100644 share/tutorials/tutorial-tracing.svg create mode 100644 share/tutorials/tux.png (limited to 'share/tutorials') diff --git a/share/tutorials/.cvsignore b/share/tutorials/.cvsignore new file mode 100644 index 000000000..3dda72986 --- /dev/null +++ b/share/tutorials/.cvsignore @@ -0,0 +1,2 @@ +Makefile.in +Makefile diff --git a/share/tutorials/Makefile.am b/share/tutorials/Makefile.am new file mode 100644 index 000000000..538c1e5c4 --- /dev/null +++ b/share/tutorials/Makefile.am @@ -0,0 +1,49 @@ + +tutorialdir = $(datadir)/inkscape/tutorials + +tutorial_DATA = \ + README \ + gpl-2.svg \ + tutorial-elements.svg \ + tutorial-elements.fr.svg \ + tutorial-elements.es.svg \ + tutorial-elements.sl.svg \ + tutorial-tips.svg \ + tutorial-tips.es.svg \ + tutorial-tips.fr.svg \ + tutorial-tips.sl.svg \ + making_markers.svg \ + tutorial-advanced.svg \ + tutorial-advanced.es.svg \ + tutorial-advanced.fr.svg \ + tutorial-advanced.ja.svg \ + tutorial-advanced.sl.svg \ + tutorial-basic.svg \ + tutorial-basic.ca.svg \ + tutorial-basic.de.svg \ + tutorial-basic.es.svg \ + tutorial-basic.fr.svg \ + tutorial-basic.ja.svg \ + tutorial-basic.nn.svg \ + tutorial-basic.ru.svg \ + tutorial-basic.sl.svg \ + tutorial-calligraphy.svg \ + tutorial-calligraphy.es.svg \ + tutorial-calligraphy.fr.svg \ + tutorial-calligraphy.sl.svg \ + tutorial-shapes.svg \ + tutorial-shapes.ca.svg \ + tutorial-shapes.es.svg \ + tutorial-shapes.fr.svg \ + tutorial-shapes.ja.svg \ + tutorial-shapes.sl.svg \ + tutorial-tracing.svg potrace.png oldguitar.jpg tux.png \ + tutorial-tracing.de.svg potrace-de.png \ + tutorial-tracing.es.svg \ + tutorial-tracing.fr.svg potrace-fr.png \ + tutorial-tracing.sl.svg + + + +EXTRA_DIST = $(tutorial_DATA) + diff --git a/share/tutorials/README b/share/tutorials/README new file mode 100644 index 000000000..8d43c71bc --- /dev/null +++ b/share/tutorials/README @@ -0,0 +1,11 @@ +This folder contains the Inkscape tutorials in SVG format. You can access them +from within Inkscape via the Help > Tutorials submenu. + +DO NOT EDIT THESE FILES DIRECTLY. They are generated from DocBook sources that +are stored in the doc-docbook module in Inkscape CVS. If you want to edit, +translate, or create a new tutorial, obtain that module and follow the +instructions in its README to edit a tutorial and regenerate the SVG format for +the tutorial you changed. Then place the new SVG file here. + +This folder contains all tutorials in all languages for which translations were +provided. Later we may separate tutorials into language-packs. \ No newline at end of file diff --git a/share/tutorials/gpl-2.svg b/share/tutorials/gpl-2.svg new file mode 100644 index 000000000..35c517276 --- /dev/null +++ b/share/tutorials/gpl-2.svg @@ -0,0 +1,2051 @@ + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Copying this software + + + + + + + The licenses for most software are designed to take away your + freedom to share and change it. By contrast, the GNU General Public License is + intended to guarantee your freedom to share and change + free software — to make sure the software is free for all its users. + This General Public License applies to most of the Free Software + Foundation’s software and to any other program whose authors commit + to using it. (Some other Free Software Foundation software is covered + by the GNU Library General Public License instead.) You can apply it + to your programs, too. + + + + + + + + When we speak of free software, we are referring to freedom, not price. + Our General Public Licenses are designed to make sure that you have the + freedom to distribute copies of free software (and charge for this + service if you wish), that you receive source code or can get it if you + want it, that you can change the software or use pieces of it in new free + programs; and that you know you can do these things. + + + + + + + + To protect your rights, we need to make restrictions that forbid anyone + to deny you these rights or to ask you to surrender the rights. These + restrictions translate to certain responsibilities for you if you distribute + copies of the software, or if you modify it. + + + + + + + + For example, if you distribute copies of such a program, whether gratis or + for a fee, you must give the recipients all the rights that you have. You + must make sure that they, too, receive or can get the source code. And you + must show them these terms so they know their rights. + + + + + + + + We protect your rights with two steps: + + + + + + + + + copyright the software, and + + + + + + + + + offer you this license which gives you legal permission to copy, + distribute and/or modify the software. + + + + + + + + + + Also, for each author’s protection and ours, we want to make certain that everyone understands that there is no warranty for this free software. If the software is modified by someone else and passed on, we want its recipients to know that what they have is not the original, so that any problems introduced by others will not reflect on the original authors’ reputations. + + + + + + + Finally, any free program is threatened constantly by software patents. We wish to avoid the danger that redistributors of a free program will individually obtain patent licenses, in effect making the program proprietary. To prevent this, we have made it clear that any patent must be licensed for everyone’s free use or not licensed at all. + + + + + + + The precise terms and conditions for copying, distribution and modification follow. + + + TERMS AND CONDITIONS FOR + + + COPYING, DISTRIBUTION AND MODIFICATION + + + Section 0 + + + + + + + This License applies to any program or other work which contains a notice placed by the copyright holder saying it may be distributed under the terms of this General Public License. The “Program”, below, refers to any such program or work, and a “work based on the Program” means either the Program or any derivative work under copyright law: that is to say, a work containing the Program or a portion of it, either verbatim or with modifications and/or translated into another language. (Hereinafter, translation is included without limitation in the term “modification”.) Each licensee is addressed as “you”. + + + + + + + Activities other than copying, distribution and modification are not covered by this License; they are outside its scope. The act of running the Program is not restricted, and the output from the Program is covered only if its contents constitute a work based on the Program (independent of having been made by running the Program). Whether that is true depends on what the Program does. + + + Section 1 + + + + + + + You may copy and distribute verbatim copies of the Program’s source code as you receive it, in any medium, provided that you conspicuously and appropriately publish on each copy an appropriate copyright notice and disclaimer of warranty; keep intact all the notices that refer to this License and to the absence of any warranty; and give any other recipients of the Program a copy of this License along with the Program. + + + + + + + You may charge a fee for the physical act of transferring a copy, and you may at your option offer warranty protection in exchange for a fee. + + + Section 2 + + + + + + + You may modify your copy or copies of the Program or any portion of it, thus forming a work based on the Program, and copy and distribute such modifications or work under the terms of Section 1 above, provided that you also meet all of these conditions: + + + + + + You must cause the modified files to carry prominent notices stating that + you changed the files and the date of any change. + + + + + + + + + You must cause any work that you distribute or publish, that in whole or + in part contains or is derived from the Program or any part thereof, to be + licensed as a whole at no charge to all third parties under the terms of + this License. + + + + + + + + + If the modified program normally reads commands interactively when run, you + must cause it, when started running for such interactive use in the most + ordinary way, to print or display an announcement including an appropriate + copyright notice and a notice that there is no warranty (or else, saying + that you provide a warranty) and that users may redistribute the program + under these conditions, and telling the user how to view a copy of this + License. + + Exception: + + If the Program itself is interactive but does not normally print such an + announcement, your work based on the Program is not required to print an + announcement.) + + + + + + + + + + + + These requirements apply to the modified work as a whole. If identifiable sections of that work are not derived from the Program, and can be reasonably considered independent and separate works in themselves, then this License, and its terms, do not apply to those sections when you distribute them as separate works. But when you distribute the same sections as part of a whole which is a work based on the Program, the distribution of the whole must be on the terms of this License, whose permissions for other licensees extend to the entire whole, and thus to each and every part regardless of who wrote it. + + + + + + + Thus, it is not the intent of this section to claim rights or contest your rights to work written entirely by you; rather, the intent is to exercise the right to control the distribution of derivative or collective works based on the Program. + + + + + + + In addition, mere aggregation of another work not based on the Program with the Program (or with a work based on the Program) on a volume of a storage or distribution medium does not bring the other work under the scope of this License. + + + Section 3 + + + + + + + You may copy and distribute the Program (or a work based on it, under Section 2 in object code or executable form under the terms of Sections 1 and 2 above provided that you also do one of the following: + + + + + + Accompany it with the complete corresponding machine‐readable source code, which + must be distributed under the terms of Sections 1 and 2 above on a medium + customarily used for software interchange; or, + + + + + + + + + Accompany it with a written offer, valid for at least three years, to give any + third party, for a charge no more than your cost of physically performing source + distribution, a complete machine‐readable copy of the corresponding source code, + to be distributed under the terms of Sections 1 and 2 above on a medium customarily + used for software interchange; or, + + + + + + + + + Accompany it with the information you received as to the offer to distribute + corresponding source code. (This alternative is allowed only for noncommercial + distribution and only if you received the program in object code or executable form + with such an offer, in accord with Subsection b above.) + + + + + + + + + + The source code for a work means the preferred form of the work for making modifications to it. For an executable work, complete source code means all the source code for all modules it contains, plus any associated interface definition files, plus the scripts used to control compilation and installation of the executable. However, as a special exception, the source code distributed need not include anything that is normally distributed (in either source or binary form) with the major components (compiler, kernel, and so on) of the operating system on which the executable runs, unless that component itself accompanies the executable. + + + + + + + If distribution of executable or object code is made by offering access to copy from a designated place, then offering equivalent access to copy the source code from the same place counts as distribution of the source code, even though third parties are not compelled to copy the source along with the object code. + + + Section 4 + + + + + + + You may not copy, modify, sublicense, or distribute the Program except as expressly provided under this License. Any attempt otherwise to copy, modify, sublicense or distribute the Program is void, and will automatically terminate your rights under this License. However, parties who have received copies, or rights, from you under this License will not have their licenses terminated so long as such parties remain in full compliance. + + + Section 5 + + + + + + + You are not required to accept this License, since you have not signed it. However, nothing else grants you permission to modify or distribute the Program or its derivative works. These actions are prohibited by law if you do not accept this License. Therefore, by modifying or distributing the Program (or any work based on the Program), you indicate your acceptance of this License to do so, and all its terms and conditions for copying, distributing or modifying the Program or works based on it. + + + Section 6 + + + + + + + Each time you redistribute the Program (or any work based on the Program), the recipient automatically receives a license from the original licensor to copy, distribute or modify the Program subject to these terms and conditions. You may not impose any further restrictions on the recipients’ exercise of the rights granted herein. You are not responsible for enforcing compliance by third parties to this License. + + + Section 7 + + + + + + + If, as a consequence of a court judgment or allegation of patent infringement or for any other reason (not limited to patent issues), conditions are imposed on you (whether by court order, agreement or otherwise) that contradict the conditions of this License, they do not excuse you from the conditions of this License. If you cannot distribute so as to satisfy simultaneously your obligations under this License and any other pertinent obligations, then as a consequence you may not distribute the Program at all. For example, if a patent license would not permit royalty‐free redistribution of the Program by all those who receive copies directly or indirectly through you, then the only way you could satisfy both it and this License would be to refrain entirely from distribution of the Program. + + + + + + + If any portion of this section is held invalid or unenforceable under any particular circumstance, the balance of the section is intended to apply and the section as a whole is intended to apply in other circumstances. + + + + + + + It is not the purpose of this section to induce you to infringe any patents or other property right claims or to contest validity of any such claims; this section has the sole purpose of protecting the integrity of the free software distribution system, which is implemented by public license practices. Many people have made generous contributions to the wide range of software distributed through that system in reliance on consistent application of that system; it is up to the author/donor to decide if he or she is willing to distribute software through any other system and a licensee cannot impose that choice. + + + + + + + This section is intended to make thoroughly clear what is believed to be a consequence of the rest of this License. + + + Section 8 + + + + + + + If the distribution and/or use of the Program is restricted in certain countries either by patents or by copyrighted interfaces, the original copyright holder who places the Program under this License may add an explicit geographical distribution limitation excluding those countries, so that distribution is permitted only in or among countries not thus excluded. In such case, this License incorporates the limitation as if written in the body of this License. + + + Section 9 + + + + + + + The Free Software Foundation may publish revised and/or new versions of the General Public License from time to time. Such new versions will be similar in spirit to the present version, but may differ in detail to address new problems or concerns. + + + + + + + Each version is given a distinguishing version number. If the Program specifies a version number of this License which applies to it and “any later version”, you have the option of following the terms and conditions either of that version or of any later version published by the Free Software Foundation. If the Program does not specify a version number of this License, you may choose any version ever published by the Free Software Foundation. + + + Section 10 + + + + + + + If you wish to incorporate parts of the Program into other free programs whose distribution conditions are different, write to the author to ask for permission. For software which is copyrighted by the Free Software Foundation, write to the Free Software Foundation; we sometimes make exceptions for this. Our decision will be guided by the two goals of preserving the free status of all derivatives of our free software and of promoting the sharing and reuse of software generally. + + + NO WARRANTY Section 11 + + + + + + + BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM “AS IS” WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION. + + + Section 12 + + + + + + + IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. + + + + + + + END OF TERMS AND CONDITIONS + + + How to Apply These Terms to Your New Programs + + + + + + + If you develop a new program, and you want it to be of the greatest possible use to the public, the best way to achieve this is to make it free software which everyone can redistribute and change under these terms. + + + + + + + To do so, attach the following notices to the program. It is safest to attach them to the start of each source file to most effectively convey the exclusion of warranty; and each file should have at least the “copyright” line and a pointer to where the full notice is found. + + + + + + + 〈one line to give the program’s name and a brief idea of what it does.〉 Copyright (C) 〈year〉 〈name of author〉 + + + + + + + This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. + + + + + + + This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. + + + + + + + You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA + + + + + + + Also add information on how to contact you by electronic and paper mail. + + + + + + + If the program is interactive, make it output a short notice like this when it starts in an interactive mode: + + + + + + + Gnomovision version 69, Copyright (C) year name of author Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type ‘show w’. This is free software, and you are welcome to redistribute it under certain conditions; type ‘show c’ for details. + + + + + + + The hypothetical commands ‘show w’ and ‘show c’ should show the appropriate parts of the General Public License. Of course, the commands you use may be called something other than ‘show w’ and ‘show c’; they could even be mouse‐clicks or menu items — whatever suits your program. + + + + + + + You should also get your employer (if you work as a programmer) or your school, if any, to sign a “copyright disclaimer” for the program, if necessary. Here is a sample; alter the names: + + + + + + + Yoyodyne, Inc., hereby disclaims all copyright interest in the program ‘Gnomovision’ (which makes passes at compilers) written by James Hacker. + + + + + + + 〈signature of Ty Coon〉, 1 April 1989 Ty Coon, President of Vice + + + + + + + This General Public License does not permit incorporating your program into proprietary programs. If your program is a subroutine library, you may consider it more useful to permit linking proprietary applications with the library. If this is what you want to do, use the GNU Library General Public License instead of this License. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/share/tutorials/making_markers.svg b/share/tutorials/making_markers.svg new file mode 100644 index 000000000..22d3a22f8 --- /dev/null +++ b/share/tutorials/making_markers.svg @@ -0,0 +1,905 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Making Markers : A short howto by John Cliff (Simarilius)Creating a new marker is pretty simple, just follow the steps below:* Draw the marker you want on the left end of the red line at the top left of this page, pointing left (unless you want it to point into the line when applied as a marker)* Apply the "template" marker to any other line in the file (thats what I use the box around the red line for)* Open the XML Editor (Shift-Ctrl-X)* Expand the <defs>, and find the marker with id="template"* Expand the template marker, and delete its contents* Rename the marker to something more descriptive by editing its id* Drag the shape that you created for your marker from the document section of the XML editor onto the empty marker, so that it becomes the child.* Apply your new marker to a line to check that it looks how you expected* Copy the <marker> from here to markers.svg to make the new marker available to all inkscape sessions. This is easiest to do with a text editor at the moment.If you make some cool markers, we'd love to see 'em (and include them in markers.svg if you're willing). Drop a note to the users mailing list, it's always nice to see the end product.Hope that's helpful,John + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/share/tutorials/oldguitar.jpg b/share/tutorials/oldguitar.jpg new file mode 100644 index 000000000..7db5e35b5 Binary files /dev/null and b/share/tutorials/oldguitar.jpg differ diff --git a/share/tutorials/potrace-de.png b/share/tutorials/potrace-de.png new file mode 100644 index 000000000..f3641bc07 Binary files /dev/null and b/share/tutorials/potrace-de.png differ diff --git a/share/tutorials/potrace-fr.png b/share/tutorials/potrace-fr.png new file mode 100644 index 000000000..14069e1e3 Binary files /dev/null and b/share/tutorials/potrace-fr.png differ diff --git a/share/tutorials/potrace.png b/share/tutorials/potrace.png new file mode 100644 index 000000000..fc1ba9bc2 Binary files /dev/null and b/share/tutorials/potrace.png differ diff --git a/share/tutorials/tutorial-advanced.es.svg b/share/tutorials/tutorial-advanced.es.svg new file mode 100644 index 000000000..043e64990 --- /dev/null +++ b/share/tutorials/tutorial-advanced.es.svg @@ -0,0 +1,467 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::AVANZADO + + + + + + + + +Este tutorial cubre los siguientes temas: copiar/pegar, edición de nodos, dibujo +de curvas bezier y a mano alzada, manipulación de rutas, booleanos, desvio, simplificación y herramienta texto. + +Use Ctrl+flechas, ruedad del ratón o arrastran con botón central del ratón +para situar la página. Para las bases acerca de la creación de objetos, selección y transformación, observe el tutorial básico en +Ayuda > Tutoriales. + + + + +Técnicas de pegado + +Después de que usted copia algún(os) objeto(s) mediante Ctrl+C o corta mediante +Ctrl+X, el comando regular Pegar +(Ctrl+V) pega el/los objeto(s) copiados, bajo el cursor del ratón o cursor o +si el cursor se encuentra fuera de la ventana, en el centro de la ventana del documento. Sin embargo, +el/los objeto(s) en el portapapeles aún recuerdan el lugar original donde fue(ron) copiado(s) y usted puede +copiarlos de nuevo en ese lugar mediante Pegar en el sitio +(Ctrl+Alt+V). + + +Otro comando, Pegar estilo (Mayus+Ctrl+V), +aplica el estilo del (primer) objeto en el portapapeles a la selección actual. Así el "estilo" +pegado incluye la configuración de relleno, trazo y fuente, pero no la forma, tamaño o +parámetros específicos de un tipo de forma, tales como el número de puntas de una estrella. + + +Note que Inkscape posee su propio portapapeles interno; este no emplea el portapapeles del sistema salvo en +el caso de copiado/pegado de texto mediante la herramienta Texto. + + + + +Dibujando a mano alzada y trazos regulares + +La forma más sencilla para crear formas arbitrarias es dibujar usando la herramienta Lapiz (dibujar líneas a mano alzada) +(F6): + + + + +Si desea figuras más regulares, use la herramienta Pluma (Bezier) (Mayus+F6): + + + + +Con la herramienta pluma, cada click crea un nodo sin ningún manejador de curva, +así una serie de clicks produce una secuencia de segmentos rectos de línea. +Click y arrastrar crea un suave nodo Bezier con dos manejadores colineales opuestos . +Presione Mayus mientras arrastra un manejador para rotar solo un +manejador y arreglar el otro. Como usualmente, Ctrl limita la dirección o del segmento de línea actual o +el incremento del manejador Bezier en 15 grados. Presionando Enter finaliza la línea, +Esc la cancela. Para cancelar tan solo el último segmento de una línea sin finalizar, presione Barra espaceadora. + + +En ambas herramientas, el trazo actualmente seleccionado muestra una pequeña ancla cuadrada en ambos finales. +Estas anclas le permiten continuar este trazo (mediante arrastrado desde uno de las anclas) o +cierrelo (mediante arrastrado de una ancla a la otra) en vez de crear una nueva. + + + + +Editando trazos + +Diferente a las formas creadas con la herramienta Forma, las herramientas Pluma y Lápiz crean lo que es denominado +trazos. Un trazo es una secuencia de segmentos de línea recta y/o como las curvas Bezier, como cualquier +otro objeto de Inkscape, puede tener unas propiedades arbitrarias de relleno y borde. Pero diferente a una forma, un trazo puede ser editado mediante arrastrado libre de cualquiera de sus nodos (y no sólo mediante manejadores predeterminados). Seleccione este trazo y active la herramienta Nodo (F2): + + + + +Usted puede observar un número de cuadrados grices, son los nodos del trazo. Estos nodos +pueden ser seleccionados mediante click, +Mayus+click o mediantearrastadode uno de los lazos elásticos o rectas — +exactamente como los objetos que son seleccionados por la herramienta Selección. Los nodos seleccionados son resaltados +y muestran sus manejadores de nodos — uno o dos círculos conectan cada nodo seleccionado +mediante una línea recta. + + +Los trazos son editados mediante arrastrado de sus nodos y nodos manejadores. (Intente arrastrar +algunos nodos y manejadores del siguiente trazo.) Ctrl trabaja usualmente restringiendo movimientos y rotación. +Las teclas: flechas, Tab, +[, ], <, > +von sus modificadores trabajan como lo hace el selector, pero aplica a los nodos en vez de a los objetos. +Puede borrar (Del) o duplicar (Mayus+D) +los nodos seleccionados. El trazo puede ser roto (Mayus+B) en los nodos seleccionados, +o si selecciona dos nodos finales en un trazo, los puede agrupar mediante (Mayus+J). + + +Un nodo puede hacerse agudo (Mayus+C), lo cual indica +que sus dos manejadores pueden moverse independientemente den cualquier ángulo para cada uno; +suave (Mayus+S), el cual indica que sus manejadores siempre están +sobre la misma línea recta (colineal); y simetrico +(Mayus+Y), que es lo mismo que suave, pero los manejadores también tienene la misma longitud. + + +Usted, también puede retraer completamente el manejador de un nodo mediante +Ctrl+click sobre él. Si dos nodos adyacentes poseen sus manejadores retraidos, el segmento de trazo entre ellos es una línea recta. Para salir del nodo retraido, haga Mayus+drag lejos del nodo. + + + + +Subtrazos y combinación +Un objeto trazo puede contener más de un subtrazo. Un subtrazo es una secuencia +de nodos concetados entre si. (Por lo tanto, si un trazo tiene más de un subtrazo +no todos los nodos están conectados.) Abajo a la izquierda, tres subtrazos pertenecen a un +trazo simple compuesto; los mismos tres subtrazos den la derecha son objetos de trazo independientes: + + + + +Note que un trazo compuesto no es lo mismo que un grupo. Es un objeto sencillo el cual es sólo +seleccionable como uno entero. Si usted selecciona el objeto de la izquierda a continuación +y tome la herramienta nodo, podrá observar los nodos mostrados en los tres subtrazos. En la derecha, +puede solo editar-nodos sobre un solo trazo a la vez. + + +Inkscape puede Combinar trazos en un trazo compuesto +(Ctrl+K) y Separar un trazo compuesto en +trazos separados (Mayus+Ctrl+K). Intente estos comandos sobre los ejemplos de a continuación. +Desde que un objeta solo posea un relleno y estilo de trazo, un nuevo trazo compuesto toma +el estilo del primer (menores en orden-z) objeto siendo combinado. + + +Cuando combina trazos superpuestos con relleno, usualmente el relleno puede desaparecer +en las áreas donde el trazo se superpone: + + + + +Este es el modo más sencillo para crear objetos con agujeros en el. Para comandos de trazo más poderosos, +observe "Operaciones Booleanas" más adelante. + + + + +Convirtiendo a trazo + +Cualquier forma o objeto de texto puede ser convertido a trazo +(Mayus+Ctrl+C). Esta operación no cambia la apariencia del +objeto pero remueve todas la capacidades específicas de su tipo (e.g usted no puede +redondear las esquinas de una rectángulo o editar más el texto); en vez de esto, ahora puede editar +nodos. He aquí dos estrellas — la de la izquierda se mantiene como forma y la de la derecha está convertida a trazo. +Seleccione la herramienta nodo y compare su editabilidad cuendo sea seleccionada: + + + + +Además, usted puede convertir a trazo ("delineado") el Borde de cualquier +objeto. Adelante, el primer objeto es el trazo original (sin relleno, borde negro), mientras que +el segundo es el resultado del comando Borde a Trazo (relleno negro, +sin borde): + + + + + + +Operaciones booleanas +Los comandos en el menú Trazo le permiten combinar dos o más objetos usando +operaciones booleanas: + + +Original shapesUnion (Ctrl++)Difference (Ctrl+-)(bottom minus top)Intersection(Ctrl+*)Exclusion(Ctrl+^)Division(Ctrl+/)Cut Path(Ctrl+Alt+/) + +Los atajos por teclado para estos comandos hacen alusión a los análogos aritméticos de +las operaciones booleanas (union es adición, diferencia es sustracción, etc.). Los +comandos Diferencia y Exclusión sólo pueden ser aplicados +a dos objetos seleccionados; otros pueden procesar cualquier número de objetos a la vez. El resultado +siempre recibe el estilo del objeto del fondo. + + +El resultado del comando Exclusión se parece a Combinar (observe adelante), +pero es diferente a Exclusion en el hecho que este último agrega nodos donde estaban las intersecciones de +trazos originales. La diferencia entre División y Cortar Trazo radica en que +el primero de ellos corta completamente el objeto del fondo por el trazo del objeto de la parte superior, mientras el último +solo corta el borde del objeto del fondo y remueve cualquier relleno (esto es conveniente para +cortado en piezas de bordes sin-relleno). + + + + +Reducir y ampliar +Inkscape puede expandir y contraer formas no solo mediante escalado, también puede mediante +desvio de trazo de un objeto, i.e. desplazándolo perpendicularmente +al trazo de cada punto. Los comandos correspondientes son llamados +Ampliar (Ctrl+() y Reducir +(Ctrl+)). Mostrados adelante como el trazo original (rojo) y un número de trazos ampliados y reducidos del +original: + + + + +Los comandos directos Ampliar y Reducir producen trazos +(convirtiendo el objeto original a trazo si aún no es trazo ). Muchas veces, más conveniente +es Desvío Dinamico (Ctrl+J) el cual crea un objeto +con manejadores arrastrables (similar al manejador de formas) contralando la distancia +de desviado. Seleccione el objeto de abajo, cambie a la herramienta nodo y arrastre su manejador para +obtener una idea: + + + + +Como un objeto desviado dinámicamente recuerda el trazo original, este no "degrada" +cuando usted cambia la distancia de desviado una y otra vez. Cuando usted no lo requiere ajustar +más, siempre puede volver a convertir un objeto desviado a trazo. + + +Aún más conveniente es el Desvío Enlazado, el cual es similar a la variedad dinámica +pero es conectado a otro trazo el cual se mantiene editable. Usted puede tener cualquier número +de desvíos enlazadas para un trazo fuente. Adelante, el trazo fuente es rojo, un desvío enlazado a este tiene +borde negro y no posee relleno, el otro posee relleno negro y no tiene borde. + + +Seleccione el objeto rojo y edit nodos; observe como ambas desviaciones enlazadas resoinden. Ahora +seleccione cualquiera de las desviaciones y arrastre sus manejadores para ajustar el radio de desviación. Finalmente, note +como moviendo o transformando el fuente mueve todos los objetos desviados enlazados a el y como usted +puede mover o transformar objetos desviados independientemente sin perder su conexión +con el fuente. + + + + + + + +Simplificación + +El uso principal del comando Simplificar (Ctrl+L) es +reducir el número de nodos de un trazo mientras casi preserve su +forma. Esto puede ser útil para trazos creados mediante la herramienta Lápiz, ya que la herramienta +en ocasiones crea más nodos de los ncesarios. Adelante, la forma en la izquierda es creada mediante +la herramienta nano alzada y la de la derecha es una copia pero simplifiacada. El trazo original tiene 28 +nodos, mientras que el simplificado posee 17 (lo cual significa que es mucho más sencillo de trabajar +con la herramienta Nodo) y es más suave. + + + + +El monto de la simplificación (llamado umbral) depende del +tamaño de la selección. Por lo tanto, si usted selecciona un trazo a lo largo con algún +objeto grande, este será simplificado más agresivamente que si usted selecciona +ese trazo pero solo. Además, el comando Simplificar es +acelerado. Esto indica que si usted presiona Ctrl+L +en múltiples ocasiones en una suseción rápida (o sea que la llamada sea en 0.5 seg entre cada uno). +El umbral es incrementado en cada llamado. (Si hace otro Simplificar después +de una pausa, el umbral es devuelto a su valor por defecto.) Haciendo uso de la aceleración, es +fácil de aplicar para el monto exacto de simplificación que usted requiere en cada caso. + + +Más allá de suavidad en los bordes a mana alzada, Simplificar puede ser usada para varios +efectos creativos. A menudo, una forma que es rígida y geométrica beneficia desde algunos montos +de simplificación que crea interesantes generalizaciones como la vida real a partir del original desde — +la fundición de esquinas afiladas e introduciéndo distorsiones muy naturales, en algunas ocasiones estilizado y +en otras divertidas. He aquí un ejemplo de las formas prediseñadas (clipart) que se ven mucho más +vistozas despues de usar Simplificar: + + +OriginalSlight simplificationAggressive simplification + + + +Creando texto + +Inkscape es capaz de crear textos largos y complejos. Sin embargo, esto el algo +muy conveniente para la creación de textos pequeños como cabeceras, banners, logos, etiquetas +de diagramas y captura, etc. Esta sección es una introducción muy básica acerca de las +capacidades de texto de Inkscape. + + +Crear un texto es tan sencillo como cambiar a la herramienta de Texto (F8), +dando click donde en el documento y escribiendo su texto. Para cambiar la familia de fuente, estilo, +tamaño y alineación, abra el dialogo Texto y Fuente (Mayus+Ctrl+T). Este +dialogo tambien tiene una pestaña de entreda de texto donde usted puede editar el objeto de texto seleccionado - en algunas +situaciones, esto puede ser más conveniente que editar sobre la pizarra (en +particular, esta etiqueta soporta revisión de como-usted-escribe). + + +Así como otras herramientas, la herramienta Texto puede seleccionar objetos de su mismo tipo — objetos de texto +— así usted puede dar click para seleccionar y posiciones el cursor en algún objeto de texto existente +(tal como este parrafo). + + +Una de las operaciones más comunes en el diseño de texto es el ajustar el espaceado entre letras +y líneas. Como siempre, Inkscape provee atajos por teclado para esto. Cuando se encuentra editando texto, +las teclas Alt+< y Alt+> cambian +el espaceado de letras en la línea actual de un objeto de texto, así que la +longitud total de las líneas cambian en 1 pixel en la visualización actual (compare con la herramienta +Selector donde la misma tecla hace un excalado de objeto tamaño-pixel). Como una regla, si el tamaño de fuente en +un objeto de texto es más largo que el por defecto, se notará un apretujado de letras +un poco más ajustado que el por defecto. Aquí un ejemplo: + + +OriginalLetter spacing decreasedInspirationInspiration + +Las variantes de ajustados parecen un poco mejor que un encabezado, pero aún no es perfecto: las +distancias entre letras no son uniformes, por ejemplo la "a" y la "t" están muy separadas +mientra que la "t" y la "i" están muy cerca. El monto de de dicho kern erroneo (especialmente visible en +tamaños de fuente grandes) es mayor en fuentes de baja calidad que en las otras de buena calidad; sin embargo, en +cualquier cadena de texto y en cualquier fuente probablemente buscará un par de letras que puedan +beneficiar el ajuste del espaceado. + + +Inkscape hace estos ajustes de una manera muy sencilla. Tan sólo mueva su cursor de edición de texto entre +los caracteres mal espaceados y use Alt+flechas para mover las letras a partir del cursor. +He aquí el mismo encabezado de nuevo, en esta ocasión con ajuste manuales para un posisionado +de letras visualmente uniforme: + + +Letter spacing decreased, some letter pairs manually kernedInspiration + +Adicionalmente, para movimiento horizontal de letras es mediante Alt+Izquierda o +Alt+Derecha, también puede moverlas verticalmente mediante +Alt+Arriba o Alt+Abajo: + + +Inspiration + +Por supuesto es posible convertir texto a trazo (Mayus+Ctrl+C) y +mueva las letras como objetos de trazo regulares. Sin embargo, este es mucho más conveniente para mantener +texto como texto — este se mantiene editable, usted puede intentar diferentes fuentes sin remover +los kerns y espacios y esto toma mucho menos espacio en el archivo guardado. La única desventaja +del enfoque "texto a texto" is que usted necesita taner la fuente original instalada sobre cualquer sistema +donde intenta abrir dicho documento SVG. + + +Similar al espaceado de letras, usted también puede ajustar espaceado de línea en +objetos de texto multi-línea. Intente las teclas Ctrl+Alt+< y Ctrl+Alt+> +sobre cualquier parrafo en este tutorial para espacearlo dentro o fuera así que la altura total +de los objetos de texto cambian en 1 pixel en el zoom actual. +Como en Selección, presionando Mayus con cualquier atajo de espaceado o kern +produce efectos 10 veces más grande que sin el Mayus. + + + + +Editor XML + +Las última herramienta poderosa de XML es el editor XML (Mayus+Ctrl+X). +Este muestra todo el arbol XML del documento, simpre refleja su actual estado. +Usted puede editar sus dibujos y observar los cambios correspondientes en el arbol XML. +Además, usted puede editar cualquier texto, elemento o atributo de nodos en el editor de XML y +observe el resultado en su pizarra. Esta es la mejor herramienta imaginable para aprender interactivamente +SVG y este le permite hacer trucos que pueden ser imposibles con herramientas regulares +de edición. + + + + +Conclusión + +este tutorial muestra solo una pequeña parte de las capacidades de Inkscape. Esperamos que lo +haya divertido. No tema experimentar y dividir lo que crea. Por favor visite www.inkscape.org para más información, últimas versiones +y ayuda para usuarios y la comunidad de desarrolladores. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-advanced.fr.svg b/share/tutorials/tutorial-advanced.fr.svg new file mode 100644 index 000000000..85b1945cc --- /dev/null +++ b/share/tutorials/tutorial-advanced.fr.svg @@ -0,0 +1,325 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::AVANCÉ + + + + + + + + +Ce didacticiel couvre le copier/coller, l'édition de nœuds, le dessin à main levée, le tracé de courbes de Bézier, la manipulation de chemins, les opérations booléennes, les objets offset, la simplification et l'outil texte. + + +Faites défiler la page avec Ctrl+flèche, ou avec la souris (molette ou bouton du milieu). Pour les bases de la création, sélection et transformation d'objets, voyez le didacticiel basique du menu Aide > didacticiels. + + + + + +Techniques de collage + +Après avoir copié (Ctrl+C) ou coupé (Ctrl+X) des objets, la commande coller (Ctrl+V) permet de coller les objets copiés juste sous le curseur de la souris (ou au centre du document si le curseur est en dehors de la fenêtre). Cependant, les objets du presse-papiers retiennent leur emplacement d'origine, et vous pouvez les recollez à ce même emplacement avec coller sur place (Ctrl+Alt+V). + + +En appuyant sur Maj+Ctrl+V, vous pouvez coller le style, c'est à dire appliquer le style du premier objet du presse-papiers à la sélection courante. Le "style" ainsi collé inclut le remplissage, le contour et les paramètres de la police, mais pas le type de forme, la taille ou les paramètres spécifiques à un type de forme (comme le nombre de sommets d'une étoile). + + +Notez qu'Inkscape possède son propre presse-papiers; il n'utilise pas le presse papiers système sauf pour copier/coller du texte avec l'outil Texte. + + + + + +Dessiner à main levée ou tracer des chemins + +La façon la plus simple de dessiner une forme quelconque est d'utiliser l'outil dessin à main levée (crayon) (F6) : + + + + +Pour obtenir des formes plus régulières, utilisez plutôt les courbes de Bézier (stylo) (Maj+F6) : + + + + +Avec l'outil stylo, chaque cliquer crée un nœud dur sans poignée d'incurvation, et donc une série de clics produit une séquence de segments de droite. Cliquer-déplacer crée un nœud de Bézier doux, avec deux poignées de contrôles colinéaires opposées. Appuyez sur Maj tout en déplaçant une poignée de contrôle pour la faire tourner en gardant l'autre fixe. Comme d'habitude, Ctrl limite la modification de la direction d'un segment ou des poignées de contrôle par incréments de 15 degrés. Appuyer sur Entrée finalise le tracé, Esc l'annule. Pour annuler uniquement le dernier segment d'une ligne non finalisée, appuyez sur Effacement arrière. + + +Dans les outils dessin à main levée et courbes de Bézier, tout chemin sélectionné affiche des petites ancres carrées à ses extrémités. Ces ancres vous permettent de prolonger ce chemin (en dessinant en partant de ces ancres) ou de le fermer (en dessinant d'une ancre à l'autre) au lieu d'en créer un nouveau. + + + + + +Editer des chemins + +Contrairement aux formes créées par les outils forme, les outils dessin à main levée et courbes de Bézier créent ce que l'on appelle des chemins. Un chemin est une séquence de segments et/ou de courbes de Bézier qui, comme tout autre objet d'Inkscape, peut avoir des propriétés de remplissage et de contour. Mais contrairement à une forme, un chemin peut être modifé en déplaçant indépendamment n'importe lequel de ses nœuds (et pas seulement des poignées prédéfinies). Sélectionnez ce chemin et utilisez l'outil nœud (F2) : + + + + +Vous devez voir un certain nombre de nœuds carrés gris sur le chemin. Ces nœuds peuvent être sélectionnés avec un cliquer, Maj+cliquer ou avec une bande étirable — Comme des objets avec le sélecteur. Les nœuds sélectionnés sont mis en valeur et affichent leurs poignées de contrôle — les petits cercles connectés à leurs nœuds par des segments. + + +Les chemins peuvent être édités en déplaçant leurs nœuds ou les poignées de contrôle de ces nœuds (essayez de déplacer certains nœuds et poignées de contrôle du chemin ci-dessus). Ctrl permet comme d'habitude de restreindre les déplacements et rotations. Les touches flèche, Tab, [, ], <, > et les combinaisons qui y sont associées fonctionnent comme dans le sélecteur mais s'appliquent aux nœuds au lieu des objets. Vous pouvez supprimer (Suppr) ou dupliquer (Maj+D) les nœuds sélectionnés. Un chemin peut être brisé (Maj+B) aux nœuds sélectionnés; si vous sélectionnez deux nœuds terminaux, vous pouvez les joindre (Maj+J). + + +Un nœud peut être rendu dur (Maj+C), ses poignées de contrôle pouvant alors être déplacées indépendamment; doux (Maj+S), les poignées restant alignées; ou symétrique (Maj+Y), poignées alignées et équidistantes. + + +Vous pouvez aussi rétracter les poignées de contrôle d'un nœud en effectuant un Ctrl+cliquer sur ce dernier. Si deux nœuds adjacents ont leurs poignées rétractées, le chemin entre ces deux nœuds devient un segment de droite. Pour faire ressortir les poignées rétractées d'un nœud, effectuer un Maj+déplacersur celui-ci + + + + + +Sous-chemins et combinaisons +Un objet chemin peut contenir plus d'un sous-chemin. Un sous-chemin est une séquence de nœuds connectés les uns aux autres (donc, si un chemin a plusieurs sous-chemins, tous ses nœuds ne sont donc pas forcément interconnectés). Ci-dessous à gauche, les trois sous-chemins appartiennent à un même chemin composé, les trois mêmes sous-chemins à droite sont des objets chemins indépendants : + + + + +Notez qu'un chemin composé n'est pas un groupe, c'est un objet unique sélectionnable comme un tout. Si vous sélectionnez l'objet à gauche ci-dessus et utilisez l'outil chemin, vous verrez les nœuds des trois sous-chemins affichés simultanément. A droite, vous ne pouvez éditer les nœuds que d'un sous-chemin à la fois. + + +Inkscape peut combiner des chemins en un chemin composé (Ctrl+K) et séparer un chemin composé en sous-chemins (Maj+Ctrl+K). Essayez ces commandes sur les exemples ci-dessus. Comme un objet ne peut avoir qu'un unique couple remplissage et contour, un chemin combiné reçoit le style du premier objet (le plus bas dans l'ordre-z) de la combinaison. + + +Si vous combinez des chemins avec remplissage qui se chevauchent, le remplissage disparaîtra dans les zones de chevauchement : + + + + +Ceci est la façon la plus facile de créer des objets troués. Pour des opérations encore plus puissantes sur des chemins, utilisez les opérations booléennes (voir plus bas). + + + + + +Convertir en chemin + +Tout objet texte ou forme peut être converti en chemin (Maj+Ctrl+C), ce qui ne modifie pas son apparence mais lui enlève les capacités liées à cette forme (par exemple, vous ne pouvez plus modifier l'arrondi des coins d'un rectangle ou éditer un texte après cette opération); par contre cela vous permet d'éditer ses nœuds à la place. Voici deux étoiles, celle de gauche est une forme et la même à droite a été convertie en chemin. Sélectionnez l'une ou l'autre, et comparez les possibilités d'édition : + + + + +De plus, vous pouvez convertir en chemin (ou détourer) (Ctrl+Alt+C) le contour de n'importe quel objet. Ci-dessous, le premier objet est le chemin original (pas de remplissage, contour noir), tandis que le second est le résultat d'une commande Contour en chemin (remplissage noir, pas de contour) : + + + + + + + +Opérations booléennes +Les commandes du menu Chemin vous permettent de combiner deux objets ou plus en utilisant des opérations booléennes : + + +Formes originalesUnion (Ctrl++)Différence (Ctrl+-)(bas moins haut)Intersection(Ctrl+*)Exclusion(Ctrl+^)Division(Ctrl+/)Découper les chemins(Ctrl+Alt+/) + +Les raccourcis de ces commandes font allusion à leurs analogues arithmétiques pour les opération booléennes (union pour addition, difference pour soustraction, etc.). Les commandes Différence et Exclusion ne peuvent s'appliquer qu'à deux objets sélectionnés, les autres à un nombre quelconque. Le résultat reçoit toujours le style de l'objet du fond dans l'ordre-z. + + +Le résultat d'une commande Exclure ressemble à celui d'une Combinaison (voir plus haut), mais en diffère en ce que l'exclusion ajoute des nœuds en plus aux intersections des chemins. La Division qui intercepte l'objet du dessous selon celui du dessus diffère de Découper les chemins qui se limite à intercepter le contour de l'objet du dessous et à supprimer les remplissages (ceci est pratique pour découper en morceaux des tracés sans remplissage). + + + + + +Eroder et dilater +Inkscape peut étendre et contracter des objets par une modification de leurs dimensions, mais aussi par offset du chemin, c'est à dire par un déplacement perpendiculaire en tout point du chemin. Les commandes correspondantes sont Eroder (Ctrl+() et Dilater (Ctrl+)). Par exemple, ci-dessous, voyez le chemin original (en rouge) et des érosions et dilatations de celui-ci : + + + + +Les commandes éroder et dilater produisent des chemins (si nécessaire en convertissant l'objet original en chemin). Un offset dynamique (Ctrl+J) sera souvent plus pratique : il crée un objet avec une poignée déplaçable qui contrôle le rayon d'offset. Voyez avec l'objet ci-dessous; sélectionnez-le et passez en édition de nœuds pour vous faire une idée: + + + + +Un tel objet offset dynamique retient le chemin d'origine, et ainsi ne se "dégrade" pas quand vous modifiez la distance d'offset encore et encore. Quand vous n'avez plus besoin de l'ajuster, vous pouvez toujours le convertir en chemin. + + +Encore plus pratique : l'offset lié, similaire à un offset dynamique mais connecté au chemin qui reste éditable. Vous pouvez en créer autant que vous voulez à partir d'un chemin source. Ci dessous, le chemin source est en rouge, le premier offset lié à celui-ci a un contour noir et pas de remplissage, l'autre un remplissage noir et pas de contour. + + +Sélectionnez l'objet rouge et éditez ses nœuds; voyez le comportement des offsets liés. Maintenant sélectionnez un des offsets et déplacez sa poignée pour ajuster le rayon d'offset. Enfin, constatez que le déplacement ou la transformation de l'objet source affecte les offsets qui lui sont liés et que vous pouvez déplacer et transformer les offsets liés indépendament sans perdre leur lien avec l'objet source. + + + + + + + + +Simplification + +L'utilisation principale de la commande simplifier (Ctrl+L) est réduire le nombre de nœuds d'un chemin tout en préservant au maximum son aspect. Cela peut être utile pour les chemins tracés à main levée car cet outil crée parfois plus de nœuds que nécessaire. Ci dessous, le dessin de gauche a été crée à main levée et celui de droite est une copie qui a été quelque peu simplifiée. Le chemin original comporte 28 nœuds, tandis que le simplifié n'en a que 17 (et est donc bien plus facile à retravailler avec l'outil nœuds) et est plus lisse. + + + + +L'importance de la simplification (appelée seuil) dépend de la taille de la sélection. Ainsi, si vous sélectionnez un chemin et en plus un autre objet plus important, la simplification sera plus aggressive que pour le chemin seul. De plus, la commande simplifier est accélérée : si vous appuyez sur Ctrl+L plusieurs fois de suite rapidement (avec moins de 0,5 sec entre 2 appuis consécutifs) le seuil est incrémenté à chaque appui. Après une pause le seuil de simplification revient à sa valeur par défaut. Grâce à cette accélération, il est facile d'ajuster précisement la simplification dont vous avez besoin pour chaque cas. + + +En plus d'adoucir les tracés à main, simplifier peut être utilisé avec succès pour générer des effets créatifs ou originaux. Une forme plutôt rigide et géométrique bénéficiera souvent d'un brin de simplification qui lui donnera un peu de vie — adoucissant certains coins et introduisant des distorsions très naturelles, parfois très stylées et d'autres fois plutôt amusantes. Voici un exemple de dessin (clipart) bien plus réussi après avoir été simplifié : + + +OriginalSimplification légèreSimplification aggressive + + + + +Créer du texte + +Inkscape permet la composition de textes longs ou complexes. Cependant, il convient aussi assez bien pour la création de petits textes comme des titres, banières, logos, des légendes de diagrammes, etc. Cette section est une introduction très basique aux possibilités de création de textes avec Inkscape + + +Créer un objet texte est aussi simple que de passer à l'outil texte (F8), cliquer quelque part sur le canevas et taper votre texte. Pour changer la police, le style ou la taille d'un texte, ouvrez la boîte de dialogue texte et police (Maj+Ctrl+T). Cette boîte de dialogue a aussi un onglet texte que vous pouvez utiliser à des fins d'édition - dans certaines situations, il peut être plus pratique que l'édition directement sur le canevas (en particulier cet onglet supporte la vérification d'orthographe à la volée). + + +Comme les autres outils, l'outil texte peut sélectionner des objets de son propre type — les objets texte donc — de sorte que vous pouvez cliquer afin de sélectionner et positionner votre curseur sur tout objet texte (comme ce paragraphe). + + +Une des opérations les plus courantes sur les textes est l'ajustement de l'espacement entre des lettres ou des lignes. Comme toujours, Inkscape fournit des racccourcis clavier pour cela. Les combinaisons Alt+< et Alt+> modifient l'inter-lettrage de la ligne courante d'un objet texte, de sorte que la longueur de cette ligne change d'1 pixel au zoom courant (à comparer avec le comportement du sélecteur où elles permettent de modifier les dimensions au pixel près). La plupart des objets texte (pour une taille de police plus grande que celle du contenu d'un livre) présente un meilleur rendu après en avoir légèrement resserré les lettres. Voici un exemple : + + +OriginalInter lettrage diminuéInspirationInspiration + +La version remaniée rend un peu mieux, mais n'est toujours pas parfaite : les distances entre les lettres ne sont pas uniformes; par exemple, le "a" et le "t" sont trop éloignés tandis que le "t" et le "i" sont trop proches. L'imperfection des crénages (particulièrement visible avec des grandes tailles de police) est plus importante dans des fontes de mauvaise qualité, mais, vous trouverez toujours (pour tout texte et toute police) des paires de lettres qui bénéficieront d'un ajustement de crénage. + + +Inkscape facilite ces ajustements; vous n'avez qu'à positionner votre curseur de texte entre les caractères qui posent problème et à utiliser Alt+flèche pour déplacer les lettres autour du curseur. Vous trouverez ci-dessous le même exemple, mais cette fois avec des ajustements manuels, de sorte que les lettres sont positionnées uniformément. + + +Inter lettrage diminué et crénage manuel de certaines paires de lettresInspiration + +En plus de pouvoir déplacer les lettres horizontalement avec Alt+Gauche ou Alt+Droite, vous pouvez aussi les déplacer verticalement avec Alt+Haut or Alt+Bas : + + +Inspiration + +Bien sûr, vous pourriez convertir votre texte en chemin (Maj+Ctrl+C) et déplacer les lettres comme tout objet chemin. Cependant, il est bien plus pratique de conserver ses propriétés de texte : il reste éditable, vous pouvez essayer différentes fontes tout en préservant vos crénages et espacements, et la taille du fichier sauvé reste plus petite. Le seul désavantage de conserver le "texte en texte" est que vous devrez avoir sa fonte originale installée sur tout système où vous voudriez ouvrir votre document SVG; si Inkscape ne peut retrouver la fonte correspondante, il affiche un message d'avertissement. + + +De la même façon, vous pouvez ajuster l'inter-lignage des objets texte de plusieurs lignes. Essayez les raccourcis Ctrl+Alt+< et Ctrl+Alt+> sur n'importe quel paragraphe de ce didacticiel pour faire varier la hauteur globale de l'objet texte de 1 pixel au zoom courant. Comme dans le sélecteur, combiner un raccourci d'espacement ou de crénage avec la touche Maj multipliera son action par 10. + + + + + +Editeur XML + +L'outil le plus puissant d'Inkscape est l'éditeur XML (Maj+Ctrl+X). Affichant l'arborescence XML complète du document, il en reflète en permanence l'état courant. Vous pouvez modifier votre dessin et observer les changements correspondant dans la structure XML. De plus, vous pouvez éditer tout texte, élément ou attribut dans l'éditeur XML et voir le résultat sur le canevas. Cela permet des astuces et des modifications qui seraient impossibles avec un outil d'édition normal et c'est le meilleur moyen pour apprendre le SVG de façon interactive. + + + + + +Conclusion + +Ce didacticiel ne montre qu'une petite partie des possibilités d'Inkscape. Nous espérons que vous l'avez apprécié. N'ayez pas peur d'expérimenter et de nous faire part vos créations. Veuillez consulter www.inkscape.org pour avoir accès à plus d'information, aux dernières versions et à l'aide des communeautés de développeurs et utilisateurs. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-advanced.ja.svg b/share/tutorials/tutorial-advanced.ja.svg new file mode 100644 index 000000000..dd0800d9e --- /dev/null +++ b/share/tutorials/tutorial-advanced.ja.svg @@ -0,0 +1,314 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::上級 + + + + + + + + +このチュートリアルはコピー／ペースト、ノード編集、自由曲線、ベジェ、パス操作、ブーリアン、オフセット、簡略化、テキストツールについて解説している。 +Ctrl+arrows 、 mouse wheel 、または middle button drag を使ってページをスクロールすることができる。基本的なオブジェクトの作成、選択、変形については、 ヘルプ > チュートリアル. から 基本 をみよ。 + + + + +ペースト術 + +あるオブジェクトをコピー Ctrl+C またはカット Ctrl+X +してから、通常のペーストコマンド( Ctrl+V )はマウスカーソルの下にオブジェクトをペーストする。もし、カーソルがウインドウの外にあればドキュメントウインドウの中心にペーストする。しかし、クリップボードにあるオブジェクトはコピーしてきた元の位置を記憶しているので、同じ場所にペースト（ Ctrl+Alt+V ） +でその位置にペーストできる。 + + +別のコマンド、スタイルをペースト（Shift+Ctrl+V ）は、現在のセッションのクリップボード中の（最初の）オブジェクトのスタイルを現在の選択に適用する。"スタイル"というのは、フィル、ストローク、フォント設定の全てであるが、シェイプと大きさ、星型の頂点数のようなシェイプタイプに固有のパラメータは含まれない。 + + +Inkscapeは自前のクリップボードを持っている； そしてテキストのコピー／ペースト以外ではシステムのクリップボードは使用しない。 + + + + +自由曲線と規則正しいパス + +任意のシェイプを作る最も簡単な方法は、ペンシル（自由曲線）ツールを使って描くことだ（ F6）： + + + + +もし、もっと規則正しい線が欲しければペン（ベジェ）ツール（ Shift+F6 +）を使おう： + + + + +ペンツールでは clickごとにカーブハンドルを持たない鋭いノードができるので、複数のクリックは一連の線分を作る。 Click and dragでは同一直線上にある向かい合った２つのハンドルを持つベジェノードができる。ハンドルをドラッグ中に Shiftを押すと、ハンドルの一方を回転させ、もう一方を固定することができる。通常の使い方と同じように、 Ctrlは、現在の線分や、ベジェハンドルの方向を１５度毎に制限する。 Enter で描画は確定する、 Escは描画を取り消す。終了していない線の最後の線分だけを取り消すには Backspaceを押せばよい。 + +自由曲線でもベジェでも、現在選択されているパスは両端に小さなアンカーが表示される。これらのアンカーから、新しい線を作る代わりにパスの継続（アンカーの一方から描画する）を行うことができるし、閉じる（一方のアンカーからもう一方に線を描く）こともできる。 + + + + +パスの編集 + +シェイプツールで作られたシェイプと異なり、ペンツールとペンシルツールはパスを作る。パスというのは一連の線分と、ベジェ曲線から成っており、他の Inkscape オブジェクトと同様に任意のフィルとストローク属性を持つことができる。しかし、シェイプと異なりパスはノード（と備え付けではないハンドルで）をドラッグすることで自由に編集することができる。このパスを選択してノードツール（ F2）に切り替えよ： + + + + +沢山の灰色の正方形のノードがパスに上にあるだろう。このノードは click、 Shift+click で選択できるし、オブジェクトがセレクタで選択できるようにラバーバンドで dragして選択することも出来る。選択されたノードはハイライト表示され、ノードから直線で繋がれた１つもしくは２つの円、ノードハンドルが表示される。 + + +パスはノードとノードハンドルを dragして編集する（上のパスのノードとハンドルをドラッグしてみよ）。通常の使い方と同じように Ctrl は移動と回転を制限する。 arrowキー、 Tab 、 [ 、 ]、 < 、 >キーとその修飾キーはオブジェクトに対するセレクタと同じようにノードに対して働く。選択したノードを削除（ Del）や複製（ Shift+D ）することもできる。パスは選択したノードから分割（ Shift+B）でき、選択したノードが一つのパスの端点であれば連結（ Shift+J ）することもできる。 + + +ノードは角（ Shift+C）にすることもできる、これは２つのハンドルが独立してどんな角度にでもできること；滑らか（ Shift+S）にすることもできる、これはハンドルが常に一つの直線上にある（コリニア）こと；そして対称（ Shift+Y）にすることもできる、これは滑らかと同じだがハンドルの長さが等しい。 + + +また、ハンドルの上で Ctrl+click するとノードのハンドルを引っ込めることができる。もし２つの近接するノードのハンドルが引っ込んでいると２つのノード間のパス区間が直線になる。ハンドルの引っ込んだノードからハンドルを引き出すにはノードから Shift+drag で引っ張り出す。 + + + + +サブパスと結合 +パスオブジェクトは１つ以上のサブパスを含んでいる。サブパスは各ノードごとの序列である（しかしながら、もしパスが１つ以上のサブパスを持っていても全てのノードが連結している訳ではない）。下の左図では１つの複合パスに３つのサブパスが属している；右図は同じサブパスが３つの独立したパスオブジェクトになっている： + + + + +複合パスはグループとは違うことを覚えておいて欲しい。複合パスは全体として選択できる一つのオブジェクトなのだ。もし、もし左図のオブジェクトを選択してノードツールに切り替えたら、３つのサブパスが表示されるのが分かるだろう。右図を選択すると１度に１つのパスのノード編集しかできないだろう。 + + +Inkscape はパスを結合して複合パスにすることができる（ Ctrl+K ）。また、複合パスを分割して独立したパスにすることもできる（ Shift+Ctrl+K）。上図の例にこれらのコマンドを試してみよ。１つのオブジェクトは１つのフィルとストロークしか持てないので複合パスは最初（ｚ順序で最背面）のオブジェクトのスタイルになる。 + + +フィルされている重なっているパスを結合すると、通常、重なっている部分のフィルが消える： + + + + +これは、穴のあるオブジェクトを作る最も簡単な方法である。さらに強力なパスコマンドについては、下の"ブーリアン操作"を見よ。 + + + + +パスに変換 + +シェイプとやテキストパスに変換（Shift+Ctrl+C ）することができる。この変換はオブジェクトの見た目を変化させないが、オブジェクトの種類に固有の特徴を削除する（例えば、矩形やテキストの角を丸めることはできなくなる）；代わりにノードの編集が可能になる。ここに２つの星型がある。左はシェイプを保っているが、右はパスに変換されている。ノードツールに切り替え、選択したときの編集性を比較せよ： + + + + +その上、どんなオブジェクトのストロークもパス（"輪郭"）に変換できる。下の最初のオブジェクトは元のパス（フィルなし、黒いストローク）、一方２番目のオブジェクトは"パスに変換"コマンドの結果である（フィルが黒でストロークなし）： + + + + + + +ブーリアン操作 +パスメニューにあるコマンド、ブーリアン操作で２個以上のオブジェクトを結合することができる: + + +Original shapesUnion (Ctrl++)Difference (Ctrl+-)(bottom minus top)Intersection(Ctrl+*)Exclusion(Ctrl+^)Division(Ctrl+/)Cut Path(Ctrl+Alt+/) + +これらのコマンドのキーボードショートカットは代数演算とブーリアン操作の類似性で関連付けられている。(統合は加法、差分は減法等）。差分と切抜きコマンドは選択したオブジェクトが２つのときにのみ適用できる；その他は一回にいくつのオブジェクトを選択しても処理できる。結果は常に最背面のオブジェクトのスタイルを受け継ぐ。 + + +切抜きの結果は結合（上を見よ）の結果に似ている 、しかし切抜きは重なり合った部分にノードを追加するところが異なっている。分離とパスをカットは、前者は下のオブジェクトの全てを切り取るのに対し、後者はストロークのみを切断しフィルを取り除くところが異なる（フィルのないストロークをばらばらにするのに便利）。 + + + + +インセットとアウトセット +Inkscape はスケールだけではなくオブジェクトのパスをオフセットすることでもシェイプを拡張、収縮することができる、つまりパス上の全ての点を垂直に移動することができる。相当するコマンドはインセット（ Ctrl+(）アウトセット（ Ctrl+)）である。下に元になるパス（赤）とそこからの幾つかのインセットとアウトセットを示す： + + + + +普通のインセットとアウトセットコマンドはパスを生成する（元のオブジェクトがパスになっていない場合にはパスに変換する）。ときに、ダイナミックオフセット（ Ctrl+J ）が便利である。ダイナミックオフセットはオフセットの距離を制御するためのドラッグできるハンドル（シェイプのハンドルに似ている）を備えたオブジェクトを作る。下のオブジェクトを選択し、ノードツールに切り替えハンドルをドラッグして理解せよ： + + + + +このすばらしいダイナミックオフセットオブジェクトは元の形を覚えているので何度オフセットの距離を変更しても形状が"なまる"ことがない。変更可能な状態にしておく必要がなくなれば、このオフセットオブジェクトをいつでも元のパスに戻すことができる。 + + +さらにもっと便利なのはリンクしたオフセットである。これは動的オフセットの変更に似ているが、他の編集可能なパスに結合している。１つの元になるパスに対していくつでもリンクしたオフセットを作成できる。下の元にある赤いパスにはフィルなしの黒いストロークと、ストロークなしの黒いフィルがある。 + + +赤いオブジェクトを選択してノード編集をしてみよ；どのように両方のリンクしたオフセットが変化するか見てみよ。そして、オフセットオブジェクトを選択しオフセット値を変化させるハンドルをドラッグせよ。最後に、元のオブジェクトを変形したときに、リンクしているオブジェクトがどのように動いたか、どうやれば元のオブジェクトとの結合を切らさずにオフセットオブジェクトを独立して変形、移動できるかに注意せよ。 + + + + + + + +簡略化 + +主なパスの簡略化コマンドの（ Ctrl+L ）の用法は、形状をほぼ維持しつつパスのノード数を減らすことである。これはペンシルツールで作成したパスに有効である。なぜならペンシルツールは時に必要以上のノードを生成するからである。下の左のシェイプは自由曲線ツールで作成したもの、右のパスは左のパスをコピーして簡略化したものである。元のパスは２８ノードあるが、簡略化した方は１７ノード（これはノードツールでの作業が楽になることを意味している）でより滑らかである。 + + + + +簡略化の度合いは（閾値と呼ばれる）は選択オブジェクトの大きさによる。結果としてもし大きいオブジェクトに沿ったパスを選択したら、それは一つのパスを選択したばあいより積極的に簡略化しなくてはならないと言うことだ。その上簡略化コマンドは、高速化されている。 これはもし Ctrl+Lを何回も連続して押したら（各呼び出しの間隔が０．５秒以内になるぐらい）、閾値は呼び出しごとに大きくなる（一度休んだあとに次の呼び出しをすると閾値は既定の値にもどる）。高速化を使うことで、個々の場合に応じて正しく簡略化できる。 + + +自由曲線を滑らかにするのに加え、簡略化は様々な創造的効果として使うことができる。しばしば、ある度合いの簡略化は硬い幾何学的な元のシェイプの角をなめらかにし自然な歪みを加え、生物的な総合化を生み出す効果を与える。あるときそれはスタイリッシュであり、あるときそれは面白みを帯びる。ここに切り絵のシェイプが簡略化のあとでよりスタイリッシュになる例がある。 + + +OriginalSlight simplificationAggressive simplification + + + +テキストの作成 + +Inkscape は長くて複雑なテキストを作成できる。しかし、見出し、バナー、ロゴ、図表、注釈その他の小さなオブジェクトを作るのにも非常に便利である。この章ではとても基本的な Inkscape のテキスト機能について紹介する。 + + +テキストの作成はテキストツールに切り替える（ F8 ）のと同じくらい簡単で、ドキュメントのどこかをクリックしてテキストを打ち込むだけである。フォントファミリ、スタイル、サイズ、位置揃えの変更にはテキストアンドフォントダイアログを開けば （ Shift+Ctrl+T）よい。このダイアログにはテキスト入力タブがあり、選択したオブジェクトのテキストを変更できる。これはキャンバス上で直接編集を行うより便利な場合がある（特に、このタブはスペルチェック機能をもっている）。 + + +他のツールと同様に、テキストツールは "テキスト　オブジェクト"; タイプを選択することができるので既存のテキストオブジェクトの上にカーソルを置いてクリックすると選択が可能である（この段落のように）。 + + +テキストデザインでもっとも一般的な操作は文字と文字列の隙間を調節することだ。いつものように Inkscapeはショートカットを用意している。テキストを編集するとき、 Alt+< と Alt+>キーでテキストオブジェクトの文字列の全長が現在のズーム（セレクタツールが同じキーでピクセル単位でオブジェクトをスケールするのと比較せよ）で１ピクセル分増減するように、字間を変えることができる。決まりとして、もしテキストオブジェクトのフォントサイズがデフォルトより大きい場合には、字間はデフォルトより少し狭めた方がいい感じになる。例を示す： + + +OriginalLetter spacing decreasedInspirationInspiration + +バリアントを狭めると見出し向けにはちょっと良くなったようだが、まだ完璧ではない：字間が均一なのだ、例えば "a" と "t" の間は離れ過ぎているし、"t" と "i" の間は狭すぎる。このようなまずい字間（特に大きなフォントサイズでは）は低品位のフォントで大きく、高品位のフォントでは小さい； しかし、おそらくどんなフォントのどんな文字列にも、カーニングの調整をすると良くなる文字の組み合わせというがあるだろう。 + + +Inkscape はこの調節を実に簡単に実行する。カーソルを気に入らない文字の間に移動して Alt+arrowsでカーソルの右側の文字を動かすことができる。また同じ見出しを見てみよう、今度は手作業で文字の位置が均等になるように調整したものだ： + + +Letter spacing decreased, some letter pairs manually kernedInspiration + +加えて、 Alt+Left と Alt+Rightで文字を水平方向にシフトできる。また Alt+Up と Alt+Downで垂直方向にシフトすることもできる。 + + +Inspiration + +もちろん、テキストをパスに変換（ Shift+Ctrl+C）して、パスとして動かすことも可能だ。しかし、テキストはテキストのままで編集可能にしておく方がより便利だ。カーンの削除や字間の調整を施していない異なるフォントで試してみると、テキストは保存ファイルがとても小さくなるのがわかる。テキストをテキストとしておくことの唯一の欠点は SVGドキュメントを開くときにオリジナルのフォントをインストールしておく必要があることだ。 + + +字間の調節と似て、複数行のテキストオブジェクトの行間の調節も行うことができる。 Ctrl+Alt+< と Ctrl+Alt+>キーでチュートリアル中のどの段落の高さでも現在のズームで１ピクセルごとに調整できることを試してみよ。セレクタと同様、 Shiftを押すことで字間調整のショートカットも１０倍の値で変化する。 + + + + +XML エディタ + +Inkscape における究極の強力なツールは XML エディタ （ Shift+Ctrl+X +）である。XML エディタはドキュメントの XML ツリー全体を表示し、現在の状態を常に反映する。絵を編集して、相当する XMLツリーの変化を見ることができる。さらに、XML エディタ上で、テキスト、要素、属性ノードを編集してキャンバスでその結果を確認することもできる。これは SVG を対話的に学ぶための想像しうる最高のツールであり、通常の編集ツールではできないワザを使うこともできる。 + + + + +最後に + +このチュートリアルは Inkscape の機能のごく一部について紹介している。このチュートリアルを楽しんでいただけたことを望んでいる。実験することを恐れず、作り出したものは共有しよう。www.inkscape.orgを訪れてより多くの情報と、最新のバージョン、ユーザと開発者からのヘルプを手に入れよ。 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/share/tutorials/tutorial-advanced.sl.svg b/share/tutorials/tutorial-advanced.sl.svg new file mode 100644 index 000000000..f77958a5f --- /dev/null +++ b/share/tutorials/tutorial-advanced.sl.svg @@ -0,0 +1,411 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::NAPREDNE TEHNIKE + + + + + + + +Ta vodič zajema urejanje oblike in vozlišč, prostoročno risanje in risanje +bezier krivulj, urejanje poti, matematične operacije, zamikanje, poenostavljanje, +uporabo besedil. + +Pomikajte se navzdol s Ctrl+smerniki, miškinim koleščkom, ali potegom s srednjim gumbom. Za osnove ustvarjanja predmetov, izbiranje in preoblikovanje si oglejte osnovnega vodiča v Pomoč > Vodiči. + + + + +Metode lepljenja + +Potem ko ste nekaj predmetov skopirali (Ctrl+C) ali izrezali (Ctrl+X) na odložišče, jih lahko z običajnim ukazom prilepi (Ctrl+V) vlepite pod miškin kazalec, ali v središče okna, če je kazalec izven njega. Predmeti na odložišču si sicer zapomnijo svoja izvirna mesta, kamor jih lahko vplepite z +ukazom Prilepi naravnost (Ctrl+Alt+V). + + +S kombinacijo Shift+Ctrl+V lahko prilepite slog, torej slog prvega predmeta z odložišča uporabite na trenutno izbranem. "Slog" obsega +vse nastavitve polnjenja, poteze in pisave, ne pa lastnosti značilnih +za posamezne like, kot je na primer število kotov večkotnika. + + +Inkscape uporablja svoje lastno odložišče, ne pa sistemskega, razen pri delu z besedili. + + + + +Risanje prostoročnih in običajnih črt + +Najlažji način za stvaritev poljubne oblike je, da jo narišete z orodjem +za prostoročno risanje - svinčnikom (F6): + + + + +Za pravilnejše oblike je orodje za bezier krivulje - pero (Shift+F6): + + + + +S tem orodjem vsak klik ustvari ostro vozlišče, brez kontrolnih ročic, tako da zaporedje klikov ustvari zaporedje ravnih črt. Vsak klik in poteg ustvari mehko Bezier vozlišče z dvema povezanima ročicama. Med vlečenjem ročice držite Shift, če želite premakniti le eno ročico. Kot običajno, držanje Ctrl omeji +usmeritev odseka črte ali ročice na 15-stopinjske korake. Enter +dokonča črto, Esc jo prekliče. Če želite preklicati le zadnji odsek nedokončane črte pritisnite Backspace. + +V obeh orodjih pritisk na "a" pokaže sidra prikaza na obeh koncih izbrane poti, tako da jo lahko nadaljujete, namesto da začenjate novo; ali pa jo zaključite, tako da povežete nasprotni sidri. + + + + +Urejanje poti + +Za razliko od orodij, ki ustvarijo like, orodji za prostoročno risanje +in risanje krivulj ustvarita tako imenovane poti. Pot je zaporedje +odsekov črt ali krivulj, ki ima - kot vsak drug predmet - poljubno polnilo +in obris. V nasprotju z liki lahko poti preurejamo tako, da poljubno +premikamo katerakoli vozlišča, ne le vnaprej določenih ročic. Izberite +naslednjo pot z izbirnikom in nato izberite orodje za urejanje vozlišč +(F2): + + + + +Na poti boste videli več sivih kvadratnih vozlišč. Kot pri izbiranju +predmetov lahko tudi ta vozlišča izberete s klikom, Shift+klikom ali s potegom elastike. Izbrana vozlišča se osvetlijo in pokažejo svoje ročice — mali krogci, ki so povezani z vozlišči. + + +Poti urejate s premikanjem vozlišč ali njihovih ročic. Ctrl kot +ponavadi omejuje gibanje ali vrtenje. Smerne tipke, Tab, +[, ], <, > zopet delujejo kot pri izbirniku, le da se tu nanašajo na vozlišča. Izbrana vozlišča lahko izbrišete (Del) ali podvojite (Shift+D), na njih lahko prelomite pot (Shift+B). Če izberete dve končni vozlišči na isti poti, ju lahko združite (Shift+J). + + +Vozlišča so lahko groba (Shift+C), kar pomeni, da se njihove ročice premikajo neodvisno; gladka (Shift+S), kar pomeni, da so ročice vedno na isti ravni črti; ali simetrična (Shift+Y), kar je isto kot mehko, le da so ročice tudi enako dolge. + + +Ročico vozlišča lahko tudi popolnoma skrajšate s Ctrl+klikom nanjo. Če dvema sosednjima vozliščema skrajšate ročici, postane odsek poti med njima ravna črta. Če želite spet izvleči ročico, jo Shift+potegnite iz vozlišča. + + + + +Podpoti in združevanje +Pot lahko obsega več podpoti. Podpot je zaporedje povezanih vozlišč. +Tako ni treba, da so vsa vozlišča v poti povezana. Tri podpoti spodaj +levo pripadajo eni sestavljeni poti; iste tri podpoti na desni so +neodvisni predmeti: + + + + +Vendar pa sestavljena pot ni isto kot skupina. Je enoten predmet, izberemo +ga lahko le v celoti. Če izberete zgornji levi predmet in preklopite na +orodje za vozlišča, boste videli vozlišča po vseh treh podpoteh. Na +desni lahko urejate le vsako pot posebej. + + +Inkscape zna sestaviti poti v sestavljeno pot (Ctrl+K) in razstaviti sestavljeno pot v ločene podpoti (Shift+Ctrl+K). Poskusite te ukaze na gornjih primerih. Ker ima predmet lahko le eno polnilo in obrobo, dobi +sestavljena pot slog prvega, tj. najnižjega predmeta. + + +Če sestavljate prekrivajoče poti s polnilom, bo na mestih, kjer se poti +prekrivajo, polnilo izginilo: + + + + +To je najlažji način za ustvarjanje objektov z luknjami. Za močnejše operacije s potmi si oglejte "Matematične operacije" spodaj. + + + +------------------------------------ + + +Pretvarjanje v poti + +Vsako obliko ali besedilo lahko pretvorite v pot (Shift+Ctrl+C), kar ne bo spremenilo oblike predmeta, bo pa odstranilo vse posebne +zmožnosti tiste oblike. (Ne morete več, na primer, zaobljiti robov pretvorjenega pravokotnika, ali urejati besedila); namesto tega boste lahko urejali vozlišča. Tu +imamo dve zvezdi, ena je še vedno lik, druga pa je pretvorjena v pot. +Preklopite na orodje za vozlišča in primerjajte možnosti urejanja: + + + + +Še več, tudi vsaka poteza je lahko obrisana, tj. pretvorjena v pot ("obris"). Prvi predmet spodaj je izvirna pot (brez polnila, črna črta), +drugi pa je pretvorjen v pot (črno polnilo, brez obrisa) z ukazom Poteza v pot: + + + + + + +Matematične operacije +Ukazi v meniju Pot vam omogočajo sestavljanje dveh ali več +predmetov z matematičnimi operacijami: + + +Original shapesUnion (Ctrl++)Difference (Ctrl+-)(bottom minus top)Intersection(Ctrl+*)Exclusion(Ctrl+^)Division(Ctrl+/)Cut Path(Ctrl+Alt+/) + +Bližnjice za te ukaze spominjajo na aritmetični pomen teh +matematičnih operacij (Unija je dodajanje, Razlika je odštevanje,...). +Razlika in Odvzem delujeta le na dveh izbranih predmetih, ostali pa na poljubnem številu predmetov hkrati. Rezultat vedno prevzame slog najnižjega +predmeta. + + +Rezultat Odvzema spominja na Sestavljanje (glej zgoraj), a doda vozlišča na mestih, kjer se poti sekajo. Razlika med Deljenjem in +Izrezom poti je, da Deljenje izreže celoten spodnji predmet po poti +zgornjega, Izrez poti pa izreže le obris spodnjega predmeta in odstrani +polnilo (to je prikladno za razrez nezapolnjenih potez na koščke). + + + + +Razširjenje in zožanje +Inkscape zna tudi brez raztegovanja razširiti in zožati oblike. To naredi z zamikanjem predmetove poti, t.j. vzporednim premikom vsake +točke poti. Ustrezna ukaza sta Razširi (Ctrl+() in Zožaj (Ctrl+)). Spodaj vidite izvirno pot (rdeča) in več poti, ki so razširjenja ali zožanja: + + + + +Običajna raba teh ukazov ustvari pot (in pretvori tudi izvorni predmet +v pot). Pogosteje nam koristi Dinamični zamik (Ctrl+J), ki ustvari predmet s premično ročico, ki nadzoruje razdaljo odmika. Izberite +spodnji predmet, preklopite na orodje za vozlišča in preknite ročice: + + + + + + +Predmet, ki je dinamičen zamik svojega izvirnika, si zapomni izvorno pot, tako da se +natančnost ne izgublja z večkratnim spreminjanjem. Ko ste končali, +ga lahko vedno pretvorite nazaj v pot. + + + +Še bolj udoben je povezan zamik, ki deluje podobno kot dinamičen, +le da je povezan z neko drugo potjo, ki pa jo lahko še vedno urejate. Iz ene izvorne poti lahko ustvarite praktično neomejeno število povezanih zamikov. Spodaj vidite +rdečo izvorno pot in en povezan zamik s črnim polnilom in brez obrisa, +ter drugi povezan zamik brez polnila s črno črto. + + +Izberite rdeči predmet in mu spremenite vozlišča. Opazujte spreminjanje +povezanih predmetov. Izberite kakega od njiju in mu prilagodite zamik. +Poskusite tudi premakniti izvirnik - povezani zamiki mu sledijo, hkrati +pa jih lahko ločeno premikate ali preoblikujete. + + + + + + + +Poenostavljanje + +Glavna uporaba ukaza Poenostavi (Ctrl+L) je zmanjšanje števila vozlišč na poti, ob približnem ohranjanju oblike. To je koristno pri prostoročnih poteh, ki so včasih bolj zapletene, kot bi bilo treba. Spodaj levo je oblika +narisana prostoročno, desno pa njen poenostavljeni dvojnik. Izvirna +pot ima 28 vozlišč, poenostavljena pa 17. Poenostavljena je zato +gladkejša in lažje ji urejamo vozlišča. + + + + +Količina poenostavljanja (ali grobost) je odvisna od velikosti izbire. +Zato bo, če izberete pot, skupaj s kakim večjim predmetom, ta +agresivneje poenostavljena, kot če bi jo izbrali samo. Ta ukaz je tudi +pospešen. To pomeni, da če večkrat zaporedoma in s kratkimi +presledki (manj kot pol sekunde) pritisnete Ctrl+L, bo agresivnost +vsakič večja. Po krajšem premoru bo agresivnost spet privzeta. Z +uporabo poseševanja je enostavna natančna uporaba poenostavljanja. + + +Razen za glajenje prostoročnih črt je ta ukaz koristen za kreativne +učinke. Pogosto kaka ostra oblika pridobi na življenjskosti, če jo malce +zgladimo. Tu je primer risbe, ki tako precej pridobi na privlačnosti: + + +OriginalSlight simplificationAggressive simplification + + + +Ustvarjanje besedil + +Inkscape je sposoben urejati daljša in zapletena besedila, hkrati pa je priročen pri ustvarjanju kratkih besednih predmetov, kot so naslovi, oglasi, logotipi, diagrami, nalepke,... V tem delu bomo na kratko predstavili te možnosti. + + +Ustvarjanje besedilnega predmeta je enostavno - izberete orodje za +besedila (F8), kliknete nekam v dokument in pišete. Za +spreminjanje pisave, sloga in velikosti odprite pogovorno okno +Besedilo in pisava (Shift+Ctrl+T). Tam lahko besedilo tudi pišete v +posebno okence, kar je včasih lažje, kot pa neposredno na platno (če +nič drugega, to okence podpira kopiranje in lepljenje iz sistemskega +odložišča, ter sprotno preverjanje črkovanja). + + +Kot ostala orodja, lahko tudi z orodjem za besedila izberete predmete svoje +vrste (besedilne predmete). Tako lahko enostavno kliknete in s tem +izberete in takoj nastavite kazalec v katerikoli besedilni predmet (kot +je na primer ta odstavek). + + +Ena pogostejših operacij pri oblikovanju besedila je popravljanje +razmikov med črkami in črtami. Kot vedno imamo tudi za to priročne +bližnjice: Alt+< in Alt+>. S tem spremenite razmik med črkami v trenutni vrstici tako, da se dolžina vrstice spremeni za eno točko pri trenutnem pogledu. Večina besedil z velikostjo pisave večjo od +običajne izgleda bolje, če jo malce stisnemo. Tu imamo primer: + + +OriginalLetter spacing decreasedInspirationInspiration + +Stisnjena različica bi bila boljši naslov, a še vedno ni popolna: presledki +med črkami niso enakomerni. "a" in "t" sta recimo predaleč narazen, +medtem ko sta "t" in "i" preblizu. Količina takšnih slabih presledkov je +odvisna od kakovosti uporabljene pisave, a celo pri najboljših boste +našli pare črk, ki jih bo potrebno popraviti. + + +V Inkscapu je to enostavno; enostavno premaknite kazalec za +urejanje besedila med željeni črki in uporabite Alt+smerne tipke, da +premaknete črko na desni od kazalca. Še enkrat isti naslov, to pot z +ročno popravljenimi razmaki: + + +Letter spacing decreased, some letter pairs manually kernedInspiration + +Poleg premikanja črk levo in desno z ukazi Alt+levo ali +Alt+desno jih lahko zamaknete tudi gor in dol, če pritisnete Alt+gor ali Alt+dol. Poskusite te kombinacije na kateremkoli odstavku tega vodiča. + + +Inspiration + +Lahko pa bi seveda tudi pretvorili besedilo v pot (Shift+Ctrl+C) in +premikali črke kot običajne poti. Vendar pa je precej bolj koristno obdržati +besedilo kot besedilo, saj ga tako lahko popravljamo, preiskušamo +različne pisave (ne da bi odstranili zgoščevanja), pa še manj prostora +zasede v datoteki. Edina slabost je, da morate za pravilen izris imeti +nameščeno enako pisavo na vsakem računalniku, kjer želite dokument +odpreti. Če Inkscape ne bo našel natanko iste pisave, vas bo na to opozoril. + + +Podobno kot razmik med črkami lahko prilagajate tudi razmik med vrsticami. Poskusite Ctrl+Alt+< in +Ctrl+Alt+> na kateremkoli odstavku tega vodiča. S tem +spremenite razmike tako, da se celotna višina predmeta spremeni za +1 točko pri trenutnem pogledu. Kot tudi pri Izbirniku, hkratno držanje Shifta +podeseteri učinek. + + + + +Urejevalnik XML + +Inkscapovo najmočnejše orodje je Urejevalnik XML (Shift+Ctrl+X). +Prikazuje celotno XML drevo dokumenta in vedno odraža trenutno +stanje. V njem lahko urejate vašo risbo in opazujete spremembe, +lahko pa v njem tudi prilagajate lastnosti in rezultat takoj vidite na platnu. To je +tudi najboljše orodje za spoznavanje SVGja, saj omogoča nekatere +trike, ki jih ne morete opraviti z običajnimi orodji. + + + + +Zaključek + +Ta vodič pokaže le del vseh zmogljivosti Inkscapa. Upamo, da vam +je bil všeč. Ne bojte se eksperimentiranja in svoje stvaritve delite z drugimi. +Za več informacij, najnovejše različice in nadaljno pomoč s strani uporabnikov +in razvijalcev obiščite www.inkscape.org. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-advanced.svg b/share/tutorials/tutorial-advanced.svg new file mode 100644 index 000000000..cb5bea2cd --- /dev/null +++ b/share/tutorials/tutorial-advanced.svg @@ -0,0 +1,475 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::ADVANCED + + + + + + + +This tutorial covers copy/paste, node editing, freehand and bezier +drawing, path manipulation, booleans, offsets, simplification, and text tool. + +Use Ctrl+arrows, mouse wheel, or middle button +drag to scroll the page down. For basics of object creation, selection, and +transformation, see the Basic tutorial in Help > Tutorials. + + + + +Pasting techniques + +After you copy some object(s) by Ctrl+C or cut by +Ctrl+X, the regular Paste command +(Ctrl+V) pastes the copied object(s) right under the mouse cursor or, +if the cursor is outside the window, to the center of the document window. However, the +object(s) in the clipboard still remember the original place from which they were +copied, and you can paste back there by Paste in Place +(Ctrl+Alt+V). + + +Yet another command, Paste Style (Shift+Ctrl+V), +applies the style of the (first) object on the clipboard to the current selection. The +"style" thus pasted includes all the fill, stroke, and font settings, but not the shape, +size, or parameters specific to a shape type, such as the number of tips of a star. + + +Note that Inkscape has its own internal clipboard; it does not use the system clipboard +except for copying/pasting text by the Text tool. + + + + +Drawing freehand and regular paths + +The easiest way to create an arbitrary shape is to draw it using the +Pencil (freehand) tool (F6): + + + + +If you want more regular shapes, use the Pen (Bezier) tool (Shift+F6): + + + + +With the Pen tool, each click creates a sharp node without any curve +handles, so a series of clicks produces a sequence of straight line segments. +Click and drag creates a smooth Bezier node with two collinear opposite +handles. Press Shift while dragging out a handle to rotate only one +handle and fix the other. As usual, Ctrl limits the direction of either +the current line segment or the Bezier handles to 15 degree increments. Pressing +Enter finalizes the line, Esc cancels it. To cancel +only the last segment of an unfinished line, press Backspace. + +In both freehand and bezier tools, the currently selected path displays small square +anchors at both ends. These anchors allow you to +continue this path (by drawing from one of the anchors) or +close it (by drawing from one anchor to the other) instead of creating a +new one. + + + + +Editing paths + +Unlike shapes created by shape tools, the Pen and Pencil tools create what is called +paths. A path is a sequence of straight line segments and/or +Bezier curves which, as any other Inkscape object, may have arbitrary fill and stroke +properties. But unlike a shape, a path can be edited by freely dragging any of its nodes +(and not just predefined handles). Select this path and switch to Node tool +(F2): + + + + +You will see a number of gray square nodes on the path. These +nodes can be selected by click, +Shift+click, or by dragging a rubberband — +exactly like objects are selected by the Selector tool. Selected nodes become +highlighted and show their node handles — one or two +small circles connected to each selected node by straight lines. + + +Paths are edited by dragging their nodes and node handles. (Try to drag +some nodes and handles of the above path.) Ctrl works as usual to +restrict movement and rotation. The arrow keys, Tab, +[, ], <, > keys +with their modifiers all work just as they do in selector, but apply to nodes instead of +objects. You can delete (Del) or duplicate (Shift+D) +selected nodes. The path can be broken (Shift+B) at the selected nodes, +or if you select two endnodes on one path, you can join them (Shift+J). + + +A node can be made cusp (Shift+C), which means +its two handles can move independently at any angle to each other; +smooth (Shift+S), which means its handles are +always on the same straight line (collinear); and symmetric +(Shift+Y), which is the same as smooth, but the handles also have the +same length. + + +Also, you can retract a node's handle altogether by +Ctrl+clicking on it. If two adjacent nodes have their handles +retracted, the path segment between them is a straight line. To pull out the retracted +node, Shift+drag away from the node. + + + + +Subpaths and combining +A path object may contain more than one subpath. A subpath is a +sequence of nodes connected to each other. (Therefore, if a path has more than one +subpath, not all of its nodes are connected.) Below left, three subpaths belong to a +single compound path; the same three subpaths on the right are independent path objects: + + + + +Note that a compound path is not the same as a group. It's a single object which is only +selectable as a whole. If you select the left object above and switch to node tool, you +will see nodes displayed on all three subpaths. On the right, you can only node-edit one +path at a time. + + +Inkscape can Combine paths into a compound path +(Ctrl+K) and Break Apart a compound path into +separate paths (Shift+Ctrl+K). Try these commands on the above +examples. Since an object can only have one fill and stroke, a new compound path gets +the style of the first (lowest in z-order) object being combined. + + +When you combine overlapping paths with fill, usually the fill will disappear +in the areas where the paths overlap: + + + + +This is the easiest way to create objects with holes in them. For more powerful path +commands, see "Boolean operations" below. + + + + +Converting to path + +Any shape or text object can be converted to path +(Shift+Ctrl+C). This operation does not change the appearance of the +object but removes all capabilities specific to its type (e.g. you can't round the +corners of a rectangle or edit the text anymore); instead, you can now edit its +nodes. Here are two stars — the left one is kept a shape and the right one is +converted to path. Switch to node tool and compare their editability when selected: + + + + +Moreover, you can convert to a path ("outline") the stroke of any +object. Below, the first object is the original path (no fill, black stroke), while the +second one is the result of the Stroke to Path command (black fill, +no stroke): + + + + + + +Boolean operations +The commands in the Path menu let you combine two or more objects using +boolean operations: + + +Original shapesUnion (Ctrl++)Difference (Ctrl+-)(bottom minus top)Intersection(Ctrl+*)Exclusion(Ctrl+^)Division(Ctrl+/)Cut Path(Ctrl+Alt+/) + +The keyboard shortcuts for these commands allude to the arithmetic analogs of the +boolean operations (union is addition, difference is subtraction, etc.). The +Difference and Exclusion commands can only apply +to two selected objects; others may process any number of objects at once. The result +always receives the style of the bottom object. + + +The result of the Exclusion command looks similar to +Combine (see above), but it is different in that +Exclusion adds extra nodes where the original paths intersect. The +difference between Division and Cut Path is that +the former cuts the entire bottom object by the path of the top object, while the latter +only cuts the bottom object's stroke and removes any fill (this is convenient for +cutting fill-less strokes into pieces). + + + + +Inset and outset +Inkscape can expand and contract shapes not only by scaling, but also by +offsetting an object's path, i.e. by displacing it perpendicular +to the path in each point. The corresponding commands are called +Inset (Ctrl+() and Outset +(Ctrl+)). Shown below is the original path (red) and a number of paths +inset or outset from that original: + + + + +The plain Inset and Outset commands produce paths +(converting the original object to path if it's not a path yet). Often, more convenient +is the Dynamic Offset (Ctrl+J) which creates an +object with a draggable handle (similar to a shape's handle) controlling the offset +distance. Select the object below, switch to the node tool, and drag its handle to get +an idea: + + + + +Such a dynamic offset object remembers the original path, so it +does not "degrade" when you change the offset distance again and again. When you don't +need it to be adjustable anymore, you can always convert an offset object back to path. + + +Still more convenient is a linked offset, which is similar to the +dynamic variety but is connected to another path which remains editable. You can have +any number of linked offsets for one source path. Below, the source path is red, one +offset linked to it has black stroke and no fill, the other has black fill and no +stroke. + + +Select the red object and node-edit it; watch how both linked offsets respond. Now +select any of the offsets and drag its handle to adjust the offset radius. Finally, note +how moving or transforming the source moves all offset objects linked to it, and how you +can move or transform the offset objects independently without losing their connection +with the source. + + + + + + + +Simplification + +The main use of the Simplify command (Ctrl+L) is +reducing the number of nodes on a path while almost preserving its +shape. This may be useful for paths created by the Pencil tool, since that tool +sometimes creates more nodes than necessary. Below, the left shape is as created by the +freehand tool, and the right one is a copy that was simplified. The original path has 28 +nodes, while the simplified one has 17 (which means it is much easier to work with in +node tool) and is smoother. + + + + +The amount of simplification (called the threshold) depends on +the size of the selection. Therefore, if you select a path along with some larger +object, it will be simplified more aggressively than if you select that path +alone. Moreover, the Simplify command is +accelerated. This means that if you press Ctrl+L +several times in quick succession (so that the calls are within 0.5 sec from each +other), the threshold is increased on each call. (If you do another Simplify after a +pause, the threshold is back to its default value.) By making use of the acceleration, it +is easy to apply the exact amount of simplification you need for each case. + + +Besides smoothing freehand strokes, Simplify can be used for various +creative effects. Often, a shape which is rigid and geometric benefits from some amount +of simplification that creates cool life-like generalizations of the original form — +melting sharp corners and introducing very natural distortions, sometimes stylish and +sometimes plain funny. Here's an example of a clipart shape that looks much nicer after +Simplify: + + +OriginalSlight simplificationAggressive simplification + + + +Creating text + +Inkscape is capable of creating long and complex texts. However, it's also pretty +convenient for creating small text objects such as heading, banners, logos, diagram +labels and captions, etc. This section is a very basic introduiction into Inkscape's +text capabilities. + + +Creating a text object is as simple as switching to the Text tool (F8), +clicking somewhere in the document, and typing your text. To change font family, style, +size, and alignment, open the Text and Font dialog (Shift+Ctrl+T). That +dialog also has a text entry tab where you can edit the selected text object - in some +situations, it may be more convenient than editing it right on the canvas (in +particular, that tab supports as-you-type spell checking). + + +Like other tools, Text tool can select objects of its own type — text objects +— so you can click to select and position the cursor in any existing text object +(such as this paragraph). + + +One of the most common operations in text design is adjusting spacing between letters +and lines. As always, Inkscape provides keyboard shortcuts for this. When you are +editing text, the Alt+< and Alt+> keys change +the letter spacing in the current line of a text object, so that +the total length of the line changes by 1 pixel at the current zoom (compare to Selector +tool where the same keys do pixel-sized object scaling). As a rule, if the font size in +a text object is larger than the default, it will likely benefit from squeezing letters +a bit tighter than the default. Here's an example: + + +OriginalLetter spacing decreasedInspirationInspiration + +The tightened variant looks a bit better as a heading, but it's still not perfect: the +distances between letters are not uniform, for example the "a" and "t" are too far apart +while "t" and "i" are too close. The amount of such bad kerns (especially visible in +large font sizes) is greater in low quality fonts than in high quality ones; however, in +any text string and in any font you will probably find pairs of letters that will +benefit from kerning adjustments. + + +Inkscape makes these adjustments really easy. Just move your text editing cursor between +the offending characters and use Alt+arrows to move the letters right +of the cursor. Here is the same heading again, this time with manual adjustments +for visually uniform letter positioning: + + +Letter spacing decreased, some letter pairs manually kernedInspiration + +In addition to shifting letters horizontally by Alt+Left or +Alt+Right, you can also move them vertically by using +Alt+Up or Alt+Down: + + +Inspiration + +Of course you could just convert your text to path (Shift+Ctrl+C) and +move the letters as regular path objects. However, it is much more convenient to keep +text as text — it remains editable, you can try different fonts without removing +the kerns and spacing, and it takes much less space in the saved file. The only +disadvantage to the "text as text" approach is that you need to have the original font +installed on any system where you want to open that SVG document. + + +Similar to letter spacing, you can also adjust line spacing in +multi-line text objects. Try the Ctrl+Alt+< and +Ctrl+Alt+> keys on any paragraph in this tutorial to space it in or out +so that the overall height of the text object changes by 1 pixel at the current zoom. +As in Selector, pressing Shift with any spacing or kerning shortcut +produces 10 times greater effect than without Shift. + + + + +XML editor + +The ultimate power tool of Inkscape is the XML editor (Shift+Ctrl+X). +It displays the entire XML tree of the document, always reflecting its current +state. You can edit your drawing and watch the corresponding changes in the XML +tree. Moreover, you can edit any text, element, or attribute nodes in the XML editor and +see the result on your canvas. This is the best tool imaginable for learning SVG +interactively, and it allows you to do tricks that would be impossible with regular +editing tools. + + + + +Conclusion + +This tutorial shows only a small part of all capabilities of Inkscape. We hope you +enjoyed it. Don't be afraid to experiment and share what you create. Please visit www.inkscape.org for more information, latest +versions, and help from user and developer communities. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-basic.ca.svg b/share/tutorials/tutorial-basic.ca.svg new file mode 100644 index 000000000..07cdda472 --- /dev/null +++ b/share/tutorials/tutorial-basic.ca.svg @@ -0,0 +1,650 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::BASIC + + + + + + + +Aquest tutorial us mostrarà l'ús bàsic de l'Inkscape. Aquest és un document +Inkscape normal. Podeu visualitzar-lo, editar-lo i fins i tot desar-lo. + + +El tutorial bàsic cobreix el desplaçament i l'ampliació, la gestió de documents, +les eines de forma, la transformació d'objectes amb el selector, les tècniques +de selecció, l'agrupació, la configuració de l'emplenat i el contorn, +l'alineació i l'ordenació en z. Per a altres temes, consulteu el tutorial +avançat al menú d'Ajuda. + + + + + + +Desplaçament de l'àrea de dibuix + + + + +Hi ha vàries maneres de desplaçar l'àrea de dibuix. Proveu-ho +amb les tecles Ctrl+fletxa per a desplaçar-la amb el teclat. +(Proveu de moure aquest document avall.) També podeu arrossegar-la amb el +botó central del ratolí. Podeu usar les barres de desplaçament +(premeu Ctrl+B per a veure-les o amagar-les). També funciona el +desplaçament vertical amb la rodeta del vostre ratolí; +i si premeu Maj., l'horitzontal. + + + + + +Ampliació i reducció +La forma més fàcil d'ampliar/reduir és amb les tecles - +i + (o =). També podeu usar +Ctrl+botó central o Ctrl+botó dret per ampliar, +Maj+botó central o Maj+botó dret per allunyar, +o girant la rodeta del ratolí amb Ctrl. També clicant al +camp d'entrada d'ampliació (a l'angle inferior esquerra de la finestra del +document), entreu un valor precís en %, i premeu Entrar. També tenim +l'eina ampliar (a la barra d'eines de l'esquerra) que ens permet ampliar +una zona enmarcant-la. +L'Inkscape manté un historial dels nivells d'ampliació usats. Premeu la tecla +` per anar a l'anterior ampliació, i Maj+` per anar +al següent. + + + + + +Les eines de l'Inkscape +La barra d'eines vertical a l'esquerra mostra les eines de dibuix i edició +de l'Inkscape. Sota el menú, hi ha la Barra d'ordres amb +botons d'ordres generals i la Barra de controls +d'eina amb controls específics per a cada eina. La barra +d'estat a la part inferior de la finestra mostrarà consells i +missatges útils mentre esteu treballant. + +Moltes operacions són accessibles mitjançant dreceres de teclat. Obriu +Ajuda > Tecles i ratolí per a veure la referència completa. + + + +Creació i gestió de documents +Per a crear un nou document en blanc, useu Fitxer > Nou o +Ctrl+N. Per a obrir un document SVG existent, useu Fitxer > +Obre (Ctrl+O). Per a desar, premeu Fitxer > Desa +(Ctrl+S), o Anomena i desa (Maj+Ctrl+S) +per a desar amb un nom nou. L'Inkscape encara es pot considerar inestable, per tant +deseu la feina sovint! + +L'Inkscape usa el format SVG (Imatges de vectors escalables) per als seus +fitxers. L'SVG és un estàndard obert àmpliament suportat pel programari d'imatges. +Els fitxers SVG es basen en XML i poden ser editats per qualsevol editor +de text o XML (a banda de l'Inkscape, és clar). A més d'SVG, l'Inkscape +pot importar i exportar diferents tipus de format (EPS, PNG). + +L'Inkscape obre una finestra separada per a cada document. Podeu navegar entre +elles usant el vostre gestor de finetres (per exemple amb Alt+Tab), +o podeu usar la drecera de l'Inkscape, Ctrl+Tab, que es mourà en +cicle entre totes les finestres obertes. (Creeu un nou document i canvieu entre +aquest i l'altre per a practicar). + + + + + +Creació de formes +I ara, unes formes boniques! Cliqueu a l'eina del rectangle a la barra +d'eines (o premeu F4) i cliqueu i arrossegueu, en un nou document en +blanc o bé aquí mateix: + + + +Com podeu veure, el rectangles per defecte són blaus, amb una vora (contorn) negra, +d'1 pt, i parcialment transparents. Tot seguit veurem com canviar-ho. +També podeu crear el·lipsis, estrelles i espirals: + + + +Aquestes eines es coneixen col·lectivament com a eines de forma. Cada +forma que creeu mostra un o més manejadors. Proveu +d'arrossegar-los per veure com respon la forma. El panell superior per a +les eines de forma té alguns controls que també podeu tocar per canviar +els paràmetres de la forma. Aquests controls afecten la forma que hi ha +seleccionada (la que mostren els manejadors) i defineix els valors per defecte +que s'aplicaran a les noves formes que es creïn. + +Per a desfer la vostra última acció, premeu +Ctrl+Z. (O si torneu a canviar d'idea, podeu +tornar-la a fer amb Maj+Ctrl+Z). + + + + + +Moviment, escalat, gir + +L'eina més usada de l'Inkscape és el +Selector. Cliqueu el botó amb la +fletxa que hi ha a dalt de tot de la barra d'eines (o premeu +F1 o Espai). Ara podeu seleccionar qualsevol +objecte de l'àrea de dibuix. Cliqueu +sobre el rectangle de sota. + + + + + +Veureu com apareixen vuit manejadors en forma de fletxa al voltant. +Ara podeu: + + +Mourel'objecte arrossegant-lo. (Premeu Ctrl per limitar el moviment +a horitzontal i vertical). + + +Escalar l'objecte original arrossegant un manejador. (Premeu Ctrl per +conservar la relació alçada/amplada original). + + + + + + + +Ara torneu a clicar el rectangle. Els manejadors canvien. Ara podeu: + + + +Girar l'objecte arrossegant +els manejadors de les cantonades. (Amb Ctrl limiteu +la rotació a passos de 15 graus. Arrossegueu la marca de la +creu per posicionar el centre de rotació). + + +Esbiaixar (cisallar) l'objecte arrossegant +els manejadors dels costats. (Amb Ctrl limiteu +la rotació a passos de 15 graus. Arrossegueu la marca de la +creu per posicionar el centre de rotació). + + + + +També podeu usar els camps d'entrada numèrica del panell superior per a +introduir valors exactes per a les coordenades (X i Y) i la mida (alçada i amplada) de +la selecció. + + + + + +Transformació mitjançant tecles + +Una de les característiques de l'Inkscape que el fa diferent de la majoria +d'editors vectorials és l'èmfasi en l'accessibilitat pel teclat. Difícilment +trobarem cap ordre o acció que no sigui possible fer des del teclat, i la +transformació d'objectes no és cap excepció. + +Podeu usar el teclat per moure (tecles de les fletxes), escalar +(tecles < i >), i girar (tecles [ +i ]) objectes. Els moviments i les escales per +defecte són per 2 pt; amb Maj., moveu o escaleu 10 vegades més. Ctrl+> +i Ctrl+< amplien al 200% o redueixen al 50% de l'original, +respectivament. Per defecte, els girs són de 15º, i amb Ctrl, +de 90. + + + +Però potser les més útils són les transformacions a nivell de píxel, +invocades prement Alt amb les tecles de transformació. +Per exemple, Alt+fletxes mourà la selecció 1 píxel +al nivell d'ampliació actual (per exemple 1 píxel de pantalla, +no ho confongueu amb les unitats de px, una unitat +SVG independent de l'ampliació). Això significa que si amplieu, amb +Alt+fletxa produïreu un moviment absolut +menor que seguirà veient-se a la pantalla com una empenteta +d'un píxel. És per tant possible posicionar objectes amb precissió +arbitrària només ampliant o reduint segons les vostres necessitats. + + + + +De forma similar, Alt+> i Alt+< +escalen la selecció de tal manera que la seva mida visible varia un píxel, i +Alt+[ i Alt+]la giren de tal manera +que el seu punt més allunyat del centre es mou un píxel. + + + + + +Seleccions múltiples +Podeu seleccionar simultàniament qualsevol nombre d'objectes amb +Maj+clic. O podeu seleccionar arrossegant al voltant dels +objectes que voleu seleccionar; això es diu la selecció de la cinta de +goma. (El selector crea una cinta de goma en arrossegar des d'un +espai buit; però si premeu Maj abans de començar a arrossegar, l'Inkscape +crearà sempre la cinta de goma.) Practiqueu seleccionant les tres +formes següents: + + + + + +Ara useu la cinta de goma (amb arrossegar o Maj+arrossegar) per +a seleccionar les dues el·lipsis, però no el rectangle: + + + + + +Cada objecte individual dins d'una selecció mostra una petita marca — +per defecte, un diamant rectangular. Aquestes marques fan que sigui fàcil veure +què hi ha seleccionat i què no. Per exemple, +si seleccioneu les dues el·lipsis i el rectangle, sense les marques de +diamant us seria difícil endevinar si les el·lipsis estan seleccionades o +no. + +Fent Maj+clic sobre un objecte seleccionat se l'exclou de la selecció. +Seleccioneu els tres objectes anteriors i després useu Maj+clic per a +excloure les dues el·lipsis de la selecció i deixar només el rectangle. + +Prement Esc es desfà la selecció de tots els objectes. +Ctrl+A selecciona +tots els objectes del document (això pot ser lent en documents grans +com aquest). + + + + + +Agrupació + +Poden combinar-se varis objectes en un grup. Un grup es comporta com +un únic objecte quan l'arrossegueu o el transformeu. A sota, els tres +objectes de l'esquerra són independents; els mateixos tres objectes a la +dreta estan agrupats. Proveu d'arrossegar el grup. + + + + + + + + + +Per a agrupar, seleccioneu un o més objectes i feu +Ctrl+G. Per a desagrupar un o més grups, seleccioneu-los i premeu +Ctrl+U. Els propis grups poden agrupar-se, com qualsevol altre objecte; aquests +grups recursius poden descendir fins un nivell d'agrupació arbitrari. +Però Ctrl+U només desfà el nivell superior d'agrupació en una +selecció. Si voleu desfer completament una agrupació de grups en grups +de molts nivells, haureu de fer Ctrl+U repetidament. + + + +Si voleu editar un objecte de dins d'un grup, no cal que desfeu el grup. +Només cal que feu Ctrl+clic sobre aquest objecte per seleccionar-lo i el +podreu editar individualment, o feu Maj+Ctrl+clic sobre objectes +(dins o fora de qualsevol grup) per a una selecció múltiple sense tenir en +compte els grups. Proveu de moure o transformar les formes individuals +del grup (a dalt a la dreta) sense desfer el grup, despres desfeu la +selecció i seleccioneu el grup normalment per veure que encara queda +agrupat. + + + + + +Emplenat i contorn + +Moltes de les funcions de l'Inkscape són accessibles a través de diàlegs. +Probablement, la manera més simple de pintar un objecte amb un color és obrir +el diàleg Swatches des del menú Objectes, seleccionar un objecte, i clicar-ne un +per pintar-hi (es canvia el color de l'emplenat). + +El diàleg Emplenat i contorn (Maj+Ctrl+F) resulta més útil. +Seleccioneu la forma d'abaix i obriu el diàleg Emplenat i +contorn. + + + + + +Veureu que el diàleg té tres pestanyes: Emplenat, Pinta el contorn, i Estil +del contorn. La pestanya Emplenat permet editar l'emplenat (interior) de +les formes. Usant els botons de sota la pestanya, podeu seleccionar +sense emplenat (el botó amb la X), color, degradat lineal o radial. La +forma anterior té acitvada el botó corresponent al color llis. + +Més avall veureu els selectors de color, cadascun a la seva pròpia pestanya: +RGB, HSV, CMYK, i rodona. Potser el més adequat és el selector de la +rodona, on podeu girar el triangle per escollir un to a la rodona, i +després seleccionar el color d'aquest to dins del triangle. Tots els +selectors de color tenen un control per ajustar +l'alfa (opacitat) +dels objectes. + +Quan seleccioneu un objecte, el selector de color s'actualitza amb el seu +emplenat i contorn (quan se selecciona més d'un objecte, es mostra el seu +color mitjà). Jugueu amb aquestes mostres o creeu la vostra pròpia: + + + + + +Usant la pestanya Pinta el contorn, podeu eliminar el contorn +(línia) de l'objecte, o assignar-li qualsevol color o transparència: + + + + + +L'última pestanya, Estil del contorn, us permet definir el gruix i altres +paràmetres del contorn: + + + + +Finalment, en comptes de simples colors, podeu crear degradats de color +tant per als emplenats com per als contorns: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Quan canvieu d'un color simple a un degradat, el nou degradat usa l'anterior +color simple, des de l'opac al transparent. Canvieu a l'eina de degradat +(Ctrl+F1) per a arrossegar els manejadors de degradat — +els controls apareixen connectats per línies que defineixen la direcció i la longitud del degradat. +Quan algun dels manejadors de degradats se selecciona (ressaltat en blau), el +diàleg d'Emplenat i contorn estableix el color del manejador en comptes del color +de tot l'objecte seleccionat. + + + +Hi ha una altra manera de canviar el color d'un objecte: fent servir l'eina +comptagotes (F7). Cliqueu en qualsevol lloc +del dibuix amb aquesta eina, i el color seleccionat s'assignarà a l'emplenat +de l'objecte seleccionat. (Maj+clic assignarà el color del contorn). + + + +Duplicació, alineació, distribució + + + +Una de les operacions més comunes és duplicar un objecte +(Ctrl+D). El duplicat se sitúa exactament al damunt de l'original i està seleccionat, +de manera que el podeu arrossegar amb el ratolí o les tecles de la fletxa. +Per practicar, intenteu omplir la línia amb còpies d'aquest quadrat negre: + + + + + + +És probable que les còpies del quadrat no estiguin convenientment +alineades. Aquí és on entra en joc el diàleg Alinea (Ctrl+Maj+A). Seleccioneu tots els +quadrats (Maj+clic o arrossegant una cinta de goma), +obriu el diàleg i premeu el botó "Centra en l'eix horitzontal", després +el botó "Separeu equidistantment els objectes" +(llegiu els consells dels botons). Ara els objectes estan distribuïts de manera +que els intervals horitzontals entre ells són iguals. Altres exemples d'alineació i distribució: + + + + + + + + + + + + + + + + + + + + + + + + + + + +Ordenació en Z + + + +El terme ordenació en z es refereix a l'ordre d'apilament dels objectes en +un dibuix, és a dir quins objectes són a dalt i tapen d'altres. Les dues +ordres al menú Objecte, Alça a dalt (Inici) i Baixa a baix +Fi), mouran els vostres objectes seleccionats a dalt de tot o a sota de tot +de l'ordenació en z del vostre document. Dues ordres més, Alça (AvPg) +i Baixa (RePg), enfonsaran o aixecaran només un pas, +és a dir, moure després d'un objecte no seleccionat en l'ordenció en z (només +compten els objectes amb superposició; si no hi ha res superposat a la +selecció, Alça i Baixa ho mouen tot a dalt de tot o a baix de tot segons +correspongui). + + + +Practiqueu usant aquestes ordres invertint l'ordre en z dels objectes +següents, de forma que l'el·lipse de més a l'esquerra quedi a dalt de tot +i la de més a la dreta a sota de tot: + + + + +Una drecera per a seleccionar molt útil és la tecla Tab. +Si no se selecciona res, se selecciona l'objecte inferior; en cas contrari se +selecciona l'objecte per sobre de l'objecte seleccionat +en l'ordre z. Maj+Tab ho fa a l'inrevés, +començant des del superior i baixant fins a l'inferior. Ja que els objectes creats +s'afegeixen al damunt de la pila, Maj+Tab sense res seleccionat +us permet seleccionar convenientment el darrer objecte creat. +Practiqueu amb Tab i Maj+Tab a la pila d'el·lipses +d'adalt. + + + +Selecció per sota i arrossegar la selecció + + + +Què fer si l'objecte que necessiteu està amagat darrera un altre objecte? +Encara podeu veure l'objecte de sota si el de sobre és parcialment +transparent, però en clicar al damunt seleccionareu l'objecte de sobre, +no pas el que necessiteu. + + +Per a això serveix Alt+clic. Primer Alt+clic +selecciona l'objecte que hi ha més amunt, com faria un clic normal; en canvi el +següent Alt+clic en el mateix punt seleccionarà l'objecte +que hi ha a sota del superior; després el següent, etc. Per tant, +Alt+clic passarà d'adalt a baix per tots els objectes a la pila +sota el punt on es va fer clic. Quan s'arriba a l'últim objecte, el següent +Alt+clic tornarà a seleccionar l'objecte superior. + + + +Bé, però un cop seleccionat l'objecte sota la superfície, què podem fer-li? +Podem usar tecles per transformar-lo, i podem arrossegar els manejadors de +selecció. Però arrossegar el propi objecte tornarà a reiniciar la selecció +a l'objecte de dalt de tot. Així és com ha de funcionar clica-i-arrossega — +primer selecciona l'objecte (de dalt de tot) sota el cursor, seguidament +arrossega la selecció. Per a dir-li a l'Inkscape que arrossegui el que hi ha +seleccionat sense seleccionar res més, useu Alt+arrossega. +Això mourà la selecció actual independentment d'on arrossegueu el ratolí. + + + +Practiqueu Alt+clic i Alt+arrossega sobre +les dues formes marrons sota el rectangle verd transparent: + + + + + + + +Conclusió + + + +Hem acabat el tutorial bàsic. Hi ha encara molt més sobre l'Inkscape, +però amb les tècniques descrites aquí podreu crear gràfics simples +i útils. Per a aspectes més complicats, aneu al tutorial avançat a +Ajuda > Tutorials. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-basic.de.svg b/share/tutorials/tutorial-basic.de.svg new file mode 100644 index 000000000..bce8dbd9c --- /dev/null +++ b/share/tutorials/tutorial-basic.de.svg @@ -0,0 +1,535 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::GRUNDLAGEN + + + + + + + + +Diese Einführung beschreibt die Grundlagen von Inkscape. Dies ist +ein gewöhnliches Inkscape Dokument, das man anschauen, verändern, Teile herauskopieren, oder speichern kann. + + +Diese Grundlagen Einführung behandelt Seiten Navigation, Dokumenten Erstellung und Benutzung, Form-Werkzeug Grundlagen +, Objektauswahl Techniken, Objektmanipulation mit Auswahlrahmen, Gruppierung, Füllfarbe und Umrandungsänderung, Ausrichtung und Z-Ordnung. + Um anspruchsvollere Themen zu üben, benutzen Sie bitte die anderen Einführungen im Hilfe-Menü. + + + + + +Seiten Navigation + +Es gibt viele Möglichkeiten den Arbeitsbereich zu verschieben. Man benutzt +Strg+Pfeiltasten zum Verschieben mit der Tastatur. (Probieren Sie es gerade mal aus, um dieses +Dokument herunter zu bewegen). Man kann den Arbeitsbereich auch mit der mittleren Maustaste +bewegen, oder die seitlichen Verschiebeleisten verwenden, welche man mit Strg+B erscheinen lassen oder +verstecken kann. Das Rad der Maus funktioniert auch um den Arbeitsbereich Vertikal zu bewegen. +Durch gleichzeitiges drücken der Shift Taste auch Horizontal. + + + +Herein- und Herauszoomen +Der einfachste Weg zu zoomen, ist durch die Tasten - und + . Oder auch Strg+mittel Klick oder +Strg+rechts Klick zum Hereinzoomen, Shift+mittel Klick oder +Shift+rechts Klick zum Herauszoomen, oder man dreht am Mausrad mit gedrückter +Strg Taste. Ausserdem kann man den Zoomwert in % direkt in das Zoomeingabefeld (in der unteren, linken Ecke +des Dokumenten Fensters) eingeben und mit Enter bestätigen. +Mit dem Zoom-Werkzeug links in der Werkzeugleiste hat man mehr Möglichkeiten die Vergrößerung einzustellen. + +Inkscape behält die gewählten Zoomstufen gespeichert. Durch drücken der ` Taste, springt man direkt zur vorherigen Zoomstufe , oder durch + Shift+` zur nächsten . + + + + +Inkscape Werkzeuge + +Die Senkrechte Werkzeugleiste auf der linken Seite zeigt Inkscape's Zeichen- und Manipulationswerkzeuge. Im +oberen Bereich des Fensters, unter der Fensterleiste liegt die Befehlsleiste + mit Standard-Menüs und die Werkzeug-Eingabeleiste + für Werkzeug abhängige Eingaben. Die Statusleiste + am Boden des Fensters zeigt, wärend man arbeitet, nützliche Hinweise und Informationen an. + +Viele Funktionen sind durch Tastaturkurzbefehle erreichbar. Öffnen Sie +Hilfe > Tastatur und Maus, um alle Befehle zu sehen. + + + +Erstellen und Benutzen von Dokumenten + +Um eine Leere Seite zu erzeugen, benutzt man Datei > Neu oder drückt +Strg+N. Um ein bestehendes SVG Dokument zu öffnen benutzt man Datei > +Öffnen (Strg+O). Zum Speichern wählt man Datei > Speichern +(Strg+S), oder Speichern Als (Shift+Strg+S) +um das Dokument unter neuem Namen zu speichern. (Inkscape kann gelegentlich noch abstürzen, also besser öfters speichern!) + +Inkscape benutzt das SVG (Scalable Vector Graphics) Format für seine Dateien. SVG ist ein offener Standard, breit +unterstützt von Zeichenprogrammen. SVG Dateien basieren auf dem XML Standard und können +von jedem Text- oder XML Editor (zusätzlich zu Inkscape natürlich) verändert werden. Neben SVG +kann Inkscape auch einige andere Formate importieren und exportieren (EPS, PNG). + +Inkscape öffnet ein separates Programm für jedes einzelne Dokument. Man kann mit dem Fenster-Manager +jedes einzelne anwählen (z.B. durch Alt+Tab), oder durch einen Inkscape eingenen Kurzbefehl + Strg+Tab, welcher durch alle offenen Dokument-Fenster wandert. (Erstellen Sie jetzt ein neues Dokument und schalten Sie zwischen dem und diesem zur Übung hin und her.) + + + +Formen erstellen +Nun ist es Zeit, um ein paar Formen zu erstellen. Klicken Sie bitte auf das Rechteck-Werkzeug in der Werkzeugleiste links +oder drücken F4) und Klick-und-zieh, entweder in eine leere Seite oder direkt hier: + + + +Wie Sie sehen können, Standard-Rechtecke sind Blau mit einer schwarzen Umrandung +und leicht durchscheinend. Wir werden noch sehen, wie man das ändert. Mit den anderen Werkzeugen kann man auch +Ellipsen, Sterne und Spiralen erstellen. + + + +Diese Werkzeuge sind gemeinhin bekannt als Form-Werkzeuge. Jede hergestellte Form + zeigt einen, oder mehrere Rautenförmige Anfasser. Versuchen Sie sie zu ziehen, + um zu sehen wie die Form reagiert. Das Form-Werkzeug Menü ist eine andere Möglichkeit die Form eines +Objektes anzupassen. Dieses Menü beeinflusst die gerade markierten Objekte +(Die, welche die Anfasser anzeigen) und setzt den Standard +für alle neuen Objekte. + +Zum Rückgängig machen der letzten Aktion, drückt man +Strg+Z. (Oder, wenn Sie es sich wieder anders überlegen, benutzen Sie +Wiederherstellen durch Shift+Strg+Z.) + + + + +Bewegen, Drehen, Grösse ändern Das meistbenutzte Werkzeug in Inkscape ist +der Markieren-Pfeil. Klicken Sie den obersten Knopf (mit dem Pfeil) in der +Werkzeugleiste, oder drücken Sie F1 oder Leertaste. Nun können Sie jedes +Objekt auf der Seite anwählen. Klicken Sie auf das Rechteck unten. + + + +Sie sehen jetzt acht pfeilförmige Anfasser um das markierte Objekt. +Jetzt können Sie: + + +Bewegen des Objekts durch Klicken-und-ziehen. (Drücken Sie Strg zum Beschränken der Bewegung +auf Horizontal und Vertikal.) + + +Grösse ändern des Objektes durch Klicken-und-ziehen eines Anfassers. (Drücken Sie Strg zum +bewahren des Höhen/Seiten verhältnisses.) + + + +Nun drücken Sie das Rechteck nocheinmal. Die Anfasser ändern sich. Jetzt können Sie: + + + +Drehen des Objektes durch Klicken-und-ziehen der Eck-Anfasser. (Drücken Sie Strg zum +Stufenweisen drehen in Schritten von 15 Grad. Ziehen Sie das Kreuz, um die Mitte der Drehung +festzulegen.) + + +Schären des Objektes durch Klicken-und-ziehen der anderen Anfasser. (Drücken Sie Strg zum Stufenweisen schären in +Schritten von 15 Grad.) + + +Während das Objekt noch markiert ist, kann man auch die Eingabefelder (über der Seite) benutzen, um +genaue Werte für die Koordinaten (X und Y) und Grösse (W und H) +einzugeben. + + + +Verändern durch die Tastatur + +Eine der Eigenschaften von Inkscape, die es von vielen anderen Vektorzeichenprogrammen unterscheidet, +ist die Betonung auf Tastaturbedienbarkeit. Es gibt fast keinen Befehl oder Aktion, die nicht +mit der Tastatur ausführbar ist, und Objektmanipulation ist da keine Ausnahme. + +Man kann die Tastatur zum Bewegen (Pfeil Tasten), Größenänderung +(< und > Tasten), und Rotieren ([ +und ] Tasten) des Objekts benutzen. Die Standardweite der Bewegung und Größenänderung mit der Tastatur ist 2 px. Mit +Shift das Zehnfache davon. Strg+< +und Strg+> vergrößern auf 200% oder verkleinern auf 50% der Originalgröße. + Standardmäßig rotiert man in 15 Grad Schritten. Mit Gedrückter Strg Taste in 90 Grad Schritten. + +Besonders nützlich sind Pixelgenaue-Manipulationen +. Durch gleichzeitiges Drücken von Alt mit den Manipulationstasten + Alt+Pfeiltaste bewegt man das markierte Objekt auf dem Bildschirm um 1 Pixel +bei gewähltem Zoomfaktor (entspricht 1 Bildschirm Pixel) +. Nicht zu Verwechseln mit der px-Einheit welche eine SVG-Längeneinheit unabhängig vom Zoomfaktor ist. + Das bedeutet, wenn man Hineinzoomt, ein Alt+Pfeil entspricht einer +kleineren (Absolut)Bewegung, obwohl es auf dem Bildschirm so aussieht wie ein "Ein-Pixel-Stups". + Dadurch ist es möglich Objekte mit einer beliebig hohen Präzision zu positionieren. + +Genauso ändern Alt+< und Alt+> +die Objektgröße so, das die Sichtbare Größe um jeweils ein Bildschirmpixel verändert wird. Die Tasten +Alt+[ und Alt+] rotieren den "Am weitest vom Zentrum entfernten Punkt" um einen Bildschirmpixel. + + + +Vielfachauswahl Man kann jede Anzahl von Objekten gleichzeitig +durch Shift+Klickauswählen. Oder durch +ziehen um die benötigten Objekte. Dies wird +Gummibandauswahl genannt. (Der Markierpfeil erzeugt das Gummiband durch ziehen +über einen leeren Teil der Seite. Jedoch auch durch Drücken von Shift vor dem Ziehen.) Üben Sie durch Markieren +aller drei Körper unterhalb: + + + +Jetzt benutzen Sie das Gummiband (durch ziehen oder Shift+ziehen), um beide Ellipsen aber nicht +das Rechteck zu markieren: + + + +Jedes Einzelne Objekt einer Auswahl zeigt einen Markierungsrahmen + — normalerweise einen gestrichelten, Quadratischen Rahmen. Diese Hinweise erleichtern es + auf einen Blick zu sehen, was Ausgewählt ist und was nicht. Zum Beispiel, wenn man beide Ellipsen und das Rechteck auswählt, hätte man +es ohne diese Hinweise schwer zu sagen, ob die Ellipsen markiert sind oder nicht. + +Durch Shift+Klickauf ein markiertes Objekt, schliesst man es von der Auswahl aus. + Wählen Sie alle drei Objekte oben, dann benutzen Sie Shift+Klick ,um beide Ellipsen +von der Auswahl auszuschliessen und das Rechteck alleine markiert zu lassen. + +Mit Esc hebt man jede Markierung auf. +Strg+A Markiert alle Objekte der momentan aktivierten Ebene (Wenn Sie keine weiteren Ebenen erstellt +haben, markieren Sie dadurch alle Objekte der Seite). + + + +Gruppieren + +Verschiedene Objekte können zu einer Gruppe zusammengefasst werden. Eine Gruppe +verhält sich wie ein einzelnes Objekt, wenn man es zieht oder verändert. Die drei Objekte unten links sind unabhängig +; die gleichen drei Objekte auf der rechten Seite sind Gruppiert. Versuchen Sie die Gruppe +zu ziehen. + + + + + + + +Um eine Gruppe zu erzeugen, wählt man ein oder mehrere Objekte und drückt +Strg+G. Um die Gruppierung bei einer oder mehreren Gruppen aufzuheben, markiert man sie und drückt +Strg+U. Gruppierungen selbst können auch Gruppiert werden, wie jedes andere Objekt. + Solch rekursive Gruppierungen können beliebig tief weitergeführt werden. Einmaliges +Strg+U hebt nur die oberste (letzte) Gruppierung einer selektierten Gruppe auf. +Um alle Gruppierungen der Selektion aufzuheben, muss man mehrfach Strg+U drücken. + +Es ist nicht zwingend notwendig alle Gruppierungen aufzuheben, wenn man ein Objekt in einer +Gruppe ändern will. Einfach Strg+Klick drücken, das Objekt ist jetzt markiert und einzeln +veränderbar. Um mehrere Objekte innerhalb oder ausserhalb einer Gruppe zu selektieren drückt man Shift+Strg+Klick. +Versuchen Sie einzelne Objekte in der Gruppe ( oben Rechts ) zu bewegen oder zu verändern, ohne die Gruppierung aufzuheben. + Anschliessend heben Sie die Markierung wieder auf und markieren die Gruppe wieder normal. + Dann sehen Sie, dass die Gruppierung erhalten geblieben ist. + + + +Füllung und Linie + +Viele der Funktionen von Inkscape sind verfügbar durch Dialoge. Wahrscheinlich +der einfachste Weg einem Objekt eine Farbe zuzuweisen, ist den Farb-Dialog im Objekt Menü zu öffnen, das Objekt zu markieren, + und ein Farbfeld zu wählen (Das ändert die Füllfarbe). + +Viel leistungsfähiger ist der Füllung und Linie-Dialog +(Shift+Strg+F). Benutzen Sie das Objekt unten mit dem Füllung und Linie-Dialog. + + + +Man kann sehen, das der Dialog drei Abschnitte (Reiter) hat: Füllen, Linienfarbe, und Linienstil +. Der Füllen-Abschnitt ist zum Ändern der Füllfarbe (Innenfarbe) des +markierten Objekts. Mit den Knöpfen in diesem Abschnitt kann man die Füllungsart verändern. +Beziehungsweise die Füllung ganz ausschalten (Der Knopf mit dem X).Einfarbig füllen, genauso wie Linear- und Radialverlauf +. Bei dem oberen Objekt ist der Knopf "Einfarbig" aktiviert. + +Weiter unten sieht man verschiedene Farbauswahlen. Jedes in +seinem eigenen Abschnitt: RGB, CMYK, HSL, und Farbrad. Das wahrscheinlich praktischte von denen ist das Farbrad, + bei dem man das Dreieck auf dem Rad bewegt, um den Farbton zu wählen und dann auf die gewünschte Helligkeit im Dreieck klicken. + Alle Farbwähler besitzen einen Schieberegler, um den +Alpha-Kanal (Durchsichtigkeit) der Objektfarbe einzustellen. + +Jedes mal wenn ein Objekt markiert wird, wird die aktuelle Farbe und Umrandung vom Füllung und Linie-Werkzeug übernommen. +Bei mehr als einem markierten Objekt wird die Durchschnittsfarbe angezeigt. Üben Sie an diesen Beispielobjekten oder benutzen Sie selbst erstellte Objekte: + + + +Mit dem Linienfarb-Werkzeug kann man die Umrandung +(Aussenlinie) des Objektes entfernen, oder eine beliebige Farbe und Transparenz zuordnen: + + + +Der letzte Abschnitt Linienstil ist zum Einstellen der Breite und anderer Werte + des Randes: + + + +Statt Einfarbig kann man auch den Farbverlauf für +Farbausfüllung und/oder Rand benutzen: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Wenn man von Einfarbig auf Farbverlauf umschaltet, geht der neue Farbverlauf zunächst +von der eingestellte Farbe stufenlos zu komplett Durchsichtig. Im Farbverlaufswerkzeug benutzt man +(Strg+F1) um die Verlaufs-Anfasser zu benutzen. — +Die Verlaufs-Anfasser sind durch Linien verbunden, durch die man die Richtung und die Länge des Verlaufs einstellen kann. + Wenn einer der Verlaufs-Anfasser ausgewählt ist(Blau hervorgehoben), + setzt der Füllung und Linie-Dialog nur die Farbe dieses einen Anfassers, statt des ganzen Objektes. + +Eine andere, praktische Möglichkeit die Farbe eines Objektes zu ändern, ist die Pipette + (F7)zu benutzen. Einfach mit der Pipette auf ein anderes Objekt klicken, + und die Farbe des Objekts wird automatisch als Füllfarbe für das aktuelle Objekt benutzt. Ein +(Shift+Klick auf das Objekt stellt die Randfarbe ein. + + + +Vervielfältigen, Anordnen, Verteilen + +Eines der häufigsten Arbeitsschritte ist es Objekte zu Vervielfältigen. Dies wird durch die Tastenkombination +(Strg+D)erreicht. Die Kopie des Objektes ist dann exakt über dem kopierten Objekt, bereit mit der Maus oder den Pfeiltasten verschoben zu werden. +Zur Übung, versuchen Sie Kopien des schwarzen Vierecks in einer Linie nebeneinander anzuordnen: + + + +Es ist gut möglich, dass die platzierten Vierecke jetzt unterschiedlich weit voneinander Entfernt sind. Das ist ein guter + Moment, um den Ausrichtungs-Dialog (Strg+Shift+A) zu benutzen. Markieren Sie alle Vierecke mit +(Shift+Klick oder Gummiband benutzen), öffnen Sie dann den Dialog und drücken +"Horizontal zentrieren" . Dann den "Horizontale Abstände zwischen Objekten angleichen" Knopf (lesen Sie die eingeblendeten Knopfhilfen). Die Objekte sind jetzt gleichmässig Ausgerichtet und Verteilt. + Hier sind weitere Übungsmöglichkeiten für Sie: + + + + + + + + + + + + + + + + + + + + + + + + + + + +Z-Ordnung + +Die Bezeichnung Z-Ordnung beschreibt die Anordnung von Objekten einer Zeichnung übereinander (Ebenen). Zum Beispiel wenn zwei Objekte sich überschneiden/überdecken Welches ist oben ? +Die zwei Befehle im Objekt-Menü +, oberste Ebene (die Pos 1 Taste) und unterste Ebene (die +Ende Taste), bringt das markierte Objekt auf die oberste Ebene oder auf die unterste +Ebene der Z-Ordnung. Zwei weitere Befehle, heben (Bild hoch) +und senken (Bild runter), hebt oder senkt das markierte Objekt um eine Stufe. +Zum Beispiel:"Bewege das Objekt an einem nichtmarkierten Objekt in der Z-Ordnung vorbei (Dazu zählen nur Objekte, die sich gegenseitig überdecken. + Wenn sich in der Mitte der Z-Ordnung nichts überlagert, bewirkt Bild hoch und Bild runter das gleiche wie die +Tasten Pos1 und Ende). + +Üben Sie diese Befehle durch Umkehren der Z-Ordnung an den Objekten unten. Bringen Sie die linke Ellipse nach oben +und die rechte Ellipse nach unten (in der Z-Ordnung): + + + +Eine sehr nützliche Auswahlhilfe ist die Tab Taste. Wenn nichts ausgewählt ist +benutzt es das unterste Objekt; andernfalls benutzt es das Objekt über dem(den) markierten Objekte(n) in Z-Ordnung. + Shift+Tab arbeitet genau anders herum. Es beginnt bei dem obersten Objekt und geht hinunter. + Da es so ist das die neu hinzugekommenen Objekte oben auf dem Stapel landen, wird das Letzte +Objekt,wenn vorher nichts markiert ist praktischerweise durch Drücken von Shift+Tab markiert. +Üben Sie Tab und Shift+Tab Tasten an dem Stapel Ellipsen oben. + + + +Verdeckte Objekte markieren und ziehen + +Was kann man tun, wenn ein benötigtes Objekt von einem anderen verdeckt wird ? +Es kann sein, das man das unterste Objekt sieht, weil das oberste Objekt (teilweise) durchsichtig ist. + Doch bei dem Versuch es auszuwählen, markiert man das oberste Objekt, welches man nicht braucht. + +Das ist die Situation, bei der Alt+Klick nützlich ist. Das erste Alt+Klick +markiert das oberste Objekt, genau wie ein gewöhnlicher Klick. Jedoch, das nächste +Alt+Klick an der gleichen Stelle wählt das Objekt unter dem Obersten. + Dann, das Objekt darunter u.s.w.. Auf diese Weise kommt man durch mehrere +Alt+Klick nacheinander, von ganz Oben nach ganz Unten, durch den gesamten Z-Ordungs Stapel von Objekten. + Wenn das unterste Objekt erreicht ist, wird durch das nächste +Alt+Klick natürlich wieder das oberste Objekt markiert. + +Das ist ja schön, aber was kann man mit einem markierten und verdeckten Objekt anfangen ? + Man kann es durch Tastaturbefehle verändern und man kann die Anfasser benutzen. + Aber, bei dem Versuch das Objekt selbst, zu ziehen wird automatisch wieder das oberste Objekt markiert + (Das ist zum Beispiel wie "Klicken-und-ziehen" funktioniert — es markiert das (oberste) +Objekt unter dem Cursor, dann zieht es das gewählte Objekt). Um Inkscape mitzuteilen das gerade gewählte + zu ziehen, ohne etwas anderes zu markieren, benutzt man Alt+ziehen. +Das bewegt das aktuell markierte Objekt, wohin man auch will. + +Benutzen Sie Alt+Klick und Alt+ziehen an den zwei braunen Objekten +unter dem transparent-grünem Rechteck: + + + + + + + +Schlusswort + +Dies ist das Ende der Grundlagen-Einführung. Das war lange noch nicht alles in Inkscape, aber +mit den hier vermittelten Techniken, sind Sie auf jeden Fall gut gerüstet um einfache und nützliche Grafiken + zu erstellen. Um kompliziertere Techniken zu lernen, üben Sie die Fortgeschrittenen-Einführung und weitere in +Hilfe > Einführungen. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-basic.es.svg b/share/tutorials/tutorial-basic.es.svg new file mode 100644 index 000000000..a852b08b0 --- /dev/null +++ b/share/tutorials/tutorial-basic.es.svg @@ -0,0 +1,479 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::BÁSICO + + + + + + + + + +Este tutorial demostrará los usos básicos de Inkscape. Este es un documento +regular de Inkscape que usted puede ver, editar, copiar, descargar o guardar. + + +El tutorial Básico cubre la navegación en canvas (pizarra), manejo de documentos, herramientas de formas básicas, técnicas de selección, transformación de objetos por medio del selector, agrupado, configuración de relleno y borde, alineación y orden-z. Para +visualizar otros temas más avanzados, ingrese al menú Ayuda. + + + + + +Configurando la pizarra + +Existen varias maneras para configurar la pizarra. Primero intentemos: +Ctrl+Flecha Teclas para desplazarse por la pizarra. (Puede intentar esto en este mismo documento) También es posible por medio del arrastre a través del botón intermedio de ratón. O también por medio de las barras de desplazamiento (presione Ctrl+B para visualizarlas o/u ocultarlas). La rueda del ratón también funciona para el desplazamiento de manera vertical; presione Mayus con la rueda para realizar desplazamientos horizontales. + + + +Acercar y alejar (Zoom) +La manera más sencilla de para activar el zoom es por medio de las teclas - y + (o +=). También puede emplear Ctrl+Click del botón central o +Ctrl+Click del botón derecha para acercamiento, Mayus+Click del botón central o +Mayus+Click del botón derecho para alejar, o rote la rueda del ratón junto con +Ctrl. O puede seleccionar en la parte inferior izquierda el campo de zoom que le permite ingresar el valor del porcentaje % para la visualización, luego presione Enter. Disponemos además de los anteriores métodos, la herramienta Zoom (Ubicada en la barra de Herramientas a la izquierda) la cual permite hacer un zoom alrededor de un aea por medio de un click sostenido alrededor de ella. + +Inkscape también conserva un historial de los niveles de zoom que ha usado en el trabajo, en la última sesión. Presione la tecla ` para ir al zoom previo o +Mayus+` para ir al siguiente. + + + + +Herramientas del Inkscape + +La barra vertical de herramientas sobre la izquierda muestra las herramientas de dibujo y edición de Inkscape. En la parte superior de la ventana, debajo del menú;, está la Barra de comandos con los botones de control general y la barra de contro, de herramientas con los controles que son especiales para cada herramienta. La barra de estado en la parte superior de la ventana mostrará consejos útiles y mensajes de como trabaja usted. + +Algunas operaciones están disponibles a través de atajos de teclado. Abra Ayuda > Teclas y ratón para observar la referencia completa. + + + +Creando y Administrando documentos + +Para crear un nuevo documento vacio, use File > New o presione +Ctrl+N. Para abrir un documento SVG existente, File > +Open (Ctrl+O). Para guardar, use File > Save +(Ctrl+S), o Save As (Mayus+Ctrl+S) +para guardar bajo un nuevo nombre. (Inkscape puede aún ser inestable, así que recuerde guardar a menudo!) + +Inkscape usa el formato SVG (Scalable Vector Graphics/Gráficos de Vectores Escalables) para estos archivos. SVG es un estandar abierto extensamente soportado por software gráficos. Los archivos SVG están basados en XML y pueden ser editados +con cualquier editor de XML (aparte de Inkscape, por supuesto). Además de SVG, +Inkscape puede importar y exportar muchos otros formatos (EPS, PNG) + +Inkscape abre una ventana aparte para cada documento. Usted puede navegar a través de ellas usando su manejador de ventanas (ejemplo por medio de Alt+Tab), o puede usar los atajos de Inkscape Ctrl+Tab, el cual haráa un ciclo a través de las ventanas de documentos. (Ahora cree un nuevo documento y cambie entre estos documentos para practicar.) + + + +Creando Formas +Es hora para algunas formas fantásticas! Haga Click sobre la herramienta Rectángulo (o presione F4) y haga click y arrastre, o en un nuevo documento o aquí: + + + +Como puede observar, los rectángulos por defecto se muestran azules, con un relleno azul y (delineado), +en parte transparente. Podemos observar como editarlos más adelante. Con otras herramientas, también podemos crear elipses, +estrellas y espirales: + + + +Estas herramientas son colectivamente conocidas como herramientas de formas. Cada forma que cree +muestran uno o más manejadores en forma de diamante; intente arrastrándolos +para observar como responden las formas. El panel de control para una herramienta de forma +es otra manera para transformar una forma; estos controles afectan a las formas actualmente seleecionadas +(i.e. aquellas que muestren los manejadores) y configure el por defecto que +aplicará a las formas recien creadas. + +Para deshacer su última acción, presione +Ctrl+Z. (O, si cambia de parecer, puede +rehacer la acción deshecha mediante Mayus+Ctrl+Z.) + + + + +Moviendo, Escalando, Rotando La herramienta más utilizada en Inkscape es +el Selector. Click en el botón más superior (con la forma de cursor) sobre la +barra de herramientas, o presione F1 o Barra Espaceadora. Ahora puede seleccionar +cualquier objeto en la pizarra. Click sobre el rectángulo de más abajo. + + + +Usted podrá observar que ocho manejadores en forma de flecha aparecen alrededor del objeto. +Ahora puede: + + +Mover los objetos al arrastralos. (Presione Ctrl para restringir movimientos a +horizontal y vertical.) + + +Escalar los objetos mediante el arrastrado de cualquier manejador. (Presione Ctrl para preservar el radio de alto/ancho original.) + + + +Ahora click en el rectángulo de nuevo. Los manejadores cambian. Ahora puede: + + + +Rotar los objetos mediante el arrastrado de los manejadores de las esquinas. (Presione Ctrl para restringir la rotación a pasos de 15 grados. Arrastre la marca en forma de cruz para la posición del eje de rotación.) + + +Inclinar (esquilar) los objetos mediante el arrastre de los manejadores no-esquinas. (Presione Ctrl para restringir inclinaciones a pasos de 15 grados.) + + +Mientras use el Selector, también podrá usar los campos de entradas numéricos en la barra de control (Sobre la pizarra) para configurar valores exactos para cordenadas (X y Y) y tamaño (W y H) de la selección. + + + +Transformación por medio del teclado + +Una de las características de Inkscape que lo diferencian de otros muchos editores vectoriales es su énfasis en la accesibilidad por teclado. Existe dificilmente algún comando o acción que +sea imposible realizar por teclado y la transformación no es la excepción. + +Usted puede usar el teclado para mover (teclas de flecha), escalar +(teclas < y >), y rotar (teclas [ +y ]) objetos. Las distancias por defecto de mover y escalar es de 2 px; con +Mayus, puede mover o escalar por 10 veces. Ctrl+> +y Ctrl+< escalan más y menos al 200% o 50% del original, +respectivamente. Por defecto la rotación es de 15 grados; con Ctrl, rota +por 90 grados. + +Más sin embargo considere como el más útil latransformaciones tamaño-pixel, invocada mediante el uso de Alt con la tecla de tranformación. Por ejemplo, Alt+flechas moverá la selección 1 pixel +en el zoom actual (i.e. por 1 pixel de pantalla, +no se confunda con la unidad px la cual es una uidad de medida SVG independiente del +zoom). Esto significa que si usted amplia, un Alt+flecha resultará un +movimiento absolutamente pequeño el cual aún se observa como si +empujase un pixel sobre su pantalla. Así esto es posible para posicionar objetos con presición +arbitaria simplemente mediante un acercamiento o alejamiento como lo requiera. + +Igualmente, Alt+> y Alt+< +escalan selecciones haciendola visibles en un tamaño de un pixel de pantalla, y +Alt+[ y Alt+] lo rotan de la manera más alejada del punto central +movido mediante un pixel de pantalla. + + + +Selecciones Multiples Puede seleccionar cualquier número de objetos +simultáneamente mediante Mayus+clicksobre los objetos deseados a selaccionar. O, puede +arrastrar alrededor de los objetos que requiere seleccionar; esto es llamado +Selección elástica. (El selector crea selcciones elásticas cuando se arrastra a desde un espacio vacio; sin embargo, si presiona Mayus antes de iniciar el arrastrado, Inkscape siempre creará la selección elástica.) Practique mediante la sección de todas las tres formas a continuación: + + + +Ahora, utilice selecciones elásticas (mediante arrastrado o Mayus+arrastrar) para seleccionar las dos elipses pero no el rectángulo: + + + +Cada objeto individual dentro de una selección muestra una señal de selección + — por defecto, un marco rectángular. Estos marcos hacen más sencillo el observar +que está selccionado y que no loo está. Por ejemplo, si selecciona ambas elipses +y el rectágulo, sin los marcos le sería muy difícil adivinar cual de las elipses +están seleccionadas y cuales no. + +Mayus+click sobre un objeto selccionado lo excluye de la selección. Seleccione los tres objetos de a continuación, después emplee Mayus+click para excluir ambas elipses de la selección, dejando solo +seleccionado el rectángulo. + +Presionando Esc deseleciona cualquier objeto selccionado. +Ctrl+A selecciona todos los objetos en la capa actual (si no ha creado capas, esto es lo mismo que todos los objetos en el documento). + + + +Agrupando + +Muchos objetos pueden ser combinados en un grupo. Un grupo +se comporta como un objeto sencillo cuando usted lo arrastra o lo transforma. adelante, los tres objetos +sobre la izquierda son independientes; los mismo tres objetos sobre la derecha son están agrupadas. Intente arrastrar +el grupo. + + + + + + + +Para crear un grupo, seleccione uno o más objetos y presiones +Ctrl+G. Para desagrupar uno o más grupos, seleccionélos y presione +Ctrl+U. Los mismo grupos pueden ser agrupados, así como cualquier otro objeto; +dichos grupos recursivos pueden ir atras en una profundidad arbitraria. Sin embargo, +Ctrl+U solo desagrupa el nivel superior de agrupación en una selección; necesitará presionar Ctrl+U repetidamente si quiere desagrupar completamente un grupo profundo dentro de un grupo. + +No tiene necesariamente que desagrupar, sin embargo, si desea editar +un objeto dentro de un grupo. Solo Ctrl+click sobre el objeto y este +será seleccionado y editable solo, o Mayus+Ctrl+click sobre varios objetos +(dentro o afuera de cualquier grupo) por múltiples selecciones sea cual sea la agrupación. +Intente mover o transformar las formas individuales en el grupo +(adelante a la derecha) sin desagrupar, entonces deseleccione y seleccione +el grupo normalmente para observar que continua aún agrupado. + + + +Relleno y borde + +Algunas funciones de Inkscape están disponibles vía dialogos. Probablemente la +forma más sencilla de pintar un objeto de algún color es abrir el dialogo -- desde el +menú de Objetos, selccione un objeto y click en un -- para pintarlo (cambia su color de relleno). + +Es más poderoso el dialogo de Relleno y Borde (Mayus+Ctrl+F). +Seleccione la forma de adelante y abra el dialogo de Relleno y Borde. + + + +Podrá observar que el dialogo posee tres pestañas: Relleno, Color de trazo y Estilo de +trazo. La pestaña Relleno le permite editar el relleno (interior) del objeto(s) seleccionado(s). +Usando el botón más abajo de la pestañ puede seleccionar los tipos de relleno, +incluyendo sin relleno (el botón con la X), color uniforme, así como gradientes lineales o radiales. +Para las siguientes formas, el botón de relleno uniforme será activado. + +Más abajo, puede observar una colección de selectores de color, cada +uno esta se encuentra en su propia pestaña: RGB, CMYK, HSL y Rueda. Considere el Selector de Rueda , donde +puede rotar el triángulo para escoger un matiz en la rueda, y después seleccione +una sombra que es el matiz del triángulo. Todos los selectores de color contienen un desplazador +para configurar el alfa (opacidad) de el/los objeto(s) seleccionado(s). + +Cuando selecciona un objeto, el selector de color es actualizado para mostrar su relleno y borde actual (para selecciones de múltiples objetos, el dialogo muestra su color promedio). Trabaje con estos ejemplos o cree sus propios: + + + +Usando la pestaña color de borde, remueva el borde +(reborde) del objeto, o asignele cualquier color o transparencia: + + + +La última pestaña Estilo de borde, le permite configurar el grosor y otros parámetros +del borde: + + + +Finalmente, en vez de un color uniforme, puede usar gradientes para +rellenos y/o bordes: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Cuando cambia de color uniforme a gradiente, el nuevo gradiente creado usa el color uniforme previo, presentandolo de opaco a transparente. CAmbie a la herramienta Gradiente +(Ctrl+F1) para arrastrar el manejador gradiente — +los controles conectads por líneas que defiene la dirección y longitud del gradiente. Cuando alguno de los manejadores de gradiente es seleccionado (Azul claro), el dialogo de relleno y el borde configura el color del manejador en vez de todo el color del objeto seleccionado. + +Otas manera conveniente para cambiar el color de un objeto es usando la herramienta Balde??? +(F7). Solo haga click dentro del dibujo con la herramienta y el color seleccionado será asignado al relleno del objeto seleccionado (Mayus+click asignará el color de borde). + + + +Duplicado, Alineación, Distribución + +Una de las operaciones más comunes es el duplicar un objeto +(Ctrl+D). El duplicado es colocadi exactamente debajo del original y es seleccionado, así, así se le posibilita el arrastrar mediante el ratón o las teclas de flechas. Para practicar, intente llenar la línea con copias de estos +cuadrados negros: + + + +Las opciones son, sus copias del cuadrado son colocados más o menos aleatoriamente. Este dialogo de Alineación (Ctrl+Mayus+A) es útil. Seleccione todos los cuadrados +(Mayus+click o arrastre una selección elástica), abra el dialogo y presione el botón "Centro en las equis horizontales", entonces el botán "Hacer espacios horizontales entre objetos iguales"(lea los mensajes de las herramientas). Ahora los objetos son alineados ordenada y distribuida equis-espacialmente. Estos son otros ejemplos de alineación y distribución: + + + + + + + + + + + + + + + + + + + + + + + + + + + +orden-Z + +El término orden-z se refiere al orden de apilado de los objetosen un gráfico, i.e dichos objetos están en la parte superior y son más oscuros que el resto. Los dos comandos en el menú Objetos, Llevar al Frente, +(la tecla Inicio) y Llevar al Fondo (la tecla Fin), moverá sus objetos seleccionados al nivel superior o al fondo de la capa del orden-z actual. Otros dos comandos, Arriba (PgUp) y Abajo (PgDn), podrán hundir o emerger la selección un sólo paso, +i.e. mueve el último objeto no seleccionado en el orden-z (sólo cuente objetos seleccionados; si nada superpone la selección, muévalo Arriba o Abajo hacia la parte superior o el fondo correspondiente). + +Practique usando estos comandos mediante el revertimiento del orden-z de los objetos de adelante, de esta manera que la elipse más a la izquierda está en el nivel superior y la elipse de más a la derecha está en el fondo: + + + +Una atajo de selección muy útil es la tecla Tab. +Si no hay nada seleccionado, este selecciona el objeto de más al fondo; de otra forma este selecciona el objeto debajo del objeto(s) seleccionado(s) en orden-z. Mayus+Tab trabaja a la inversa, iniciando desde el objeto en el nivel más superior y procede con los siguientes. LLos objetos que crea son agregados +al nivel superior de la pila, presionando Mayus+Tab con nada +seleccionado convenientemente seleccionará los últimos objetos que usted ha creado. +Practica con las teclas Tab y Mayus+Tab en la pila de elipse de abajo. + + +Seleccionando debajo y arrastrando seleccionados + +¿Qué hacer si el objeto que requiere está oculto tras otro objeto? +Usted podrí aún observar el objeto del fondo si el del nivel superior está +(parciamente) transparente, pero dando click en el selecionará el objeto superior, no el que usted requiere. + +Esto es para lo que Alt+click está hecho. Primero Alt+click selecciona el objeto superior como un sencillo click. sin embargo, el siguiente Alt+click en el mismo punto seleccionará el objeto de abajo del superior; el siguiente, el objeto bajo siguiente, etc. +Muchos Alt+clicks en una línea hará un ciclo, superior-al-fondo, a través de la pila de objetos en orden-z en el punto del click. Cuando el objeto del fondo es alcanzado, el siguiente Alt+click naturalmente, seleccionará el objeto más superior. + +Esto es bueno, pero una vez qe usted selecciona un objeto bajo-la-superficie, ¿Qué puede hacer usted con el?. Puede usar teclas para transformarlo y puede arrastrar los manejadores selección. Sin embargo, arrastrando sobre el objeto mismo deseleccionará +el objeto superior de nuevo (esto es como el click-y-arrastrado está diseñado para trabajar — este selecciona el objeto (superior) bajo el primer cursor, entonces arrastre la aselección). Para indicarle a Inkscape el arrastrar que está seleccionado ahora sin seleccionar nada más, use Alt+arrastrar. Esto moverá la selección sin importar donde arrastra usted el ratón. + +Practique Alt+click y Alt+drag sobre las dos formas cafés debajo del rectángulo verde transparente: + + + + + + + +Conclusión + +Así concluye el tutorial básico. Hay mucho más en el Inkscape, más sin embargo las técnicas descritas aquí ya le permitirán crear gráficos simples muy útiles. Para conceptos y utilidades más complicadas, vaya a través del tutorial Avanzado en Ayuda > Tutoriales. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-basic.fr.svg b/share/tutorials/tutorial-basic.fr.svg new file mode 100644 index 000000000..e80b661a3 --- /dev/null +++ b/share/tutorials/tutorial-basic.fr.svg @@ -0,0 +1,452 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::BASIQUE + + + + + + + + +Ce didacticiel présente les opérations de base d'Inkscape. C'est un document réalisé avec Inkscape que vous pouvez afficher, éditer et éventuellement sauver. + + +Le didacticiel basique aborde la navigation sur le canevas, la gestion des documents, les bases des outils de formes, la transformation d'objets à l'aide du sélecteur, les techniques de sélection, le groupement, les remplissages et contours, l'alignement et la superposition. Pour d'autres sujets, consultez les autres didacticiels dans le menu d'aide. + + + + + +Se déplacer sur le canevas + +Il existe plusieurs façons de se déplacer sur le canevas. Vous pouvez essayer le raccourci Ctrl+flèche pour vous déplacer dans ce document (essayez donc dès maintenant de faire défiler ce document vers le bas). Vous pouvez aussi vous déplacer à l'aide du bouton milieu de la souris ou utiliser les barres de défilement (Ctrl+B permet de les afficher ou non). La molette de la souris permet les déplacements verticaux, et même horizontaux en combinaison avec la touche Maj. + + + + + +Zoomer ou dézoomer + +Le moyen le plus simple est d'utiliser les touches - et + (ou =). Vous pouvez aussi zoomer avec Ctrl+clic-milieu ou Ctrl+clic-droit, et dézoomer avec Maj+clic-milieu ou Maj+clic-droit, ou bien utiliser la molette de la souris en tout en appuyant sur Ctrl. Vous pouvez aussi cliquer sur le champ de saisie (dans le coin en bas à gauche de la fenêtre), y entrer une valeur de zoom, et la valider en pressant la touche entrée. Enfin, il reste l'outil de zoom (dans la barre d'outils à gauche) qui vous permet de définir une région sur laquelle zoomer à l'aide de la souris. + + +Inkscape garde aussi en mémoire un historique des niveaux de zoom. Appuyez sur les touches ` pour y naviguer en avant et Maj+` en arrière. + + + + + +Les outils d'Inkscape + +La barre d'outils verticale à gauche affiche les outils de dessin et d'édition d'Inkscape. En haut de la fenêtre, sous les menus, la barre de commandes affiche les boutons des commandes générales tandis que la barre de contrôle des outils montre les contrôles spécifiques à chaque outil.La barre d'état en bas de la fenêtre affiche des indications et des messages utiles lors de votre session. + + +Beaucoup d'autres opérations sont disponibles via les raccourcis clavier. Pour consulter tous les raccourcis disponibles, ouvrez le menu Aide > Clavier et souris. + + + + + +Créer et gérer des documents + +Pour créer un nouveau document vide, utilisez Fichier > Nouveau ou appuyez sur Ctrl+N. Pour ouvrir un fichier SVG existant, utilisez Fichier > Ouvrir (Ctrl+O). Utilisez Fichier > Enregistrer (Ctrl+S) pour sauver ou Enregistrer sous (Maj+Ctrl+S) pour sauver sous un nouveau nom (Inkscape est encore en développement, n'oubliez pas d'enregistrer votre travail fréquemment !). + + +Inkscape utilise le format SVG (Scalable Vector Graphics) pour ses fichiers. Le format SVG est un standard ouvert largement utilisé par les logiciels de graphisme. Les fichiers SVG sont basés sur le format XML et peuvent être édités à l'aide de n'importe quel éditeur de texte ou XML (ou avec Inkscape, bien sûr). Inkscape peut aussi importer ou exporter plusieurs autres autres formats (EPS, PNG). + + +Inkscape ouvre une nouvelle fenêtre pour chaque document. Naviguez entre elles avec votre gestionnaire de fenêtre (ex. avec le raccourci Alt+Tab), ou utilisez le raccourci Ctrl+Tab, qui permet de circuler parmi les documents ouverts (créez dès maintenant un nouveau document et passez de celui-ci à ce document en guise d'exercice). + + + + + +Créer des formes + +Il est temps de passer aux formes! Cliquez sur l'outil Rectangle dans la barre d'outils (ou appuyez sur F4) et avec un cliquer-déplacer, créez un rectangle, soit dans un nouveau document vide, soit dans celui-ci : + + + + +Comme vous pouvez le voir, par défaut, les rectangles sont bleus, partiellement transparents et avec une épaisseur de contour de 1 pt. Nous allons bientôt voir comment changer cela. Avec les autres outils, vous pouvez aussi créer des ellipses, des étoiles et des spirales : + + + + +Ces outils sont les outils de formes. Chaque forme créée affiche une ou plusieurs poignées en forme de diamant; essayez de les déplacer pour voir comment la forme réagit. Pour chacun des outils de formes, la barre de contrôle fournit une façon supplémentaire de modifier la forme; ces contrôles affectent la forme sélectionnée (c'est à dire celle qui a ses poignées affichées) et définissent les paramètres par défaut qui s'appliqueront lors de la création de toute nouvelle forme. + + +Pour annuler votre dernière action, appuyez sur Ctrl+Z (ou si vous changez d'avis, vous pouvez refaire l'action annulée avec Maj+Ctrl+Z). + + + + + +Déplacer, redimensionner et tourner + +L'outil d'Inkscape le plus utilisé est le sélecteur. Cliquez sur le bouton tout en haut (celui avec la flèche) dans la barre d'outils (ou appuyez sur F1 ou sur la barre d'espace). Vous pouvez alors sélectionner n'importe quel objet sur le canevas. Exemple : cliquez sur le rectangle ci-dessous. + + + + +Vous devez voir apparaître huit poignées en forme de flèche autour des bords de l'objet. Vous pouvez maintenant : + + + + +Déplacer l'objet à la souris avec un cliquer-déplacer (appuyez sur Ctrl pour restreindre le mouvement à l'horizontale et à la verticale). + + + + +Redimensionner l'objet, en déplaçant une poignée (appuyez sur Ctrl pour préserver ses proportions). + + + + +Cliquez à nouveau sur le rectangle. Les poignées changent de forme. Vous pouvez maintenant : + + + + +Tourner l'objet en déplaçant une poignée de coin (appuyez sur Ctrl pour forcer une rotation par incréments de 15 degrés; déplacez la croix pour définir le centre de rotation). + + + + +Incliner l'objet en déplaçant une poignée autre que celle d'un coin (appuyez sur Ctrl pour forcer une inclinaison par incréments de 15 degrés). + + + + +Toujours avec le sélecteur, dans les champs numériques de la barre supérieure, vous pouvez définir précisément les coordonnées (X et Y) et la taille (L et H) de la sélection. + + + + + +Transformer à l'aide des raccourcis clavier + +Une des capacités d'Inkscape le distinguant d'autres éditeurs vectoriels est la possibilité d'utiliser le clavier de façon intensive. Il n'y a pratiquement pas d'action ou de commande qui ne soit pas accessible depuis le clavier, et la transformation d'objet ne fait pas exception. + + +Vous pouvez utiliser le clavier pour déplacer (flèches), redimensionner (< et >) et tourner ([ et ]) les objets. L'incrément par défaut de modification des dimensions et de déplacement est de 2 px; avec la touche Maj, l'effet est multiplié par 10. Ctrl+> et Ctrl+< redimensionnent respectivement de 200% et 50% par rapport à l'original. L'incrément de rotation par défaut est de 15 degrés; ou de 90 degrés si vous appuyez sur simultanément sur Ctrl. + + +Mais les transformations à l'échelle du pixel sont peut-être les plus utiles, obtenues par la combinaison de la touche Alt avec un raccourci. Par exemple, Alt+flèche déplace la sélection d'1 pixel, au zoom courant (c'est à dire d'un pixel sur l'écran, à ne pas confondre avec l'unité px qui est une unité SVG de longueur indépendante du zoom). Ceci implique que si vous zoomez plus, un raccourci Alt+flèche provoquera un mouvement absolu plus petit, correspondant toujours à un pixel à l'écran. Il est ainsi possible de positionner des objets avec une précision arbitraire simplement en zoomant ou dézoommant selon les besoins. + + +De même, Alt+> et Alt+< changent les dimensions de la sélection d'1 pixel à l'écran, et Alt+[ et Alt+] la tournent de telle façon que le point le plus éloigné du centre bouge d'un seul pixel à l'écran. + + + + + +Sélections multiples + +Avec Maj+cliquer, vous pouvez simultanément sélectionner plusieurs objets. Avec un cliquer-déplacerVous pouvez aussi définir une zone autour des objets; on appelle ceci une sélection par bande étirable (le sélecteur crée une bande étirable quand on commence un cliquer-déplacer sur une zone vide; mais si vous appuyez sur Maj avant de cliquer, Inkscape forcera la création d'une bande étirable). Entraînez vous avec les trois formes ci-dessous : + + + + +Maintenant, utilisez la bande étirable (déplacer ou Maj+déplacer) à titre d'exemple pour sélectionner les deux ellipses mais pas le rectangle : + + + + +Tout objet sélectionné affiche une marque de sélection — par défaut une boîte l'entourant en pointillés. Ceci permet de distinguer facilement ce qui est sélectionné de ce qui ne l'est pas. Si, par exemple, vous sélectionnez les deux ellipses et le rectangle ci-dessus, sans ces indications, il vous sera difficile de savoir si les ellipses sont bien sélectionnées ou non. + + +Maj+cliquer sur un objet sélectionné l'exclut de la sélection. Sélectionnez les trois objets ci-dessus, puis utilisez Maj+cliquer pour exclure les deux ellipses de la sélection, en n'y conservant que le rectangle. + + +Appuyer sur Esc désélectionne tous les objets sélectionnés. Ctrl+A sélectionne tous les objets du calque courant (si vous n'avez pas créé de calque, vous sélectionnerez tous les objets du document). + + + + + +Grouper + +Plusieurs objets peuvent être réunis dans un groupe. Un groupe se comporte comme un simple objet quand vous le déplacez ou le transformez. Ci-dessous, les trois objets de gauche sont indépendants; les trois mêmes objets de doite sont groupés. Essayez de les déplacer. + + + + + + + + +Pour créer un groupe, sélectionnez un ou plusieurs objets et appuyez sur Ctrl+G. Pour dégrouper un ou plusieurs groupes, sélectionnez-les et appuyez sur Ctrl+U. Les groupes peuvent eux-mêmes être groupés, comme n'importe quels autres objets; de tels groupes récursifs peuvent avoir une profondeur quelconque. Mais, Ctrl+U ne dégroupe que le dernier niveau de groupe de la sélection; vous devrez répéter Ctrl+U si vous voulez dégrouper complètement des groupes de groupes. + + +Cependant, vous n'avez pas nécessairement besoin de dégrouper pour éditer un objet au sein d'un groupe. Un simple Ctrl+cliquer sur cet objet permet de le sélectionner seul et de l'éditer, ou Maj+Ctrl+cliquer sur plusieurs objets (inclus ou non dans des groupes quelconques) pour une sélection multiple. Essayez de déplacer ou transformer sans les dégrouper les formes du groupe ci-dessus à droite, puis de les désélectionner, et resélectionnez le groupe normalement pour vérifier qu'elles sont toujours groupées. + + + + + +Remplissage et contour + +Beaucoup de fonctions d'Inkscape sont accessibles par des boîtes de dialogues. La façon la plus simple d'attribuer une couleur à un objet est d'ouvrir la boîte de dialogue Montres du menu Objet, sélectionner un objet et cliquer sur une montre (couleur) pour le peindre (modifier sa couleur de remplissage). + + +La boîte de dialogue Remplissage et contour (Maj+Ctrl+F) est plus puissante. Sélectionnez la forme ci-dessous et ouvrez la boîte de dialogue Remplissage et contour. + + + + +Vous constatez que la boîte de dialogue a trois onglets : Remplissage, Contour et Style de contour. L'onglet Remplissage permet d'éditer le remplissage (l'intérieur) de(s) objet(s) sélectionné(s). L'utilisation des boutons juste sous l'onglet vous permet de choisir le type de remplissage, incluant sans remplissage (le bouton avec un X), couleur uniforme, ou encore dégradé linéaire ou radial. Pour la forme ci-dessus, le bouton couleur uniforme devrait être activé. + + +Plus bas, vous pouvez voir la collection de sélecteurs de couleur chacun dans un onglet : RVB, TSL, CMJN, et Roue. Le plus pratique est peut-être la roue, dans laquelle vous pouvez tourner un triangle pour choisir une teinte sur la roue, puis une nuance dans le triangle. Tous les sélecteurs de couleur comportent une réglette pour définir l'alpha (opacité) de(s) objet(s) sélectionné(s). + + +Quand vous sélectionnez un objet, la boîte de dialogue Remplissage et contour est mise à jour pour afficher ses remplissage et contour courants (quand plusieurs objets sont sélectionnés, elle affiche la moyenne de leurs couleurs). Jouez avec les exemples ci-dessous ou créez les votres : + + + + +En utilisant l'onglet Contour, vous pouvez enlever le contour d'un objet ou lui attribuer n'importe quelle couleur ou transparence : + + + + +Le dernier onglet, Style de contour, vous permet de définir la largeur et les autres paramètres du contour : + + + + +Enfin, vous pouvez utiliser des dégradés au lieu de couleurs uniformes pour les remplissages comme pour les contours : + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Quand vous passez d'une couleur uniforme à un dégradé, le dégradé nouvellement créé utilise cette même couleur, allant d'opaque à transparente. Utilisez l'outil de Dégradé (Ctrl+F1) pour déplacer les poignées de dégradé — les poignées de contrôle connectées par des lignes qui définissent la direction et la longueur du dégradé. Quand l'une de ces poignées est sélectionnée (surlignée en bleu), la boîte de dialogue Remplissage et contour permet de définir la couleur liée à cette poignée à la place de la couleur de l'objet sélectionné. + + +Une autre façon pratique de changer la couleur d'un objet est d'utiliser l'outil Pipette (F7). Un simple cliquer n'importe où sur le dessin avec cet outil permet d'attribuer la couleur ainsi capturée au remplissage de l'objet sélectionné (Maj+cliquer l'attribuera à son contour). + + + + + +Duplication, alignement, distribution + +Une des opérations les plus courantes est la duplication d'un objet (Ctrl+D). Le dupliqué est placé juste au dessus de l'original et est sélectionné, vous permettant ainsi de le déplacer à la souris ou avec des raccourcis. Pour vous exercer, essayer de remplir la ligne avec des copies du carré noir ci-dessous : + + + + +Il y a des chances que vos copies du carré ne soient pas bien alignées. La boîte de +dialogue Aligner et distribuer (Ctrl+Maj+A) devient alors utile. Sélectionnez tous les carrés (avec Maj+cliquer ou une bande étirable), ouvrez la boîte de dialogue et appuyez sur le bouton "Centrer selon l'axe horizontal", puis sur "Distribuer des distances horizontalement entre les objets" (consultez les indications affichées quand la souris passe au-dessus des boutons). Les objets sont maintenant alignés et distribués de façon équidistante. Voici d'autres exemples d'objets alignés et distribués : + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Ordre-z (ou superposition) + +Le terme ordre-z correspond à l'ordre d'empilement des objets sur un dessin, les objets du dessus masquant les autres. Les deux commandes du menu Objet, Monter au premier plan (Début) et Descendre à l'arrière plan (Fin), feront passer les objets sélectionnés tout au dessus ou tout au fond dans la superposition des objets du calque courant. Deux autres commandes, Monter (Page Précédente) et Descendre (Page Suivante), les déplaceront d'un cran seulement, c'est à dire juste au-delà d'un objet non sélectionné (seuls les objets chevauchant la sélection comptent; si rien ne chevauche la sélection, Monter et Descendre la déplacent tout au dessus ou tout au fond respectivement. + + +Exercez-vous à l'utilisation de ces commandes en inversant la superposition des objets ci-dessous, de telle sorte que l'ellipse la plus à gauche soit tout au-dessus et la plus à droite tout au fond : + + + + +Un raccourci de sélection très utile est la touche Tab. Si rien n'est sélectionné, il sélectionne l'objet le plus au fond; sinon, il sélectionne l'objet juste au-dessus de l'objet sélectionné dans l'ordre-z. Maj+Tab fait l'inverse, commençant par l'objet tout au-dessus en allant vers le fond. Comme les objets que vous créez sont ajoutés au-dessus de la superposition, appuyer sur Maj+Tab quand aucun objet n'est sélectionné vous permettra de retrouver facilement le dernier objet que vous avez créé. Essayez Tab et Maj+Tab sur les ellipses superposées ci-dessus. + + + + + +Sélectionner en-dessous et déplacer + +Que faire si l'objet dont vous avez besoin est caché derrière un autre objet ? Vous pouvez encore voir l'objet en dessous si celui du dessus est (partiellement) transparent, mais en cliquant dessus, vous sélectionnerez l'objet du dessus, pas celui dont vous avez besoin. + + +Pour cela, il faut utiliser Alt+cliquer. Alt+cliquer sélectionne d'abord l'objet du dessus, comme un cliquer normal; mais le Alt+cliquer suivant au même endroit sélectionne l'objet juste en-dessous; et ainsi de suite. Donc, plusieurs Alt+cliquer à la suite vous permettront de naviguer du dessus vers le fond à travers la superposition de différents objets sous le pointeur de la souris. Quand l'objet du fond est sélectionné, un Alt+cliquer de plus sélectionne de nouveau l'objet du dessus. + + +D'accord, mais une fois l'objet recouvert sélectionné, qu'en faire ? Vous pouvez le transformer grâce aux raccourcis et déplacer ses poignées de sélection. Cependant, déplacer l'objet lui-même resélectionnera l'objet tout au dessus à nouveau (le cliquer-déplacer est conçu comme cela : d'abord sélectionner l'objet le plus haut juste sous le curseur puis déplacer la sélection). Pour demander à Inkscape de déplacer la sélection présente (éventuellement en-dessous d'autres objets) sans rien sélectionner d'autre, utilisez Alt+déplacer. Cela vous permettra de déplacer la sélection courante où que vous placiez la souris. + + +Essayez Alt+cliquer et Alt+déplacer sur les deux formes brunes sous le rectangle vert transparent : + + + + + + + +Conclusion + +Ceci conclut le didacticiel basique. Inkscape offre beaucoup d'autres fonctionnalités, mais les techniques décrites ci-dessus vous permettront déjà de créer des dessins simples mais utiles. Pour un usage plus avancé, consultez le didacticiel avancé dans Aide > Didacticiels. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-basic.ja.svg b/share/tutorials/tutorial-basic.ja.svg new file mode 100644 index 000000000..61ab8a538 --- /dev/null +++ b/share/tutorials/tutorial-basic.ja.svg @@ -0,0 +1,401 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::基本 + + + + + + + + +このチュートリアルは Inkscape の基本的な使用法について示している。これは Inkscape +正規のドキュメントであり閲覧、編集、複製、保存が可能である。 + + +この基本的なチュートリアルは、キャンバスの操作、書類の取り扱い、シェイプツールの基本、選択法、セレクタを用いてオブジェクトを変換すること、グループ化、フィルとストロークの設定、レイアウト、ｚ順序について記述している。さら進んだトピックについてはヘルプメニューのその他のチュートリアルを確認すること。 + + + + + +キャンバスのパン + +ドキュメントを表示しているキャンバスをパン（スクロール）する方法はいくつかある。Ctrl+arrow キーでキーボードからスクロールを行うことが出来る（このドキュメントを下にスクロールしてみるといい）。マウスの中ボタンでキャンバスをドラッグすることも出来る。またスクロールバー（ Ctrl+B で表示、非表示出来る）を使うこともできる。マウスの ホイール を使って垂直方向のスクロールを行うことも可能だ。Shift キーを押しながらマウスホイールを使うと水平方向にスクロールする。 + + + + +ズームインとズームアウト +ズームを行う最も簡単な方法は - と + (または = ) キーを押すことだ。; Ctrl+middle click か Ctrl+right click でズームイン、 Shift+middle click か Shift+right click でズームアウトすることもできるし、 Ctrl を押しながら、マウスホイールを使うこともできる。また、ズーム入力域（ドキュメントウインドウの左下の角）をクリックし、正確なズーム値を％で入力してエンターキーを押すこともできる。ドラッグした領域をズームすることのできるズームツール（左のツールバーにある）もある。 + +Inkscape はセッションでのズームレベルの履歴を保持している。 ` を押すと前のズーム状態に戻り、 Shift+` で次に進む。 + + + + +Inkscape のツール + +左側の垂直なツールバーには Inkscape の描画ならびに編集ツールを表示している。ウインドウの一番上、メニューの下に一般的なコマンドボタンのあるコマンドバー、そして各ツール固有のの入力域を表示するツールコントロールバーが配置されている。ウインドウの下にあるステイタスバーには作業に応じて有用なヒントとメッセージが表示される。 + +多くの操作がキーボードショートカットから利用できる。ヘルプ > キー／マウス　を開いて完全なリファレンスを見るといいだろう。 + + + +ドキュメントの作成と管理 + +新しい空のドキュメントを作成するにはメニュー、ファイル > 新規か Ctrl+N を押す。既存の SVG ドキュメントを開くには、メニューの ファイル > 開く (Ctrl+O) 。保存には、ファイル > 保存 ( Ctrl+S )、もしくは新しい名前を付けて保存する場合に 名前を付けて保存 (Shift+Ctrl+S)を使用する。(Inkscape はまだ不安定かもしれない、こまめに保存することをお忘れなく！) + + +Inkscape はファイルに SVG (Scalable Vector Graphics) フォーマットを使用している。SVG は広くグラフィックソフトウェアで使用されているオープンな標準である。SVG ファイルは、XML を基準としていてあらゆるテキストエディタと XML エディタで編集することができる（そう、Inkscape をはなれても）。Inkscape は SVG 以外のフォーマットを入力、出力することができる(EPS, PNG)。 + + +Inkscape はドキュメントごとに個別のウインドウを開く。複数のドキュメントはウインドウマネージャを使い操作することができる (例えば Alt+Tab を使って)、また Inkscape のショートカット、 Ctrl+Tab で全ての開いているドキュメントを巡回できる。（練習のためドキュメントの新規作成をして、このドキュメントと切り替えよ） + + + +シェイプの作成 +格好いいシェイプを作ってみよう！ ツールバーの矩形ツールをクリック（か F4 を押す）し、新しいドキュメントの中か、こ +こでクリックしてドラッグ： + + + +見ての通り、デフォルトの矩形は青く、黒いストローク（輪郭）で半透明だ。これがどう変わるかを見ていこう。他のツール、楕円、星型、らせんを作ってみよう + + + +これらのツールは総称シェイプツールとして知られている。各シェイプには一つ以上のひし形のハンドルがある；　このハンドルをドラッグしてシェイプがどう変るか見てみよう。シェイプのコントロールパネルはシェイプを調整するもう一つの方法だ；　コントロールは選択中のシェイプに効果がある（すなわち、ハンドルの表示されているシェイプ）、そして新しく作成したシェイプにはデフォルト値が適用される。 + + +最後に行った操作をアンドゥするには、 Ctrl+Z を押す。（そして、もしまた気が変ったなら、アンドゥした操作を Shift+Ctrl+Z を押すことでリドゥすることができる。） + + + + +移動、スケール、回転 +Inkscape で最もよく使われるツールはセレクタである。ツールバーの一番上にあるボタン（矢印の）をクリックする、または F1 か Space を押す。するとキャンバス上の全てのオブジェクトが選択可能になる。この矩形をクリックしてみよう。 + + + + +矢印型の８個のハンドルがオブジェクトの回りに表示される。ここで： + + +ドラッグしてオブジェクトの移動ができる。（ Ctrl を押すことで、移動を水平、垂直に限定できる） + + +ハンドルをドラッグしてオブジェクトのスケールができる。（ Ctrl を押すことで、元の縦横比を維持してスケールできる。） + + + +今一度矩形をクリックしよう。ハンドルが変るはずだ。ここで： + + + +角にあるハンドルをドラッグすることでオブジェクトを回転することができる。（ Ctrl を押すことで、回転を１５度ごとに限定できる。十字のマークをドラッグすることで回転の中心を移動できる） + + +角以外にあるハンドルでオブジェクトを歪める（せん断変形させる）ことができる。（ Ctrl を押すことで、変形を１５度ごとに限定できる。） + + + +セレクタの状態で、正確な座標（ＸとＹ）と大きさ（ＷとＨ）を入力するためにコントロールバーの数値入力域（キャンバスの上にある）を使うこともできる。 + + + +キーによる変形 + +Inkscape を他のベクタエディタと大きく隔てているのは、キーボード操作の重視である。キーボードから操作できないコマンドや操作はほとんど無い、そして変形も例外ではない。 + +キーボードからオブジェクトの移動（ arrow キー）、スケール（ < と > キー）そして回転（ [ と ] キー） が可能である。デフォルトの移動は 2px ごと； Shift を押すと１０倍で移動、スケールする。Ctrl+> と Ctrl+< でそれぞれ元の２００％、５０％で拡大縮小する。デフォルトの回転は１５度ごと； Ctrl を使うと９０度ごとに回転する。 + +しかし、もっとも有用なのは、 Alt キーと変形キーを用いて行うピクセル単位の変形だろう。例えば、 Alt+arrows は、選択したオブジェクトを、そのときのズーム状態で１ピクセル移動する(すなわち、１スクリーンピクセル、ズーム状態と関係ない SVG の長さの単位 px と混乱しないように)。こういうことだ、もしズームインした状態 Alt+arrow を実行すると画面上では１ピクセル動くが絶対量としてより小さい移動になる。したがって、ズームイン、ズームアウトを行うことで任意の精度でオブジェクトの位置決めを行うことができる。 + +同様に、 Alt+> と Alt+< で、選択したオブジェクトの見た目の大きさをスクリーンピクセルでスケールできる。また Alt+[ と Alt+] でオブジェクトの中心点から最も遠い点が、１スクリーンピクセル移動するだけ回転する。 + + + +複数選択 +Shift+click でいくつのオブジェクトでも同時に選択することができる。また、オブジェクトの周りを drag することでも選択することが可能; これはラバーバンド選択と呼ばれている（セレクタは何も無いところからドラッグを始めるとラバーバンドを作る； しかし、ドラッグを始める前に Shift を押すと常にラバーバンドが作られる）。下の３つのシェイプで練習せよ： + + + + +それでは、ラバーバンドを使って（ドラッグか Shift+drag で）矩形以外の +２つの楕円を選択してみよう： + + + + +選択されている各オブジェクトは、デフォルトで破線の矩形である選択キューを表示する。このキューは何が選択されていて何が選択されていないのかを一度に見るのに役立つ。例えば、もし２つの楕円と矩形を選択した場合、選択キューがないと楕円が選択されているかどうかを判断するのが難しいだろう。 + +選択したオブジェクトに対して Shift+click を行うとそのオブジェクトは選択から除外される。上の３つのオブジェクトを選択して、 Shift+click を３つの楕円に対して行うと、選択の中には一つの矩形だけが残される。 + +Esc を押すことで全てのオブジェクトを非選択にすることができる。 Ctrl+A で現在のレイヤーにある全てのオブジェクトを選択する（もしレイヤーを作成していない場合これはドキュメントの全てのオブジェクトを選択するのと同じである） + + + +グループ化 + +複数のオブジェクトを結合してグループにすることができる。グループはドラッグや変形をすると一つのオブジェクトのように振舞う。下の左の３つのオブジェクトは別個のもので、右の３つのオブジェクトはグループである。グループをドラッグしてみよ。 + + + + + + + + +グループを作るには、１つ以上のオブジェクトを選択して Ctrl+G を押す。グループを解除するには、選択してから Ctrl+U を押す。グループ自体も他のオブジェクトと同じようにグループ化される； このような再帰的グループ化は任意の深さにできる。しかし、 Ctrl+U は選択の最上位のグループのみを非グループ化する； 深くグループ化したグループを完全に非グループ化するには何度も Ctrl+U を押す必要がある。 + +しかし、もしグループ化されたオブジェクトの１つを編集したいのなら、非グループ化をする必要は無い。 Ctrl+click するだけで、オブジェクトを選択、単独で編集でき、 Shift+Ctrl+click で複数のオブジェクト（グループ内であれ外であれ）をグループ化を気にせず選択できる。グループ中の個々のオブジェクト（上図右）を非グループ化せずに移動や変形せよ、そして選択を解除してから普通にグループを選択してグループ化が維持されていることを確認せよ。 + + + +フィルとストローク + +Inkscapeの多くの機能はダイアログを利用している。おそらくオブジェクトに色をつける最も簡単な方法はオブジェクトメニューからスウォッチダイアログを開いて、オブジェクトを選択し、スウォッチをクリックして色を塗る（フィル色を変える）ことだろう。 + + +もっと有効なのはフィルとストロークダイアログを開くことだ（ Shift+Ctrl+F ）。 +下のシェイプを選択してフィルとストロークダイアログを開いてみよ。 + + + +このダイアログには３つのタブがある： フィル、ストロークペイント、ストロークスタイルだ。フィルタブは選択したオブジェクトのフィル（内部）を編集する。タブのすぐ下のボタンでフィルの有無（Ｘのボタン）とタイプ、単色、線形グラディエント、放射状グラディエントを選択できる。上のシェイプでは単色が有効になっている。 + +さらに下には、数種のカラーピッカがあるのが分かる。各ピッカはタブになっている：RGB、CMYK、HSL、そしてホイール。おそらくもっとも便利なのは３角形を回して色を選択し、三角形の中で彩度を選択するホイールだろう。全てのピッカはオブジェクトのアルファ値（不透明度）を 設定するためのスライダを備えている。 + +オブジェクトの選択をするとカラーピッカは現在のオブジェクトのフィルとストロークを表示するために更新される（複数のオブジェクトが選択されているばあい、平均の色が表示される）。以下のサンプルや、自分で作ったオブジェクトで試してみよ： + + + +ストロークペイントタブで、ストローク（輪郭）を取り除くことや色と透明度の設定ができる： + + + + +>最後のストロークスタイルタブでは、ストロークの幅とその他のパラメータを設定できる： + + + +最後に、フィルやストロークに単色に代えて、グラディエントを適用できる： + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +単色をグラディエントに切り替えるときに、新しく作成されたグラディエントはその前に使っていた色を不透明から透明に変化させている。グラディエントツールに切り替え（ Ctrl+F1 ）グラディエントハンドルをドラッグしてみよう。グラディエントツールではグラディエントの方向と長さを線によって連結されたコントロールが決めている。グラディエントハンドルを選択すると（青くハイライトされる）、 フィルダイアログとストロークダイアログは選択したオブジェクトの色に代えてハンドルで示した色を適用する。 + +他にオブジェクトの色を変える便利な方法としてドロッパーツール（ F7 ）もある。絵のどの部分でも click するだけで、抽出した色が選択中のオブジェクトのフィルに（Shift+click でストロークの色に）適用される。 + + + +複製、整列、配置 + +もっとも一般的な操作にオブジェクトの複製がある（ Ctrl+D ）。複製は正確に元のオブジェクトの上に位置し選択状態になってるので矢印キーやマウスでドラッグすることで移動できる。練習としてこの黒い正方形で線を描いてみよ： + + + +ちょうどいいことに、あなたがコピーした正方形はいくらか乱れて並んでいることだろう。ここでレイアウトダイアログが役に立つ（ Ctrl+Shift+A ）。すべての正方形を選択して（ Shift+click かラバーバンドを使う）、レイアウトダイアログを開き、「水平方向で中央に配置」ボタンを押し、さらに「オブジェクトの間隔を水平方向に等幅にして配置」ボタン（ボタンのツールティップを読む）。これでオブジェクトはきちんと位置が揃い等間隔に並ぶ： + + + + + + + + + + + + + + + + + + + + + + + + + + + +z順序 + +z順序はオブジェクトを描くときの重なりの順序を意味する、つまりどのオブジェクトが上になって他のオブジェクトを隠しているかである。オブジェクトメニューにある２つのコマンド、最前面へ（ Home キー）、最背面へ（ End キー）は選択したオブジェクトを現在のレイヤーのz順序の最前面、最背面に移動する。もう２つのコマンド、前面へ（ PgUp ）と背面へ（ PgDn ）は選択したオブジェクトを１つだけ前後に移動する、つまり選択していないオブジェクトを１つかわしていくということだ（もしなにも選択したオブジェクトを覆い隠していないときには前面へと背面へは最前面、最背面に移動を行う）。 + +これらのコマンドを使って左の楕円が一番上、右の楕円が一番下にくるように下のオブジェクトのｚ順序を反転せよ： + + + +Tab は非常に便利なショートカットキーである。もし何も選択されていない場合には一番下にあるオブジェクトを選択する；さもなければｚ順序でみて選択されたオブジェクトの上にあるオブジェクトを選択する。 Shift+Tab は逆に働く、最上位のオブジェクトから下に向かって働く。新しく作ったオブジェクトは一番上に重ねられるので、何も選択しないで Shift+Tab を押すことは最後に作ったオブジェク + + + +隠れているオブジェクトの選択とドラッグでの選択 + +他のオブジェクトの下にあって隠れているオブジェクトはどうやって選択したらいいのか？上のオブジェクトが（半）透明なら下のオブジェクトを見ることはできる、しかしクリックするとあなたが必要としていない上のオブジェクトが選択される。 + +ここで Alt+click の出番だ。はじめの Alt+click では普通のクリックと同じように１番上のオブジェクトが選択される。しかし、同じ場所で次の Alt+click を行うと１番上のオブジェクトの下にあるオブジェクトが選択される；次のクリックでは、その下。こうして Alt+click を何回か行うとクリックした点にあるオブジェクトのｚ順序の重なりを前面から背面に循環する。最下層のオブジェクトまで到達すると、次の Alt+click では自然にもう一度最上位のオブジェクトが選択される。 + +これは良いことだ、しかし表面にないオブジェクトを選択したとしてそれで何ができるのか？変形できるし、選択ハンドルをドラッグすることができる。しかし、オブジェクト自体のドラッグすると選択はリセットされ最上位のオブジェクトが選択される（これはクリック-アンド-ドラッグの設計がそうなってるため。選択をドラッグする場合カーソル位置の（最上位）のオブジェクトが選択されるのである）。Inkscapeに何かを選択せずに、今選択されているものをドラッグするよう知らせるには Alt+drag を使う。 こうすればマウスをどこでドラッグしても現在の選択を移動できるのである。 + +緑の半透明の矩形の中にある２つの茶色のシェイプで Alt+click と Alt+drag の練習をせよ: + + + + + + + +最後に + +これで基本チュートリアルを終わる。Inkscape にはもっと沢山の機能がある。しかしここで説明したテクニックですでに簡単かつ有用なグラフィックを作成することができるであろう。もっと複雑な作業については ヘルプ > チュートリアル から上級、その他のチュートリアルを実行するといいだろう。 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-basic.nn.svg b/share/tutorials/tutorial-basic.nn.svg new file mode 100644 index 000000000..a9212c847 --- /dev/null +++ b/share/tutorials/tutorial-basic.nn.svg @@ -0,0 +1,379 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::DET GRUNNLEGGJANDE + + + + + + + +Her er ei kort innføring i dei vanlegaste funksjonane i Inkscape. Dokumentet er eit heilt vanleg Inkscape-dokument, som du kan endra som du vil. + +Innføringa dekkjer flytting og forstørring av lerret og objekt, opning og lagring av dokument, figurverktøy, merking og omforming av objekt, snøggtastar, gruppering, fargar og figurfyll, samt objektjustering og z-ordning. Du finn òg fleire emne i dei andre innføringane tilgjengelege frå Hjelp-menyen. + + + + +Flytting av lerretet + +Det er mange måtar du kan flytta lerretet rundt på. Med tastaturet kan du trykkja Ctrl + piltastar. (Prøv gjerne dette no.) Du kan òg dra lerretet ved å halda inne midtre museknapp (rullehjulet) og flytta på musa. Ein tredje måte er å bruka rullefelta (trykk Ctrl + B for å visa eller skjula dei). Og har du eit rullehjul på musa kan du flytta loddrett med dette. Hald inne Shift for å flytta vassrett. + + + +Forstørring +Du kan lettast forstørra og forminska lerretet med - og +. Du kan òg bruka Ctrl + midtklikk eller Ctrl + høgreklikk for å forstørra, og Shift + midtklikk og Shift + høgreklikk for å forminska. Har du ei mus med rullehjul, kan du òg halda inne Ctrl og rulla med dette. Ein fjerde måte er å bruka forstørringsfeltet nede til venstre og skriva inn ein nøyaktig verdi, og ein siste måte er å bruka forstørringsverktøyet i verktøylinja til venstre. Berre dra ein boks rundt området du vil sjå nærare på. +I tillegg held Inkscape ein logg over dei forstørringsnivå du har brukt. Trykk ` for å gå til førre forstørringsnivå, og Shift + ` for å gå til neste. + + + +Inkscape-verktøy + +Den loddrette verktøylinja til venstre inneheld dei ulike teikne- og redigeringsverktøya, mens kommandolinja oppe inneheld generelle kommandoknappar, og kontrollinja under denne inneheld kontrollar for kvar av desse igjen. Statuslinja nede viser nyttige tips og meldingar når du arbeidar med dei ulike verktøya. + +Dei fleste operasjonane er òg tilgjengelege frå snøggtastar. Sjå Hjelp | Tastatur og mus for ei fullstendig oversikt. + + + +Opning og lagring av dokument + +Bruk Fil | Nytt eller trykk Ctrl + N for å laga eit nytt dokument, og Fil | Opna eller Ctrl + O for å opna eit gammalt. Lagra gjer du med Fil | Lagra (Ctrl + S), eventuelt med Fil | Lagra som (Ctrl + Shift + S) for å lagra under eit anna filnamn. (Inkscape er framleis ikkje 100 % stabil, så du bør lagra ofte!) + +Inkscape brukar SVG (Scalable Vector Graphics) som lagringsformat. SVG er ein open standard, og breitt støtta av andre biletprogram. SVG er basert på XML, og kan endrast med vanlege skriveprogram og XML-verktøy. Inkscape kan i tillegg importera og eksportera fleire andre filformat (blant anna EPS og PNG). + +Kvart dokument vert opna i eit eige vindauge, og du kan flytta mellom dei på vanleg måte (til dømes med Alt + Tab), eller ved å bruka Inkscape-snøggtasten Ctrl + Tab for å gå gjennom alle Inkscape-dokument. (Lag gjerne eit nytt dokument no, og øv deg på å byta fram og tilbake mellom dokumenta.) + + + +Teikning av figurar +På tide med litt teikning! Trykk på rektangelverktøyet i verktøylinja til venstre (eller trykk F4) og klikk og dra, anten i eit nytt dokument eller her: + + + +Som du ser er alle rektangla som standard blå, delvis gjennomsiktige og med eit 1 punkts breitt omriss. Me skal læra å endra på alt dette nedanfor. Du kan òg teikna ellipsar, stjerner og spiralar: + + + +Dette er alle dei forskjellige figurverktøya. Som du ser, har kvar figur du teiknar eitt eller fleire ruterforma kontrollpunkt. Prøv å dra i desse, og sjå kva som skjer med figuren. Verktøylinja oppe har òg nokre kontrollar du kan stilla for å endra på figuren på forskjellige måtar. Desse påverkar den merkte figuren (han med kontrollpunkta), og set standardverdiar for nye figurar. + +Du kan angra den siste endringa du har gjort ved å trykkja Ctrl + Z.Og viss du ombestemmer deg, kan du gjera om angringa ved å trykkja Shift + Ctrl + Z. + + + + +Flytting, skalering og rotering Det mest brukte Inkscape-verktøyet er objektveljaren. Vel den øvste knappen (pilknappen) i verktøylinja til venstre (eller trykk F1 eller mellomromstasten). No kan du merkja objekta på lerretet. Prøv å merkja firkanten nedanfor: + + + +Det dukkar no opp åtte pilforma kontrollpunkt rundt heile objektet, og du kan: + + +Flytta objektet ved å dra det. Hald inne Ctrl for å avgrensa til vassrett eller loddrett rørsle. + + +Skalera objektet ved å dra i eit av kontrollpunkta. Hald inneCtrl for å halda på det opphavlege høgd/breidd-forholdet. + + +Trykk på firkanten igjen. Kontrollpunkta vert no endra, og du kan: + + + +Rotera objektet ved å dra i hjørnepunkta. Hald inne Ctrl for avgrensa til 15 gradars rotering. Dra krossmerket for å velja midtpunktet for roteringa. + + +Vri objektet ved å dra i sidepunkta. Hald inne Ctrl for å avgrensa til 15 gradars vriing. + + +Du kan òg bruka talboksane øvst i vindauget for å velja nøyaktige koordinatar («X» og «Y») og storleik («B» og «H») for utvalet. + + + +Omforming med tastaturet + +Eitt område Inkscape skil seg frå dei fleste andre teikneprogramma på, er den omfattande støtta for snøggtastar. Det finst knapt ein einaste kommando du ikkje kan nå direkte frå tastaturet, og omformering av objekt er ikkje noko unntak. + +Du kan bruka tastaturet for å flytta (piltastane), skalera (< og +>)og rotera ([ og ]) objekt. Som standard vert objekta flytta og skalerte med 2 punkt, men held du inne Shift vert dei flytta og skalerte 10 gongar så mykje. Ctrl + +> og Ctrl + < skalerer opp eller ned 200 % eller 50 %. Som standard roterer du objekta 15 gradar, men du kan halda inne Ctrl for å rotera dei 90 gradar. + +Men kanskje det nyttigaste er pikselbaserte omformingar, som du gjer ved å halda inne Alt og bruka omformingstastane. Til dømes vil Alt + piltastane flytta utvalet 1 skjermpiksel ved gjeldande forstørring.Du vil altså flytta kortare ved høg forstørring enn ved låg. Du kan såleis plassera objekta så nøyaktig du vil, berre ved å forstørra inn eller ut. + +Tilsvarande vil Alt + +> og Alt + < skalera utvalet slik at den synlege storleiken vert endra med éin skjermpiksel, og Alt + [ og Alt +] skalera utvalet slik at det ytste punktet vert flytta éin skjermpiksel. + + + +Fleirmerking Du kan merkja fleire objekt samtidig ved å halda inne Shift når du trykkjer på dei. Eventuelt kan du dra rundt dei du vil merkja. Dette heiter gummistrikkmerking. (Objektveljaren lagar ein gummistrikk når du drar frå eit tomt område, men viss du held inne Shift før set i gang å dra, vil du alltid få ein gummistrikk.) Øv deg no på å merkja alle tre figurane nedanfor. + + + +Bruk no gummistrikken (ved å dra eller halda inne Shift og dra) for å merkja dei to ellipsane men ikkje rektangelet: + + + +På kvart objekt i eit utval kan du sjå eit lite utvalsmerke – som standard ei stipla linje rundt – øvst i venstre hjørne. Dette gjer det lett å sjå kva som er, og ikkje er, merkt. Det hadde til dømes vore vanskeleg å sjå om ellipsane ovanfor var merkte om òg rektangelet var merkt om du ikkje hadde hatt dette utvalsmerket. + +Du kan òg fjerna objekt frå utval ved å halda inne Shift og trykkja på dei. Prøv det no, ved å merkja alle dei tre objekta ovanfor, og bruk så Shift + klikk for å fjerna dei to ellipsane frå utvalet, slik at berre rektangelet er merkt. + +Du kan trykkja Escape for å fjerna all merking. Og for å velja alle objekta i gjeldande lag trykkjer du Ctrl + A. (Dette kan ta lang tid i store dokument som dette.) + + + +Gruppering + +Du kan setja saman fleire objekt til ei gruppe, og denne fungerer då som som eit einskildobjekt når du dreg eller formar ho om. Nedanfor er dei tre figurane til venstre einskildobjekt, mens dei tre til høgre er ei gruppe. Prøv å flytta på gruppa. + + + + + + + +Merk eitt eller fleire objekt og trykk Ctrl + G for å gruppera dei, og trykk Ctrl + U for å løysa opp éi eller fleire merkte grupper. Du kan òg gruppera grupper, akkurat som med andre objekt. Du kan ha mange grupper inni kvarandre, men Ctrl + U vil berre løysa opp den øvste grupperinga i utvalet. Ønskjer du å løysa opp ei djup «gruppegruppe» må du altså trykkja Ctrl + U mange gongar. + +Men du er ikkje nøydd til å løysa opp ei gruppe berre for å endra på dei grupperte objekta. Berre hald inne Ctrl og trykk på objektet for å merkja det, eller hald inne både Shift og Ctrl for å merkja fleire objekt (både inni og utanfor grupper). Prøv å flytta og forma om figurane i gruppa oppe til høgre utan å løysa opp gruppa. Fjern så merkinga, og trykk på gruppa igjen. Som du ser er objekta framleis grupperte. + + + +Fyll og strek + +Mange av funksjonane i Inkscape er tilgjengelege frå dialogvindauge. Den enklaste måten å fargeleggja eit objekt er å opna fargesamlingsdialogen frå Objekt | Fargesamlingar. Vel så eit objekt, og trykk på ein farge for å fargeleggja det. + +Men Fyll og strek-dialogen (Shift + Ctrl + F) er kraftigare. Vel figuren nedanfor, og opna Fyll og strek-dialogen. + + + +Som du ser har dialogvindauget tre faner: «Fyll», «Strekfarge» og «Strekstil». I «Fyll»-fana kan du redigera fyllet til (det indre av) dei merkte objekta. Ved å bruka knappane under fanelinja kan du byta mellom ingen fyll («X»-knappen), heildekkjande farge og lineær eller hjulforma fargeovergang. For ellipsen ovanfor vil knappen for heildekkjande farge vera vald. + +Lengre nede i dialogvindauget ser du fargeveljarane, kvar i si eiga fane: RGB (raud, grøn og blå), HSV (nyanse, metting og lysstyrke), CMYK (cyanblå, magentaraud, gul og svart) og fargehjulet. Sistnemnte er kanskje den fargeveljaren som er greiast å bruka. Du roterer trekanten for å velja fargenyanse, og vel vidare nøyaktig fargen inni trekanten. Alle fargeveljarane har òg ein glidebrytar for å velja gjennomsikt («alfaverdi»). + +Når du merkjer eit objekt, vert fargeveljaren fyllt med fargen og streken til objektet. (For fleire merkte objekt vert gjennomsnittsfargen vist.) Prøv deg fram no, og vel forskjellige fargar. Ta gjerne utgangspunkt i figurane nedanfor: + + + +I «Strekfarge»-fana kan du fjerna streken (omrisset) rundt objekt, eller endra fargen eller gjennomsikta: + + + +I den siste fanen, «Strekstil», kan du velja breidda og andre eigenskapar ved streken: + + + +Du kan òg laga fargeovergangar i staden for heildekkjande fargar, både for fyll og strek: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Når du går frå heildekkjande fargar til fargeovergangar, vil dei nye overgangane bruka same farge, men gå frå heildekkjande til gjennomsiktig. Byt til fargeovergangsverktøyet (Ctrl + F1) for å dra overgangspunkta – punkta som bind saman linjene som definerer retninga og lengda til overgangen. Når eit overgangspunkt er merkja, vil «Fyll og strek»-dialogen setja fargen til punktet i staden for fargen til heile objektet. + +Fargehentaren (F7) er ein siste, praktisk måte å endra fargane på. Berre klikk ein plass i teikninga med verktøyet, og fargen under peikaren vert brukt som fyllfarge for objektet (hald inne Shift viss du vil endra strekfargen). + + + +Kopiering, justering og fordeling + +Noko av det du kjem til å gjera mykje av, er å laga kopiar av objekt(Ctrl + D). Kopien vert plassert rett oppå opphavet, og du kan som vanleg flytta han med musa eller med piltastane. Prøv no å fylla linja under med kopiar av denne svarte firkanten: + + + +Truleg vart ikkje kopiane plasserte nøyaktig på rett linje. Her er «Juster og fordel»-dialogen (Ctrl + Shift + A) nyttig. Merk alle firkantane (Shift + klikk eller dra ein gummistrikk), opna dialogen og trykk «Sentrer vassrett» og «Fordel vassrett luft jamnt mellom objekt» (les verktøytipsa som dukkar opp når du held peikaren over knappane). Her er nokre fleire døme på justering og fordeling: + + + + + + + + + + + + + + + + + + + + + + + + + + + +Z-ordning + +Omgrepet z-ordning viser til rekkjefølgja objekta vert lagt oppå kvarandre i teikninga, altså kva objekt som ligg over og dekkjer andre. Dei to kommandoane Send fremst (Home) og Send bakarst (End) på Objekt-menyen flyttar objekta framfor eller bak alle andre objekt i det gjeldande laget. Du kan òg bruka Hev (Page Up) og Senk (PageDown) for å heva eller senka dei berre eitt steg, og altså flytta dei forbi eitt objekt i z-ordninga. Berre objekt som overlappar utvalet vert tekne omsyn til her. Til dømes vil Hev og Senk flytta utvalet heilt fremst eller bakarst i z-ordninga dersom ingen objekt overlappar utvalet. + +Øv deg no på å bruka desse kommandoane på objekta nedanfor, slik at ellipsen heilt til venstre vert liggjande øvst, og den heilt til høgre vert liggjande nedst: + + + +Ein veldig nyttig snøggtast når det gjeld objektmerking er Tab. Viss ingenting er merkt, vil han merkja det bakarste objektet. Elles vil han merkja objektet som ligg rett over utvalet i z-ordninga. Shift + Tab verkar motsett, og startar altså med det fremste objektet og arbeidar seg bakover. Sidan alle nye objekt vil leggja seg fremst, vil Shift + Tab merkja det objektet du teikna sist, så lenge ingen objekt er merkte. Øv deg no med Tab og Shift + Tab på ellipsane ovanfor. + + + +Merking og draging av underliggjande objekt + +Kva skal du gjera viss objektet du treng er skjult under eit anna objekt? Du ser kanskje det nedste objektet viss det over er (delvis) gjennomsiktig, men trykkjer du på det, vil du merkja det øvste objektet. + +Dette er kva Alt + klikk er her for. Alt + klikk merkjer først det øvste objektet, akkurat som eit vanlig objekt. Men neste gong du trykkjer Alt + klikk på same punkt, vil du merkja objektet under det øvste, gongen etter vil du merkja objektet under der igjen, og så vidare. Når du når det nedste objektet, vil Alt + klikk naturlegvis merkja det øvste objektet igjen. + +Dette er greitt nok, men kva kan du sjå gjera med eit underliggjande objekt du har merkja? Vel, du kan bruka snøggtastar til å forma det om, og du kan dra kontrollpunkta. Men dreg du objektet sjølv, vil dra det øvste objektet igjen. For å be Inkscape dra det objektet som no er merkt utan å merkja noko anna, ka du bruka Alt + dra. Dette vil flytta det gjeldande utvalet uavhengig av kor du plasserer peikaren. + +Øv no på Alt + klikk og Alt + dra på dei to brune figurane under det grøne, gjennomsiktige rektangelet: + + + + + + + +Konklusjon + +Dette var altså ei kort innføring i dei mest grunnleggjande funksjonane i Inkscape. Det finst mange fleire, men med det du har lært til no kan du klara å laga rett så flotte teikningar. Og er du interessert i å læra endå meir, finn du fleire innføringar under Hjelp | Innføringar. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-basic.ru.svg b/share/tutorials/tutorial-basic.ru.svg new file mode 100644 index 000000000..3d8c75596 --- /dev/null +++ b/share/tutorials/tutorial-basic.ru.svg @@ -0,0 +1,3036 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Этот учебник демонстрирует основы работы с Inkscape. Кроме того,это обычный документ Inkscape, который вы можете просматривать, редактировать и сохранять.Учебник первого уровня охватывает приемы прокрутки и масштабирования,экран Inkscape, инструменты рисования фигур, трансформацию объектов, выделение, группировку, заливку и штрих, выравнивание и распределение объектов. Более сложные темы см. в учебнике второго уровня в меню "Справка". + Прокрутка холста + Есть много способов проматывать рабочий холст документа.C клавиатуры используйте Ctrl+стрелки (попробуйте,например, Ctrl+вниз для прокрутки этого учебника). Кроме того,можно проматывать холст перетаскиванием средней кнопкой мыши.Можно также использовать полосы прокрутки (их можновключать/выключать клавишами Ctrl+B). Колесо мыши прокручиваетхолст по вертикали, а с нажатой клавишей Shift - по горизонтали. + Инструменты Inkscape + Панель в левой части окна содержит основные инструментыдля рисования и редактирования объектов. Верхняя панель(под меню) содержит элементы, специфичные для каждогоконкретного инструмента. На полосу состояния внизу окнавыводятся полезные подсказки и рабочие сообщения.Многие действия можно совершать при помощи клавиатуры.Полный справочник по клавишам можно вызвать через пункт меню Справка > Клавиатура и мышь. + + Изменение масштаба + Проще всего изменять масштаб клавишами - и + (или =). Такжеможно использовать щелчок средней клавишей мыши (shift+щелчокуменьшает масштаб), или вращение колеса мыши с нажатойклавишей Ctrl. Еще можно ввести нужный масштаб в поле вводав левом нижнем углу окна и нажать Enter. И, наконец, на панелислева есть инструмент "Изменение масштаба", при помощи которогоможно изменять масштаб, обводя мышью нужную область. + Документы + Для создания нового документа используйте меню "Файл > Создать" или клавиши Ctrl+N. Чтобы открыть существующий документ, используйте "Файл > Открыть" (Ctrl+O). Чтобы сохранить, нажимайте Ctrl+S, или, чтобы сохранить с другим именем, Shift+Ctrl+S (помните: Inkscape все еще нестабилен; сохраняйтесь чаще!).Inkscape открывает отдельное окно для каждого документа.Переключаться между окнами можно командой менеджера окон(обычно это Alt+Tab), или командой Inkscape Ctrl+Tab, котораяциклически переключает рабочие окна (попробуйте сейчассоздать несколько документов и попереключаться между ними). + Создание фигур + Теперь пора и порисовать. Выберите инструмент "Прямоугольник" налевой панели (или нажмите F4) и нарисуйте прямоугольник - в новом документе или прямо здесь: + Как видите, по умолчанию прямоугольник закрашен синим, имеетконтур (штрих) толщиной в 1 pt и частично прозрачен. Ниже мы покажем, как это изменить. А пока попробуйте рисовать эллипсы,звезды и спирали с помощью трех других инструментов: + Перемещение, изменение размера и вращение + Чаще всего в Inkscape используется инструмент выделения (селектор). Щелкните мышью по самой верхней кнопке на панели инструментов (или нажмите F1 или пробел). Теперь щелкните по любому объекту на холсте. Например, по этому квадрату: + Вокруг объекта вы увидите восемь инверсных стрелок. Теперь выможете: + Рассмотренные 4 инструмента называются инструментамисоздания фигур. Каждая вновь созданная фигура имеет белые"ручки" в некоторых точках контура; подвигайте их, чтобы увидеть, как изменяется фигура. Верхняя панель содержит поля ввода дляточной настройки параметров фигуры. Они (так же как и "ручки") изменяют ту фигуру, которая в данный момент выделена, а также определяют параметры, с которыми создаются новые фигуры.Чтобы отменить последнее действие, нажмите Ctrl+Z (а если еще разпередумали, верните изменение клавишами Shift+Ctrl+Z). + Перетаскивать сам объект мышью (нажмите Ctrl, чтобы двигатьсястрого по горизонтали или вертикали).Изменять размер объекта, перетаскивая мышью любую из стрелок(нажмите Ctrl, чтобы сохранить исходное отношениеширины и высоты). + Щелкните по прямоугольнику еще раз. Вид стрелок изменится.Теперь можно: + Поворачивать объект мышью при помощи угловых стрелок (с нажатой Ctrl объект поворачивается на углы, кратные 15 градусам).Перекашивать объект с помощью не-угловых стрелок. + Одна из особенностей Inkscape, отличающая его от большинствадругих векторных редакторов - это упор на использование клавиатуры.Вряд ли можно найти команду, которую невозможно выполнитьпри помощи клавиатуры, и трансформация объектов - не исключение.При помощи клавиатуры вы можете перемещать объекты (клавиши сострелками), изменять их размер (клавиши < и >) и вращать их(клавиши [ и ]). По умолчанию размеры и координаты изменяются на 2 пункта; с нажатой клавишей Shift - на 20 pt. Ctrl+> и Ctrl+< изменяют размер в 2 раза. Угол вращения по умолчанию - 15 градусов;с клавишей Ctrl фигура поворачивается на 90 градусов.Особенно удобны пиксельные трансформации, которые включаются с клавишей Alt. К примеру, Alt+стрелки будут перемещать выбранныйобъект на 1 пиксел в текущем масштабе. Т.е. если увеличитьмасштаб, то Alt+стрелка вызовет меньшее абсолютное смещение,которое на экране будет по-прежнему выглядеть смещением ровнона 1 пиксел. Точно так же работают пиксельное изменение размера (Alt+> и Alt+<) и пиксельное вращение (Alt+[ и Alt+]). + Выделение нескольких объектов + Вы можете выделить мышью сразу несколько объектов (Shift+щелчокна каждом). Можно обвести мышью все объекты, которые вы хотитевыбрать; это так называемое "резиновое" (rubberband) выделение(селектор рисует "резиновый" прямоугольник вокруг объектов, еслиначать на свободном пространстве листа; с нажатой клавишей Shift выделение начинается в любом случае, даже если начинать с объекта).Попрактикуйтесь в выделении на этих трех фигурах: + Теперь, используя "резиновое" выделение (без или с клавишей Shift), попробуйте выделить эллипсы, не выделяя прямоугольник под ними: + Заливка и штрих + Многие функции Inkscape доступны через диалоги. Все команды дляих открытия находятся в меню "Диалоги". Сейчас мы познакомимся сдиалогом "Заливка и штрих" (Shift+Ctrl+F) для изменения раскраскиобъекта. Выделите красный эллипс и откройте этот диалог. + Диалог содержит три вкладки: "Заливка", "Цвет штриха"и "Стиль штриха". Вкладка "Заливка" позволяет редактироватьокраску внутренней области фигуры. Используя кнопки внизувкладки, можно убрать окраску (кнопка со знаком Х), выбратьсплошную заливку, линейный или радиальный градиенты. Дляпоказанной выше фигуры выбрана заливка сплошным цветом.Ниже расположена панель выбора цвета, точнее - несколькопанелей, каждая на отдельной вкладке: "RGB", "HSV", "CMYK"и "Диск". Вероятно, самой удобной является "Диск", гдеможно выбрать тон цвета, вращая треугольник, а затем подобратьнасыщенность и яркость, перетаскивая маркер внутри треугольника. Все панели содержат ползунок для регулирования альфа-канала (прозрачности) объектов.Каждый раз, когда выделяется объект, в панели появляютсятекущие значения цветов. Поэкспериментируйте на этих примерах: + Используя вкладку "Цвет штриха", можно убрать штрих (контур) объекта или установить его цвет и прозрачность: + Последняя вкладка, "Стиль штриха", подволяет установить толщинуи другие параметры штриха: + И, наконец, вместо сплошной окраски, можно использоватьградиенты как для заливки, так и для штриха: + Дублирование, выравнивание и распределение + Одна из самых распространенных операций - дублирование объекта (Ctrl+D). Дубликат располагается точно над исходным объектом, становится выделенным, и можно сразу перемещать его мышью иликлавишами со стрелками. Для практики попробуйте выстроить в линиюдубликаты этого черного квадрата: + Вероятнее всего, копии квадрата после перетаскивания мышью стоят неровно. Здесь может оказаться полезным диалог "Выравнивание". Выберите все квадраты (Shift+щелчками, или обведя мышью), откройте диалог (из меню "Диалоги" или клавишами Shift+Ctrl+A) и нажмите эту кнопку на вкладке "Расставить":Теперь объекты распределены так, что горизонтальные интервалы между ними одинаковы. Вот другие примеры выравнивания и расстановки: + Z-порядок + Термин "Z-порядок" ("порядок по оси Z") относится к перекрыванию объектами друг друга на рисунке. Иначе говоря, Z-порядок определяет, какой объект находится выше и закрывает собой другие. Две команды в меню "Объект", "Поднять на передний план" (клавиша Home) и "Опустить на задний план" (клавиша End), поставят выделенные объекты на самую верхнюю или самую нижнюю позицию по оси Z. Две других команды, "Поднять" (PgUp) и "Опустить" (PgDn), опустят или поднимут выделенные объекты на один уровень относительно ближайшего невыделенного объекта (считаются только объекты, перекрывающие выделенные; если выделение ничем не перекрывается, оно будет поставлено на самую верхнюю или самую нижнюю позицию).Попрактикуйтесь в использовании этих команд, перевернув Z-порядокэтих эллипсов так, чтобы крайний левый эллипс оказался в самомверху, а крайний правый - в самом низу: + + Очень полезная клавиша для работы с выделениями - Tab. Если ничего не выделено, Tab выделяет самый нижний по оси Z объект; иначе Tab переключает выделение на объект, следующий непосредственно за выделенным объектом по оси Z. Shift-Tab работает в обратную сторону: начинает выделять с самого верхнего объекта и спускается вниз. Поскольку только что созданный объект становится самым верхним по оси Z, нажатие Shift-Tab в случае, если ничего еще не выделено, выделяет последний созданный объект. Проверьте работу клавиш Tab и Shift-Tab на эллипсах вверху. + + + + + Группировка + Можно объединить несколько объектов в группу. При перемещениии трансформации группа ведет себя как один объект. Левые три объектавнизу этого абзаца независимы; такие же объекты справа объединеныв группу. Попробуйте переместить группу. + Чтобы сгруппировать несколько объектов, нужно выделить их все и нажать Ctrl+G. Чтобы разгруппировать одну или несколько групп, выберите их и нажмите Shift+Ctrl+G. Сами группы можно объединять в группы, как и любые другие объекты; таким образом, группы могут быть рекурсивными с неограниченными уровнями вложенности. Shift+Ctrl+G отменяет только группирование верхнего уровня; нажмите Shift+Ctrl+G несколько раз, чтобы полностью разгруппировать все группы-в-группе.Не обязательно разбивать группу, если нужно отредактироватьодин объект из нее. Достаточно щелкнуть по объекту с нажатойCtrl (или Shift+Ctrl, если нужно отобрать несколько объектов), и можнобудет работать с объектом в группе отдельно. Попробуйте переместитьили трансформировать отдельные объекты группы из предыдущегопримера, не разъединяя ее, а потом снова выделите группу, чтобыубедиться, что объекты остались связанными. + Каждый выделенный объект показывает небольшой инверсный маркер в левом верхнем углу. Маркеры помогают легко видеть, какой объект выбран, а какой нет. К примеру, если выбрать оба эллипса и прямоугольник, то без маркеров трудно будет определить, выделены эллипсы или нет.Shift+щелчок на выделенном объекте исключает его из выделения. Выделите все три объекта вверху, а потом, используя Shift+щелчок, исключите эллипсы из выделения, оставив выделенным только прямоугольник.Нажатие Esc снимает любое имеющееся выделение. Ctrl+Aвыделяет все объекты в документе (это может занять значительноевремя, если документ большой - как, например, этот). + ::1 УРОВЕНЬ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Заключение + Учебник первого уровня завершен. Это лишь малая часть возможностей Inkscape, но и они уже позволяют создавать полезную графику. Описание более сложных вещей можно найти в учебнике второго уровня в меню Справка > Учебники. + Трансформация при помощи клавиатуры + Можно использовать поля ввода на верхней панели дляустановки точных значений координат (X и Y) и размеров (W и H)выделенных объектов. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/share/tutorials/tutorial-basic.sl.svg b/share/tutorials/tutorial-basic.sl.svg new file mode 100644 index 000000000..b0bf936e9 --- /dev/null +++ b/share/tutorials/tutorial-basic.sl.svg @@ -0,0 +1,437 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::OSNOVE + + + + + + + +V tem vodiču vam bomo predstavili osnove uporabe Inkscapa. To je običajen dokument, ki ga lahko odprete, spreminjate in shranjujete. + + +Osnovni vodič po Inkscapu zajema gibanje, približevanje, upravljanje z dokumenti, risanje oblik, spreminjanje predmetov, metode izbiranja predmetov, združevanje, nastavljanje polnila in obrisa, poravnave in prekrivanje. Za ostale teme si poglejte Napredni vodič v meniju Pomoč. + + + + + +Gibanje po platnu + +Po dokumentu se lahko gibate na mnogo načinov. S tipkovnico držite tipko Ctrl in pritiskate na smerne tipke Ctrl+smerne tipke. (Poskusite se sedaj tako premakniti navzdol.) Platno lahko povlečete s srednjim miškinim gumbom. Uporabite lahko tudi drsnike (pritisnite Ctrl+B, da jih pokažete ali skrijete). Miškin kolešček vas premika po navpični osi; hkratno držanje tipke Shift po vodoravni. + + + +Približevanje in oddaljevanje pogleda +Najlažji način je pritiskanje tipk +, - ali =. Uporabite lahko tudi Ctrl+srednji gumb ali Ctrl+desni gumb za približanje pogleda, Shift+srednji gumb ali Shift+desni gumb za oddaljitev podgleda, ali pa držite Ctrl in vrtite miškin kolešček. V spodnjem desnem kotu okna lahko stopnjo povečave tudi izberete ali vpišete v odstotkih. Končno pa imamo tudi orodje za Pogled (v levi orodjarni), s katerim lahko približate območje tako, da ga obkrožite. + +Inkscape si zapomni tudi zgodovino povečav, ki ste jih med delom uporabili. Pritisnite ` za premikanje skozi prejšnje povečave ali Shift+` za prejšnje bodoče. + + + + +Orodja v Inkscapu + +Navpična orodjarna na levi strani vsebuje orodja za risanje in urejanje. V gornjem delu zaslona, pod meniji najdete Vrstico ukazov s splošnimi funkcijami, in Vrstico orodja, ki prikazuje možnosti posameznega orodja. +Vrstica stanja na dnu okna med delom prikazuje uporabne nasvete +in sporočila. + +Mnogo dejanj lahko napravite s pomočjo kombinacij tipk na tipkovnici. Odprite Pomoč > Miška in tipkovnica za celoten spisek. (V naslednjem razdelku bomo s tipkovnico prilagajali pogled). + + + +Ustvarjanje in urejanje dokumentov + +Da ustvarite nov, prazen dokument, izberite Datoteka > Nova ali +pritisnite Ctrl+N. Da odprete obstoječ SVG dokument, izberite +Datoteka > Odpri. Za shranjevanje uporabite Datoteka > Shrani ali pritisnite Ctrl+S, za shranjevanje pod novim imenom pa Shrani kot (Shift+Ctrl+S). (Inkscape je še v razvoju, zato shranjujte pogosto!) + +Inkscape za zapis datotek uporablja obliko SVG (Scalable Vector Graphics - raztegljiva vektorska grafika). SVG je odprt in široko podprt standard. SVG datoteke temeljijo na XML jeziku in jih lahko odpremo tudi s katerimkoli urejevalnikom besedil. Razen SVG zna Inkscape uvažati in izvažati tudi v različne druge zapise (EPS, PNG). + +Inkscape odpre ločeno okno za vsak odprt dokument. Med njimi +se lahko premikate s svojim upravljalnikom oken (na primer z Alt+Tab), +ali pa uporabite Inkscapovo bližnjico Ctrl+Tab, ki omogoča kroženje +med odprtimi okni. (Za vajo poskusite ustvariti nov dokument in +preizkusite preklapljanje med njim in tem vodičem). + + + +Risanje likov +Čas za risanje! Iz orodjarne izberite orodje za pravokotnike (ali pritisnite +F4) in povlecite po platnu. To lahko storite kar tu ali pa v novem dokumentu: + + + +Kot vidite, so pravokotniki najprej modri, delno prosojni, z obrobo +široko 1 točko. Kasneje se bomo naučili to spremeniti, sedaj pa +raje poskusite narisati še kako elipso, zvezdo in spiralo: + + + +To so orodja za like. Vsak lik, ki ga narišete, ima vsaj eno ročico v obliki romboida; poskusite jih premikati, da vidite, kako se lik odziva. V zgornji orodjarni je nekaj nastavitev za vsako orodje. Tudi tu lahko prilagajate obliko. Te nastavitve spremenijo trenutno izbran lik (tisti z ročicami) in se shranijo za bodoče novoustvarjene like. + +Zadnje dejanje lahko razveljavite s pritiskom na Ctrl+Z. (Če se še enkrat premislite, lahko obnovite razveljavljeno dejanje s Shift+Ctrl+Z). + + + + +Premikanje, raztezanje, vrtenje +Najpogosteje uporabljano orodje v Inkscapu je Izbirnik. Kliknite +na najvišji gumb v orodjarni, tisti s puščico (ali pritisnite F1 ali +preslednico). Sedaj lahko izberete katerikoli predmet na platnu. +Kliknite na spodnji pravokotnik. + + + +Okrog predmeta se pojavi osem ročic v obliki puščic. Sedaj lahko: + + +Predmet premikate tako, da ga povlečete. (Držite Ctrl, da gibanje omejite na vodoravno in navpično. + + +Umerjate (spreminjate velikost) tako, da povlečete poljubno ročico (Držite Ctrl, da ohranite izvirno razmerje višine in širine) + + + +Ponovno kliknite na pravokotnik. Ročice se spremenijo. Sedaj lahko: + + + +Vrtite predmet tako, da vlečete ročice v kotih. (Držite Ctrl, da preskakujete po 15 stopinj. Povlecite križec iz središča, da premaknete os vrtenja.) + + +Z vlečenjem srednjih ročic, lahko predmet nagibate (Držite Ctrl, da omejite nagibanje na 15-stopinjske kote.) + + +Ko delate z izbirnikom, lahko uporabljate tudi vnosna polja v vrstici za orodja (nad platnom). Z njmi lahko natančno določite koordinate in velikosti izbranih predmetov. + + + +Urejanje s tipkovnico + +Inkscape je v primerjavi z drugimi programi za vektorsko risanje poseben, saj daje velik poudarek delu s tipkovnico. Skorajda vsako dejanje lahko opravite s kombinacijo tipk. Tudi preoblikovanja predmetov niso izjema. + +S tipkovnico lahko premikate (smerne tipke), umerjate +(< in >), in vrtite ([ +in ]) predmete. Premikanje in umerjanje je privzeto 2 px; s +Shift, premikate ali umerjate za 10 x več. Ctrl+> +in Ctrl+< enakomerno umerjata na 200% or 50% velikosti izvirnika. Privzeta vrtenja so po 15 stopinj; s Ctrl, vrtite po 90 stopinj. + +Verjetno najbolj uporabna pa so preoblikovanja po pikah, ki jih +opravljamo s pritiskom na Alt in ustrezne tipke. Na primer, +Alt+smerniki bo izbiro premaknilo za eno piko pri trenutni povečavi. +(oz. za eno zaslonsko piko, česar ne smete zamešati z enoto imenovano pika, ki je dolžinska enota SVG, neodvisna od povečave) To pomeni, da bo, če približate pogled, dejanski premik predmeta manjši, izgledal pa bo še vedno eno točko. Tako lahko premete postavljate z poljubno natančnostjo enostavno tako, da približujete pogled. + +Podobno bosta Alt+> in Alt+< raztegnila izbiro, tako da bo njen prikaz spremenjen za 1 točko, in Alt+[ in Alt+] zavrtela izbiro tako, da so bo od osi najbolj oddaljena točka premaknila za 1 točko. + + + +Širše izbiranje +Več predmetov hkrati lahko izberete tako, da držite Shift in klikate +nanje, ali pa povlečete Izbirnik okrog njih. Temu rečemo elastika. (Izbirnik naredi elastiko, če začnete vleči na prazni površini; če pred tem že držite Shift pa v vsakem primeru.) Poskusite izbrati naslednje tri predmete: + + + + +In sedaj uporabite elastiko (poteg ali Shift+poteg), da izberete obe +elipsi, ne pa tudi pravokotnika: + + + + +Vsak od izbranih predmetov pokaže oznako izbire, majhen romboid v zgornjem +levem kotu. Ta oznaka vam olajša pregled nad tem, kaj je izbrano +in kaj ne. Če bi, na primer, izbrali obe elipsi in pravokotnik, brez +teh oznak ne bi mogli ugotoviti ali sta elipsi izbrani. + +Če sedaj kliknete na predmet in ob tem držite Shift, ga izključite iz +izbire. Izberite vse tri gornje predmete, nato uporabite ta prijem, da izključite obe elipsi, tako da vam ostane izbran le še pravokotnik. + + +Če pritisnete Esc, ni več izbran noben predmet. Ctrl+A izbere vse predmete na trenutnem sloju (če niste ustvarili nobenih slojev, je to isto kot izbira vseh predmetov v dokumentu). + + + +Združevanje + +Več predmetov lahko združite v skupino. Skupina se nato obnaša kot +enoten predmet, če jo premikate ali preoblikujete. Spodnji levi trije predmeti so neodvisni; enaki trije predmeti na desni, pa so združeni. Poskusite premakniti skupino. + + + + + + + +Za združitev izberite enega ali več predmetov in pritisnite Ctrl+G. Za razdružitev ene ali več skupin jih izberite in pritisnite Ctrl+U. +Tudi skupine lahko združujete med seboj, tako kot ostale predmete. Za takšne rekurzivne skupine ni omejitve v globini, vendar pa bo razdruževanje učinkovalo le na zadnjo raven združevanja, zato boste morali večkrat pritisniti Ctrl+U, da boste do konca razdružili takšno globoko skupino v skupini. + + +Če želite spreminjati predmet znotraj skupine, vam je ni treba +razdruževati. Ctrl+kliknite na predmet, pa ga boste lahko +samostojno preoblikovali, ali pa Shift+Ctrl+clicknite na več +predmetov znotraj ali zunaj katerekoli skupine. Poskusite spreminjati +posamezne like zgoraj desno, ne da bi jih razdružili, nato pa poskusite +spet premakniti skupino. Opazili boste, da je še vedno povezana. + + + + +Polnjenje in obroba + +Mnogo Inkscapovih možnosti je dostopnih preko pogovornih oken. +Najlažji način za pobarvanje predmeta je, da odprete pogovorno okno Paleta v meniju Predmet, izberete željen predmet in kliknete na željeno barvo (tako mu spremenite barvo polnila). + +Več možnosti ponuja pogovorno okno Polnjenje in obroba. (Shift+Ctrl+F). Izberite spodnji lik in odprite pogovorno okno Polnjenje in obroba. + + + +Pogovorno okno ima tri zavihke: Polnilo, Barva črte in Slog črte. V prvem lahko nastavite barvo (notranjost) izbranega lika. Z gumbi pod zavihkom lahko izberete prazno (gumb z X-om), čisto barvo, ravne ali krožne prelive, polnjenje z vzorcem. Za zgornji lik bo izbran gumb za čisto barvo. + +Niže spodaj lahko vidite izbirnik barve - ali natančeje, zbirko raznih izbirnikov, vsakega v svojem zavihku: RGB, HSV, CMYK, Barvni krog. Najbolj udoben je barvni krog, kjer z vrtenjem trikotnika določite odtenek, nato pa še motnost tega odtenka. Vsi izbirniki imajo tudi drsnik za motnost predmetov. + +Kadarkoli izberete predmet se izbirnik barve nastavi na njegovo barvo polnila in obrobe (če izberete več predmetov, se nastavi na povprečne barve). Malce se igrajte z naslednjimi primeri ali naredite svojega: + + + +V zavihku za barvo črte lahko odstranite obrobo predmeta ali pa mu +določite barvo in prosojnost: + + + +Zadnji zavihek, Slog črte, vam omogoči nastavitev debeline črte in njene oblike: + + + +Namesto čistih barv lahko za oboje, obris in polnilo uporabite tudi prelive: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Ko preklopite s čistih barv na prelive, nov preliv uporabi prej določeno barvo, ki prehaja od povsem prosojne do povsem čiste. Preklopite na orodje za prelive (Ctrl+F1) in povlecite ročice preliva — vozlišči sta povezani z črto, ki določa smer in dolžino preliva. Ko je ročica preliva izbrana (modro osvetljena) se pogovorno okno Polnilo in obroba nastavi na barvo ročice, namesto na barvo celotnega predmeta. + +Naslednji priročen način določanja barve predmetom je Kapalka (F7). Kliknite z njo kamorkoli in barva pod njo bo določena izbranemu predmetu. (Shift+klik določi barvo obrobe). + + + +Podvojevanje, poravnavanje, razporeditev + +Zelo pogosto dejanje je podvojevanje predmeta (Ctrl+D). Dvojnik se pojavi natanko na mestu izvirnika in je takoj izbran, tako da ga lahko +z miško povlečete proč ali pa ga premaknete s smernimi tipkami. +Poskusite za vajo z dvojniki črnega kvadratka zapolniti vrsto: + + + +Morda dvojniki niso natančno poravnani. Zato pride prav pogovorno okno +Poravnava (Ctrl+Shift+A). Izberite vse kvadratke (Shift+click ali elastika), odprite pogovorno okno in pritisnite na ustrezen gumb v zavihku Porazdeli. Tu je še nekaj primerov poravnave: + + + + + + + + + + + + + + + + + + + + + + + + + + + +Prekrivanje + +Pojem prekrivanje pomeni zaporedje zlaganja predmetov v risbi, t.j. +kateri predmeti so nad drugimi. V meniju Predmet imate ukaze Dvigni na vrh (tipka Home), Spusti na dno (tipka End), ki izbrani predmet premakneta čez ali pod vse ostale. Druga dva ukaza sta še Dvigni (PgUp) in Spusti (PgDn), ki taisto naredita le za eno raven. Če noben predmet ne prekriva izbranega predmeta, bosta tudi ta dva ukaza predmet poslala do konca. + +Vadite te ukaze tako, da popolnoma spremenite urejenost spodnjih predmetov - naj bo skrajno leva elipsa na vrhu in skrajno desna na dnu: + + + +Zelo uporabna bližnjica je tabulator. Če ni izbran noben predmet, Tab izbere najnižji predmet v dokumentu, sicer pa naslednjega nad izbranim. Shift+Tab deluje v nasprotno smer, začenši z najvišjim in navzdol. Ker se novoustvarjeni predmeti pojavijo na vrhu, bo Shift+Tab izbral ravno zadnji ustvarjeni predmet. Vadite uporabo tabulatorja na zgornjem kupčku elips. + + + +Izbiranje pod in premikanje izbire + +------------------------------------ + +Kaj pa če je predmet, ki ga potrebujete, skrit za drugimi predmeti? Še vedno ga lahko vidite, če so zgornji predmeti (delno) prosojni, klik nanje pa bo vendarle izbral zgornji predmet, ne pa tistega, ki ga želite. + +Zato imamo Alt+klik. Prvi Alt+klik +izbere prvi predmet, tako kot običajni klik. Naslednji Alt+klik pa bo obenem izbral še predmet pod vrhnjim; naslednji klik predmet še nižje... Tako zaporedni Alt+kliki krožijo od vrha do dna, skozi celotno navpično ureditev predmetov na točki klikanja. Ko dosežete najnižji predmet vas naslednji Alt+klik seveda vrne nazaj na vrh. + +Toda kaj lahko počnemo s tako izbranim predmetom? Lahko ga preoblikujemo s tipkovnico in lahko upravljamo z izbiro. Vlečenje predmeta pa bo zopet izbralo najvišji predmet (ker je klikni-in-povleci tako pripravljen). Da bi Inkscapu povedali, naj premika zgolj tisto, kar je trenutno izbrano, uporabite Alt+poteg. S tem boste premaknili trenutno izbrane predele, ne glede na to, kje je miškin kazalec trenutno. + +------------------------------------------- + +Vadite Alt+klik in Alt+poteg na spodnjih dveh rjavih oblikah, pod zelenim prosojnim trikotnikom: + + + + + + + +Zaključek + +Tu zaključujemo Osnovni vodič. Inkscape zmore še veliko več, +kot smo vam pokazali tu, a že zgolj te metode vam omogočajo +ustvarjanje enostavnih, a zato uporabnih risb. Za zahtevnejše reči +si preberite še Napredni vodič pod Pomoč > Vodiči. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-basic.svg b/share/tutorials/tutorial-basic.svg new file mode 100644 index 000000000..9676a4d13 --- /dev/null +++ b/share/tutorials/tutorial-basic.svg @@ -0,0 +1,562 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::BASIC + + + + + + + +This tutorial demonstrates the basics of using Inkscape. This is a +regular Inkscape document that you can view, edit, copy from, or save. + + +The Basic Tutorial covers canvas navigation, managing documents, shape tool +basics, selection techniques, transforming objects with selector, grouping, setting fill +and stroke, alignment, and z-order. For more advanced topics, check out the other +tutorials in the Help menu. + + + + + +Panning the canvas + +There are many ways to pan (scroll) the document canvas. Try +Ctrl+arrow keys to scroll by keyboard. (Try this now to scroll this +document down.) You can also drag the canvas by the middle mouse +button. Or, you can use the scrollbars (press Ctrl+B to show or hide +them). The wheel on your mouse also works for scrolling vertically; +press Shift with the wheel to scroll horizontally. + + + +Zooming in or out +The easiest way to zoom is by pressing - and + (or +=) keys. You can also use Ctrl+middle click or +Ctrl+right click to zoom in, Shift+middle click or +Shift+right click to zoom out, or rotate the mouse wheel with +Ctrl. Or, you can click in the zoom entry field (in the bottom left +corner of the document window), type a precise zoom value in %, and press Enter. We also +have the Zoom tool (in the toolbar on left) which lets you to zoom into an area by +dragging around it. + +Inkscape also keeps a history of the zoom levels you've used in this work +session. Press the ` key to go back to the previous zoom, or +Shift+` to go forward. + + + + +Inkscape tools + +The vertical toolbar on the left shows Inkscape's drawing and editing tools. In +the top part of the window, below the menu, there's the Commands +bar with general command buttons and the Tool Controls +bar with controls that are specific to each tool. The status +bar at the bottom of the window will display useful hints and messages as +you work. + +Many operations are available through keyboard shortcuts. Open +Help > Keys and Mouse to see the complete reference. + + + +Creating and managing documents + +To create a new empty document, use File > New or press +Ctrl+N. To open an existing SVG document, use File > +Open (Ctrl+O). To save, use File > Save +(Ctrl+S), or Save As (Shift+Ctrl+S) +to save under a new name. (Inkscape may still be unstable, so remember to save +often!) + +Inkscape uses the SVG (Scalable Vector Graphics) format for its files. SVG is an open standard widely +supported by graphic software. SVG files are based on XML and can be edited with any +text or XML editor (apart from Inkscape, that is). Besides SVG, +Inkscape can import and export several other formats (EPS, PNG). + +Inkscape opens a separate document window for each document. You can navigate +among them using your window manager (e.g. by Alt+Tab), or you can use +the Inkscape shortcut, Ctrl+Tab, which will cycle through all open +document windows. (Create a new document now and switch between it and this document for +practice.) + + + +Creating shapes +Time for some nice shapes! Click on the Rectangle tool in the toolbar +(or press F4) and click-and-drag, either in a new empty document or +right here: + + + +As you can see, default rectangles come up blue, with a black stroke (outline), +and partly transparent. We'll see how to change that below. With other tools, you can +also create ellipses, stars, and spirals: + + + +These tools are collectively known as shape tools. Each shape you +create displays one or more diamond-shaped handles; try dragging +them to see how the shape responds. The Controls panel for a shape +tool is another way to tweak a shape; these controls affect the currently selected +shapes (i.e. those that display the handles) and set the default that +will apply to newly created shapes. + +To undo your last action, press +Ctrl+Z. (Or, if you change your mind again, you can +redo the undone action by Shift+Ctrl+Z.) + + + + +Moving, scaling, rotating The most frequently used Inkscape tool is +the Selector. Click the topmost button (with the arrow) on the +toolbar, or press F1 or Space. Now you can select +any object on the canvas. Click on the rectangle below. + + + +You will see eight arrow-shaped handles appear around the object. +Now you can: + + +Move the object by dragging it. (Press Ctrl to restrict movement +to horizontal and vertical.) + + +Scale the object by dragging any handle. (Press Ctrl to preserve +the original height/width ratio.) + + + +Now click the rectangle again. The handles change. Now you can: + + + +Rotate the object by dragging corner handles. (Press Ctrl to +restrict rotation to 15 degree steps. Drag the cross mark to +position the center of rotation.) + + +Skew (shear) the object by dragging non-corner +handles. (Press Ctrl to restrict skewing to 15 degree +steps.) + + +While in Selector, you can also use the numeric entry fields in the Controls bar +(above the canvas) to set exact values for coordinates (X and Y) and size (W and H) of +the selection. + + + +Transforming by keys + +One of Inkscape's features that set it apart from most other vector editors is its +emphasis on keyboard accessibility. There's hardly any command or action that is +impossible to do from keyboard, and transforming objects is no exception. + +You can use the keyboard to move (arrow keys), scale +(< and > keys), and rotate ([ +and ] keys) objects. Default moves and scales are by 2 px; with +Shift, you move or scale by 10 times that. Ctrl+> +and Ctrl+< scale up or down to 200% or 50% of the original, +respectively. Default rotates are by 15 degrees; with Ctrl, you rotate +by 90 degrees. + +However, perhaps the most useful are pixel-size +transformations, invoked by using Alt with the transform +keys. For example, Alt+arrows will move the selection by 1 pixel +at the current zoom (i.e. by 1 screen pixel, +not to be confused with the px unit which is an SVG length unit independent of +zoom). This means that if you zoom in, one Alt+arrow will result in a +smaller absolute movement which will still look like one-pixel +nudge on your screen. It is thus possible to position objects with arbitrary precision +simply by zooming in or out as needed. + +Similarly, Alt+> and Alt+< +scale selection so that its visible size changes by one screen pixel, and +Alt+[ and Alt+] rotate it so that its +farthest-from-center point moves by one screen pixel. + + + +Multiple selections You can select any number of objects +simultaneously by Shift+clicking them. Or, you can +drag around the objects you need to select; this is called +rubberband selection. (Selector creates rubberband when dragging +from an empty space; however, if you press Shift before starting to +drag, Inkscape will always create the rubberband.) Practice by selecting all three of +the shapes below: + + + +Now, use rubberband (by drag or Shift+drag) to select the two ellipses +but not the rectangle: + + + +Each individual object within a selection displays a selection +cue — by default, a dashed rectangular frame. These cues make it easy +to see at once what is selected and what is not. For example, if you select both the two +ellipses and the rectangle, without the cues you would have hard time guessing whether +the ellipses are selected or not. + +Shift+clicking on a selected object excludes it from the selection. +Select all three objects above, then use Shift+click to exclude both +ellipses from the selection leaving only the rectangle selected. + +Pressing Esc deselects any selected +objects. Ctrl+A selects all objects in the current layer (if you did +not create layers, this is the same as all objects in the document). + + + +Grouping + +Several objects can be combined into a group. A group +behaves as a single object when you drag or transform it. Below, the three objects on +the left are independent; the same three objects on the right are grouped. Try to drag +the group. + + + + + + + +To create a group, you select one or more objects and press +Ctrl+G. To ungroup one or more groups, select them and press +Ctrl+U. Groups themselves may be grouped, just like any other +objects; such recursive groups may go down to arbitrary depth. However, +Ctrl+U only ungroups the topmost level of grouping in a +selection; you'll need to press Ctrl+U repeatedly if you want to +completely ungroup a deep group-in-group. + +You don't necessarily have to ungroup, however, if you want to edit +an object within a group. Just Ctrl+click that object and it will be +selected and editable alone, or Shift+Ctrl+click several objects +(inside or outside any groups) for multiple selection regardless of +grouping. Try to move or transform the individual shapes in the +group (above right) without ungrouping it, then deselect and select +the group normally to see that it still remains grouped. + + + +Fill and stroke + +Many of Inkscape's functions are available via dialogs. Probably the +simplest way to paint an object some color is to open the Swatches dialog from the +Objects menu, select an object, and click a swatch to paint it (change its fill +color). + +More powerful is the Fill and Stroke dialog +(Shift+Ctrl+F). Select the shape below and open the Fill and Stroke +dialog. + + + +You will see that the dialog has three tabs: Fill, Stroke paint, and Stroke +style. The Fill tab lets you edit the fill (interior) of the +selected object(s). Using the buttons just below the tab, you can select types of fill, +including no fill (the button with the X), flat color fill, as well as linear or radial +gradients. For the above shape, the flat fill button will be activated. + +Further below, you see a collection of color pickers, each +in its own tab: RGB, CMYK, HSL, and Wheel. Perhaps the most convenient is the Wheel +picker, where you can rotate the triangle to choose a hue on the wheel, and then select +a shade of that hue within the triangle. All color pickers contain a slider to set the +alpha (opacity) of the selected object(s). + +Whenever you select an object, the color picker is updated to display its current +fill and stroke (for multiple selected objects, the dialog shows their +average color). Play with these samples or create your own: + + + +Using the Stroke paint tab, you can remove the stroke +(outline) of the object, or assign any color or transparency to it: + + + +The last tab, Stroke style, lets you set the width and other parameters +of the stroke: + + + +Finally, instead of flat color, you can use gradients for +fills and/or strokes: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +When you switch from flat color to gradient, the newly created gradient uses the +previous flat color, going from opaque to transparent. Switch to the Gradient tool +(Ctrl+F1) to drag the gradient handles — +the controls connected by lines that define the direction and length of the +gradient. When any of the gradient handles is selected (highlighted blue), the Fill and +Stroke dialog sets the color of that handle instead of the color of the entire selected +object. + +Yet another convenient way to change a color of an object is by using the Dropper +tool (F7). Just click anywhere in the drawing with +that tool, and the picked color will be assigned to the selected object's fill +(Shift+click will assign stroke color). + + + +Duplication, alignment, distribution + +One of the most common operations is duplicating an object +(Ctrl+D). The duplicate is placed exactly above the original and is +selected, so you can drag it away by mouse or by arrow keys. For practice, try to fill +the line with copies of this black square: + + + +Chances are, your copies of the square are placed more or less randomly. This is +where the Align dialog (Ctrl+Shift+A) is useful. Select all the squares +(Shift+click or drag a rubberband), open the dialog and press the +"Center on horizontal axis" button, then the "Make horizontal gaps between objects +equal" button (read the button tooltips). The objects are now neatly aligned and +distributed equispacedly. Here are some other alignment and distribution +examples: + + + + + + + + + + + + + + + + + + + + + + + + + + + +Z-order + +The term z-order refers to the stacking order of objects in a drawing, +i.e. to which objects are on top and obscure others. The two commands in the Object +menu, Raise to Top (the Home key) and Lower to Bottom (the +End key), will move your selected objects to the very top or very +bottom of the current layer's z-order. Two more commands, Raise (PgUp) +and Lower (PgDn), will sink or emerge the selection one step only, +i.e. move it past one non-selected object in z-order (only objects that overlap the +selection count; if nothing overlaps the selection, Raise and Lower move it all the way +to the top or bottom correspondingly). + +Practice using these commands by reversing the z-order of the +objects below, so that the leftmost ellipse is on top and the rightmost +one is at the bottom: + + + +A very useful selection shortcut is the Tab key. If nothing is +selected, it selects the bottommost object; otherwise it selects the object above the +selected object(s) in z-order. Shift+Tab works in reverse, +starting from the topmost object and proceeding downwards. Since the objects you +create are added to the top of the stack, pressing Shift+Tab with +nothing selected will conveniently select the object you created last. Practice +the Tab and Shift+Tab keys on the stack of ellipses +above. + + + +Selecting under and dragging selected + +What to do if the object you need is hidden behind another object? +You may still see the bottom object if the top one is (partially) +transparent, but clicking on it will select the top object, not the +one you need. + +This is what Alt+click is for. First Alt+click +selects the top object just like the regular click. However, the next +Alt+click at the same point will select the object below the top +one; the next one, the object still lower, etc. Thus, several +Alt+clicks in a row will cycle, top-to-bottom, through the entire +z-order stack of objects at the click point. When the bottom object is reached, next +Alt+click will, naturally, again select the topmost object. + +This is nice, but once you selected an under-the-surface object, what can you do +with it? You can use keys to transform it, and you can drag the selection +handles. However, dragging the object itself will reset the selection to the top object +again (this is how click-and-drag is designed to work — it selects the (top) +object under cursor first, then drags the selection). To tell Inkscape to drag what +is selected now without selecting anything else, use Alt+drag. +This will move the current selection no matter where you drag your mouse. + +Practice Alt+click and Alt+drag on the two brown +shapes under the green transparent rectangle: + + + + + + + +Conclusion + +This concludes the Basic tutorial. There's much more than that to Inkscape, but +with the techniques described here, you will already be able to create simple yet useful +graphics. For more complicated stuff, go through the Advanced and other tutorials in +Help > Tutorials. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-calligraphy.es.svg b/share/tutorials/tutorial-calligraphy.es.svg new file mode 100644 index 000000000..14e7e17b4 --- /dev/null +++ b/share/tutorials/tutorial-calligraphy.es.svg @@ -0,0 +1,548 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::CALIGRAFÍA + + + + + + + + +Una de las grandes herramientas disponibles en Inkscape es la herramienta de Caligrafía. Este tutorial le ayudará a conocer como trabaja la herramienta, o mejor aú demostrar alguna técnicas básicas del arte de la Caligrafía. + + + + +Historia y éstilos + +Dirigiéndonos a la definición del diccionario, caligrafía significa "escritura hermosa" o "escritura elegante o vistoza". Escencialmente, la caligrafí es el arte de hacer escritura a mano de manera hermosa o elegante. Esto puede sonar intimidante, pero con un poco de práctica, cualquiera puede ser un maestro en las bases de este arte. + + +Las primeras formas de caligrafía se remontan a los gráficos rupestres. Después del año 1440 D.C. y antes de la creación de la prensa de impresión, la caligrafía se encontraba en los libros y otras publicaciones que eran realizadas. +Un escriba tenía que realizar a mano cada copia de cada libro o publiciación. La +escritura a mano era realizada con una pluma y tinta hechas sobre vitelas o pergaminos. Los éstilos de letra usados a traés de esos años incluían: Rústico, Carolingio, Letraoscura, etc. Hoy en día el uso más común de la caligrafía son las invitaciones a bodas. + + +Existen tres tipos principales de caligrafía: + + + +Occidental o Roman + +Arabiga + +China u Oriental + + + +Este tutorial se enfoca fundamentalmente en la caligrafía Occidental, como los otros dos éstilos tienden al uso de la brocha (En vez de un esfero con mina), lo cual no se relaciona al funcionamiento actual de nuestra herramienta de Caligrafía. + + +Una de las grandes ventajas que tenemos sobre los escribas del pasado, es el comando +Deshacer: Si usted comete un error, no se daña toda la página . La herramienta Caligrafía de Inkscape permite algunas otras técnicas que no serían posibles con una pluma y tinta tradicional. + + + + +Hardware + +Obtendráa unos mejores resultados si usa una tableta y lápiz +(eje. Wacom). Sin embargo, por medio del ratón usted puede hacer algunos trazos caligráficos iniciales, piense que tendrá dificultad para producir trazos rápidos. + + +Inkscape no usa aún sensibilidad de presión de un lápiz de tabla, pero esto no es un problema, por que una pluma de caligrafía tradicional (diferente a una brocha) también no es muy sensible a la presión. La +pluma caligráfica de Inkscape puede ser sensible a la velocidad del +trazo (Observe "Adelgazar" más adelante), entonces si usa el ratón, probablemente deseará en ver este parámetro. + + + + +Opciones de la Herramienta de Caligrafía + +Cambie a la herramienta de caligrafía presionando Ctrl+F6 o dando click en su botón en la barra de herramientas. Sobre la barra de herramientas en la parte superior, podrá observar que hay 6 opciones: Ancho & Adelgazar; ángulo & Fijación; y Masa & Resistencia. + + + + + + + + + + + + + + + + 1.00 + + + + + + + + + Drag: + + 0.02 + + + + + + + + + Mass: + + 0.90 + + + + + + + + + Fixation: + + 30 + + + + + + + + + Angle: + + 0.10 + + + + + + + + + Thinning: + + 0.15 + + + + + + + + + Width: + + + Defaults + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Ancho & Adelgazar + +Este par de opciones controlan el ancho de la pluma. El ancho puede variar de 0 a 1 y es medido en unidades relativas al tamaño de su ventana de edición +pero independiente al zoom. Esto tiene sentido, por que la "unidad natural de medida" en la caligrafía es el rango del movimiento de su mano y esto es por lo tanto conveniente para tener el ancho de la punta de su pluma en un radio constante al tamaño de su "espacio de dibujo" y no en alguna unidad real la cual podría depender del zoom. + + +Desde que el ancho de la pluma sea cambiado a menudo, usted puede ajustarlo sin ir a la barra de herramientas, usando las teclas de flechas izquierda y derecha. Lo mejor de estas teclas es que trabajan de esta forma sólo mientras dibuja, así que puede cambiar el ancho de su pluma gradualmente en medio del trazo: + + +width=0.01, growing.... reaching 0.47, decreasing... back to 0 + +El ancho de la pluma puede depender de la velocidad, así siendo controlado mediante el parámetro adelgazar. Este parámetro puede tomar valores entre -1 y 1; cero significa que el ancho es independiente a la velocidad, valores positivos hacen los trazos rápidos más delgados , valores negativos hacen los trazos rápidos más amplios. El valor 0.1, por defecto significa adelgazamiento moderado de trazos rápidos. He aquí algunos pocos ejemplos, todos dibujados con ancho=0.2 y ángulo=90: + + +thinning = 0 (uniform width) thinning = 0.1thinning = 0.4thinning = -0.2thinning = -0.6 + +Para divertirse, configure Ancho y Adelgazar, ambos en 1 (máximo) y dibuje con movimientos accidentados para obtener naturalidad estratégicamente, como formas neuróticas: + + + + + + + +ángulo & Fijación + +Despué del Ancho, el ángulo es el parámetro caligráfico más importante. Este se refiere al ángulo de su pluma en grados, cambiando desde 0 (horizontal) hasta 90 (vértical en sentido anti-horario) o hasta -90 (vértical en sentido horario) : + + + + + + + + + + angle = 90 degangle = 30 (default)angle = 0angle = -90 deg + + + + + + + + + +Cada éstilo de caligrafía tradicional tiene su propio ángulo prevalente de pluma. Por ejemplo, el éstilo Unicial usa un ángulo de 25 grados. éstilos más complejos y experimentados pueden variar a menudo el ángulo, mientras dibuja e Inkscape hace esto posible mediante las teclas de flechas arriba y abajo, para lecciones de caligrafía para principiantes, sin embargo, manteniendo el ángulo constante trabajará mejor. He aquí ejemplos de dibujo de trazos de diferentes ángulos (con fijación = 1): + + +angle = 30angle = 60angle = 90angle = 0angle = 15angle = -45 + +Como podemos observar, el trazo es más delgado cuando es dibujado paralelo a su ángulo y es más amplio cuando se dibuja perpendicular a este. ángulos posítivos son más naturales y tradicionales para caligrafía con dibujo hecho con mano derecha . + + +El nivel de contraste entre el adelgazado y densidad, es controlada mediante el parámetro fijación. El valor 1 significa que el ángulo es siempre constante a como es configurado en el campo de ángulo. Disminuyendo la fijación le permite a la pluma girar un poco en contra de la dirección del trazo. Con fijación=0, la pluma rota libremente para ser siempre perpendicular al trazo y el ángulo no tiene más efecto: + + + + + + + angle = 30fixation = 1angle = 30fixation = 0.8angle = 30fixation = 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Hablando tipográficamente, la fijación máxima y por consiguiente el contraste del ancho máximo del trazo son las características (más adelante) de las fuentes antique serif, como las Times o Bodoni (por que estas fuentes son históricamente una imitación de la caligrafí de la pluma-arreglada). La fijación Cero y el ancho de contraste Cero (Arriba a la derecha), sobre la otra mano, sugiere la fuente actual Sans Serif, así como la Helvetica. + + + + + +Masa & Resistencia + +Diferente al ancho y al ángulo, estos dos últimos parámetros definen como "siente" la herramienta, más allá de como afectan su salida visual. A razón de esto en esta sección no habrán ilustraciones; en vez de esto intente usted mismo para poder tener una mejor idea de lo que hacen estos parámetros. + + +En física, la masa es la cusante de la inercia; A mayor masa de la herramienta de caligrafía de Inkscape, el trazo del contorno hecho a partir del ratón se retrazará más y realiza un mayor alisado de giros y tirones. Por defecto este valor es muy pequeóo (0.02) así que la herramienta es rápida y sensible, pero es posible incrementar la masa para obtener una pluma más lenta y alisada. + + +La Resistenacia es la resistencia del papel a los movimientos de la pluma. Por defecto está al máximo (1), y a medida que dismuniye el papel se hace más "deslizable": si la masa es grande, la pluma tiende a perderse en los giros de las curvas; si la masa es cero, la baja resisencia hace mover violentamente la pluma. + + + + +Ejemplos de caligrafía + +Ahora que ya posee las capacidades básicas de la herramienta, puede intentar producir algunas caligrafís reales. Si es usted nuevo en este arte, adquiera un buen libro de caligrafía y estudielo junto con el Inkscape. Esta sección le mostrará unos pocos ejemplos. + + +Primero que todo, para hacer letras, requiere crear un par de reglas para guiarse. Si usted va a escribir con éstilo inclinado o cursiva, agregue algunas guías inclinadas a través de las dos reglas, por ejemplo: + + + + +Entonces haga zoom de tal manera que la longitud entre las reglas corresponda al rango natural de su escritura, ajuste el ancho y el ángulo, y ¡aquí vamos! + + +Probablemente lo primero que puede hacer siendo un principiante es practicar los elementos básicos de las letras — barras horizontales y vérticales; contornos redondos, barras inclinadas. He aquí algunos elementos de las letras del éstilo Unicial. + + + + +Algunos trucos interesantes: + + + +Si siente comodidad sobre la tabla, no la mueva. En vez de eso, acomode la pizarra +(Ctrl+tecla de flecha) con su mano izquierda después de finalizar cada letra. + +Si su último contorno no está bien, tan sólo deshágalo +(Ctrl+Z). Sin embargo, si una forma es buena pero la posición o el tamaóo no son correctos, es mejor utilizar temporalmente el Selector +(Barra Espaceadora) y perfile/escale/rote de ser necesario (usando el ratón o las teclas), luego presione Barra Espaceadora de nuevo para retornar a la herramienta Caligrafía. + + +Habiendo realizado una palabra, cambie al selector de nuevo para ajustar las barras y espaceado entre letras uniformemente. No exagere con esto, sin embargo; la buena caligrafía debe conservar un éstilo similar. Resista la tentación de copiar letras y sus elementos; cada contorno debe ser original. + + + +Y aquí podemos observar alguno ejemplos completos: + + +Unicial handCarolingian handGothic handBâtarde handFlourished Italic hand + + + + + + +Conclusión + +La caligrafía no es sólo divertida; es además un arte espiritual que puede transformar su visión sobre todo lo que hace y puede ver. La herramienta de caligrafía de Inkscape puede servirle como una modesta introducción para este arte. Y aún +es muy divertido jugar jugar con ella y puede ser muy útil en el diseño real. ¡Disfrutela! + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-calligraphy.fr.svg b/share/tutorials/tutorial-calligraphy.fr.svg new file mode 100644 index 000000000..b7355aa66 --- /dev/null +++ b/share/tutorials/tutorial-calligraphy.fr.svg @@ -0,0 +1,480 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::CALLIGRAPHIE + + + + + + + + + +Un des nombreux outils d'Inkscape est l'outil calligraphie. Ce didacticiel vous aidera à découvrir le fonctionnement de cet outil, ainsi que les bases et techniques de l'art de la calligraphie. + + + + +Histoire et styles + +Par définition, la calligraphie signifie "belle écriture" ou "faculté d'écrire élégamment". La calligraphie est essentiellement l'art de former à la main de beaux caractères d'écriture. Cela peut sembler intimidant, mais avec un peu de pratique, n'importe qui peut maîtriser les bases de cet art. + + +Les premières formes de calligraphie apparaissent avec les peintures des hommes des cavernes. Et jusqu'à l'apparition de l'imprimerie, en 1440 environ, les livres et autres publications étaient calligraphiés. Un scribe devait transcrire à la main toute copie de livre ou publication. L'écriture se faisait avec une plume (d'oie) et de l'encre sur des matériaux tels que du parchemin ou du vélin. Les styles de lettrage utilisés au cours des âges incluent le Rustique, la minuscule Caroline, le Blackletter, etc. Les endroits les plus courants pour trouver des calligraphies aujourd'hui sont peut-être les faire-part de mariage. + + +Il existe trois principales familles de calligraphie : + + + + +Occidentale ou romane + + + + +Arabe + + + + +Chinoise ou orientale + + + + +Ce didacticiel se focalise principalement sur la calligraphie occidentale, étant donné que les deux autres styles nécessitent généralement un pinceau (au lieu d'une plume), qui ne fait pas encore partie des fonctions de notre outil de calligraphie + + +Un des grands avantages que nous avons sur les scribes du passé est la commande annuler. Si vous faites une erreur, la page entière n'est pas perdue. L'outil calligraphie d'Inkscape permet aussi des techniques qui ne seraient pas possible avec les plumes et encres traditionnelles. + + + + + +Matériel + +Vous obtiendrez de meilleurs résultats si vous utilisez une tablette graphique (ex. : une Wacom) avec un stylet. Mais vous pouvez obtenir des résultats décents avec une souris aussi, même s'il vous sera plus difficile de produire des tracés rapides réguliers. + + +Inkscape ne gère pas encore la sensibilité à la pression des tablettes graphiques, mais ce n'est pas un problème car les plumes traditionnelles (contrairement aux pinceaux) ne sont pas non plus très sensibles à la pression. La plume calligraphique d'Inkscape est par contre sensible à la vélocité du tracé (voir "Mincissement" plus bas), donc si vous utilisez une souris, vous préférez sans doute mettre ce paramètre à zéro. + + + + + +Options de l'outil Calligraphie + +Passez à l'outil calligraphie en appuyant sur Ctrl+F6 ou en cliquant sur son bouton dans la barre d'outils. Vous remarquerez alors 6 options dans la barre de contrôle : largeur & mincissement; angle & fixité; et masse & frottement. + + +1.00 + + + + + + Frottement :0.02 + + + + + + Masse :0.90 + + + + + + Fixité :30 + + + + + + Angle :0.10 + + + + + + Mincissement :0.15 + + + + + + Largeur :RAZ + + + + +Largeur et Mincissement + +Cette paire d'options contrôle la largeur de votre plume. La largeur peut varier entre 0 et 1 et est mesurée selon une unité relative à la taille de votre fenêtre d'édition, mais indépendante du zoom. Ceci prend son sens du fait que l'"unité de mesure" naturelle en calligraphie est l'amplitude du mouvement de votre main et il est donc pratique d'avoir votre largeur de plume en rapport constant par rapport à votre "plan d'écriture" et non pas en unités réelles, ce qui la ferait dépendre du zoom. + + +Comme la largeur de plume varie souvent, vous pouvez l'ajuster sans devoir utiliser la barre de contrôle, en utilisant les flèches gauche et droite. L'avantage de ces raccourcis est qu'ils fonctionnent même pendant que vous dessinez, de sorte que vous pouvez faire varier la largeur de votre plume progressivement pendant un tracé : + + +largeur=0.01, augmentant.... atteignant 0.47, diminuant... de nouveau à 0 + +La largeur de la plume peut aussi dépendre de la vélocité, et ceci est contrôlé par le paramètre mincissement. Ce paramètre peut prendre une valeur entre -1 et 1; zéro signifie que la largeur est indépendante de la vélocité, des valeurs positives font que des tracés plus rapides sont plus fins, des valeurs négatives font que des tracés plus rapides deviennent plus épais. La valeur par défaut de 0.1 implique un mincissement modéré des tracés rapides. Voici quelques exemples, tous tracés avec une largeur de 0.2 et un angle de 90° : + + +mincissement = 0 (largeur uniforme) mincissement = 0.1mincissement = 0.4mincissement = -0.2mincissement = -0.6 + +Pour vous amuser, donnez une valeur de 1 (maximale) à la largeur et au mincissement puis dessinez avec des mouvements brusques pour obtenir des formes étrangement naturelles, ressemblant à des neurones. + + + + + + + +Angle et Fixité + +Après la largeur, l'angle est le paramètre calligraphique le plus important. Il s'agit de l'angle de votre plume en degrés, allant de 0° (épaisseur de la plume à l'horizontale) à 90° (verticale en sens anti-horaire) ou -90° (verticale en sens horaire) : + + + + + + + + + + angle = 90°angle = 30° (par défaut)angle = 0°angle = -90° + + + + + + + + + +Chaque style de calligraphie traditionnelle possède son propre angle prédominant. Par exemple, l'écriture Unicial nécessite un angle de 25 degrés. Des styles plus complexes et des calligraphes plus expérimentés demanderont une variation de cet angle pendant un tracé, et Inkscape authorise ceci par l'appui sur les flèches haut et bas. Pour les débutants cependant, garder un angle constant sera plus approprié. Voici des exemples de tracés dessinés selon différents angles (fixité = 1) : + + +angle = 30°angle = 60°angle = 90°angle = 0°angle = 15°angle = -45° + +Comme vous pouvez le voir, le tracé est plus fin quand il est parallèle à l'angle, et plus épais quand il est perpendiculaire. Des angles positifs sont plus naturels et traditionnels pour une calligraphie tracée de la main droite. + + +Le niveau de contraste entre l'épaisseur et la finesse maximales est contrôlé par le paramètre fixité. Une valeur de 1 signifie que l'angle est toujours constant, égal à la valeur définie dans le champ angle. Diminuer la fixité permet à la plume de tourner légèrement dans la direction opposée au tracé. Avec fixité=0, la plume tourne librement pour être toujours perpendiculaire au tracé, et la valeur angle n'a plus d'effet : + + + + + + + angle = 30fixité = 1angle = 30fixité = 0.8angle = 30fixité = 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Typographiquement parlant, une fixité maximum et donc un contraste maximum de largeur de tracé (ci-dessus à gauche) sont les caractéristiques des antiques fontes serif, comme les Times ou Bodoni (parce que ces fontes étaient historiquement une imitation d'une calligraphie effectuée avec une plume orientée de façon fixe). De l'autre côté, une fixité nulle et donc un contraste de largeur nul (ci-dessus à droite) font plutôt penser à une fonte sans serif moderne, comme l'Helvetica. + + + + + +Masse et Frottement + +Contrairement à la largeur et à l'angle, ces deux dernier paramètres caractérisent "l'impression" laissée par l'outil plutôt que la façon dont il affecte le rendu visuel. Il n'y aura donc pas d'illustration dans cette section; à la place, essayez simplement par vous-même pour vous en faire une idée. + + +En physique, la masse est ce qui génère l'inertie; plus la masse de l'outil calligraphie d'Inkscape est importante, et plus celui-ci traîne derrière votre stylet (ou pointeur de souris) et lisse les changements de direction et mouvements brusques de votre tracé. Par défaut cette valeur est assez faible (0.02) de façon à ce que l'outil soit rapide et réactif, mais vous pouvez augmenter la masse pour obtenir une plume plus lente et douce. + + +Le frottement est la résistance du papier au mouvement de la plume. La valeur par défaut est au maximum (1), et diminuer ce paramètre rendra le papier glissant : si la masse est grande, la plume a tendance à partir dans des changements de directions brusques; si la masse est nulle, un frottement faible provoquera des tortillements incontrôlables de la plume. + + + + + +Exemples de calligraphies + +Maintenant que vous connaissez les possibilités de base de l'outil, vous pouvez essayer de produire de vraies calligraphies. Si vous êtes débutant dans cette discipline, procurez-vous un bon livre sur la calligraphie et étudiez-le avec Inkscape. Cette section vous montrera juste quelques exemples simples. + + +Tout d'abord pour tracer des lettres, vous avez besoin d'une paire de règles pour vous guider. Si vous devez avoir une écriture inclinée ou cursive, ajoutez aussi des guides inclinés en travers des deux règles horizontales. Par exemple : + + + + +Ensuite le zoom devra être réglé de telle sorte que la hauteur entre les règles corresponde à votre amplitude naturelle de mouvement de main. Ajustez les paramètres largeur et angle, et c'est parti ! + + +La première chose que vous devriez probablement faire en tant que calligraphe débutant est de vous entraîner à dessiner les éléments de base des lettres — des traits horizontaux et verticaux, des tracés ronds et des traits inclinés. Voici quelques éléments de lettres pour l'écriture Unicial : + + + + +Plusieurs astuces utiles : + + + + +Si votre main est confortablement installée sur la tablette, ne la déplacez pas. Faites plutôt défiler le canevas (touches Ctrl+flèche) avec votre main gauche après avoir fini chaque lettre. + + + + +Si votre dernier coup de plume est mauvais, annulez le (Ctrl+Z). Cependant, si sa forme est bonne, mais que la position et la taille doivent être légèrement rectifiées, il vaut mieux utiliser le sélecteur temporairement (espace) et opérer les déplacement/redimensionnement/rotation nécessaires (en utilisant la souris ou le clavier), puis appuyer sur espace de nouveau pour revenir à l'outil calligraphie. + + + + +Quand vous avez fini un mot, passez au sélecteur de nouveau pour ajuster l'uniformité des traits et l'inter-lettrage. N'en faites pas trop cependant; une belle calligraphie doit garder le côté légèrement irrégulier d'une écriture manuscrite; chaque coup de plume doit être original. + + + + +Et voici quelques exemples de lettrages complets + + +Ecriture UnicialEcriture carolingienne (minuscule Caroline)Ecriture GothiqueEcriture bâtardeEcriture italique florissante + + + + +Conclusion + +La calligraphie n'est pas seulement amusante; c'est un art profondément spirituel qui peut changer votre approche quant à ce que vous voyez et faites. L'outil calligraphie d'Inkscape ne peut servir que d'introduction modeste. Mais il est agréable d'utilisation et peut être utile pour des travaux concrets. Faites-vous plaisir ! + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-calligraphy.sl.svg b/share/tutorials/tutorial-calligraphy.sl.svg new file mode 100644 index 000000000..10f507ab0 --- /dev/null +++ b/share/tutorials/tutorial-calligraphy.sl.svg @@ -0,0 +1,627 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::KALIGRAFIJA + + + + + + + +Eno od mnogih imenitnih Inkscapovih orodij je kaligrafsko orodje. +Ta vodič vam bo pomagal pri spoznavanju z njegovimi funkcijami, ter vas uvedel +v osnove in tehnike kaligrafije. + + + + +Zgodovina in stili + +Po definiciji je kaligrafija "pisanje z lepimi, +čitljivimi črkami" oziroma "lepopisje". V splošnem pa lahko rečemo, da je kaligrafija +veščina lepega in elegantnega pisanja. To se morda sliši zahtevno, vendar lahko prav +vsak z nekaj vaje zaobvlada osnove te umetnosti. + + +Zgodnje oblike kaligrafije segajo v čas jamskega slikarstva in vse do +iznajdbe tiska (približno 1440 n.št.) je bila kaligrafija edini način, s +katerim so bile narejene knjige in druge publikacije. Vsak posamezen +izvod je moral pisar s peresom in črnilom ročno prenesti na pergament. +Pisali so v rustiki, karolinški minuskuli, gotici, itd. +Dandanes se kaligrafija v glavnem uporablja le še na raznih vabilih, +npr. vabilu na poroko. + + +Obstajajo trije glavni stili kaligrafije: + + + +zahodni oz. romanski + +arabski + +kitajski oz. orientalski + + + +Ta vodič se v glavnem osredotoča na zahodno kaligrafijo in le bežno +preleti druga dva stila, ki se, namesto k uporabi peresa, nagibata k +uporabi čopiča, česar pa naše orodje trenutno ne omogoča. + + +Pred pisarskimi mojstri iz preteklosti nam Scribus nudi eno veliko prednost: ukaz +Razveljavi; če naredite napako, vam to ne uniči večih ur dela. +Kaligrafsko orodje v Inkscapu prav tako omogoča nekatere tehnike, ki bi s +tradicionalnim peresom in črnilom ne bile mogoče. + + + + +Strojna oprema + +Najboljše rezultate boste dosegli z uporabo +grafične tablice in peresa (npr. Wacom). +Spodobno kaligrafijo boste ustvarili tudi z miško, vendar +boste imeli težave pri ustvarjanju hitrih krožnih potez. + + +Inkscape še ne uporablja občutljivosti na pritisk, ki jo omogočajo +nekatere grafične tablice, vendar to ni težava, saj je tradicionalno +kaligrafsko pero (v nasprotju s čopičem) skoraj neobčutljivo na pritisk. +Inkscapovo kaligrafsko pero je lahko občutljivo na hitrost poteze +(glejte Tanjšanje spodaj), zaradi česar boste ob uporabi miške ta +parameter verjetno želeli zmanjšati na 0. + + + + +Kaligrafsko orodje - opcije + +Na kaligrafsko orodje preklopite s kombinacijo tipk Ctrl+F6 ali s klikom +na gumb v navpični orodjarni. Na vodoravni orodni vrstici boste opazili 6 možnosti: +Širina, Tanjšanje, Kot, Stalnost, Masa in Upor. + + + + + + + + + + + + + + + + 1.00 + + + + + + + + + Drag: + + 0.02 + + + + + + + + + Mass: + + 0.90 + + + + + + + + + Fixation: + + 30 + + + + + + + + + Angle: + + 0.10 + + + + + + + + + Thinning: + + 0.15 + + + + + + + + + Width: + + + Defaults + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Širina & tanjšanje + +Ti dve možnosti nadzirata širino vašega peresa. Širina lahko variira +od 0 do 1 in se meri v enotah, ki so relativne glede na velikost vašega +delovnega okna, vendar neodvisne od povečave. Ker je v kaligrafiji +naravna "merska enota" obseg premika roke, je smiselno in pripravno +imeti širino peresa v konstantnem razmerju do velikosti vaše "risarske +deske" in ne v kaki realni enoti, ki bi bila odvisna od povečave. + + +Ker se širino peresa pogosto spreminja, jo lahko spremenite brez +uporabe orodne vrstice in sicer z uporabo desne in leve smerne tipke. +Najboljše pri teh tipkah je, da delujejo med samim risanje, kar pomeni, +da lahko širino peresa spreminjate postopno, med vlečenjem poteze: + + +width=0.01, growing.... reaching 0.47, decreasing... back to 0 + +Širina peresa pa je, glede na parameter tanjšanja, lahko odvisna tudi od +hitrosti. Ta parameter lahko zavzame vrednosti od -1 do 1, pri čemer +vrednost 0 pomeni, da je širina neodvisna od hitrosti, pozitivne vrednosti +naredijo hitrejše poteze ožje, negativne vrednosti pa naredijo hitrejše +poteze širše. Privzeta vrednost 0,1 pomeni tanjšanje hitrih potez. Tu je +nekaj primerov, pri vseh je širina = 0,2 in kot = 90 stopinj: + + +thinning = 0 (uniform width) thinning = 0.1thinning = 0.4thinning = -0.2thinning = -0.6 + +Za zabavo nastavite širino in tanjšanje na 1 (maksimum) in rišite s +sunkovitimi potezami, s čimer boste dobili presenetljivo naturalistične, +nevronske oblike: + + + + + + + +Kot & stalnost + +Za širino peresa je drugi najpomembnejši kaligrafski parameter kot, ki +predstavlja kot peresa in zavzema vrednosti od 0 (vodoraven) do 90 +(navpičen v obratni smeri urinega kazalca) ali do -90 (navpičen v +smeri urinega kazalca): + + + + + + + + + + angle = 90 degangle = 30 (default)angle = 0angle = -90 deg + + + + + + + + + +Vsaka tradicionalna kaligrafska pisava ima svoj prevladujoč kot peresa. +Tako na primer Uniciala uporablja kot 25 stopnj. Bolj kompleksne pisave +in bolj izkušeni kaligrafi pogosto spreminjajo kot med risanjem, kar +Inkscape omogoča s pritiski na smerni tipki gor in dol. Vendar pa je za +začetek kaligrafske lekcije najbolj primerna uporaba konstantnega kota. +Nekaj primerov potez, narisanih pod različnimi koti (stalnost = 1): + + +angle = 30angle = 60angle = 90angle = 0angle = 15angle = -45 + +Kot lahko vidite, je poteza najtanjša, ko je risana vzporedno s svojim +kotom, in najdebelejša, ko je risana pravokotno nanj. Za desničarje so +pozitivni koti najbolj naravni in zato tudi najbolj običajni. + + +Stopnjo kontrasta med najtanjšim in najdebelejšim delom določa +parameter Stalnosti. Vrednost 1 pomeni, da je kot vedno konstanten +in enak vrednosti, določeni v polju Kot. Zmanjševanje stalnosti +omogoči majhno rotacijo peresa proti smeri poteze. S stalnostjo 0 se +pero svobodno obrača in je vedno pravokotno na potezo, zaradi česar +kot nima nobenega učinka več: + + + + + + + angle = 30fixation = 1angle = 30fixation = 0.8angle = 30fixation = 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Tipografsko gledano sta največja stalnost in največji kontrast širine +poteze (zgoraj levo) značilnosti antičnih tipografij s serifi (npr. Times +ali Bodoni, ki sta že historično imitaciji kaligrafije s peresom). +Stalnost = 0 in ničelni kontrast širine (zgoraj desno) pa je značilnost +modernih tipografij brez serifov (npr. Helvetica). + + + + +Masa & upor + +Zadnja dva parametra, za razliko od kota in širine, definirata kako orodje "čuti" +in ne vplivata na njegov vizualni učinek. V tem delu ni nikakršnih +ilustracij; namesto tega maso in upor raje raziščite sami! + + +V fiziki masa povzroči inercijo (vztrajnost); večja Masa Inkscapovega +kaligrafskega orodja povzroči zaostajanje za miškinim kazalcem in bolj +zgladi ostre obrate in hitre sunke v potezi. Privzeta vrednost tega parametra je +precej majhna (0,02), tako da je orodje hitro in občutljivo, lahko pa +maso povečate in dobite počasnejše in bolj gladko pero. + + +Upor je odpor papirja na premikanje peresa. Privzeta vrednost je +največja (1), zniževanje tega parametra pa spreminja papir v bolj +"drsljivega", zato pri veliki masi in nizkem uporu pero zdrsne pri ostrih +obratih; če je masa = 0 in upor nizek, pero na široko vijuga. + + + + +Kaligrafski primeri + +Zdaj, ko poznate osnovne zmožnosti orodja, lahko s kaligrafijo +poizkusite sami. Če ste v tem novi, si priskrbite dobro kaligrafsko +knjigo ter jo predelajte z Inkscapom. Ta del vam bo pokazal nekaj +enostavnih primerov. + + +Na začetku je za pisanje črk potrebno ustvariti nekaj ravnil, po katerih se +boste ravnali. Če boste pisali v poševni pisavi, potrebujete tudi nekaj +poševnih smernic, npr.: + + + + +Nato povečajte platno, da bo višina med ravniloma ustrezala vašemu +najbolj naravnemu obsegu premika roke, prilagodite širino ter kot in… +Ustvarjajte! + + +Verjetno je prva vaja za kaligrafa začetnika risanje osnovnih elementov +črk – navpičnih in vodoravnih črt, okroglih oblik in poševnic. +Tu je nekaj črkovnih elementov za Unicialo: + + + + +Nekaj uporabnih nasvetov: + + + +Če imate roko udobno nameščeno na tablici, je ne premikajte. Namesto +tega z levico premaknite platno po vsaki črki, ki jo napišete (pritisnite +Ctrl+smerne tipke). + + +Če z vašo zadnjo potezo niste zadovoljni, jo razveljavite (pritisnite Ctrl+Z). +Če pa je oblika dobra, vendar odstopata položaj ali velikost, +začasno preklopite na orodje Izberi (pritisnite preslednico) in +premaknite, raztegnite ali zavrtite potezo kolikor je potrebno (z uporabo miške +ali tipk). Za vrnitev na kaligrafsko orodje ponovno pritisnite preslednico. + + +Ko napišete besedo, ponovno preklopite v orodje Izberi in prilagodite +enotnost in razmak med znaki. Vendar pa nikar ne pretiravajte. Dobra +kaligrafija mora do neke mere ohraniti videz ročne pisave. Uprite se +skušnjavi kopiranja črk in črkovnih elementov; vsaka poteza naj bo +originalna! + + + +Nekaj zaključenih črkovnih primerov: + + +Unicial handCarolingian handGothic handBâtarde handFlourished Italic hand + + + + + + +Zaključek + +Kaligrafija ni le zabava, temveč globoko duhovna veščina, ki lahko +spremeni vaš pogled na vse, kar delate in vidite. Inkscapovo +kaligrafsko orodje služi le kot skromno uvajanje v vse to. In čeprav se je +z njim lepo igrati, je lahko uporabno tudi v resničnem oblikovanju. Uživajte! + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-calligraphy.svg b/share/tutorials/tutorial-calligraphy.svg new file mode 100644 index 000000000..d854e87c1 --- /dev/null +++ b/share/tutorials/tutorial-calligraphy.svg @@ -0,0 +1,637 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::CALLIGRAPHY + + + +bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net + + + +One of the many great tools available in Inkscape is the Calligraphy tool. This tutorial +will help you become acquainted with how that tool works, as well as demonstrate some +basic techniques of the art of Calligraphy. + + + + +History and Styles + +Going by the dictionary definition, calligraphy means "beautiful +writing" or "fair or elegant penmanship". Essentially, calligraphy is the art of making +beautiful or elegant handwriting. It may sound intimidating, but with a little practice, +anyone can master the basics of this art. + + +The earliest forms of calligraphy date back to cave-man paintings. Up until roughly 1440 +AD, before the printing press was around, calligraphy was the way books and other +publications were made. A scribe had to handwrite every individual copy of every book or +publication. The handwriting was done with a quill and ink onto materials such as +parchment or vellum. The lettering styles used throughout the ages include Rustic, +Carolingian, Blackletter, etc. Perhaps the most common place where the average person +will run across calligraphy today is on wedding invitations. + + +There are three main styles of calligraphy: + + + +Western or Roman + +Arabic + +Chinese or Oriental + + + +This tutorial focuses mainly on Western calligraphy, as the other two styles tend to use +a brush (instead of a pen with nib), which is not how our Calligraphy tool +currently functions. + + +One great advantage that we have over the scribes of the past is the +Undo command: If you make a mistake, the entire page is not +ruined. Inkscape's Calligraphy tool also enables some techniques which would not be +possible with a traditional pen-and-ink. + + + + +Hardware + +You will get the best results if you use a tablet and pen +(e.g. Wacom). Thanks to the flexibility of our tool, even those with only a mouse can do +some fairly intricate calligraphy, though there will be some difficulty producing fast +sweeping strokes. + + +Inkscape is able to utilize pressure sensitivity and +tilt sensitivity of a tablet pen that supports these features. The sensitivity functions are disabled by +default because they require configuration. Also, keep in mind that calligraphy with a +quill or pen with nib are also not very sensitive to pressure, unlike a brush. + + +If you have a tablet and would like to utilize the sensitivity features, you will need +to configure your device. This configuration will only need to be performed once and +the settings are saved. To enable this support you must have the tablet plugged in +prior to starting inkscape and then proceed to open the Input Devices... +dialog through the File menu. With this dialog open you can choose the +preferred device and settings for your tablet pen. Lastly, after choosing those settings, switch +to the Calligraphy tool and toggle the toolbar buttons for pressure and tilt. From +now on, Inkscape will remember those settings on startup. + + +The Inkscape calligraphy pen can be sensitive to the velocity of +the stroke (see "Thinning" below), so if you are using a mouse, you'll probably want to +zero this parameter. + + + + +Calligraphy Tool Options + +Switch to the Calligraphy tool by pressing Ctrl+F6, pressing the C key, or by clicking on its toolbar button. On the top toolbar, you will +notice there are 6 options: Width & Thinning; Angle & Fixation; and Mass & Drag and two +buttons to toggle tablet Pressure and Tilt sensitivity on and off (for drawing tablets). + + + + + + + + + + + + + + + + 1.00 + + + + + + + + + Drag: + + 0.02 + + + + + + + + + Mass: + + 0.90 + + + + + + + + + Fixation: + + 30 + + + + + + + + + Angle: + + 0.10 + + + + + + + + + Thinning: + + 0.15 + + + + + + + + + Width: + + + Defaults + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Width & Thinning + +This pair of options control the width of your pen. The width can +vary from 0 to 1 and is measured in units relative to the size of your editing window, +but independent of zoom. This makes sense, because the natural "unit of measure" in +calligraphy is the range of your hand's movement, and it is therefore convenient to have +the width of your pen nib in constant ratio to the size of your "drawing board" and not +in some real units which would make it depend on zoom. + + +Since pen width is changed often, you can adjust it without going to +the toolbar, using the left and right arrow keys or with a +tablet that supports the pressure sensitivity function. The best thing about +these keys is that they work while you are drawing, so you can change +the width of your pen gradually in the middle of the stroke: + + +width=0.01, growing.... reaching 0.47, decreasing... back to 0 + +Pen width may also depend on the velocity, as controlled by the +thinning parameter. This parameter can take values from -1 to 1; +zero means the width is independent of velocity, positive values make faster strokes +thinner, negative values make faster strokes broader. The default of 0.1 means moderate +thinning of fast strokes. Here are a few examples, all drawn with width=0.2 and +angle=90: + + +thinning = 0 (uniform width) thinning = 0.1thinning = 0.4thinning = -0.2thinning = -0.6 + +For fun, set Width and Thinning both to 1 (maximum) and draw with +jerky movements to get strangely naturalistic, neuron-like shapes: + + + + + + + +Angle & Fixation + +After width, angle is the most important calligraphy +parameter. It is the angle of your pen in degrees, changing from 0 (horizontal) to +90 (vertical counterclockwise) or to -90 (vertical clockwise). Note that if you +turn tilt sensitivity on for a tablet, the angle parameter is greyed out and +the angle is determined by the tilt of the pen. + + + + + + + + + + angle = 90 degangle = 30 (default)angle = 0angle = -90 deg + + + + + + + + + +Each traditional calligraphy style has its own prevalent pen angle. For example, the +Unicial hand uses the angle of 25 degrees. More complex hands and more experienced +calligraphers will often vary the angle while drawing, and Inkscape makes this possible +by pressing up and down arrow keys or with a tablet that +supports the tilt sensitivity feature. For beginning calligraphy lessons, however, +keeping the angle constant will work best. Here are examples of strokes drawn at +different angles (fixation = 1): + + +angle = 30angle = 60angle = 90angle = 0angle = 15angle = -45 + +As you can see, the stroke is at its thinnest when it is drawn parallel to its angle, +and at its broadest when drawn perpendicular. Positive angles are the most +natural and traditional for right-handed calligraphy. + + +The level of contrast between the thinnest and the thickest is controlled by the +fixation parameter. The value of 1 means that the angle is always +constant, as set in the Angle field. Decreasing fixation lets the pen turn a little +against the direction of the stroke. With fixation=0, pen rotates freely to be always +perpendicular to the stroke, and Angle has no effect anymore: + + + + + + + angle = 30fixation = 1angle = 30fixation = 0.8angle = 30fixation = 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Typographically speaking, maximum fixation and therefore maximum stroke width contrast +(above left) are the features of antique serif typefaces, such as Times or Bodoni +(because these typefaces were historically an imitation of fixed-pen calligraphy). Zero +fixation and zero width contrast (above right), on the other hand, suggest modern sans +serif typefaces such as Helvetica. + + + + +Mass & Drag + +Unlike width and angle, these two last parameters define how the tool "feels" rather +than affect its visual output. So there won't be any illustrations in this section; +instead just try them yourself to get a better idea. + + +In physics, mass is what causes inertia; the higher the mass of +the Inkscape calligraphy tool, the more it lags behind your mouse pointer and the more +it smoothes out sharp turns and quick jerks in your stroke. By default this value is +quite small (0.02) so that the tool is fast and responsive, but you can increase mass to +get slower and smoother pen. + + +Drag is the resistance of the paper to the movement of the +pen. The default is at maximum (1), and lowering this parameter makes paper "slippery": +if the mass is big, the pen tends to run away on sharp turns; if the mass is zero, low +drag makes the pen to wiggle wildly. + + + + +Calligraphy examples + +Now that you know the basic capabilities of the tool, you can try to produce some real +calligraphy. If you are new to this art, get yourself a good calligraphy book and study +it with Inkscape. This section will show you just a few simple examples. + + +First of all, to do letters, you need to create a pair of rulers to guide you. If you're +going to write in a slanted or cursive hand, add some slanted guides across the two +rulers as well, for example: + + + + +Then zoom in so that the height between the rulers corresponds to your most natural hand +movement range, adjust width and angle, and off you go! + + +Probably the first thing you would do as a beginner calligrapher is practice the basic +elements of letters — vertical and horizontal stems, round strokes, slanted +stems. Here are some letter elements for the Unicial hand: + + + + +Several useful tips: + + + +If your hand is comfortable on the tablet, don't move it. Instead, +scroll the canvas (Ctrl+arrow keys) with your left hand after finishing +each letter. + +If your last stroke is bad, just undo it +(Ctrl+Z). However, if its shape is good but the position or size are +slightly off, it's better to switch to Selector temporarily (Space) and +nudge/scale/rotate it as needed (using mouse or keys), then press Space +again to return to Calligraphy tool. + + +Having done a word, switch to Selector again to adjust stem uniformity +and letterspacing. Don't overdo this, however; good calligraphy must retain somewhat +irregular handwritten look. Resist the temptation to copy over letters and letter +elements; each stroke must be original. + + + +And here are some complete lettering examples: + + +Unicial handCarolingian handGothic handBâtarde handFlourished Italic hand + + + + + + +Conclusion + +Calligraphy is not only fun; it's a deeply spiritual art that may +transform your outlook on everything you do and see. Inkscape's +calligraphy tool can only serve as a modest introduction. And yet +it is very nice to play with and may be useful in real design. Enjoy! + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-elements.es.svg b/share/tutorials/tutorial-elements.es.svg new file mode 100644 index 000000000..c6ef622e4 --- /dev/null +++ b/share/tutorials/tutorial-elements.es.svg @@ -0,0 +1,582 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::ELEMENTOS + + + + + + +Este tutorial demostrará los principios y elementos del diseño, los cuales son impartidos a estudiantes principiantes de artes, esto para entender varias propiedades usadas en la creación de arte. Esta no es una lista exhaustiva, así que por favor agregue, sustriaga y combine para hacer este tutorial más completo. + + + +ElementsPrinciplesColorLineShapeSpaceTextureValueSizeBalanceContrastEmphasisProportionPatternGradationCompositionOverview + + +Elementos del Diseño +Los siguientes elementos son las bases que costruyen el Diseño. + + +Línea +Una línea es definida como una marca con longitud y dirección, creada mediante un punto que se mueve a lo largo de una superficie. Una línea puede variar en longitud, ancho, dirección, curvatura y color. La línea puede ser de dos dimensiones (una línea de lápiz sobre papel), o tres dimensiones implícitas. + + + + + + + + + + + + + + + + + +Forma +Un fígura plana o una forma es creada cuando líneas actuales o implícitas se encuentran alrededor de un espacio. Un cambio en el color o el sombreado puede definir una forma. +Las formas pueden ser clasificadas en varios tipos: geométricas (cuadrado, triángulo, círculo) y orgánicas (irregulares en contorno). + + + + + + + + + + + +Tamaño +Este se refiere a las variaciones de las proporciones de los objetos, líneas o formas. +Hay una variación de tamaño en objetos ya sean reales o imáginarios. + + +BIGsmall + + + +Espacio +Espacio es el área vacia o abierta entre, alrededor, arriba, debajo o entre objetos. Figuras y formas son realizadas en el espacio alrededor y entre él. El espacio también es llamado bidimensional o tridimensional. El espacio positivo es rellenado con formas o fíguras. El espacio negativo rodea una forma o fígura. + + + + + + +Color +El Color es el caracter percibido de una superficie de acuerdo con la longitud de onda o la luz reflejada desde esta. El Color posee tres dimensiones: TINTE (otra palabra para color, indicada por su nombre así como rojo o amarillo), VALOR (su luminosidad o oscuridad), INTENSIDAD (su brillo u opacidad). + + + + + + + + + + + + + + + + + +Textura +La Textura es la forma como se siente la superficie (textura actual) o como puede ser observada (textura ímplicita). Las Texturas son descritas con palabras como áspero, sedoso o rugoso. + + + + + + + + + + + + + + + + +Valores +El Valor es que tan oscuro o claro se ve algo. Podemos alcanzar cambios de valores en el color por medio de la adición de blanco o negro a dicho color. Claroscuro usa valores en los dibujo mediante contrastes de claros y oscuros en una composición. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Principios de Diseño +Los principios emplean elementos del diseño para crear composiciones. + + +Balance +El Balance es el sentido de equidad visual en una forma, fígura, valor, calor, etc. El Balance puede balancear simétricamente o uniformemente Objetos, valores, colores, texturas, formas, etc., igualmente puede ser usada en la creación de balances en la composición. + + + + + + +Contraste +El contraste es la juxtaposición (fusión) de los elementos opuestos + + + + + +Énfasis +El Énfasis es usado para crear ciertas partes de sus trabajos artísticos a través de llamado atención de manera especial. El centro de interés o punto foco es el lugar del dibujo que le invita a enfocar su mirada. + + + + + + +Proporción +La Proporción describe el tamaño, ubicación o el monto de una cosa comparada con otra. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Random Ant & 4WDSVG Image Created by Andrew FitzsimonCourtesy of Open Clip Art Libraryhttp://www.openclipart.org/ + + + + + + + + + + + + + + + + + + + + + + +Patrones +Los Patrones son creados mediante la repetición de un elemento (línea, forma o color) una y otra vez. + + + + + + + + + + + + + + + +Gradación +La Gradación es el tamaño y dirección producidas por una perspectiva lineal. +La Gradación del color es desde gamas calidas a frías y por su parte los tonos oscuros a claros producen unas perspectiva aérea. La Gradación puede agregar interés y movimiento a una forma. Una Gradación desde oscuro a claro causará que la vitas se transporte a lo largo de la forma. + + + + + + + + + + + + + + + + + + + + + + + + + +Composición +La combinación de distintos elementos para formar un todo. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Bibliografía +Esta es una bibliografía parcial usada para construir este documento. + + + + +http://sanford-artedventures.com/study/study.html + + +http://www.makart.com/resources/artclass/EPlist.html + + +http://www.princetonol.com/groups/iad/Files/elements2.htm + + +http://oswego.org/staff/bpeterso/web/elements_and_principles.htm + + +http://www.johnlovett.com/test.htm + + + +Agradecimientos especiales a Linda Kim (http://www.redlucite.org) por colaborarme +(http://www.rejon.org/) con este tutorial. También, agradecimientos a la Librería Libre de Clip Art (http://www.openclipart.org/) y a los diseñadores gráficos y afines que han colaborado con este proyecto. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-elements.fr.svg b/share/tutorials/tutorial-elements.fr.svg new file mode 100644 index 000000000..3559c9b20 --- /dev/null +++ b/share/tutorials/tutorial-elements.fr.svg @@ -0,0 +1,619 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::RUDIMENTS DE DESIGN + + + + + +Ce didacticiel s'attache à montrer les éléments et principes de design habituellement enseignés aux étudiants débutants en art afin de comprendre les différentes notions impliquées dans une création. Cette liste n'est pas exhaustive, aussi n'hésitez pas à enrichir (modifier, ajouter, supprimer, combiner des paragraphes) ce didacticiel pour le rendre plus complet. + + + +ElémentsPrincipesCouleurLigneFormeEspaceTextureLuminositéTailleEquilibreContrasteEmphaseProportionMotifGradationCompositionVue d'ensemble + + +Rudiments de design +Les éléments suivant forment les bases de l'élaboration d'un design. + + + + +La ligne + +Une ligne est définie comme une marque avec une longueur et une direction, créée par un point se déplaçant sur une surface. Une ligne peut varier en longueur, largeur, direction, courbure et en couleur. Une ligne peut être bi-dimensionnelle (un trait de crayon sur du papier) ou tri-dimensionnelle. + + + + + + + + + + + + + + + + + + +La forme + +Une forme est créée par la rencontre ou l'intersection de signes entourant un espace. Une variation de couleur ou une ombre peuvent définir une forme. Les formes peuvent être classées en deux catégories : géometriques (un carré, un triangle, un cercle) et organiques (contour irrégulier). + + + + + + + + + + + +La taille + +La taille se réfère aux proportions des objets, lignes ou formes. Les variations de taille entre des objets peuvent être réelles ou imaginaires. + + +BIGsmall + + + +L'espace + +L'espace est l'aire vide (ou ouverte) entre, autour, au-dessus, en-dessous, devant ou dans des objets. Les formes peuvent être définies par l'espace qu'elles contiennent et qui les entoure. L'espace est souvent qualifié de tri- ou bi-dimensionnel. L'espace positif est celui rempli par une forme. L'espace négatif est celui qui entoure une forme. + + + + + + +La couleur + +La couleur est la perception que l'on a d'une surface d'après la longueur d'onde de la lumière qu'elle reflète. La couleur a trois composantes : une Teinte (un autre mot pour couleur, indiquée par des mots comme rouge ou jaune), une Saturation (éclatante ou terne), une Luminosité (claire ou sombre). + + + + + + + + + + + + + + + + + + +La texture + +La texture est associée au toucher (texture réelle) d'une surface ou à la façon dont elle rend visuellement (texture visuelle). Une texture peut être décrite par des qualificatifs tels que rude, soyeuse ou rocailleuse. + + + + + + + + + + + + + + + + + +Luminosité + +La luminosité représente le niveau de clarté ou d'obscurité d'une chose. La modification de luminosité d'une couleur peut être obtenue en y adjoignant du blanc ou du noir. Le clair-obscur se sert de variations de luminosité pour faire contraster dramatiquement des zones claires et sombres dans une composition. Notez que la luminosité est parfois appelée valeur par les peintres. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Principes de design + +Les principes combinent les éléments de design pour produire une composition. + + + + +L'équilibre + +L'équilibre est une impression visuelle de parité dans la forme, la valeur, la couleur... L'équilibre peut être symétrique (équilibré) ou asymétrique (déséquilibré). Les objets, luminosités, couleurs, textures, formes, etc., peuvent être mis à contribution pour créer un équilibre dans la composition. + + + + + + + +Le contraste + +Le contraste est la juxtaposition d'éléments qui s'opposent. + + + + + + +L'emphase + +L'emphase est utilisée pour accentuer certaines parties d'une œuvre et attirer l'attention. Le centre d'intérêt ou le point focal est l'endroit qui attire l'œil en premier. + + + + + + + +La proportion + +La proportion décrit la taille, l'emplacement ou la quantité d'une chose comparativement à une autre. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Random Ant & 4WDSVG Image Created by Andrew FitzsimonCourtesy of Open Clip Art Libraryhttp://www.openclipart.org/ + + + + + + + + + + + + + + + + + + + + + + + +Le motif + +Un motif est créé par la répétition d'un élément (ligne, forme ou couleur) encore et encore. + + + + + + + + + + + + + + + + +Gradation + +Une gradation de taille et de direction produit une perspective linéaire. Une gradation de couleur, chaud vers froid et tonique ou de sombre à clair, produit une perspective aérienne. La gradation peut ajouter de l'intérêt et du mouvement à une forme. Une gradation de l'obscur vers le clair peut guider le regard le long d'une forme. + + + + + + + + + + + + + + + + + + + + + + + + + + +La composition +La disposition de différents éléments pour former un tout. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Bibliographie + +Voici une bibliographie (partielle) utilisée pour la réalisation de ce document : + + + + + +http://sanford-artedventures.com/study/study.html + + + + + +http://www.makart.com/resources/artclass/EPlist.html + + + + + +http://www.princetonol.com/groups/iad/Files/elements2.htm + + + + + +http://oswego.org/staff/bpeterso/web/elements_and_principles.htm + + + + + +http://www.johnlovett.com/test.htm + + + + +Remerciements spéciaux à Linda Kim (http://www.redlucite.org) qui m'a (http://www.rejon.org/) bien aidé sur ce didacticiel. Merci également à l'Open Clip Art Library (http://www.openclipart.org/) et aux gens qui ont soumis des dessins pour ce projet. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-elements.sl.svg b/share/tutorials/tutorial-elements.sl.svg new file mode 100644 index 000000000..6ccc90024 --- /dev/null +++ b/share/tutorials/tutorial-elements.sl.svg @@ -0,0 +1,596 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::ELEMENTI + + + + + +V tem vodiču vam bomo predstavili temeljne koncepte in načela oblikovanja, kot jih običajno učijo v začetnih letih študija umetnosti da pokažejo pomen različnih lastnosti oblikovanja. Spisek ne bo popoln, zato ga razširite, povežite in naredite bolj izčrpnega s svojimi lastnimi izkušnjami in znanjem. + + + +ElementsPrinciplesColorLineShapeSpaceTextureValueSizeBalanceContrastEmphasisProportionPatternGradationCompositionOverview + + +Sestavine oblikovanja +Sledeče sestavine so gradniki oblikovanja. + + +Črta +Črta je definirana kot znak z dolžino in smerjo, ustvarjen s točko, ki se +giblje po površini. Črte imajo lahko različne dolžine, debeline, smeri, +krivost, barvo. Črta je lahko dvorazsežna (sled svinčnika na papirju), +trorazsežna (žica) ali namišljena. + + + + + + + + + + + + + + + + +Oblika +Ravna figura oz. oblika nastane, ko se več dejanskih ali namišljenih črt +združi in zajame prostor. Spremeba v barvi ali senci lahko določi obliko. +Poznamo več vrst oblik: geometrijske (kvadrat, trikotnik, krog) in +organske (nepravilnega obrisa). + + + + + + + + + + +Velikost +To se nanaša na raznolikost razmerij predmetov, črt ali oblik. Ta je +lahko resnična ali namišljena. + +BIGsmall + + + +Prostor +Prostor je prazna ali odprta površina med, okrog, nad, pod ali znotraj +predmeta. Oblike ustvarja prostor okrog in znotraj njih. Prostor je +dvo- ali trorazsežen. Pozitiven prostor je zapolnjen z obliko, negativen +jo obkroža. + + + + + +Barva +Barva je zaznana lastnost površine glede na valovno dolžino svetlobe, +ki se od nje odbija. Barva ima tri razsežnosti: Barvnost (drugo ime za +barvo, označen z imenom, kot na primer rdeča ali rumena), Svetlost +(svetlost ali temnost), ter Nasičenost (čistost ali motnost). + + + + + + + + + + + + + + + + +Tekstura +Tekstura izraža, kako občutimo površino (dejanska) ali kako površina +izgleda (namišljena). Označimo jih z besedami, kot so groba, svilena,... + + + + + + + + + + + + + + + +Vrednost +Vrednost pove, kako svetlo ali temno nekaj izgleda. Spreminjanje +vrednosti barve dosežemo z dodajanjem črne ali bele. Tehnika +chiaroscuro pri risanju uporablja barvno vrednost tako, da dramatično +poudarja razlike med svetlimi in temnimi deli kompozicije. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Načela oblikovanja +S temi načeli iz sestavin ustvarimo kompozicijo. + + +Ravnovesje +Ravnovesje je občutje grafične enakomernosti oblike, vrednosti, barve,.. +Ravnovesje je lahko simetrično ali enakomerno urejeno ali pa +asimetrično ali neenakomerno razporejeno. Za ustvarjanje ravnovesja v +kompoziciji lahko uporabljamo predmete, vrednosti, barve, teksture,... + + + + + +Kontrast +Kontrast je postavitev nasprotujočih si sestavin v neko celoto + + + + + +Poudarek +Poudarek uporabimo, če želimo, da nek del izdelka izstopa in privlači +pozornost. Središče zanimanja ali žarišče pogleda je točka, k kateri +izdelek najprej pritegne pogled. + + + + + +Razmerje +Razmerje opisuje velikost, položaj ali količino nečesa v primerjavi z +nečim drugim. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Random Ant & 4WDSVG Image Created by Andrew FitzsimonCourtesy of Open Clip Art Libraryhttp://www.openclipart.org/ + + + + + + + + + + + + + + + + + + + + + + +Vzorec +Vzorec nastane s ponavljanjem sestavine (črte, oblike, barve). + + + + + + + + + + + + + + +Gradacija +Gradacija velikosti in smeri ustvari linerano perspektivo. Gradacija barve +od tople do hladne in tona od temnega do svetlega ustvari zračno +perspektivo. Gradacija lahko obliki doda zanimivost in gibanje. Gradacija +od temne k svetli povzroči gibanje očesa skupaj z obliko. + + + + + + + + + + + + + + + + + + + + + + + + +Kompozicija +Združevanje elementov v zaključeno celoto. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Literatura +Delen seznam literature, ki je bila uporabljena pri pripravi tega dokumenta. + + +http://sanford-artedventures.com/study/study.html + + +http://www.makart.com/resources/artclass/EPlist.html + + +http://www.princetonol.com/groups/iad/Files/elements2.htm + + +http://oswego.org/staff/bpeterso/web/elements_and_principles.htm + + +http://www.johnlovett.com/test.htm + + + +http://digital-web.com/articles/elements_of_design/ + + + +http://digital-web.com/articles/principles_of_design/ + + + + +Posebej se zahvaljujem Lindi Kim (http://www.redlucite.org) za pomoč (http://www.rejon.org/) pri tem vodiču. Prav tako se zahvaljujem Open Clip Art zbirki (http://www.openclipart.org/) in pa ljudem, ki so prispevali grafike za ta projekt. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-elements.svg b/share/tutorials/tutorial-elements.svg new file mode 100755 index 000000000..a4ce5f9a6 --- /dev/null +++ b/share/tutorials/tutorial-elements.svg @@ -0,0 +1,606 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::ELEMENTS + + + + + +This tutorial will demonstrate the elements and principles of design which +are normally taught to early art students in order to understand various +properties used in art making. This is not an exhaustive list, so please add, +subtract, and combine to make this tutorial more comprehensive. + + + +ElementsPrinciplesColorLineShapeSpaceTextureValueSizeBalanceContrastEmphasisProportionPatternGradationCompositionOverview + + +Elements of Design +The following elements are the building blocks of design. + + +Line +A line is defined as a mark with length and direction, created by a point +that moves across a surface. A line can vary in length, width, direction, +curvature, and color. Line can be two-dimensional (a pencil line on +paper), or implied three-dimensional. + + + + + + + + + + + + + + + + +Shape +A flat figure, shape is created when actual or implied lines meet to +surround a space. A change in color or shading can define a shape. +Shapes can be divided into several types: geometric (square, triangle, +circle) and organic (irregular in outline). + + + + + + + + + + +Size +This refers to variations in the proportions of objects, lines or shapes. +There is a variation of sizes in objects either real or imagined. + +BIGsmall + + + +Space +Space is the empty or open area between, around, above, below, or +within objects. Shapes and forms are made by the space around and +within them. Space is often called three-dimensional or two- +dimensional. Positive space is filled by a shape or form. Negative +space surrounds a shape or form. + + + + + +Color +Color is the perceived character of a surface according to the +wavelength of light reflected from it. Color has three dimensions: HUE +(another word for color, indicated by its name such as red or yellow), +VALUE (its lightness or darkness), INTENSITY (its brightness or +dullness). + + + + + + + + + + + + + + + + +Texture +Texture is the way a surface feels (actual texture) or how it may look +(implied texture). Textures are described by word such as rough, silky, +or pebbly. + + + + + + + + + + + + + + + +Value +Value is how dark or how light something looks. We achieve value +changes in color by adding black or white to the color. Chiaroscuro +uses value in drawing by dramatically contrasting lights and darks +in a composition. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Principles of Design +The principles use the elements of design to create a composition. + + +Balance +Balance is a feeling of visual equality in shape, form, value, color, etc. +Balance can be symmetrical or evenly balanced or asymmetrical and +un-evenly balanced. Objects, values, colors, textures, shapes, forms, +etc., can be used in creating a balance in a composition. + + + + + +Contrast +Contrast is the juxtaposition of opposing elements + + + + + +Emphasis +Emphasis is used to make certain parts of their artwork stand out +and grab your attention. The center of interest or focal point is the +place a work draws your eye to first. + + + + + +Proportion +Proportion describes the size, location or amount of one thing compared +to another. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Random Ant & 4WDSVG Image Created by Andrew FitzsimonCourtesy of Open Clip Art Libraryhttp://www.openclipart.org/ + + + + + + + + + + + + + + + + + + + + + + +Pattern +Pattern is created by repeating an element (line, shape or color) over +and over again. + + + + + + + + + + + + + + +Gradation +Gradation of size and direction produce linear perspective. Gradation +of color from warm to cool and tone from dark to light produce aerial +perspective. Gradation can add interest and movement to a shape. A +gradation from dark to light will cause the eye to move along a shape. + + + + + + + + + + + + + + + + + + + + + + + + +Composition +The combining of distinct elements to form a whole. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Bibliography +This is a partial bibliography used to build this document. + + +http://sanford-artedventures.com/study/study.html + + +http://www.makart.com/resources/artclass/EPlist.html + + +http://www.princetonol.com/groups/iad/Files/elements2.htm + + +http://oswego.org/staff/bpeterso/web/elements_and_principles.htm + + +http://www.johnlovett.com/test.htm + + + +http://digital-web.com/articles/elements_of_design/ + + + +http://digital-web.com/articles/principles_of_design/ + + + + +Special thanks to Linda Kim (http://www.redlucite.org) for helping +me (http://www.rejon.org/) with this tutorial. Also, thanks to the +Open Clip Art Library (http://www.openclipart.org/) and the graphics +people have submitted to that project. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-shapes.ca.svg b/share/tutorials/tutorial-shapes.ca.svg new file mode 100644 index 000000000..6cde10fe4 --- /dev/null +++ b/share/tutorials/tutorial-shapes.ca.svg @@ -0,0 +1,6689 @@ + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::FORMES + + + + + + + Aquest tutorial cobreix les quatre eines de forma bàsiques: Rectangle, El·lipse, Estrella i Espiral. Mostrarem les capacitats de les eines de forma de l'Inkscape i exemple de com es poden usar. + + + + + + Useu Ctrl+Fletxes, la rodeta del ratolí, o arrossegueu amb el botó central per a moure avall la pàgina. Per als aspectes bàsics de creació, selecció i transformació d'objectes, veieu el tutorial Bàsic a Ajuda > Tutorials. + + + + + + L'Inkscape té quatre versàtils eines de forma, cadascuna de les quals pot crear i editar el seu propi tipus de formes. Una forma és un objecte que podeu modificar de maneres úniques per a aquest tipus de forma, usant manejadors que es poden arrossegar i paràmetres numèrics que en determinen l'aparença. + + + + + + + Per exemple, en una estrella podeu variar el nombre de puntes, la seva longitud, l'angle, l'arrodoniment, etc. — però una estrella sempre és una estrella. Una forma és "menys lliure" que un simple camí, però sovint és més interessant i útil. Sempre podeu convertir una forma en un camí (Ctrl+Maj+C), però no a l'inrevés. + + + + + + Les eines de forma són Rectangle, El·lipse, Estrella i Espiral. Veiem primer com funcionen les eines de forma en general; després explorarem cada tipus de forma en detall. + + Trucs generals + + + + + + + Es crea una nova forma arrossegant per l'àrea de dibuix amb l'eina corresponent. Un cop creada la forma (i mentres estigui seleccionada), mostra els seus manejadors com unes marques blanques en forma de diamant, de manera que podeu editar immediatament el que heu creat arrossegant aquests manejadors. + + + + + + Els quatre tipus de formes mostren els seus manejadors en les quatre eines de forma així com també en l'eina de Nodes (F2). Quan passeu el ratolí sobre un manejador, us diu a la barra d'estat què farà aquest manejador en arrossegar-lo o clicar-lo amb diferents modificadors. + + + + + + També cada forma mostra els seus paràmetres a la barra de Controls d'Eina (que s'estén horitzontalment damunt de l'àrea de dibuix). Normalment té uns pocs camps d'entrada numèrics i un botó per a restaurar els valors per defecte. Quan se seleccionen les formes del tipus natiu de l'eina actual, l'edició dels valors de la barra de Controls canvia les formes seleccionades. + + + + + + Tots els canvis fets als controls de l'eina són recordats i usats pel següent objecte que dibuixeu amb aquesta eina. Per exemple, després de canviar el nombre de puntes d'una estrella, en dibuixar noves estrelles, aquestes tindran aquest mateix nombre de puntes. A més, encara que només seleccionem una forma, aquesta envia els seus paràmetres a la barra de controls de l'eina i així fixa els valors per les noves formes creades d'aquest tipus. + + + + + + Quan som en una eina de forma, podem seleccionar un objecte clicant al damunt. Ctrl+clic (selecciona en grup) i Alt+Clic (selecciona a sota) van com en l'eina Selector. Esc desselecciona. + + Rectangles + + + + + + + Un rectangle és la forma més simple i potser la més comú en disseny i il·lustració. L'Inkscape intenta fer que la creació i edició de rectangles sigui el més fàcil i còmode possible. + + + + + + Canvieu a l'eina Rectangle amb F4 o clicant el seu botó a la barra d'eines. Dibuixeu un nou rectangle al costat del blau: + dibuixeu aquí + + + + + + + Ara, sense deixar l'eina Rectangle, canvieu la selecció d'un rectangle a l'altre clicant al damunt. + + + + + + Dreceres de dibuix del Rectangle: + + + + + + + Amb Ctrl, dibuixeu un quadrat o un rectangle amb un ratio enter (2:1, 3:1, etc). + + + + + + + Amb Shift, dibuixa al voltant del punt inicial com a centre. + + + + + + Com veieu, el rectangle seleccionat (sempre està seleccionat el rectangle que acabeu de dibuixar) mostra tres manejadors a tres de les seves cantonades. De fet, són quatre manejadors, però dos d'ells (al cantó superior dret) se superposen si el rectangle no està arrodonit. Aquests dos són els manejadors d'arrodoniment; els altres dos (a dalt a l'esquerra i a baix a la dreta) són els manejadors de canvi de mida. + + + + + + Fixeu-vos primer en els manejadors d'arrodoniment. Agafeu-ne un i arrossegueu-lo cap avall. Els quatre cantons del rectangle s'arrodoneixen, i ara podeu veure el segon manejador d'arrodoniment — és a la posició original a la cantonada. Si voleu cantonades circulars, no cal que feu res més. Si voleu cantonades més arrodonides per un costat que per l'altre, moveu l'altre manejador cap a l'esquerra. + + + + + + Aquí els primers dos rectangles tenen cantonades arrodonides circulars, i els altres dos el·liptiques: + Cantonades arrodonides el·líptiques + Cantonades arrodonides circulars + + + + + + + + + + Encara a l'eina Rectangle, cliqueu sobre aquests rectangles per a seleccionar-los, i observeu els seus manejadors d'arrodoniment. + + + + + + Sovint, cal que el radi i la forma de les cantonades arrodonides sigui constant en tota la composició, encara que les mides dels rectangles siguin diferents (diagrames mentals amb caixes arrodonides de vàries mides). L'Inkscape ho fa fàcil. Canvieu a l'eina Selector; a la seva barra de Controls d'Eina, hi ha un conjunt de quatre botons de canvi. El segon des de l'esquerra mostra dos cantonades arrodonides concèntriques. Així és com controleu si les cantonades arrodonides s'escalen o no en escalar el rectangle. + + + + + + Per exemple, aquí el rectangle vermell original es duplicat i escalat vàries vegades, amunt i avall, a diferents proporcions amb el botó "Escala les cantonades arrodonides" deshabilitat: + Escalant rectangles arrodonits amb "Escala les cantonades arrodonides" OFF + + + + + + + + + + + + + + Veieu com la mida i la forma de les cantonades arrodonides són les mateixes en tots els rectangles, de manera que els arrodoniments s'alineen exactament a la cantonada superior dreta on coincideixen totes. Tots els rectangles blaus de punts s'obtenen a partir del rectangle vermell original escalant al Selector, sense cap reajustament manual dels manejadors d'arrodoniment. + + + + + + Com a comparació, aquí hi ha la mateixa composició, però ara creada amb el botó "Escala les cantonades arrodonides" habilitat: + Escalant rectangles arrodonits amb "Escala les cantonades arrodonides" ON + + + + + + + + + + + + + + Ara les cantonades arrodonides són diferents segons a quin rectangle pertanyen, i no hi ha la més mínima coincidència a la cantonada superior dreta (amplieu per a veure-ho). Aquest és el mateix resultat (visible) que tindrieu convertint el rectangle original en un camí (Ctrl+Maj+C) i escalant-lo com a camí. + + + + + + Aquí teniu les dreceres per als manejadors d'arrodoniment d'un rectangle: + + + + + + + Arrossegueu amb Ctrl per a fer l'altre radi igual (arrodoniment circular). + + + + + + + Ctrl+clic per a fer l'altre radi igual sense arrossegar. + + + + + + + Maj+clic per a eliminar l'arrodoniment. + + + + + + Potser haureu notat que la barra de Control de l'eina Rectangle mostra els radis d'arrodoniment horitzontal (Rx) i vertical (Ry) per al rectangle seleccionat i us permet definir-los amb precisió usant qualsevol unitat de longitud. El botó NO arrodonit fa el que diu — elimina els arrodoniments dels rectangles seleccionats. + + + + + + Un avantatge important d'aquests controls és que poden afectar molts rectangles al mateix temps. Per exemple, si voleu canviar tots els rectangles a la capa, feu Ctrl+A (Selecciona-ho tot) i fixeu els paràmetres que necessiteu a la barra de Controls. Si es selecciona qualsevol no-rectangle, s'ignorarà — només es canviaran els rectangles. + + + + + + Ara donem un cop d'ull als manejadors de mida del rectangle. Us preguntareu, per què els necessitem si també podem canviar de mida el rectangle amb el Selector? + + + + + + El problema amb el Selector és que la noció d'horitzontal i vertical sempre és la de la pàgina del document. En canvi, els manejadors de mida l'escalen al llarg de les cares del rectangle, encara que estigui girat o esbiaixat. Per exemple, proveu de canviar de mida aquest rectangle primer amb el Selector i després amb els manejadors de mida de l'eina Rectangle: + + + + + + + Com que hi ha dos manejadors de mida, podeu canviar la mida del rectangle en qualsevol direcció o fins i tot moure'l al llarg de les seves cares. Els manejadors de mida conserven sempre el radi d'arrodoniment. + + + + + + Aquí hi ha les dreceres per als manejadors de mida: + + + + + + + Arrossegueu amb Ctrl per a moure cap als costats o la diagonal del rectangle. Amb altres paraules, Ctrl conserva l'amplada, o l'alçada, o el ratio amplada/alçada del rectangle (novament, en el seu propi sistema de coordinades, que pot estar girat o esbiaixat). + + + + + + Aquí hi ha el mateix rectangle, amb les línies grises de punts mostrant les direccions que tenen fixats els manejadors de mida quan s'arrosseguen amb Ctrl (proveu-ho): + Desplaçament dels manejadors de mida d'un rectangle amb Ctrl + + + + + + + + + + + + + + Inclinant i girant un rectangle, duplicant-lo i canviant-lo de mida amb els manejadors de mida, podeu crear fàcilment composicions 3D: + 3 rectanglesoriginals + Varis rectanglescopiats i redimensionats amb els manejadors,la majoria amb Ctrl + + + + + + + + + + + + + + + + + + + + + + + + + + Aquí hi ha alguns exemples més de composicions amb rectangles, incloent arrodoniment i ompliments amb gradients: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + El·lipses + + + + + + + L'eina El·lipse (F5) pot crear el·lipses i cercles, que podeu convertir en segments o arcs. Les dreceres són les mateixes de l'eina Rectangle: + + + + + + + Amb Ctrl, dibuixeu un cercle o una el·lipse de ratio enter (2:1, 3:1, etc.). + + + + + + + Amb Maj, dibuixeu al voltant del punt inicial com a centre. + + + + + + Explorem els manejadors d'una el·lipse. Seleccioneu aquesta: + + + + + + + Novament, veureu inicialment tres manejadors, però de fet n'hi ha quatre. El manejador de més a la dreta són dos manejadors solapats que us permeten "obrir" l'el·lipse. Arrossegueu el manejador de més a la dreta, després arrossegueu l'altre que apareix visible a sota seu, per obtenir una varietat de diagrames de pastís, segments o arcs: + + + + + + + + + + + + + Per a obtenir un segment (un arc i dos radis), arrossegueu a fora de l'el·lipse; per a obtenir un arc, arrossegueu a dins. A sobre hi ha 4 segments a l'esquerra i 3 arcs a la dreta. Noteu que els arcs són formes no tancades, és a dir, el contorn només va al llarg de l'el·lipse, però no connecta els extrems de l'arc. Podeu fer-ho evident si elimineu l'emplenat, deixant només el contorn: + + + + + 15 + + + Segments + Arcs + + + + + + + + + + + + + + + + + + + + + + + + + Veieu el grup en ventall de segments estrets a l'esquerra. Va ser fàcil de crear usant els passos angulars del manejador amb Ctrl. Aquí teniu les dreceres d'arc/segment: + + + + + + + Amb Ctrl, moveu el manejador en salts de 15 graus a l'arrossegar. + + + + + + + Maj+clic per a fer l'el·lipse completa (no arc o segment). + + + + + + El pas angular es pot canviar a les preferències de l'Inkscape (la pestanya Passos). + + + + + + Els altres dos manejadors de l'el·lipse són per canviar la seva mida al voltant del centre. Les seves dreceres són similars a les dels manejadors d'arrodoniment d'un rectangle: + + + + + + + Arrossegueu amb Ctrl per a fer un cercle (fer l'altre radi igual). + + + + + + + Ctrl+clic per a fer un cercle sense arrossegar. + + + + + + I com els manejadors de mida del rectangle, aquests manejadors d'el·lipse ajusten l'alçada i amplada de l'el·lipse en les coordinades pròpies de l'el·lipse. Això vol dir que una el·lipse girada o esbiaixada pot estirar-se o comprimir-se fàcilment al llarg dels seus eixos mantenint-se girada o esbiaixada. Intenteu canviar la mida de qualsevol d'aquestes el·lipses amb els seus manejadors de mida: + + + + + + + + Estels + + + + + + + Els estels són la forma més complexa i emocionant de l'Inkscape. Si voleu que els vostres amics es quedin amb la boca oberta amb l'Inkscape, deixeu-los jugar amb l'eina Estel. És una font de diversió inesgotable — totalment addictiva! + + + + + + L'eina Estel pot crear dos tipus d'objectes similars però diferents: estels i polígons. Un estel té dos manejadors les posicions dels quals defineixen la longitud y la forma de les seves puntes; un polígon té només un manejador que gira i redimensiona el polígon quan s'arrossega: + Estel + Polígon + + + + + + + + A la barra de Controls de l'eina Estel, primer hi ha una caixa de selecció per a convertir un estel en polígon i a l'inrevés. Després, un camp numèric defineix el nombre de vèrtexs d'un estel o polígon. Aquest paràmetre només és editable a través de la barra de Controls. El marge de valors va des de 3 (òbviament) a 1024, però haurieu d'evitar els nombres grans (diguem, més grans de 200) si el vostre ordinador és lent. + + + + + + En dibuixar un nou estel o polígon, + + + + + + + Arrossegueu amb Ctrl per incrementar l'angle en passos de 15 graus. + + + + + + Naturalment, un estel és una forma molt més interessant (si bé en la pràctica, sovint els polígons són més útils). Els dos manejadors d'un estel tenen funcions lleugerament diferents. El primer (inicialment sobre un vèrtex, és a dir en una cantonada convexa de l'estel) fa els raigs de l'estel més llargs o curts, però si el gireu (en relació al centre de la forma), l'altre manejador gira de la forma corresponent. És a dir, amb aquest manejador no podem esbiaixar els raigs de l'estel. + + + + + + L'altre manejador (inicialment en una cantonada cóncava entre dos vèrtexs) al contrari, és lliure de moure's tant radialment com tangencial, sense afectar el manejador del vèrtex. (De fet, aquest propi manejador pot convertirse en vèrtex si el movem més lluny del centre que l'altre manejador.) Aquest és el manejador que pot esbiaixar les punxes de l'estel per a formar tota mena de cristalls, mandales, flocs de neu i porcs espins: + + + + + + + + + + + + + + + Si només voleu un estel senzill i regular sense aquesta mena de llaços, podeu fer que el manejador interior no faci cap esbiaix: + + + + + + + Arrossegueu amb Ctrl per a mantenir els raigs de l'estel estrictament radials (sense esbiaix). + + + + + + + Ctrl+clic per a eliminar l'esbiaix sense arrossegar. + + + + + + Com un complement a l'arrossegament del manejador a l'àrea de dibuix, la barra de Controls té el camp Radi de la punxa, que defineix el ratio de les distàncies dels manejadors al centre. + + + + + + Els estels de l'Inkscape tenen dos trucs més a la bossa. En geometria, un polígon és una forma amb costats rectes i cantonades en punta. Però al món real sovint hi ha presents diversos graus de corbatura i arrodoniment — i l'Inkscape també ho pot fer. Però arrodonir un estel o polígon funciona una mica diferent que arrodonir un rectangle. No hi ha un manejador dedicat a això, però + + + + + + + Maj+arrossega un manejador tangencialment per a arrodonir l'estel o el polígon. + + + + + + + Maj+clica un manejador per a eliminar l'arrodoniment. + + + + + + "Tangencialment" significa en direcció perpendicular a la direcció del centre. Si "gireu" un manejador amb Maj al voltant del centre en setit contrari a les busques, tindreu un arrodoniment positiu; en sentit contrari a les busques, tindreu arrodoniment negatiu. (Veieu a sota exemples d'arrodoniment negatiu.) + + + + + + Aquí hi ha una comparació entre un quadrat arrodonit (eina Rectangle) amb un polígon arrodonit de quatre costats (eina Estel): + + + Polígonarrodonit + Rectanglearrodonit + + + + + + Com podeu veure, un rectangle arrodonit te segments rectes a les seves cares i arrodoniments circulars (en general, el·líptics), en canvi un polígon o un estel arrodonit no té cap línia recta; la seva corbatura varia suaument del màxim (a ñes cantonades) al mínim (a mig camí entre cantonades). L'Inkscape fa això simplement afegint tangents de Bezier colineals a cada node de la forma (podeu veure'ls si convertiu la forma en camí i l'examineu amb l'eina Node). + + + + + + El paràmetre Arrodoniment que podeu ajustar a la barra de Controls és el ratio de la longitud d'aquestes tangents respecte la longitud de les cares del polígon/estel a que són adjacents. Aquest paràmetre pot ser negatiu, la qual cosa inverteix la direcció de les tangents. Valors entre 0.2 i 0.4 donen un arrodoniment "normal" del tipus que esperarieu; altres valors tendeixen a produir patrons bells, intrincats i totalment impredictibles. Un estel amb un gran arrodoniment es pot estendre molt més enllà de les posicions dels seus manejadors. Heus aquí alguns exemples, indicant cadascun el seu valor d'arrodoniment: + + + + + + + + + + + + + + 0.25 + 0.25 + 0.25 + 0.37 + + 0.43 + 3.00 + -3.00 + + 0.41 + 5.43 + 1.85 + 0.21 + -3.00 + + -0.43 + + -8.94 + + 0.39 + + + + + + Si voleu que les puntes d'un estel siguin agudes i les concavitats suaus o viceversa, és fàcil fer-ho creant un offset (Ctrl+J) de l'estel: + Estel original + Linked offset, inset + Linked offset, outset + + + + + + + + + Maj+arrossegar els manejadors d'un estel a l'Inkscape és un dels passatemps més refinats coneguts per l'home. Però pot ser encara millor. + + + + + + Per a imitar millor les formes del món real, l'Inkscape pot aleatoritzar (distorsionar aleatòriament) els estels i polígons. Un lleuger factor aleatori fa un estel menys regular, més humà, sovint divertit; un factor aleatori fort és una forma emocionant d'obtenir una varietat de formes bojament impredictibles. Un estel arrodonit resta arrodonit en aleatoritzar. Heus aquí dues dreceres: + + + + + + + Alt+arrossegar un manejador tangencialment per a aleatoritzar l'estel o polígon. + + + + + + + Alt+clicar un manejador per a eliminar l'aleatorització. + + + + + + Mentres dibuixeu o editeu els manejadors d'un estel, "tremolarà" perquè cada única posició dels manejadors es correspon a la seva pròpia i única aleatorització. Així, movent un manejador sense Alt re-aleatoritza la forma amb el mateix nivell d'aleatorietat, mentres que Alt-arrossegar manté la mateixa aleatorització però ajusta el seu nivell. Aquí tenim un estel amb exactament els mateixos paràmetres, però cadascun és re-aleatoritzat movent lleugerament el seu manejador (el nivell d'aleatorització és 0.1 en tots): + + + + + + + + + + + I aquí tenim l'estel central de la filera anterior, amb el nivell d'aleatorització que varia de -0.2 a 0.2: + +0.2 + +0.1 + 0 + -0.1 + -0.2 + + + + + + + + + + + Alt+arrossegueu un manejador de l'estel central de la filera i observeu com es transforma en els seus veïns a la dreta i a l'esquerra — i més enllà. + + + + + + Segurament trobareu les vostres pròpies aplicacions per als estels aleatoris, però a mi m'agraden molt les taques arrodonides en forma d'ameba i els planetes grans i aspres amb paisatges fantàstics: + + + + + + + + + + + Espirals + + + + + + + L'espiral de l'Inkscape és una forma versàtil, i si bé no és tan engrescadora com l'estel, a vegades pot resultar molt útil. Una espiral, com un estel es dibuixa des del centre; tant en dibuixar com en editar, + + + + + + + Ctrl+arrossegar per incrementar l'angle de 15 en 15 graus. + + + + + + Un cop dibuixada, una espiral té dos manejadors als extrems interior i exterior. Simplement en arrossegar-los l'enrotlla i desenrotlla l'espiral (és a dir la "continua"), canviant el nombre de voltes. Altres dreceres: + + + + + + Manejador exterior: + + + + + + + Maj+arrossegar per a escalar/girar al voltant del centre (no enrotlla/desenrotlla). + + + + + + + Alt+arrossegar per a bloquejar el radi a l'enrotllar/desenrotllar. + + + + + + Manejador interior: + + + + + + + Alt+arrossegar verticalment per a convergir/divergir. + + + + + + + Alt+clicar per a reiniciar la divergència. + + + + + + + Maj+clicar per a moure el manejador intern cap al centre. + + + + + + La divergència d'una espiral és la mesura de no-linealitat de les seves voltes. Quan és igual a 1, l'espiral és uniforme; si és menor que 1 (Alt+arrossega amunt), l'espiral és més densa a la perifèria; si és més gran que 1 (Alt+arrossega avall), l'espiral és més densa cap al centre: + 0.2 + 0.5 + 6 + 2 + 1 + + + + + + + + + + + El màxim nombre de voltes d'una espiral és 1024. + + + + + + Així com l'eina El·lipse no només serveix per a fer el·lipses, sinó també per a arcs (línies ode corbatura constant), l'eina Espiral és útil per a fer corbes amb corbatura de variació suau. Comparades amb una corba de Bezier simple, un arc o una espiral, sovint és més adequat perquè les podeu fer més curtes o llargues estirant un manejador al llarg de la corba sense afectar-ne la forma. A més, encara que una espiral normalment es dibuixa sense emplenat, podeu omplir-la i eliminar el contorn per a obtenir interessants efectes. + + + + + + + + + + + + + + + + + + + + + + + + + + Especialment interessants són les espirals amb contorn de punts — combinen la concentració suau de la forma amb marques regulars equiespaiades (punts o ratlles) per a uns bonics efectes moiré: + + + + + Conclusió + + + + + + + Les eines de forma de l'Inkscape's són molt potents. Apreneu-ne els trucs i jugueu-hi en les estones d'oci — això valdrà la pena en la vostra feina de disseny, perquè l'ús de formes en comptes de simples camins sovint fa l'art vectorial més ràpid de crear i més fàcil de modificar. Si teniu cap idea de millora per a les formes contacteu amb els desenvolupadors. + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/share/tutorials/tutorial-shapes.es.svg b/share/tutorials/tutorial-shapes.es.svg new file mode 100644 index 000000000..40f11b11f --- /dev/null +++ b/share/tutorials/tutorial-shapes.es.svg @@ -0,0 +1,619 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::FORMAS + + + + + + + +Este tutorial cubre las cuatro herramientas de formas: Rectángulo, Elipse, Estrella y Espiral. +Demostraremos las capacidades de las formas de Inkscape y presentáremos ejemplos de como y cuando pueden ser usadas. + + +Use Ctrl+Flechas, rueda del ratón o arrastrar con el botón del medio para bajar la pizarra. Para las bases de la creación de objetos, la selección y sus transformaciones, observe el tutorial Básico en Ayuda > Tutoriales. + + + + +Inkscape cuenta con cuatro versátiles herramientas de formas, cada herramienta es capaz de crear y editar su propio tipo de formas. Una forma es un objeto el cual puede ser modificado en un único modo dependiendo del tipo de forma, usando los manejadores arrastrables y los parámetros numéricos que determinan la apariencia de la forma. + + +Por ejemplo, con una estrella le es posible alterar el número de esquinas, su tamaño, ángulo, +redondez, etc. — pero la ésta continua siendo una estrella. Una forma es "menos libre" que un simple trazo, pero es más interesante y útil. Siempre le es posible convertir una figura a trazo (Ctrl+Shift+C), pero el proceso inverso no es posible. + + +Las herramientas de forma son: Rectángulo, Elipse, Estrella y Espiral. Primero, observaremos como funcionan las herramientas en general; más adelante exporaremos cada tipo de forma más a fondo. + + + + +Trucos Generales +Una nueva forma es creada por medio de arrastar(ado) sobre la pizarra con la herramienta correspondiente. Una vez que la forma es creada (y del modo en que sea seleccionada), mostrará sus manejadores en forma de diamantes, así le es posible editar inmediatamente lo que ha creado, mediante el arrastrado de estos manejadores. + + +Todos los cuatro tipos de formas muestran sus manejadores en las cuatro herramientas de formas como lo hace la herramienta Nodo(F2). Cuando mueve el ratón sobre un manejador, este le indicará en la barra de estado que hará este manejador cuando sea arrastrado o dado un click con modificadores diferentes. + + +También, cada herramienta de forma muestra sus parámetros en los Controles de Herramientas (la cual se encuentran en la parte superior de la pizarra). Usualmente este posee un campo pequeño de ingreso numérico y un botón para formatear los valores a valor por defecto. Cuando una(s) forma(s) son seleccionadasla con la herramienta actual, al editar los valores en los Controles de Herramientas la(s) forma(s) seleccionadas cambiará(n). + + +Cualquier cambio hecho a la barra de control es recordada y usada para el próximo objeto que usted dibuje con dicha herramienta. Por ejemplo, después de que ha cambiado el número de esquinas de una estrella, la nueva estrella tendrá este número de esquinas cuando sea dibujada. Además, con una simple selección de una forma le serán enviados los parámetros a la barra de Control y así configurará los valores para las nuevas formas que sean creadas de este mismo tipo. + + +Cuando se posee la herramienta de formas, la selección puede realizarse por medio de un click sobre la forma. Ctrl+click (selección en grupo) y Alt+Click (Selección de abajo) también trabajan como con la herramienta Selección. Esc deselecciona. + + + + +Rectángulos +Un rectángulo es la más simple pero consideramos, es la forma más común en el diseño y la ilustración. Inkscape permite la creación y edición de rectángulos de la manera más fácil y sencilla posible. + + +Cambie a la herramienta Rectángulo mediante F4 o mediante click sobre el botón en la barra de Herramientas. Dibuje un nuevo rectángulo al lado de este rectángulo azul: + + +draw here + +Después, sin dejar la herramienta Rectángulo, cambie la selección de uno a otro por medio de click. + + +Atajos para dibujo de Rectángulos: + + +Con Ctrl, dibuje un cuadrado o un rectángulo de radio-entero (2:1, 3:1, etc). + +Con Shift, dibuje alrededor del punto inicial como centro de esta forma. + + + +Como podemos observar, el rectángulo seleccionado (El Rectángulo recien dibujado es siempre seleccionado) muestra tres manejadores en tres de sus esquinas. De hecho, estos son tres manejadores, pero dos de ellos (en la esquina superior derecha) se sobreponen si el rectángulo no está redondeado. Estos dos son los manejadores de redondeado; los otros dos (superior izquierdo e inferior derecho) son los manejadores de tamaño. + + +Vamos primero con los manejadores de redondez. Tome uno de ellos y arrastrelo hacia abajo. Las cuatro esquinas del rectángulo son redondeadas y le es posible observar el segundo manejador de redondeado — este se encuentra en la posición original de la esquina. Si desea esquinas con un redondeado circular, esto es lo que debe hacer. Si desea esquinas cuya redondez sea mayor o menor de un lado que del otro, mueva el otro manejador verticalmente. + + +Aquí, los primeros dos rectángulos poseen esquinas redondeadas y los otros dos tienen esquinas redondeadas elipticamente: + + +Elliptic rounded cornersCircular rounded corners + +Aún con la herramienta Rectángulo, de click sobre estos rectángulos para seleccionar y observe sus manejadores de redondeado. + + +La mayoría de ocasiones, el radio y la forma de redondeo de las esquinas deben ser constantes dentro de la composición entera, incluso si el tamaño de los rectángulos son diferentes (piense en diagramas con cajas redondeadas de varios tamaños). Inkscape lo hace sencillo. Cambie a la herramienta Selección; en su Control de herramientas, hay un grupo de cuatro botones de selección, el segundo desde la izquierda muestra dos esquinas redondeadas concéntricas. Así es como usted controla si las esquinas redondeadas son escaladas, cuando el rectángulo es escalado o no. + + +Por ejemplo, aquí el rectángulo rojo original es duplicado y escalado varias veces, arriba y abajo, en diferentes proporciones, por medio del botón "Escalar los radios de los ángulos redondeados" +off: + + +Scaling rounded rectangles with "Scale rounded corners" OFF + +Note como el tamaño y forma de la esquinas redondeadas es el mismo en todos los rectángulos, +así que los redondeados se alínean perfectamente en la esquina superior derecha donde ellos se encuentran. Todos los rectángulos punteados de color azul son obtenidos del rectángulo rojo original tan sólo escalándolos mediante la Selección, sin ningún reajuste manual de los manejadores de redondeado. + + +Para una comparación, aquí encontramos la misma composición pero creado ahora por medio del botón +activo "Escalar los radios de los ángulos redondeados": + + +Scaling rounded rectangles with "Scale rounded corners" ON + +Ahora las esquinas redondeadas son tan diferentes como los rectángulos a los que pertenecen y +no hay un encuentro leve en la parte superior de la esquina derecha (haga zoom para visualizar). +Este es el mismo resultado (visible) que puede obtener mediante la conversión del rectángulo original a un trazo (Ctrl+Shift+C) y escálelo como un trazo. + + +He aquí los atajos para el redondeado de manejadores de redondeado de un rectángulo: + + +Arrastre con Ctrl para hacer igual el otro radio (redondeado circular). + +Ctrl+click para hacer igual el otro radio sin necesidad de arrastrar. + + +Shift+click para remover el redondeado. + + + +Debe de haber notado que la barra de Control de Herramientas muestra el radio del redondeado horizontal (Rx) y vértical (Ry) del rectángulo seleccionado y le permite configurarlos precisamente usando cualquier unidad de medida. +El botón No redondeado hace lo que dice — remueve el redondeado del/los rectángulo(s). + +Una ventaja importante de estos controles es que pueden afectar algunos rectángulos +a la vez. Por ejemplo, si desea cambiar todos los rectángulos en la capa, solo haga +Ctrl+A (Seleccionar Todo) y configure los parámetros que requiera en la barra de Control. Si cualquier objeto no-rectángulo es seleccionado, este objeto(s) será ignorado —, sólo serán cambiados los rectángulos. + + +Ahora vamos a redimensionar los manejadores de un rectángulo. Se preguntará, +¿al fin, por qué los necesitamos, si sólo deseamos cambiar el tamaño del rectángulo con Selección? + + +El problema con Selección radica en que su noción de horizontal y vértical es respecto a +la hoja del documento. A diferencia, la escala de los manejadores redimensionadores del rectángulo es a lo largo de los lados de rectángulo, uniformemente si el rectángulo es rotado o inclinado. Por ejemplo, intente redimensionar este rectángulo, primero con Selección y luego con sus manejadores de redimensionado con la herramienta Rectángulo: + + + + +Desde que los manejadores de redimensionamiento sean dos, usted puede redimensionar el rectángulo en cualquier dirección o moverlo uniformemente a lo largo de sus lado. Los manejadores de redimensionado siempre preservan el redondeado del radio. + + +He aquí algunos atajos para los manejadores de redimensionado: + + + +Arrastre con Ctrl para encajar los lados o la diagonal del rectángulo. En otras palabras, Ctrl preserva o el ancho o el alto, o el radio de ancho/alto del rectángulo (de nuevo, en su propio sistemas de coordenadas el cual puede ser rotado o inclinado) + + + +Aquí está el mismo rectángulo con las líneas punteadas grices, mostrando las direcciones para las barras de los manejadores de redimensionado cuando son arrastrados con Ctrl (inténtelo): + + +Snapping of rectangle resize handles with Ctrl + + + + + + + +Mediante inclinación y rotación de un rectángulo, luego duplicándolo y redimensionando a partir de sus manejadores de redimensionado, pueden ser creadas composiciones 3D fácilmente: + + +3 originalrectanglesSeveral rectanglescopied and resizedby handles,mostly with Ctrl + +Aquó podemos observar algunos ejemplos de composiciones de rectángulos, incluyendo redondeado y relleno con gradientes: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Elipses +La herramienta Elipse (F5) puede crear elipses y círculos, los cuales pueden volverse segmentos y arcos. Los atajos de dibujo son los mismo que la herramienta rectángulo: + + +Con Ctrl, dibuje un círculo o una elipse radio-entero (2:1, 3:1, etc.). + +Con Shift, dibuje alrededor del punto inicial como centro de esta forma. + + + +Vamos a explorar los manejadores de una elipse. Seleccione una: + + + + +Una vez más, puede observar tres manejadores inicialmente, pero de hecho, son cuatro. El manejador más al extremo derecho consiste en dos manejadores superpuestos que le permiten "abrir" la elipse. Arrastre el manejador que se encuentra más al extremo derecho, después arrastre el otro manejador el cual se hace visible debajo de este, para obtener una variedad de segmentos tipo gráfica-torta o arcos: + + + + +Para obtener un segmento (un arco más dos radios), arrastre +fuera de la elipse; para obtener un arco, arrástrelo +dentro. Abajo, hay 4 segmentos a la izquierda y 3 arcos a la derecha. Note +que los arcos son figuras no cerradas, IMPORTANTE: el borde solo va a lo largo de la elipse pero +no se conecta con el final del arco. Usted puede hacer esto obvio si usted remueve el relleno, dejándo sólo el borde: + + + + + + + 15 + + SegmentsArcs + +Note el grupo de segmentos angostos a la izquierda. Esto fue sencillo de crear usando +ángulo de rotación del manejador con Ctrl. He aquí algunos atajos para manejadores de arcos/segmentos: + + + +Con Ctrl, rote los manejadores 15 grados cuando sea arrastrado. + +Shift+click para completar la elipse (no un arco o un segmento). + + + +El ángulo de rotación puede ser cambiado en las Preferencias de Inkscape (la pestaña Pasos). + + +Los otros dos manejadores de la elipse son usados para redimensionarla alrededor de su centro. Sus atajos son similares a los de manejadores de redondeado de un rectángulo: + + + +Arrastre con Ctrl para hacer círculos (Haga el otro radio igual). + +Ctrl+click Para hacer círculo sin arrastrado. + + + +Y, como los manejadores de redimensionado de rectángulos, estos manejadores de elipse ajustan el ancho y alto de la elipse en las coordenadas propias de la elipse. Esto significa que una elipse rotada o inclinada puede ser alargada o ensachada a lo largo de sus equis originales mientras el resto es rotado o inclinado. Intente redimensionar cualquiera de estas elipses a través de sus nodos de redimensionamiento: + + + + + + + +Estrellas +Las estrellas son más complejas pero son las formas más emocionantes de Inkscape. Si desea sorprender a sus amigos con Inkscape, permítales jugar con la herramienta Estrella. —¡Este es un entretenimiento francamente adictivo, y por supuesto, sin fin!. + + +La herramienta estrella puede crear dos objetos similares pero de distinta clase: estrellas y polígonos. Una estrella tiene dos manejadores cuyas posiciones definen la longitud y forma de sus estrellas; un polígono posee un sólo manejador el cual simplemente rota y redimensiona el polígono cuando es arrastrado: + + +StarPolygon + +En la bara de Control de la herramienta Estrella, primero está un botón de selección (checkbox) para volver una estrella en su polígono correspondiente y viceversa. Sigue, un campo numérico que configura el número de vértices de una estrella o un polígono. Este parámetro es sólo editable por medio de la barra de Control. El rango permitido es desde 3 (obviamente) hasta 1024, pero no intente con números grandes (más de 200) si su computador es lento. + +Cuando dibuje una estrella o un polígono, + + + +Arrastre con Ctrl para incrementar la rotación del ángulo en 15 grados. + + + +Naturalmente, una estrella es la forma más interesante (aunque los polígonos en la práctica, son más útiles). Los dos manejadores de una estrella tienen funciones levemente diferentes. El primer manejador (inicialmente se encuentra sobre una cima, sobre una esquina convexa de la estrella) hace los rayos de la estrella más largos o cortos, pero cuando los rota (relativo al centro de la figura), el otro manejador rota de acuerdo a este. Esto significa que no puede inclinar los rayos de la estrella con este manejador. + + +El otro manejador (inicialmente en una esquina concava en medio de los dos vértices) es, convenientemente, libre para mover ambos radialmente y tangencialmente, sin afectar el manejador cima. (De hecho, este manejador puede convertirse por si mismo en una cima por medio del movimiento más lejano desde el centro que el otro manejador.) Este es el manejador que puede inclinar las puntas de las estrellas para obtener gran variedad de cristales, mandalas, cristales de nieve y puercoespines: + + + + +Si sólo desea una estrella regular plana sin algún trazo especial, puede hacer que el +manejador de inclinado se comporte como el otro que no lo es: + + + +Arrastre con Ctrl para mantener los rayos de la estrella estrictamente radiales (no inclinados). + +Ctrl+click para remover la inclinación sin arrastrar. + + + +Como un complemento útil para el arrastrado del manejador sobre la pizarra, la barra de Control tiene el campo de longitud de Radio el cual define el radio de las distancias en el centro. + + +Las estrellas de Inkscape posee otros dos trucos más en la manga. En geometría, un polígono es una forma con bordes de líneas rectas y esquinas afiladas. En el mundo real, sin embargo, varios grados de curvalinealidad y redondeado son normalmente presentes — e Inkscape puede hacerlo también. El redondeando de una estrella o polígono trabaja un poco diferente al redondeado de un rectángulo, sin embargo, usted no emplea un manejador especializado. + + + +Shift+arrastrar en un manejado tangencialmente, para redondear la estrella o polígono. + +Shift+click en un manejador para remover el redondeado. + + + +"Tangencialmente" significa en una dirección perpendicular a la dirección del centro. Si "rota" +un manejador con Shift en sentido anti-horario alrededor del centro, obtendrá redondeado positivo; con rotación horaria, obtendrá redondeado negativo. (Observe más adelante los ejemplos de redondeado negativo). + + +Aquí podemos encontar una comparación de un cuadrado redondeado (herramienta Rectángulo) con un polígono redondeado de 4-lados (herramienta Estrella): + + +RoundedpolygonRoundedrectangle + +Como podemos observar, mientras un rectángulo redondeado posee segmenntos de líneas rectas en sus lados, y redondeado circular (generalmente, elíptico), un polígono o estrella redondeada no posee líneas rectas; sus curvaturas varían suavemente desde el máximo (en las esquinas) al mínimo (en la mitad entre las estrellas). Inkscape lo hace simple mediante la adición colineal de tangentes Bezier para cada nodo de la forma (puede observarlo si convierte la forma en trazo y lo examina con la herramienta Nodo). + + +El parámetro Redondez el cual puede ajustar en la barra de Control, es el radio de la longitud de dichas tangentes para la longitud de los lados del polígono/estrella a los que son adyacentes. Este parámetro puede ser negativo, lo cual invierte la dirección de las tangentes. Los valores entre 0.2 a 0.4 dan un redondeado "normal" de la clase que usted espera; otros valores tienden a producir patrones hermosos, difíciles y totalmente impredecibles. +Una estrella con valores de redondez muy grandes puede alcanzar una posición lejana más allá de la posición de sus manejadores. He aquí unos cuantos ejemplos, cada uno indicando su valor de redondez: + + +0.250.250.250.370.433.00-3.000.415.431.850.21-3.00-0.43-8.940.39 + +Si desea que las puntas de las estrellas sean afiladas pero concavas suavemente o viceversa, es fácil de hacer creando un Desvio automático (Ctrl+J) +desde la estrella: + + +Original starLinked offset, insetLinked offset, outset + +Shift+arrastraren los manejadores de la estrella en Inkscape es una de las más finas búsqueda conocidas por el hombre. Pero aún pueden ser conseguidas mejor. + + +Para imitar más de cerca las formas del mundo real, Inkscape puede hacer aleatorio (i.e. distorsión aleatoria) en sus estrellas y polígonos. La aleatoriedad baja hace a la estrella menos regular, más humana, más divertida; aleatoriedad alta es una forma emocionante para obtener una variedad de alocadas formas impredecibles. Una estrella redondeada conservan redondeado suave cuando es aleatorizado. He aquí los atajos: + + + +Alt+arrastrar sobre un nodo, de forma tangencial para aleatorizar la estrella o polígono. + +Alt+click sobre un nodo remueve la aleatoriedad. + + + +Como usted dibuja o edita a mano por arrastrado una estrella aleatorizada, esta puede "temblar" a causa de que cada posición única de los manejadores corresponde a su única aletoredad propia. Así, moviendo un manejador sin Alt re-aleatoriza la forma al mismo nivel de aletoriedad. Aquí están las estrellas cuyos parámetros son exactamente los mismos, pero cada una es re-aleatorizada por movimientos muy suaves de sus manejadores (nivel de aletoriedad es a través de 0.1): + + + + +Y aquí está la estrella media desde la fila previa, con el nivel de aletoriedad varia desde -0.2 hasta 0.2: + + ++0.2+0.10-0.1-0.2 + +Alt+arrastrar sobre un manejador de la estrella media en su fila y observe como cambian en sus vecinos de la derecha y de la izquierda —. + + +Usted probablemente busque sus propias aplicaciones para aleatorizar estrellas, pero yo especialmente me encariñe con los broches en forma de amebas y grandes planetas ásperos con hermosos paisajes: + + + + + + + +Espirales +Las espirales de Inkscape son unas formas versátiles, aunque no tan enviciantes como las estrellas, pero en ocasiones es muy útil. Una espiral, como una estrella, se dibuja desde el centro; mientras es dibujada como puede ser editada, + + + +Ctrl+arratrar para lograr una rotación de 15 grados. + + + +Una vez dibujada, una espiral posee dos manejadores en siçu inicio y finalización interna y externa. Ambos manejadores, cuando son arrastrados, simplemente enrollan o desenrrollan la espiral (i.e. "continue" cambiando el número de giros). Otros atajos: + + +Manejador Externo: + + + +Shift+arrastrar para escalar/rotar alrededro del centro (no enrrollar/desenrrollar). + +Alt+arrastrar para bloquear el radio mientras enrrollamos/desenrrollamos. + + + +Manejador interno: + + + +Alt+arrastrar verticalmente para lograr convergencia/divergencia. + +Alt+click para formatear la divergencia. + +Shift+click para mover el manejador interno para el centro. + + + +La divergencia de una espiral es la medida no lineal de sus giros. +Cuando es igual a 1, la espiral es uniforme; cuando es menor a 1 (Alt+arrastrar de manera ascencente), la espiral es más densa sobre la periferia; cuando es mayor que 1 (Alt+arrastrar de manera descendente), la espiral es más densa a través del centro: + + +0.20.5621 + +El número máximo de giros para la espiral es 1024. + + +Así como la herramienta Elipse es buena no sólo para elipses, sino también para arcos (líneas de curvatura constante), la herramienta Espiral es útil para hacer curvas con curvatura de suavidad variable curvature. Comparada con la curva plana Bezier, un arco o una espiral es mucho más conveniente a causa de que usted puede hacerlos más cortos o largo mediante el arrastrado de un manejador +a lo largo de la curva sin afectar su forma. También, mientras una espiral es dibujada normalmente sin un relleno, le puede agregar relleno y remover borde para crear efectos interesantes. + + + + +Algo especialmente interesantes son las espirales con borde punteado — ya que combinan la suave concentración de la forma con marcas equis-espaceadas (puntos o guiones) para hermosos efectos moire: + + + + + + + +Conclusión +Las herramientas de formas de Inkscape son muy poderosos. Aprenda sus trucos y juegue con ellas en sus tiempos libres — +esto puede dar fruto en sus trabajos de diseño, ya que usando formas en vez de simples trazos permiten hacer arte con vectores más rápido y con facilidad de edición. Si usted posee alguna idea para algunas mejores, no dude en contactar a los desarrolladores. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-shapes.fr.svg b/share/tutorials/tutorial-shapes.fr.svg new file mode 100644 index 000000000..858021dd5 --- /dev/null +++ b/share/tutorials/tutorial-shapes.fr.svg @@ -0,0 +1,670 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::FORMES + + + + + + + + +Ce didacticiel aborde les quatre outils de formes : rectangle, ellipse, étoile et spirale. Nous verrons des exemples montrant les possibilités des formes d'Inkscape et suggérerons quand et comment les utiliser. + + +Faites défiler la page avec Ctrl+flèche ou avec la souris (molette ou bouton du milieu). Pour les bases de la création, sélection ou transformation d'objets, voyez le didacticiel basique du menu Aide > Didacticiels. + + + + + +Inkscape possède plusieurs outils de formes versatiles, chacun créant son propre type de forme. Une forme est un objet ayant un certain type de poignées déplaçables et des paramètres numériques permettant de modifier cette forme tout en conservant son type. + + +Par exemple, vous pouvez modifier le nombre de sommets d'une étoile, ou ses dimension, angle, arrondi etc. — mais une étoile reste une étoile. Une forme est donc "moins libre" qu'un chemin, mais souvent plus pratique et intéressante. Vous pouvez convertir une forme en chemin (Ctrl+Maj+C), mais pas l'inverse. + + +Les outils de formes sont : l'outil rectangle, l'outil ellipse, l'outil étoile et l'outil spirale. Nous allons d'abord voir comment ces outils fonctionnent de manière générale, puis nous explorerons les possibilités particulières de chacun d'entre eux. + + + + + +Principes généraux + +Une forme est créée sur le canevas par un cliquer-déplacer avec l'outil lui correspondant. Une fois la forme créée (et tant qu'elle est sélectionnée), elle affiche ses poignées (des marques en forme de diamant), de sorte que vous pouvez toujours la modifier en déplaçant ces poignées. + + +Les quatre types de formes affichent leurs poignées dans les quatre outils de forme, mais aussi dans l'outil nœud (F2). Lorsque vous faites passer le curseur de la souris au-dessus d'une poignée, la barre d'état affiche des messages vous indiquant ce que vous pouvez faire en lui cliquant dessus ou en la déplaçant en combinaison avec différents raccourcis. + + +De plus chaque outil de forme affiche ses paramètres dans la barre de contrôle d'outil (qui est affichée horizontalement au dessus du canevas). Elle comporte habituellement plusieurs champs numériques et un bouton de remise à zéro (retour aux valeurs par défaut) de ces champs. Quand une (ou des) formes de l'outil en cours d'utilisation est sélectionnée, modifier les valeurs de ces champs de la barre de contrôle permet de modifier la (ou les) forme sélectionnée. + + +Toute modification effectuée via la barre de contrôle est retenue afin d'être réappliquée à la prochaine forme que vous dessinerez avec cet outil. Par exemple, après avoir changé le nombre de sommets d'une étoile, les étoiles que vous créerez par la suite auront le même nombre de sommets. De plus, le simple fait de sélectionner une forme donnée envoie ses paramètres à la barre de contrôle d'outil et donc permet de définir les valeurs pour les formes de ce type que vous créerez après. + + +Lorsque vous utilisez un outil de forme, vous pouvez sélectionner un objet en cliquant dessus.Ctrl+ cliquer (sélectionner au sein d'un groupe) et Alt+cliquer (sélectionner dessous) fonctionne aussi comme dans le sélecteur. Esc permet de désélectionner. + + + + + +Rectangles + +Le rectangle est la forme la plus simple mais sans doute la plus courante en design et en illustration. Inkscape tente de rendre la création et la modification des rectangles aussi simple et efficace que possible. + + +Passez à l'outil Rectangle en appuyant sur F4 ou en cliquant sur son bouton dans la barre d'outils. Dessinez un nouveau rectangle à côté de celui-ci : + + +dessinez ici + +Puis, sans quitter l'outil rectangle, passez d'un rectangle à l'autre en cliquant dessus. + + +Raccourcis de dessin des rectangle : + + + + +En appuyant sur Ctrl, vous pouvez dessiner un carré ou un rectangle de rapport de dimensions entier (2:1, 3:1, etc.). + + + + +En appuyant sur Maj, vous pouvez dessiner autour du point de départ. + + + + +Comme vous pouvez le voir, le rectangle sélectionné (le rectangle qui vient d'être créé est toujours sélectionné) affiche trois poignées dans trois de ses coins. En fait, il y a quatre poignées, mais deux d'entre elles (dans le coin supérieur droit) se chevauchent si le rectangle n'est pas arrondi. Ces deux-là sont les poignées d'arrondi; les deux autres (en haut à gauche, et en bas à droite) sont les poignées de redimensionnement. + + +Voyons les poignées d'arrondi d'abord. Saisissez l'une d'elles, et déplacez-la vers le bas. Les quatres coins du rectangle deviennent arrondis, et vous pouvez maintenant voir la deuxième poignée d'arrondi — qui est toujours au même emplacement dans le coin. Si vous voulez obtenir des coins arrondis circulairement, vous n'avez plus rien à faire. Si vous voulez des arrondis avec un rayon différent selon le côté, vous pouvez déplacer la deuxième poignée vers la gauche. + + +Ici, les deux premiers rectangles ont des coins arrondis circulairement et les deux autres des coins arrondis elliptiquement : + + +Coins arrondis elliptiquementCoins arrondis circulairement + +Toujours avec l'outil rectangle, cliquez sur ces rectangle pour les sélectionner et observez leurs poignées d'arrondi. + + +Souvent, le rayon et la forme des coins arrondis doivent garder les mêmes proportions au sein d'une composition, même si les dimensions des rectangles sont différentes (comme dans des diagrammes formés de boîtes arrondies de différentes tailles). Inkscape permet cela facilement. Passez à l'outil sélecteur; dans la barre de contrôle de cet outil, il y a un groupe de quatre boutons enfonçables, le second affichant deux coins arrondis concentriques. Ce bouton vous permet de déterminer si les rayons des coins arrondis doivent être mis à l'échelle ou non quand vous redimensionnez un rectangle. + + +Ici par exemple, le rectangle original rouge a été dupliqué et ses dimensions changées (augmentées et diminuées) plusieurs fois selon différentes proportions, le bouton "préserver l'échelle des arrondis" étant décoché : + + +Rectangles arrondis redimensionnés avec "préserver l'échelle des arrondis" décoché + +Notez que la taille et la forme des coins arrondis restent les mêmes pour tous les rectangles, de sorte que les coins arrondis se superposent exactement en haut à droite de la figure. Tous les rectangles bleus en pointillés ont été obtenus après un redimensionnement de l'original dans le sélecteur, sans avoir réajusté les poignées d'arrondi. + + +Pour comparer, voici la même composition, mais créée cette fois-ci le bouton "préserver l'échelle des arrondis" étant coché : + + +Rectangles arrondis redimensionnés avec "préserver l'échelle des arrondis" coché + +Maintenant, les rectangles ont tous des coins arrondis différemment, et il n'y a plus aucune superposition en haut à droite (zommez pour le vérifier). Ce résultat (visible) est le même que celui que vous auriez obtenu en convertissant le rectangle original en chemin (Ctrl+Maj+C) puis en modifiant les dimensions de ce chemin. + + +Voici les raccourcis permettant de manipuler les poignées d'arrondi d'un rectangle : + + + + +Déplacez-les en appuyant sur Ctrl pour garder égaux les deux rayons (arrondi circulaire). + + + + +Ctrl+cliquer sur une poignée rendra son rayon égal à celui de la deuxième sans avoir à la déplacer. + + + + +Maj+clicquer permet de supprimer l'arrondi. + + + + +Vous avez peut-être remarqué que la barre de contrôle de l'outil rectangle affiche deux champs pour les rayons horizontal (Rx) et vertical (Ry) d'arrondi pour le rectangle sélectionné , vous permettant ainsi de modifier précisément ces rayons dans l'unité de votre choix. Le bouton Pas d'arrondi fait simplement ce qu'il indique : il supprime l'arrondi des rectangles sélectionnés. + +Un avantage important de ces contrôles est qu'ils peuvent affecter plusieurs rectangles en même temps. Par exemple, si vous voulez modifier tous les rectangles d'un calque, vous n'avez qu'à appuyer sur Ctrl+A (tout sélectionner) et définir les paramètres voulus dans la barre de contrôle. Si des objets autres que des rectangles sont sélectionnés, ils seront ignorés — seuls les formes rectangles seront modifiées. + + +Maintenant, observons les poignées de redimensionnement d'un rectangle. Vous vous demandez peut-être à quoi elles servent puisqu'il est possible de redimensionner un rectangle avec le sélecteur ? + + +Le problème avec le sélecteur est que pour lui, les notions d'horizontale et de verticale sont celles de la page. En revanche, les poignées de redimensionnement d'un rectangle agissent parallèlement à ses côtés, même si le rectangle a été tourné ou incliné. Par exemple, essayez de redimensionner ce rectangle d'abord avec le sélecteur puis avec ses poignées de redimensionnement dans l'outil rectangle : + + + +Comme il y a deux poignées de redimensionnement, vous pouvez modifier les dimensions du rectangle +selon n'importe quelle direction et même parallèlement à ses côtés. Le redimensionnement préserve les rayons d'arrondi des coins. + + +Voici les raccourcis permettant de manipuler les poignées de redimensionnement d'un rectangle : + + + + +Déplacez-les en appuyant sur Ctrl pour forcer leur déplacement parallèlement aux côtés du rectangle ou à sa diagonale. Autrement dit, Ctrl permet de préserver la largeur ou la hauteur ou encore le ratio largeur/hauteur du rectangle (dans son propre système de coordonnées qui peut être tourné ou incliné). + + + + +Voici le même rectangle, entouré de lignes pointillées grises indiquant les directions dans lesquelles vous pouvez déplacer ses poignées de redimensionnement en appuyant sur Ctrl (essayez): + + +Déplacement des poignées deredimensionnement d'un rectangletout en appuyant sur Ctrl + + + + + + + +En inclinant et en tournant un rectangle, puis en le dupliquant et en modifiant ses dimensions avec ses poignées de redimensionnement, vous pouvez facilement créer des dessins en 3D : + + +3 rectanglesd'originePlusieurs rectanglescopiés et redimensionnéspar leurs poignées,principalement avec Ctrl + +Voici quelques exemples de plus de compositions avec des rectangles, incluant des coins arrondis et des dégradés de remplissage : + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Ellipses + +L'outil ellipse (F5) permet de créer des ellipses et des cercles, que vous pouvez transformer en camemberts ou en arcs. Les raccourcis sont les mêmes que ceux de l'outil rectangle : + + + +En appuyant sur Ctrl, vous pouvez dessiner un cercle ou une ellipse de ratio entier (2:1, 3:1, etc.). + + + + +En appuyant sur Maj, vous pouvez dessiner autour du point de départ. + + + + +Intéressons-nous aux poignées d'une ellipse. Sélectionnez l'ellipse suivante : + + + + +une fois de plus, vous ne voyez d'abord que trois poignées, mais en fait il y en a quatre. Celle de droite est en fait deux poignées qui se superposent et qui permettent "d'ouvrir" l'ellipse. En déplaçant la première de ces poignées, la deuxième devient visible; déplacer ces poignées vous permettent d'obtenir toute sorte d'arcs ou de camemberts (portions d'ellipse en forme de part de tarte) : + + + + +Pour obtenir un camembert (un arc avec ses deux rayons), déplacez la poignée vers l'extérieur de l'ellipse; pour obtenir un arc, déplacez-la vers l'intérieur. Ci-dessus, vous pouvez voir 4 camemberts à gauche et 3 arcs à droite. Notez que les arcs sont des formes ouvertes, c'est à dire que le contour court le long de l'ellipse mais ne relie pas les extrémités de l'arc. Ceci devient évident si vous supprimez le remplissage, ne gardant visible que le contour : + + + + + + + 15 + + CamembertsArcs + +Voyez le groupe de camemberts ressemblant à un ventilateur sur la gauche. Le créer a été facile, en déplaçant les poignées par incréments d'angle avec la touche Ctrl. Voici les raccourcis des poignées arc/camembert : + + + + +En appuyant sur Ctrl, forcez des modifications d'angle par incréments de 15 degrés lors des déplacements de ces poignées. + + + + +Maj+cliquer sur ces poignées permet de refermer ces arcs/camemberts pour en refaire des ellipses. + + + + +L'incrément d'angle par défaut peut être modifié dans les préférences d'Inkscape (dans l'onglet Incréments). + + +Les deux autres poignées d'une ellipse sont utilisées pour la redimensionner autour de son centre. Les raccourcis qui y sont associés sont similaires à ceux des poignées d'arrondi d'un rectangle : + + + + +Déplacez-les tout en appuyant sur Ctrl pour faire un cercle (garder les deux rayons égaux). + + + + +Ctrl+cliquer sur une de ces poignées permet de transformer l'ellipse en cercle sans déplacer de poignée. + + + + +Et, tout comme les poignées de redimensionnement d'un rectangle, ces poignées permettent d'ajuster la largeur et la hauteur d'une ellipse dans son propre système de coordonnées. Ce qui signifie qu'une ellipse qui a été tournée ou inclinée peut facilement être redimensionnée parallèlement à ses axes. Essayez de modifier les dimensions de ces ellipses en utilisant leurs poignées de redimensionnement : + + + + + + + +Etoiles + +Les étoiles sont les formes les plus complexes et les plus intéressantes. Si vous voulez épater vos amis avec Inkscape, laissez-les s'amuser un peu avec l'outil étoile. Il est particulièrement amusant — ça devient presque une drogue ! + + +L'outil étoile permet de créer deux types de formes similaires : des étoiles et des polygones. Une étoile a deux poignées dont les positions définissent la longueur et la forme de ses branches; un polygone n'a qu'une poignée qui permet en la déplaçant de redimensionner et tourner ce polygone : + + +EtoilePolygone + +Dans la barre de contrôle de l'outil étoile vient d'abord une boîte permettant de passer du mode étoile à polygone et inversement. Puis un champ numérique permet de définir le nombre de sommets d'une étoile ou d'un polygone. Ce paramètre n'est modifiable que depuis cette barre de contrôle, et peut varier de 3 (évidemment) à 1024, mais vous devriez éviter d'entrer un trop grand nombre (disons, plus de 200) si votre ordinateur n'est pas très puissant. + + +Quand vous dessinez une nouvelle étoile ou un nouveau polygone, + + + + +Déplacez une poignée en appuyant sur Ctrl pour forcer des modifications d'angle par incréments de 15 degrés. + + + + +Par nature, une étoile est une des formes les plus intéressantes (bien qu'en pratique les polygones soient souvent plus utiles). Les deux poignées d'une étoile ont des fonctions légèrement différentes. La première poignée (lors de la création de l'étoile, elle se trouve sur une pointe, c'est à dire un coin convexe de l'étoile) permet d'allonger ou raccourcir les branches de l'étoile, mais si vous la tournez (relativement au centre de la forme), l'autre poignée accompagne cette rotation. Ceci implique que vous ne pouvez pas incliner les branches de l'étoile avec cette poignée. + + +Par contre, l'autre poignée (située initialement sur un coin concave entre deux pointes) est libre de se déplacer radialement et tangentiellement, sans affecter la poignée au bout d'une pointe (en fait cette poignée peut devenir à son tour la poignée de pointe si elle est déplacée plus loin du centre que l'autre poignée). Avec cette poignée, vous pouvez incliner les branches de l'étoile pour obtenir toutes sortes de cristaux, mandalas et flocons : + + + + +Si vous voulez juste obtenir une étoile simple, sans de telles dentelles, vous pouvez restreindre le comportement de cette poignée de façon à éviter toute inclinaison : + + + + +Déplacer la poignée en appuyant sur Ctrl permet de garder l'étoile strictement radiale (sans inclinaison). + + + + +Ctrl+cliquer sur la poignée permet de supprimer l'inclinaison sans la déplacer. + + + + +En complément utile des possibilités de déplacement des poignées sur le canevas, la barre de contrôle comprend un champ Ratio des rayons qui définit le rapport entre les distances séparant chacune des poignée du centre. + + +Les étoiles d'Inkscape ont deux astuces de plus dans leur sac. En géométrie, un polygone est une forme composée de segments de droites avec des coins anguleux. Dans le monde réel, un certain degré de courbure est parfois présent — et Inkscape peut gérer cela aussi. Cependant, arrondir une étoile ou un polygone est un peu différent d'arrondir un rectangle. Vous n'avez pas de poignée dédiée à cette operation, mais, + + + + +Maj+cliquer-déplacer tangentiellement une poignée permet d'arrondir une étoile ou un polygone. + + + + +Maj+cliquer sur une poignée permet de supprimer l'arrondi. + + + + +"Tangentiellement" signifie dans une direction perpendiculaire à celle d'un rayon. Si vous 'tournez' une poignée en sens anti-horaire, vous augmentez l'arrondi; en sens horaire, vous le diminuez (voyez plus loin ci-dessous pour des exemples d'arrondi négatif). + + +Voici une comparaison entre un carré arrondi (issu de l'outil rectangle) et un quadrilatère arrondi (issu de l'outil étoile) : + + +PolygonearrondiRectanglearrondi + +Comme vous pouvez le voir, alors qu'un rectangle arrondi a des côtés droits et des coins arrondis (circulairement ou elliptiquement), un polygone ou une étoile arrondi n'a aucun segment rectiligne; ses courbures varient régulièrement entre un maximum (dans les coins) et un miminum (entre deux coins). Inkscape opère ceci en ajoutant deux tangentes de Bézier colineaires à chaque nœud de la forme (vous pouvez les voir en convertissant la forme en chemin et en l'examinant avec l'outil nœud). + + +Le paramètre d'arrondi que vous pouvez ajuster dans la barre de contrôle est le rapport entre la longueur de ces tangentes et celle du côté adjacent de l'étoile/polygone. Ce paramètre peut être négatif, inversant ainsi la direction des tangentes. Des valeurs de 0.2 à 0.4 donnent une courbure 'normale' (assez courante); des valeurs plus importantes conduisent à des formes superbes, inextricables et totalement imprévisibles. Une étoile avec une grande valeur d'arrondi peut facilement dépasser les limites fixées habituellement par ses poignées. Voici quelques exemples, indiquant chacun sa valeur d'arrondi : + + +0.250.250.250.370.433.00-3.000.415.431.850.21-3.00-0.43-8.940.39 + +Si vous voulez que les pointes d'une étoile soient pointues et que les creux soient arrondis ou l'inverse, il suffit simplement de créer un offset (Ctrl+J) de cette étoile : + + +Etoile originaleOffset lié, érodéOffset lié, dilaté + +Maj+cliquer-déplacer les poignées d'une étoile dans Inkscape est une des plus merveilleuses activités connues de l'être humain. Mais on peut faire encore mieux. + + +Afin d'imiter encore mieux les formes du monde réel, Inkscape peut rendre aléatoires (c'est à dire déformer aléatoirement) ses étoiles et polygones. Un peu de hasard rend une étoile moins régulière, plus 'humaine', souvent amusante; un hasard plus important est une façon distrayante d'obtenir toute une variété de formes complètement imprédictibles. Une étoile arrondie garde des courbures douces quand elle est rendue aléatoire. Voici les raccourcis : + + + + +Alt+cliquer-déplacer tangentiellement une poignée permet de rendre une étoile ou un polygone aléatoire. + + + + +Alt+cliquer sur une poignée permet de supprimer le hasard. + + + + +Lors de l'édition (avec les poignées) d'une étoile aléatoire, celle-ci 'tremblera' car chaque position précise de ses poignées correspond à une unique quantité de hasard. Donc, déplacer une poignée sans appuyer sur Alt réinitialise ce hasard en conservant son niveau, tandis que Alt+cliquer-déplacer préserve ce hasard mais ajuste son niveau. Voici des étoiles dont les paramètres sont identiques, mais chacune d'entre elle a vu sa quantité de hasard mise à jour en déplaçant très légèrement sa poignée (la quantité de hasard varie de 0.1 tout au long de la figure suivante) : + + + + +Et voici l'étoile du milieu de la figure ci-dessus, avec une quantité de hasard variant entre -0.2 et 0.2 : + + ++0.2+0.10-0.1-0.2 + +Essayez de Alt+cliquer-déplacer une poignée de l'étoile du milieu de la figure ci-dessus et observez comment elle passe de la forme de celle de gauche à la forme de celle de droite — et même au delà. + + +Vous trouverez probablement vos propres applications aux étoiles aléatoires, j'avoue aimer particulièrement les éclaboussures en forme d'amibes et les grandes planètes irrégulières aux paysages fantastiques : + + + + + + + + +Spirales +Les spirales d'Inkscape sont des formes versatiles, et bien qu'elles ne soient pas aussi captivantes que les étoiles, elles sont parfois utiles. Une spirale, comme une étoile, est dessinée autour de son centre; lors de sa création tout comme lors de son édition, + + + + +Déplacez une poignée en appuyant sur Ctrl pour forcer des modifications d'angle par incréments de 15 degrés. + + + + +Une fois créée, une spirale possède deux poignées, intérieure et extérieure. Les deux poignées peuvent être simplement déplacées pour enrouler ou dérouler (c'est à dire la prolonger, en modifiant le nombre de ses tours) la spirale. Voici les autres raccourcis : + + +Poignée extérieure : + + + + +Maj+cliquer-déplacer permet de redimensionner/tourner la spirale autour de son centre (sans l'enrouler ou la dérouler). + + + + +Alt+cliquer-déplacer pour verrouiller le rayon de la spirale pendant que vous l'enroulez ou la déroulez. + + + + +Poignée intérieure : + + + + +Alt+cliquer-déplacer verticalement permet de faire converger/diverger la spirale. + + + + +Alt+cliquer permet de remettre la divergence à zéro. + + + + +Maj+cliquer permet de déplacer la poignée intérieure au centre. + + + + +La divergence d'une spirale est la mesure de la non-linéarité de ses enroulements. Quand la divergence vaut 1, la spirale est uniforme; inférieure à 1 (Alt+cliquer-déplacer vers le haut), la spirale devient plus dense à sa périphérie; supérieure à 1 (Alt+cliquer-déplacer vers le bas), la spirale est plus dense en son centre : + + +0.20.5621 + +Le nombre maximum de tours d'une spirale est 1024. + + +Tout comme l'outil ellipse ne se limite pas aux ellipses, mais permet de créer des arcs (des lignes à la courbure constante), l'outil spirale permet de créer des lignes à la courbure variant régulièrement. Comparé à une courbe de Bézier, un arc de spirale est souvent plus pratique car vous pouvez l'allonger ou le racourcir en déplaçant une poignée le long de la courbe sans modifier sa forme. De plus, alors qu'une spirale est habituellement dessinée sans remplissage, vous pouvez en ajouter un et retirer le contour afin d'obtenir des effets intéressants. + + + + +Les spirales avec des contours en pointillés sont particulièrement intéressantes — elles combinent la concentration naturelle de la forme avec l'espacement régulier des pointillés pour fournir de superbes effets de moiré : + + + + + + + +Conclusion +Les outils de formes d'Inkscape sont particulièrement puissants. Initiez-vous à leurs astuces à loisir — ce sera payant pour tout travail de design car, utiliser des formes au lieu de chemins rend la création d'un dessin vectoriel plus rapide et sa modification plus facile. Si vous avez des idées pour améliorer d'une façon quelconque les outils de formes, n'hésitez pas à contacter les développeurs. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-shapes.ja.svg b/share/tutorials/tutorial-shapes.ja.svg new file mode 100644 index 000000000..be625883b --- /dev/null +++ b/share/tutorials/tutorial-shapes.ja.svg @@ -0,0 +1,600 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::シェイプ + + + + + + + + +このチュートリアルは４つのシェイプツールについて説明している：　矩形、楕円、星型、螺旋。Inkscapeのシェイプで何ができるかについて披露し、どのような場合にどのように使用するかについて示す。 + + +Ctrl+Arrows、 mousewheel、もしくは middle button dragを使いページを下にスクロールせよ。オブジェクトの作成、選択、変形の基本については、Help >ヘルプ > チュートリアル から基本チュートリアルを見よ。 + + + + +Inkscape には多用途の４つのシェイプツールがあり、どのツールもシェイプの作成と編集をすることができる。シェイプはドラッグ可能なハンドルと形を決めている数値パラメータを使用して、シェイプに特有の方法で変更を加えることが可能なオブジェクトである。 + + +例えば、星型では頂点の数、長さ、角度、丸めその他を変更することができるが、星型は星型のままである。形状は、単純なパスより"自由度が少ない" 、しかしときにそれはより興味深く便利である。シェイプはいつでもパスに変換することができる（Ctrl+Shift+C)、しかし逆に変換することはできない。 + + +シェイプツールは、矩形、楕円、星型、螺旋である。はじめに、一般的にどう働くか見てみよう；それから各シェイプについてみてみよう。 + + + + +一般的な用法 +新しいシェイプは、対応するツールでキャンバスを dragして作成する。一度、作成されると（そして選択されている限り）、ドラッグすることで直ちに形状の編集が可能なひし形のハンドルが表示される。 + + +４種のシェイプは全て、ノードツールと同じくシェイプツールでハンドルを表示する（F2）。ますカーソルをハンドルの上に置くと、ステータスバーにハンドルが異なる修飾キーを押した場合にドラッグやクリックでどう変化するかが表示される。 + + +また、各シェイプツールはツールコントロールバー（キャンバスの上）に、パラメータを表示する。通常そこにはいくつかの数値入力域と既定値に戻す一つのボタンがある。現在ののツールタイプのオブジェクトが選択されると、コントロールバーの値を変更すると選択したシェイプが変形する。 + + +ツールコントロールに加えられた変更は、記憶されてツールを使って次のオブジェクトを描くときに使用される。例えば、星型の頂点の数を変更したあと新規に作成した星型の頂点数は前に描いた星の頂点数になる。さらに、選択してツールコントロールバーに値を反映しただけでも、新しい星型にはその値が適用される。 + + +シェイプツールを使用しているときオブジェクトの上でclickすると選択が可能である。Ctrl+click （グループから選択）と、Alt+Click（隠れているオブジェクトの選択）もセレクタツールと同様に働く。 Escで選択は解除される。 + + + + +矩形 +矩形は簡単だがおそらくデザインやイラストで最も一般的なシェイプだろう。Inkscape は矩形の作成と編集をできる限り簡単かつ便利に行えるように設計されている。 + + +F4を押すかツールバーのボタンを押して矩形ツールに切り替える。新しく矩形をこの青い矩形の横に描いてみよ： + + +draw here + +そして、矩形ツールを抜けることなく、クリックして他の矩形に選択を切り替えよ。 + + +矩形描画のショートカット： + + +Ctrlを押しながら、整数の縦横比（２：３、３：１等）で正方形や矩形を描画。 + +Shiftを押しながら、始点を中心点として描画。 + + + +見てのとおり選択された矩形（出来たての矩形はつねに選択状態にある）には３つのハンドルが角にある。実際には４つのハンドルがあるが、そのうちの２つ（右上）は矩形の角が丸まっていないときには重なってる。この２つは丸めハンドル；他の２つはリサイズハンドルである。 + + +はじめに丸めハンドルを見てみよう。そのうちの一つをつかんで引き下げてみよう。矩形の４つの角がまるくなり、角の元の場所に２つ目の丸めハンドルが見えたはずだ。円状に丸めたいのであればこれだけで事足りる。もし一方の角をより遠くまで丸めたいのであればもう一つのハンドルを左に動かすことが出来る。 + + +最初の２つは角を円状に丸めた矩形、他の２つは角を楕円状に丸めた矩形： + + +Elliptic rounded cornersCircular rounded corners + +矩形を選択して、矩形ツールの丸めハンドルについてもう少しみてみよう。 + + +しばしば、角を持つシェイプの丸め半径と形状は作品全体にわたり一定であることが必要である。矩形の大きさが異なっていても（色々な大きさの角を丸めた箱で描かれた図を考えて欲しい）これは必要なことである。Inkscape でこれを実現するのは容易である。セレクタツールに切り替え；ツールコントロールバーに４つのトグルボタンがあり、その左から２番目に同心の丸めた角が表示されている。このボタンで、丸めた角を、矩形がスケールされたときに丸めをスケールするかを制御する方法である。 + + +例えば、ここにオリジナルの赤い矩形と、"丸めた角にスケールをかける" ボタンをオフにして複製され、スケールを掛けたいくつかの矩形がある： + + +Scaling rounded rectangles with "Scale rounded corners" OFF + +右上で全てのすべて丸めた角が正確に一致して、矩形の角の形か等しいのを確認して欲しい。全ての破線で描かれた矩形は元の赤い矩形から派生したものでセレクタでスケールだけを掛けてあり、丸めハンドルでの調整は行っていない。 + + +比較のために、同じ画像を "丸めた角にスケールをかける" ボタンをオンにして作成した： + + +Scaling rounded rectangles with "Scale rounded corners" ON + +今や、丸めた角は属する矩形と同じぐらいに違っている、そして右上の角ではわずかな一致も見られない（ズームインして見よ）。これは、元の矩形をパスに変換（Ctrl+Shift+C）して、それをパスとしてスケールした場合と同じ（視覚的）結果である。 + + +矩形の丸めハンドルのショートカットには： + + +Ctrlを押しながらドラッグして、もう一方の半径を等しくする（円状の丸め）。 + +Ctrl+clickでドラッグしないでもう一方の半径を同じにする。 + + +Shift+click で丸めを取り除く。 + + + +矩形ツールのコントロールバーには水平（Rx）と垂直（Ry）の丸め半径が表示されており、どの単位を使っても正確に半径を設定することができることに注意。鋭利に ボタンは選択した矩形から丸めを取り除く意味である。 + + +コントロールを使うことの重要な利点は、たくさんの矩形に一度に効力を及ぼすことが出来ることである。例えば、もしレイヤー内の全ての矩形を変更したい場合、Ctrl+A（全てを選択）とコントロールバーのパラメータを必要な値に設定するだけである。もし、矩形でないオブジェクトが選択されていたとしてもそれらは無視され矩形のみが変更される。 + + +今度は、矩形のリサイズハンドルを見てみよう。あなたは不思議に思うだろう、なぜこれが必要なのか、セレクタでうまく矩形をリサイズできるのではないか？ + + +セレクタの問題点は、セレクタの水平と垂直の概念はつねにドキュメントページの水平と垂直であることだ。決まりとして、矩形のリサイズハンドルは、矩形が回転しても歪んでいても、矩形の辺に沿ってスケールを行う。例えば、最初にセレクタでリサイズした矩形を次に矩形ツールのリサイズツールでリサイズしてみよ： + + + + +リサイズハンドルは２つあるので、どの方向へもリサイズすることができるし、辺に沿って移動することさえ可能だ。リサイズハンドルはつねに丸め半径を保持している。 + + +リサイズハンドルのショートカットは： + + + +Ctrlを押してドラッグすることで、矩形の辺や対角線をスナップする。言い換えると、Ctrlは、矩形の幅、高さのどちらか、もしくは縦横比を保持する（再び言うが、回転していても歪んでいても矩形の座標系で）。 + + + +ここに上図と同じ矩形がある、灰色の破線はリサイズハンドルがCtrlを押しながらドラッグしたときに張り付く方向を示している（試してみよ）： + + +Snapping of rectangle resize handles with Ctrl + + + + + + + +傾けたり回転した矩形を複製しリサイズハンドルでリサイズして、３Ｄの構図を簡単に作ることができる： + + +3 originalrectanglesSeveral rectanglescopied and resizedby handles,mostly with Ctrl + +丸めやグラディエントのフィルを使った矩形の構図の例をさらに挙げる： + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +楕円 +楕円ツール（F5）は楕円や円を作成することができる。楕円や円は弧や扇形にも変換できる。描画のショートカットは矩形ツールと同じである： + + + +Ctrlを押しながら、整数の縦横比（２：３、３：１等）で楕円を描画。 + +Shiftを押しながら、始点を中心点として描画。 + + + +楕円のハンドルをいじってみよう。この楕円を選択せよ： + + + + +またもや、３つのハンドルがあることに気が付いたと思う、しかし実は４つなのだ。左のハンドルは楕円を "開く"ことの出来る２つのハンドルが重なっている。右にあるハンドルをドラッグするともう一つのハンドルが下から見える。これで弧や扇形を作ることができる： + + + + +扇形（弧と２つの半径からなる）を作るには、楕円の外側をドラッグし； 弧を作るためには内側をドラッグする。上図の左側には４つの扇形、右側には３つの弧がある。弧は閉じていないシェイプであることをに注意せよ、つまりストロークは楕円にそっているが端点はつながっていない。フィルを削除してストロークだけにするとそのことは明らかになる： + + + + + + + 15 + + SegmentsArcs + +左図にあるせまい扇形は、 Ctrlを押しながら角度をスナップすることで簡単に作ることが出来る。弧／扇形のショートカットは： + + + +Ctrlを押しながらドラッグするとハンドルは１５度ごとにスナップする。 + +Shift+click で楕円全形になる（弧や扇形ではなく）。 + + + +スナップ角度は Inkscape 設定（変化度タブ）で変更できる。 + + +楕円のその他の２つハンドルは中心まわりのリサイズに使用する。ショートカットは矩形の丸めハンドルに似ている： + + + +Ctrlを押しながらドラッグで、円になる（もう一方の半径が等しくなる）。 + +Ctrl+click でドラッグしないで円を作成。 + + + +そして、矩形のリサイズハンドルの様に、楕円のリサイズハンドルも楕円の高さと幅を楕円の座標系で変更する。これは回転したりや歪んだりしている楕円でも、回転や歪みはそのままで元の座標系に沿って伸張したり圧縮したりできることを意味する。これらの楕円のリサイズハンドルでリサイズを試してみよ： + + + + + + + +星形 +星形はもっとも複雑で刺激的な Inkscape のシェイプだ。もし友人を Inkscape で驚かせるなら、星形ツールを使わせよう。これはもう飽きの来ない面白さ、まさに中毒的！ + + +星形ツールは２つの良く似た、しかし異なった種類のオブジェクト、星形と多角形を作成する。星型は頂点の長さと形を決める２つのハンドルを持つ：多角形はドラッグして回転とリサイズを行う１つのハンドルを持つ： + + +StarPolygon + +まずコントロールバーにはチェックボックスがある。これは星型を多角形に、また逆に変換する。次に、星形と多角形の頂点数を設定する入力域。このパラメータはコントロールバーでしか編集できない。許されている数値は３（明白である）から１０２４までである、しかしコンピュータが遅い場合には、大きな値（２００以上）は入れるべきではない。 + + +新規に星形や多角形を作るときは、 + + + +Ctrlを押しながらドラッグすると角度の増分が１５度にスナップされる。 + + + +生来、星形は断然面白いシェイプである（しかし、多角形はしばしばより有用である）。星型の二つのハンドルはわずかに異なる機能を持っている。はじめのハンドル（初期状態で頂点にあるハンドル、つまり星形の凸な角にある方）は星の光芒を長くしたり短くしたりする、しかし、ハンドルを回すと（シェイプの中心で相対的に）、もう一方のハンドルもそれに応じて回転する。このことは星型の光芒はこのハンドルでは歪められないことを意味する。 + + +もう一方のハンドル（初期状態で頂点の間の凹な角にある）は、逆に、半径方向にも接線方向にも頂点ハンドルに影響をあたえずに自由に動く（実際、このハンドルはもう一方のハンドルより遠くに動いて頂点になることもできる）。このハンドルは星型の頂点を歪ませ、光芒をあらゆる種類の結晶型、曼荼羅模様、雪片形、ヤマアラシ形にする： + + + + +もし、飾りのない普通の星形を作りたいなら、ハンドルの歪みの動きを規制することができる： + + + + +Ctrlを押しながらドラッグすることで、光芒を半径方向に限定することができる（歪みなし）。 + +Ctrl+click でドラッグをせずに歪みをとることができる。 + + + +キャンバス上でのハンドルのドラッグの有用な補足として、２つのハンドルの中心からの距離の比、スポーク比 がコントロールバーにある。 + + +Inkscape の星形はまだ２つの仕掛けを隠している。幾何学の世界では多角形は鋭角から直線の辺を持つ。しかし現実世界では様々な度数の曲がりや丸さが存在する、そして Inkscape もそれを実現可能としている。しかし、多角形の丸めは矩形の丸めとは少し異なる作用をする。丸めのために、用意されたされたハンドルを使う必要がないのである、しかし + + + +接線方向にShift+drag で星形や多角形を丸めることができる。 + +Shift+click で丸めを取り除くことができる。 + + + +"接線方向" は中心方向とは直角と言う意味である。Shift を押しながらハンドルを反時計方向に "回転" すると、丸めの値は正になり； 時計方向に回すと負の丸めになる（下の負の丸めの例を見よ）。 + + +ここで、丸めた正方形（矩形ツール）と丸めた正４角形（星形ツール）を比較する： + + +RoundedpolygonRoundedrectangle + +見て分かるように、丸めた矩形は辺に直線区間と円弧状（一般的には楕円弧）の区間がある、丸めた多角形と星形には直線区間が全くない；曲率は最大（角の部分）から最小（角と角の中間）へと滑らかに変化する。 Inkscapeはただ連続なベジェのハンドルをシェイプの頂点に追加しているだけである（シェイプをパスに変換すればベジェハンドルを見ること、調べることができる）。 + + +コントロールバーの丸めパラメータは接線と近接する多角形／星形の辺の長さの比である。このパラメータは負の値を取りうる。負の場合は接線の向きを反転する。０．２から０．４の値であると予測した "普通" の丸めになる；他の値にすると美しい、入り組んだ、予測不可能な形になる傾向がある。大きな丸め値の星形はハンドルの位置を大きく上回る形状になる。いくつかの例を示す、数値は丸め値を表す： + + +0.250.250.250.370.433.00-3.000.415.431.850.21-3.00-0.43-8.940.39 + +頂点を鋭く、凹な辺を滑らかにしたい場合、もしくはその逆の形状がほしい場合、星形からオフセット（Ctrl+J）を作ることで簡単に実現できる： + + +Original starLinked offset, insetLinked offset, outset + +Inkscape の星形のハンドルをShift+dragすることは、人間の最もすばらしい楽しみである。しかしもっと楽しむことができる。 + + +現実世界の形状により似せるために、Inkscape は星形と多角形に乱雑さを備えている（つまり、乱雑なひずみ）。わずかな乱雑さは、星形を少し乱す、より人間らしく、より可笑しく；強い乱雑さは様々な熱狂的予測不可能な形状を作り出すための刺激的な方法である。丸めを施した星形は乱雑さを加えても丸まったままである。ショートカットは： + + + +ハンドルを接線方向にAlt+dragすると、星形と多角形は乱雑になる。 + +ハンドルをAlt+click すると乱雑さが取り除かれる。 + + + +乱雑な星形を描いたり、ハンドルをドラッグして編集したりすると星形は "振動" する。なぜならハンドルの固有の位置はその固有の乱雑さに対応しているからである。そう、Alt を押しながら乱雑さを調整しないと、同じ乱雑さのレベルでハンドルは動く、一方 Alt を押しながらドラッグすると乱雑さは変らず同じレベルを保つ。ここに少しだけハンドルを動かして乱雑にした（乱雑さは 0.1 まで）以外は同じパラメータをもつ星形がある： + + + + +そして、ここに上の真中の星形の乱雑さを -0.2 から 0.2 まで変化させたものがある： + + ++0.2+0.10-0.1-0.2 + +真ん中の星形のハンドルをAlt+dragして、左右の、そしてさらに隣の星形に変形していくところを観察せよ。 + + +そのうち、自分なりの乱雑な星形の使い道が見つかるだろう、しかし私は特に丸めたアメーバ状のしみと大きく荒れた幻想的な稜線をもつ惑星の形が気に入っている： + + + + + + + +螺旋 +Inkscape の螺旋は多機能なシェイプである、そして星形ほど夢中になれないが、ときにとても有用である。螺旋は星形のように中心から描画される；これは描画中も編集中と同様である、 + + + +Ctrl+drag で角度の増分を１５度にスナップする。 + + + +描画されると、螺旋は内側と外側の端点に２つのハンドルをもつ。どちらのハンドルも螺旋を巻いたり、解いたりする（つまり、"続けて" 巻き数を変える）。その他のショートカット： + + +外側のハンドル： + + + +Shift+dragで螺旋の中心からのスケール／回転（巻き／解きはしない）。 + +Alt+drag で、巻き／解きの間、半径を固定する。 + + + +内側のハンドル： + + + +Alt+drag 垂直に動かすと収束／発散。 + +Alt+click で収束／発散を取り消し。 + +Shift+click で内側のハンドルを中心に移動。 + + + +螺旋の発散度は巻きの非線形度の尺度である。 発散度が１なら、螺旋は一様である； これが１より小さければ（Alt+dragで上）、外周で密度が高くなる；１より大きければ（Alt+dragで下）、中心に向かって密度が高くなる： + + +0.20.5621 + +巻き数の最大値は 1024 である。 + + +楕円ツールが楕円だけでなく弧（曲率が一定の線）も作成できるように、螺旋ツールは滑らかに変化する曲線を作ることもできる。通常のベジェ曲線に比べ、弧や螺旋はより利便性が高い、なぜなら形状に変更を加えずに曲線に沿ってハンドルを動かすことで長くしたり短くしたりできるからだ。また通常、螺旋はフィルなしで描かれるが、フィルの追加やストロークの削除で面白い効果が出せる。 + + + + +特に面白いのは螺旋に破線のストロークを与えることである。滑らかな収束と等間隔の印（点や短い線）は相まって美しいモアレ効果となる： + + + + + + + +最後に +Inkscape のシェイプツールはとても強力である。技術を学び、暇なときに遊んでみることはあなたがデザインを行うときに力になる、なぜなら簡単なパスの代わりにシェイプを使うことでベクタアートを速く作り、簡単に変更することができるからだ。もし、さらなるシェイプの改善の提案があれば、開発者に連絡して欲しい。 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-shapes.sl.svg b/share/tutorials/tutorial-shapes.sl.svg new file mode 100644 index 000000000..4a2004b98 --- /dev/null +++ b/share/tutorials/tutorial-shapes.sl.svg @@ -0,0 +1,751 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::LIKI + + + + + + + +Ta vodič obsega štiri orodja za like: pravokotnik, elipsa, zvezda in spirala. +Pokazali vam bomo zmogljivosti Inkscapovega orodja za like in predlagali, kako in kdaj +jih je smiselno uporabiti. + + +Uporabite Ctrl+smerne tipke, miškino kolesce ali poteg s pritisnjenim srednjim gumbom, da se premaknete po strani navzdol. Za osnove ustvarjanja, izbiranja in preoblikovanja objektov glejte vodič Osnove v meniju Pomoč > Vodiči. + + + + +Inkscape vsebuje štiri vsestranska orodja za risanje likov, z vsakim od njih pa lahko ustvarite in urejate določen tip likov. Lik je predmet, ki mu lahko spreminjate izgled preko različnih parametrov: preko premičnih ročic in številčnih vrednosti. + + +Zvezdi lahko npr. spreminjate število krakov, njihovo dolžino in +kot – pa vendar zvezda ostane zvezda. Lik je bolj +omejen kot pa pot, po drugi strani pa je bolj zanimiv in uporaben. Lik +lahko vedno spremenite v pot (Ctrl+Shift+C), obratna sprememba pa ni mogoča. + + +Orodja za like so: Pravokotnik, Elipsa, Zvezda in Spirala. +Najprej si bomo pogledali, kako orodja za risanje oblik delujejo v +splošnem, nato pa bomo podrobno raziskali posamezna orodja. + + + + +Splošni nasveti +Nov lik ustvarite z vlečenjem po platnu z ustreznim orodjem. +Ko je lik ustvarjen (in dokler je izbran), prikazuje svoje ročice +kot bele rombaste znake, z vlečenjem katerih lahko takoj +spreminjate svojo stvaritev. + + +Vse štiri vrste likov prikazujejo svoje ročice v vseh štirih Orodjih za +like, kot tudi v Orodju za urejanje vozlišč (F2). +Ko lebdite z miško nad ročico, se v statusni vrstici prikaže +namig, ki pove, kaj se zgodi, ko ročico potegnete ali nanjo kliknete, ter pokaže tudi vse dodatne možnosti, ki so pri tem na voljo. + + +Vsako Orodje za like prikazuje svoje možnosti v Nadzorni vrstici orodja +(ki leži nad platnom). Ponavadi vsebuje +nekaj številskih vnosnih polj in gumb za ponastavitev privzetih +vrednosti. Če je na platnu izbran lik oziroma več likov, jih lahko preoblikujete tudi s spreminjanjem vrednosti v Nadzorni vrstici. + + +Vse spremembe, ki jih naredite v nastavitvah orodja se ohranijo v +spominu, in bodo uporabljene za naslednji predmet, ki ga s tem orodjem narišete. +Ko npr. spremenite število krakov pri zvezdi, ima tudi naslednja zvezda enako število +krakov. Še več, celo sama izbira lika na platnu spremeni vrednosti v nadzorni vrstici +in določi vrednosti za novoustvarjene like enake vrste. + + +Ko delate z Orodjem za like, lahko predmet izberete s klikom nanj. +Ctrl+klik (izberi v skupini) in Alt+klik +(izberi pod) delujeta prav tako kot pri orodju za izbiranje. Tipka Esc +pa prekliče izbiro. + + + + +Pravokotniki +A Pravokotnik je najenostavnejši, a verjetno najpogosteje uporabljan lik v oblikovanju. Inkscape poskuša ustvarjanje in +spreminjanje pravokotnikov narediti kolikor je mogoče enostavno in +pripravno. + + +Na orodje za pravokotnike preklopite s pritiskom na tipko F4 ali s +sklikom na gumb v orodjarni. Ob modrem pravokotniku narišite novega: + + +draw here + +Ne da bi zapustili Orodje za pravokotnike, preklopite +izbor iz enega pravokotnika na drugega s klikom nanj. + + +Bližnjice za risanje pravokotnikov: + + +S tipko Ctrl boste narisali kvadrat ali pravokotnik s +stranicama v razmerju celih števil (2:1, 3:1, itd.). + +S tipko Shift boste pravokotnik narisali iz središčne točke. + + + +Kot lahko vidite, izbran pravokotnik (pravkar narisan pravokotnik je +vedno izbran) prikazuje tri ročice v treh vogalih. V bistvu obstajajo +štiri ročice, vendar se dve od njih (v zgornjem desnem kotu) prekrivata, +če pravokotnik ni zaobljen. Ti dve ročici sta ročici za zaobljenje; +drugi dve (zgoraj levo in spodaj desno) pa sta ročici za umerjanje. + + +Poglejmo najprej ročici za zaobljenje. Zgrabite eno od ročic in potegnite +dol. Vsa oglišča pravokotnika se zaoblijo, hkrati pa lahko zdaj +vidite drugo ročico za zaobljenje - v oglišču je ostala v prvotni legi. +Če želite krožno zaobljena oglišča, je to vse, kar morate storiti. +Če želite oglišča bolj zaobljiti ob eni kot ob drugi stranici, +premaknite proti drugo ročico v levo. + + + +Na tej sliki imata prva dva pravokotnika krožno zaobljena oglišča (druga +ročica ni uporabljena), druga dva pa imata eliptično zaobljena oglišča: + + +Elliptic rounded cornersCircular rounded corners + +Ne zapuščajte orodja za pravokotnike, temveč s klikom izberite te +pravokotnike in si oglejte položaje njihovih ročic za zaobljenje. + + + +Pogosto morata biti polmer in oblika zaobljenih oglišč v okviru celotne kompozicije konstantna, čeprav so pravokotniki različnih velikosti (predstavljajte si diagrame s polji z zaobljenimi robovi različnih +velikosti). Inkscape to poenostavi. Preklopite na orodje za izbiranje; +v vrstici za nadzor je skupina gumbov in drugi z leve +prikazuje dve koncentrično zaobljeni oglišči. S tem določate, ali se pri bo pri raztegovanju pravokotnika ustrezno večala ali manjšala tudi zaobljenost oglišča, ali naj le-ta ostaja stalna. + + +Tukaj je npr. izvirni rdeč pravokotnik večkrat kopiran, kopije pa so različno povečane ali pomanjšane, opcija "Spreminjaj zaobljena oglišča z likom" pa je izključena: + + +Scaling rounded rectangles with "Scale rounded corners" OFF + +Bodite pozorni na velikost in obliko zaobljenih oglišč, ki so enaka +pri vseh pravokotnikih, tako da so zaobljena oglišča v zgornjem desnem kotu popolnoma enaka. Vsi modri pikčasti pravokotniki so kopije originalnega rdečega +pravokotnika - z Izbirnikom smo le spreminjali le njihovo velikost, zaobljenost oglišč pa smo pustili pri miru. + + +Za primerjavo je tukaj enaka kompozicija, tokrat ustvarjenja z +vključeno opcijo "Spreminjaj zaobljena oglišča z likom": + + +Scaling rounded rectangles with "Scale rounded corners" ON + +Tokrat so zaobljena oglišča relativna glede na velikost lika in se v zgornjem desnem kotu ne skladajo (približajte za +boljši pogled). Enak (vizualni) učinek bi dobili tudi s pretvorbo izvirnega pravokotnika +v pot (Ctrl+Shift+C), ki bi ji potem spreminjali velikost. + + +Bližnjice za ročice za zaobljenje pravokotnikov: + + +Vlecite s pritisnjeno tipko Ctrl, da drug polmer postane enak +(krožno zaobljenje). + +S kombinacijo Ctrl+klik drug polmer postane enak brez vlečenja. + + +Shift+klik odstrani zaobljenje. + + + +Verjetno ste opazili, da nadzorna vrstica za izbran pravokotnik prikazuje vodoravni (Rx) +in navpični (Ry) polmer zaobljenja ter vam omogoča natančno nastavljanje v katerikoli dolžinski meri. +Gumb "Nezaobljeno" naredi ravno to - iz izbranih +pravokotnikov odstrani zaobljenje. + + +Pomembna prednost teh nastavitev je, da lahko vplivajo na več pravokotnikov hkrati. +Če želite spremeniti vse pravokotnike v sloju, označite vse s kombinacijo +Ctrl+A (Izberi vse) in nastavite potrebne +parametre v vrstici z nastavitvami. Če so izbrani tudi liki, ki niso pravokotniki, +nanje sprememba parametrov ne bo vplivala. + + +Poglejmo zdaj pravokotnikove ročice za umerjanje. Morda se +sprašujete, zakaj jih sploh potrebujemo, ko pa lahko spreminjamo velikost pravokotnika tudi z Izbirnikom? + + +Težava Izbirnika je v tem, da vedno deluje glede na stran. Nasprotno pa s pravokotnikovimi +ročicami velikost spreminjamo vzporedno s pravokotnikovimi +stranicami, tudi če je pravokotnik zasukan ali nagnjen. Kot primer +poizkusite spremeniti velikost spodnjega pravokotnika najprej z Izbirnikom, nato pa +še z ročicami v Orodju za pravokotnike: + + + + +Z ročicama za spreminjanje velikosti lahko prvokotnik raztezate v +vse smeri ali ga celo premaknete vzporedno s stranicami. Ročice za +spreminjanje velikosti vedno ohranjajo polmer zaobljenja. + + +Bližnjice za ročice za spreminjanje velikosti: + + + + +Spreminjanje velikosti stranic ob pritisnjeni tipki Ctrl ohrani širino ali višino, ali pa +razmerje med širino in višino v pravokotniku. (v lastnem +koordinatnem sistemu, ki je lahko zasukan ali nagnjen). + + + + +Tu je enak pravokotnik, sive črtkane črte pa prikazujejo smeri, +ki se jih držijo ročice za umerjanje, ko jih vlečete s tipko +Ctrl (poskusite): + + +Snapping of rectangle resize handles with Ctrl + + + + + + + +S vrtenjem in nagibanjem pravokotnika, ki ga nato kopiramo in mu z ročicami spremenimo velikost, lahko enostavno ustvarimo trodimenzionalne kompozicije: + + +3 originalrectanglesSeveral rectanglescopied and resizedby handles,mostly with Ctrl + +Še nekaj primerov pravokotniških kompozicij, vključno z +zaobljenjem in prelivnimi polnili: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Elipse +Z orodjem za elipse (F5) lahko ustvarjate elipse in kroge, te pa lahko nato spremenite v odseke ali loke. Bližnjice za risanje so enake bližnjicam +Orodja za pravokotnike: + + + +S tipko Ctrl boste narisali krog ali elipso v razmerju celih +števil (2:1, 3:1, itd.) + +S tipko Shift boste pravokotnik ali elipso narisali iz središčne točke. + + + +Raziščimo ročice elipse! Izberite to: + + + + +Ponovno najprej vidite tri ročice, čeprav so v resnici štiri. Na desni sta dve +prekrivajoči se ročici, ki vam omogočata "odpiranje" +elipse. Potegnite desno ročico, nato pa potegnite še ročico, ki postane +vidna pod njo, da dobite različne odseke tortnega diagrama ali loke: + + + + +Če želite dobiti odsek (lok in dva polmera), vlecite +zunaj elipse; če pa želite dobiti lok, vlecite znotraj elipse. +Zgoraj so štirje odseki na levi in trije loki na desni strani. Bodite pozorni na +loke, ki niso zaprti liki - obroba gre okrog elipse, vendar ne poveže koncev +loka. To postane očitno, če odstranite polnilo in ostane le obroba: + + + + + + + 15 + + SegmentsArcs + +Poglejte skupino na levi. Enostavno jo je ustvariti z uporabo +preskakovanja kotov s tipko Ctrl. +Bližnjice za ročice lokov/odsekov: + + + +S Ctrl bo ročica med vlečenjem delala korake po 15 stopinj. + +Uporabite Shift+klik, da narišete elipso celo (torej ne samo loka ali odseka. + + + +Kot koraka lahko spremenite v Splošnih nastavitvah +(zavihek Koraki). + + +Drugi dve ročici sta namenjeni spreminjanju velikosti okrog središča +in delujeta podobno kot ročici za zaobljenje pri pravokotniku: + + + +Vlecite s Ctrl, da narišete krog (oba polmera sta enaka). + +S Ctrl+klik narišete krog brez vlečenja. + + + +Kot pravokotnikove ročice za spreminjanje velikosti tudi ročice elipse +prilagodijo višino in širino elipse v njenih koordinatah. +To pomeni, da se elipsa razteguje ali krči po svojih lastnih oseh, tudi če je zasukana ali nagnjena - tudi med spreminjanjem velikosti bo ostala zasukana oz. nagnjena. Poizkusite z ročicami spremeniti velikost katerekoli od spodnjih elips: + + + + + + + +Zvezde +Zvezde so najbolj kompleksni in najbolj zanimivi Inkscapovi liki. +Če želite nad Inkscapom navdušiti prijatelje, jim pokažite Orodje +za zvezde. Neskončno zabavno je - popolnoma zasvajujoče! + + +Z Orodjem za zvezde lahko ustvarite dve podobni, a vendar različni +vrsti predmetov: zvezde in mnogokotnike. Zvezda ime dve ročici, +katerih položaja določata dolžino in obliko krakov; mnogokotnik ima +le eno ročico, s katero pri potegu zavrtimo mnogokotnik ali pa mu spremenimo velikost: + + +StarPolygon + +Prvo polje v vrstici za nadzor orodja za zvezde omogoča spremembo zvezde v +ustrezen mnogokotnik in obratno. Naslendnje določa število +vrhov (pri zvezdah so to kraki, pri mnogokotnikih pa oglišča). Vnesete lahko vrednosti od 3 +(očitno) do 1024, vendar pa ne uporabljajte visokih vrednosti (preko 200), +če imate počasen računalnik. + + +Ko rišete novo zvezdo ali mnogokotnik, + + + +Vlecite s pritisnjeno tipko Ctrl za povečanje kota v korakih po 15 stopinj. + + + +Seveda je zvezda veliko bolj zanimiva oblika (čeprav je pri delu +mnogokotnik pogosto bolj uporaben). Ročici zvezde imata rahlo +različni funkciji. Prva ročica (prvotno na vrhu kraka, torej na +izbočenem oglišču zvezde) vam omogoča daljšanje in krajšanje +zvezdinih krakov, ko pa jo zasukate (relativno glede na središče lika), +se skladno zasuka tudi druga ročica. To pomeni, da s to ročico +zvezdinih krakov ne morete nagniti. + + +Drugo ročico (prvotno na vbočenem oglišču, med dvema krakoma) +lahko, nasprotno, prosto premikate radialno in tangencialno, ne da bi +vplivali na ročico na vrhu kota. (Pravzaprav lahko ta ročica postane +ročica na vrhu kota, če jo premaknemo bolj stran od središča kot +prvo ročico.) S to ročico lahko nagibamo zvezdine krake, in tako dobime različne vrste kristalov, mandal, snežink in ježkov: + + + + +Če želite preprosto zvezdo brez okraskov, lahko ročici za nagnjenost začasno odvzamete sposobnost nagibanja: + + + +Vlecite s Ctrl in kraki bodo povsem radialni (brez nagnjenosti). + +S kombinacijo Ctrl+klik odstranite nagnjenost brez vlečenja. + + + +V nadzorni vrstici je tudi polje Razmerje višine krakov, ki določa razmerje med razdaljama obeh ročic do središča. + + +Inkscapove zvezde pa skrivajo še nekaj trikov. V geometriji je +mnogokotnik lik z ravnimi stranicami in ostrimi koti. V realnem svetu pa so lahko prisotne tudi različne stopnje ukrivljenosti in zaobljenosti — Inkscape zna narediti tudi to. Zaobljenje zvezde ali mnogokotnika +deluje nekoliko drugače kot zaobljenje pravokotnika, saj za to ne +potrebujete posebne ročice, temveč: + + + +Pritisnite Shift+vlecite tangencialno na ročico, da zaobljite zvezdo/mnogokotnik. + +Uporabite Shift+kliknite na ročico, da odstranite zaobljenje. + + + +"Tangencialno" pomeni pravokotno na smer proti središču. +Če ročico "zavrtite" s tipko Shift v obratni smeri urinega kazalca okrog +središča, dobite pozitivno zaobljenost; z rotacijo v smeri urinega +kazalca pa dobite negativno zaobljenost. (Spodaj glejte primere +negativne zaobljenosti.) + + +Tu je primerjava zaobljenega kvadrata (Orodje za pravokotnike) z +zaobljenim 4-straničnim mnogokotnikom (Orodje za zvezde): + + +RoundedpolygonRoundedrectangle + +Kot lahko vidite, ima zaobljen pravokotnik ravne stranice in krožno +(ponavadi eliptično) zaobljena oglišča; zaobljen mnogokotnik ali +zvezda pa nimata nobene ravne črte; ukrivljenost se spreminja od +največje (v ogliščih) do najmanjše (na sredini med oglišči) z gladkimi prehodi. Inkscape to naredi z dodajanjem istosmernih Bezierjevih tangent vsakemu vozlišču lika (vidite jih lahko, če lik pretvorite v pot in si jo ogledate z Orodjem za vozlišča). + + +Vrednost "Zaobljenost", ki jo lahko nastavite v nadzorni vrstici, je razmerje med dolžino teh tangent in dolžino +mnogokotnikovih/zvezdinih stranic, ki ob njih ležijo. Ta vrednost je lahko +negativna, kar obrne smer tangent. Vrednosti od približno 0,2 do 0,4 +povzročijo "normalno" zaobljenje, torej takšno, kot bi ga pričakovali; +druge vrednosti težijo k ustvarjanju lepih, kompliciranih in povsem +nepredvidljivih vzorcev. Zvezda z visoko vrednostjo zaobljenosti +lahko seže daleč preko položaja svojih ročic. Tukaj je nekaj primerov, +ki kažejo vrednost zaobljenosti: + + +0.250.250.250.370.433.00-3.000.415.431.850.21-3.00-0.43-8.940.39 + +Če želite, da so vrhovi zvezde ostri, vbokline pa zaobljene, ali pa obratno, to +najlažje dosežete, če iz zvezde ustvarite zamik (Ctrl+J): + + +Original starLinked offset, insetLinked offset, outset + +Vlečenje zvezdinih ročic s pritisnjeno tipko Shift je eno izmed najbolj zabavnih opravil v Inkscapu. Pa vendar je zadeva še boljša! + + +Za boljšo imitacijo oblik iz resničnega sveta lahko Inkscape +naključno popači zvezde in mnogokotnike. +Majhno popačenje naredi zvezdo manj pravilno, bolj človeško, +pogosto smešno; močno popačenje je zanimiv način za +doseganje zanimivih in nepredvidljivih oblik. Zaobljena zvezda ostane +po naključnem popačenju še vedno gladko zaobljena. Bližnjice: + + + +Uporabite Alt+potegnite ročico tangencialno za naključno popačenje zvezde/mnogokotnika. + +Uporabite Alt+kliknite na ročico da odstranite vsa naključna popačenja. + + + +Ko rišete ali s potegom ročic spreminjate popačeno zvezdo, le-ta +"trepeta" saj vsaka posamezna pozicija njenih ročic odgovarja +posameznemu popačenju. Vsak premik ročice brez uporabe tipke Alt torej ponovno popači lik na isti stopnji popačenosti, Alt+poteg pa +obdrži enako popačenost, vendar ji spreminja stopnjo. Tu +so zvezde s popolnoma enakimi parametri, vsaka od njih pa je +ponovno popačena z rahlim pomikom ročice (stopnja +popačenja je vedno 0,1): + + + + +In tukaj je srednja zvezda iz prejšnje vrstice s stopnjo popačenosti +od -0,2 to 0,2: + + ++0.2+0.10-0.1-0.2 + +Uporabite Alt+potegnite ročico srednje zvezde v tej vrstici; opazujte, kako se preoblikuje v sosednje zvezde na desni in levi in preko njih. + + +Verjetno ima vsak svojo najljubšo zvezdo; meni so všeč predvsem zaobljene, amebam podobne packe in veliki, +grobi planeti s sanjskimi pokrajinami: + + + + + + + +Spirale +Inkscapovo Orodje za spirale je precej vsestransko in je, čeprav ni +tako fascinantno kot Orodje za zvezde, včasih zelo uporabno. +Podobno kot zvezdo tudi spiralo rišemo in spreminjamo iz središča; + + + +Uporabite Ctrl+vlecite za povečevanje kota v korakih po 15 stopinj. + + + +Narisana spirala ima dve ročici - na notranjem in zunanjem koncu. +Če ju povlečemo, obe ročici navijeta ali odvijeta spiralo (jo +"nadaljujeta" oz. spreminjata število vrtljajev). Ostale bližnjice so: + + +Zunanja ročica: + + + +Uporabite Shift+vlecite, da zavrtite spiralo okrog središča (brez navijanja/odvijanja) oziroma ji spremenite velikost. + +Uporabite Alt+vlecite, da zaklenete polmer med navijanjem/odvijanjem. + + + +Notranja ročica: + + + +Uporabite Alt+poteg navpično za zgoščevanje/redčenje. + +Alt+klik ponastavi zgoščevanje. + +Shift+klik premakne notranjo ročico v središče. + + + +Zgoščevanje spirale je stopnja spremenljivosti vrtljajev. +Ko je vrednost enaka 1, je spirala enakomerna; ko je vrednost manjša od 1 +(Alt+poteg gor), spirala postane gostejša na robu; ko je vrednost +večja od 1 (Alt+poteg dol), je spirala gostejša proti središču. + + +0.20.5621 + +Največje število obratov spirale je 1024. + + +Podobno kot Orodje za elipse ni uporabno le za risanje elips, temveč +tudi za risanje lokov (ćrte s stalno ukrivljenostjo), je Orodje za spirale +uporabno tudi za ustvarjanje krivulj z gladko spremenljivo +ukrivljenostjo. V primerjavi z enostavnimi Bezierjevimi krivuljami sta lok ali spirala +pogosto bolj uporabna, ker ju lahko skrajšate ali podaljšate z vlečenjem +ročice ob krivulji, ne da bi s tem tudi spremenili njuno obliko. Poleg tega pa lahko spirali dodate tudi polnilo, obrobo, ali oboje, in tako ustvarite zanimive učinke. + + + + +Zanimive so tudi spirale, ki uporabljajo pikčasto obrobo, saj združujejo enakomerno zgoščevanje lika z enakomerno oddaljenimi pikami oz. črticami v lepe efekte moire: + + + + + + + +Zaključek +Inkscapova orodja za risanje oblik so zelo močna. Naučite se njihovih posebnosti +in se z njimi igrajte v prostem času – to se bo verjetno izplačalo že pri +prvem resnem oblikovanju, saj uporaba likov namesto poti pogosto +pohitri oblikovanje, spreminjanje pa poenostavi. V kolikor imate kakršnekoli ideje +za nadaljnje izboljšave tega orodja, vas prosimo, da kontaktirate razvijalce. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-shapes.svg b/share/tutorials/tutorial-shapes.svg new file mode 100644 index 000000000..bbcfdbed0 --- /dev/null +++ b/share/tutorials/tutorial-shapes.svg @@ -0,0 +1,766 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::SHAPES + + + + + + + +This tutorial covers the four shape tools: Rectangle, Ellipse, Star, and Spiral. +We will demonstrate the capabilities of Inkscape shapes and show +examples of how and when they could be used. + + +Use Ctrl+Arrows, mousewheel, or middle button +drag to scroll the page down. +For basics of object creation, selection, and transformation, see the Basic +tutorial in Help > Tutorials. + + + + +Inkscape has four versatile shape tools, each tool capable of +creating and editing its own type of shapes. A shape is an object which you can modify +in ways unique to this shape type, using draggable handles and +numeric parameters that determine the shape's appearance. + + +For example, with a star you can alter the number of tips, their length, angle, +rounding, etc. — but a star remains a star. A shape is "less free" than a simple +path, but it's often more interesting and useful. You can always convert a shape +to a path (Ctrl+Shift+C), but the reverse conversion is not possible. + + +The shape tools are Rectangle, Ellipse, +Star, and Spiral. First, let's look at how +shape tools work in general; then we'll explore each shape type in detail. + + + + +General tips +A new shape is created by dragging on canvas with the +corresponding tool. Once the shape is created (and so long as it is +selected), it displays its handles as white diamond-shaped marks, so +you can immediately edit what you created by dragging these handles. + + +All four kinds of shapes display their handles in all four shape tools as well as in the +Node tool (F2). When you hover your mouse over a handle, it tells you +in the statusbar what this handle will do when dragged or clicked with different modifiers. + + +Also, each shape tool displays its parameters in the Tool Controls +bar (which runs horizontally above the canvas). Usually it has a few numeric +entry fields and a button to reset the values to defaults. When shape(s) of the current +tool's native type are selected, editing the values in the Controls bar changes the +selected shape(s). + +Any changes made to the Tool Controls are remembered and used for the next object you +draw with that tool. For example, after you change the number of tips of a star, new +stars will have this number of tips as well when drawn. Moreover, even simply selecting +a shape sends its parameters to the Tool Controls bar and thus sets the values for newly +created shapes of this type. + + +When in a shape tool, selecting an object can be done by clicking +on it. Ctrl+click (select in group) and Alt+Click +(select under) also work as they do in Selector tool. Esc deselects. + + + + +Rectangles +A rectangle is the simplest but perhaps the most common shape in +design and illustration. Inkscape attempts to make creating and +editing rectangles as easy and convenient as possible. + + +Switch to the Rectangle tool by F4 or by clicking its toolbar button. +Draw a new rectangle alongside this blue one: + + +draw here + +Then, without leaving the Rectangle tool, switch selection from one +rectangle to the other by clicking on them. + + +Rectangle drawing shortcuts: + + +With Ctrl, draw a square or an integer-ratio (2:1, 3:1, etc) rectangle. + +With Shift, draw around the starting point as center. + + + +As you see, the selected rectangle (the just-drawn rectangle is always selected) shows +three handles in three of its corners. In fact, these are four handles, but two of them +(in the top right corner) overlap if the rectangle is not rounded. These two are the +rounding handles; the other two (top left and bottom right) are +resize handles. + + +Let's look at the rounding handles first. Grab one of them and drag down. All four +corners of the rectangle become rounded, and you can now see the second rounding handle +— it stays in the original position in the corner. If you want circular rounded +corners, that is all you need to do. If you want corners which are rounded farther along +one side than along the other, you can move that other handle leftwards. + + +Here, the first two rectangles have circular rounded corners, and the other two have +elliptic rounded corners: + + +Elliptic rounded cornersCircular rounded corners + +Still in the Rectangle tool, click on these rectangles to select, and +observe their rounding handles. + + +Often, the radius and shape of the rounded corners must be constant within the entire +composition, even if the sizes of the rectangles are different (think diagrams with +rounded boxes of various sizes). Inkscape makes this easy. Switch to the Selector tool; +in its Tool Controls bar, there's a group of four toggle buttons, the second from the +left showing two concentric rounded corners. This is how you control whether the +rounded corners are scaled when the rectangle is scaled or not. + + +For example, here the original red rectangle is duplicated and scaled several times, up +and down, to different proportions, with the "Scale rounded corners" button +off: + + +Scaling rounded rectangles with "Scale rounded corners" OFF + +Note how the size and shape of the rounded corners is the same +in all rectangles, so that the roundings align exactly in the top +right corner where they all meet. All the dotted blue rectangles are +obtained from the original red rectangle just by scaling in Selector, +without any manual readjustment of the rounding handles. + + +For a comparison, here is the same composition but now created +with the "Scale rounded corners" button on: + + +Scaling rounded rectangles with "Scale rounded corners" ON + +Now the rounded corners are as different as the rectangles they belong to, and there +isn't a slightest agreement in the top right corner (zoom in to see). This is the same +(visible) result as you would get by converting the original rectangle to a path +(Ctrl+Shift+C) and scaling it as path. + + +Here are the shortcuts for the rounding handles of a rectangle: + + +Drag with Ctrl to make the other radius the same (circular rounding). + +Ctrl+click to make the other radius the same without dragging. + + +Shift+click to remove rounding. + + + +You may have noticed that the Rectangle tool's Controls bar shows the horizontal +(Rx) and vertical (Ry) rounding radii for +the selected rectangle and lets you set them precisely using any length units. The +Not rounded button does what is says — removes rounding from +the selected rectangle(s). + +An important advantage of these controls is that they can affect many rectangles +at once. For example, if you want to change all rectangles in the layer, just do +Ctrl+A (Select All) and set the parameters you need +in the Controls bar. If any non-rectangles are selected, they will be ignored — only +rectangles will be changed. + + +Now let's look at the resize handles of a rectangle. You might wonder, +why do we need them at all, if we can just as well resize the rectangle +with Selector? + + +The problem with Selector is that its notion of horizontal and vertical is always that +of the document page. By contrast, a rectangle's resize handles scale it along +that rectangle's sides, even if the rectangle is rotated or skewed. For +example, try to resize this rectangle first with Selector and then with its resize +handles in Rectangle tool: + + + + +Since the resize handles are two, you can resize the rectangle into +any direction or even move it along its sides. Resize handles +always preserve the rounding radii. + + +Here are the shortcuts for the resize handles: + + + +Drag with Ctrl to snap to the sides or the diagonal of +the rectangle. In other words, Ctrl preserves either width, or height, +or the width/height ratio of the rectangle (again, in its own coordinate system which +may be rotated or skewed). + + +Here is the same rectangle, with the gray dotted lines showing the +directions to which the resize handles stick when dragged with +Ctrl (try it): + + +Snapping of rectangle resize handles with Ctrl + + + + + + + +By slanting and rotating a rectangle, then duplicating it and resizing with its resize +handles, 3D compositions can be created easily: + + +3 originalrectanglesSeveral rectanglescopied and resizedby handles,mostly with Ctrl + +Here are some more examples of rectangle compositions, including +rounding and gradient fills: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Ellipses +The Ellipse tool (F5) can create ellipses and circles, which you can +turn into segments or arcs. The drawing shortcuts are the same as +those of the rectangle tool: + + + +With Ctrl, draw a circle or an integer-ratio (2:1, 3:1, etc.) ellipse. + +With Shift, draw around the starting point as center. + + + +Let's explore the handles of an ellipse. Select this one: + + + + +Once again, you see three handles initially, but in fact they are four. The rightmost +handle is two overlapping handles that let you "open" the ellipse. Drag that rightmost +handle, then drag the other handle which becomes visible under it, to get a variety +of pie-chart segments or arcs: + + + + +To get a segment (an arc plus two radii), drag +outside the ellipse; to get an arc, drag +inside it. Above, there are 4 segments on the left and 3 arcs on +the right. Note that arcs are unclosed shapes, i.e. the stroke only goes along the +ellipse but does not connect the ends of the arc. You can make this obvious if you +remove the fill, leaving only stroke: + + + + + + + 15 + + SegmentsArcs + +Note the fan-like group of narrow segments on the left. It was easy +to create using angle snapping of the handle with Ctrl. Here are the +arc/segment handle shortcuts: + + + +With Ctrl, snap the handle every 15 degrees when dragging. + +Shift+click to make the ellipse whole (not arc or segment). + + + +The snap angle can be changed in Inkscape Preferences (the Steps tab). + + +The other two handles of the ellipse are used for resizing it around its center. Their +shortcuts are similar to those of the rounding handles of a rectangle: + + + +Drag with Ctrl to make a circle (make the other radius the same). + +Ctrl+click to make a circle without dragging. + + + +And, like the rectangle resize handles, these ellipse handles adjust the height and +width of the ellipse in the ellipse's own coordinates. This means +that a rotated or skewed ellipse can easily be stretched or squeezed along its original +axes while remaining rotated or skewed. Try to resize any of these ellipses by their +resize handles: + + + + + + + +Stars +Stars are the most complex and the most exciting Inkscape shape. If you want to wow your +friends by Inkscape, let them play with the Star tool. It's endlessly entertaining +— outright addictive! + + +The Star tool can create two similar but distinct kinds of objects: stars and +polygons. A star has two handles whose positions define the length and shape of its +tips; a polygon has just one handle which simply rotates and resizes the polygon when +dragged: + + +StarPolygon + +In the Controls bar of the Star tool, first comes a checkbox to turn a star into the +corresponding polygon and back. Next, a numeric field sets the number of +vertices of a star or polygon. This parameter is only editable via the +Controls bar. The allowed range is from 3 (obviously) to 1024, but you shouldn't try +large numbers (say, over 200) if your computer is slow. + + +When drawing a new star or polygon, + + + +Drag with Ctrl to snap the angle to 15 degree increments. + + + +Naturally, a star is a much more interesting shape (though polygons are often more +useful in practice). The two handles of a star have slightly different functions. The +first handle (initially it is on a vertex, i.e. on a convex corner +of the star) makes the star rays longer or shorter, but when you rotate it (relative to +the center of the shape), the other handle rotates accordingly. This means you cannot +skew the star's rays with this handle. + + +The other handle (initially in a concave corner between two +vertices) is, conversely, free to move both radially and tangentially, without affecting +the vertex handle. (In fact, this handle can itself become vertex by moving farther from +the center than the other handle.) This is the handle that can skew the star's tips to +get all sorts of crystals, mandalas, snowflakes, and porcupines: + + + + +If you want just a plain regular star without any such lacework, you +can make the skewing handle behave as the non-skewing one: + + + +Drag with Ctrl to keep the star rays strictly radial (no skew). + +Ctrl+click to remove the skew without dragging. + + + +As a useful complement for the on-canvas handle dragging, the Controls bar has the +Spoke ratio field which defines the ratio of the two handles' +distances to the center. + + +Inkscape stars have two more tricks in their bag. In geometry, a polygon is a shape with +straight line edges and sharp corners. In the real world, however, various degrees of +curvilinearity and roundedness are normally present — and Inkscape can do that +too. Rounding a star or polygon works a bit differently from rounding a rectangle, +however. You don't use a dedicated handle for this, but + + + +Shift+drag a handle tangentially to round the star or polygon. + +Shift+click a handle to remove rounding. + + + +"Tangentially" means in a direction perpendicular to the direction to the center. If you +"rotate" a handle with Shift counterclockwise around the center, you get positive +roundedness; with clockwise rotation, you get negative roundedness. (See below for +examples of negative roundedness.) + + +Here's a comparison of a rounded square (Rectangle tool) with a rounded 4-sided polygon +(Star tool): + + +RoundedpolygonRoundedrectangle + +As you can see, while a rounded rectangle has straight line segments in its sides and +circular (generally, elliptic) roundings, a rounded polygon or star has no straight +lines at all; its curvature varies smoothly from the maximum (in the corners) to the +minimum (mid-way between the corners). Inkscape does this simply by adding collinear +Bezier tangents to each node of the shape (you can see them if you convert the shape to +path and examine it in Node tool). + + +The Rounded parameter which you can adjust in the Controls bar is the +ratio of the length of these tangents to the length of the polygon/star sides to which +they are adjacent. This parameter can be negative, which reverses the direction of +tangents. The values of about 0.2 to 0.4 give "normal" rounding of the kind you would +expect; other values tend to produce beautiful, intricate, and totally unpredictable +patterns. A star with a large roundedness value may reach far beyond the positions of +its handles. Here are a few examples, each indicating its roundedness value: + + +0.250.250.250.370.433.00-3.000.415.431.850.21-3.00-0.43-8.940.39 + +If you want the tips of a star to be sharp but the concaves smooth or vice versa, this +is easy to do by creating an offset (Ctrl+J) +from the star: + + +Original starLinked offset, insetLinked offset, outset + +Shift+dragging star handles in Inkscape is one of the finest pursuits +known to man. But it can get better still. + + +To closer imitate real world shapes, Inkscape can randomize (i.e. +randomly distort) its stars and polygons. Slight randomization makes a star less +regular, more humane, often funny; strong randomization is an exciting way to obtain a +variety of crazily unpredictable shapes. A rounded star remains smoothly rounded when +randomized. Here are the shortcuts: + + + +Alt+drag a handle tangentially to randomize the star or polygon. + +Alt+click a handle to remove randomization. + + + +As you draw or handle-drag-edit a randomized star, it will "tremble" because each unique +position of its handles corresponds to its own unique randomization. So, moving a handle +without Alt re-randomizes the shape at the same randomization level, while Alt-dragging +it keeps the same randomization but adjusts its level. Here are stars whose parameters +are exactly the same, but each one is re-randomized by very slightly moving its handle +(randomization level is 0.1 throughout): + + + + +And here is the middle star from the previous row, with the randomization level varying +from -0.2 to 0.2: + + ++0.2+0.10-0.1-0.2 + +Alt+drag a handle of the middle star in this row and observe as it +morphs into its neighbors on the right and left — and beyond. + + +You will probably find your own applications for randomized stars, but I am especially +fond of rounded amoeba-like blotches and large roughened planets with fantastic +landscapes: + + + + + + + +Spirals +Inkscape's spiral is a versatile shape, and though not as immersing as the star, +it is sometimes very useful. A spiral, like a star, is drawn from the center; while +drawing as well as while editing, + + + +Ctrl+drag to snap angle to 15 degree increments. + + + +Once drawn, a spiral has two handles at its inner and outer ends. Both handles, when +simply dragged, roll or unroll the spiral (i.e. "continue" it, changing the number of +turns). Other shortcuts: + + +Outer handle: + + + +Shift+drag to scale/rotate around center (no rolling/unrolling). + +Alt+drag to lock radius while rolling/unrolling. + + + +Inner handle: + + + +Alt+drag vertically to converge/diverge. + +Alt+click to reset divergence. + +Shift+click to move the inner handle to the center. + + + +The divergence of a spiral is the measure of nonlinearity of its +winds. When it is equal to 1, the spiral is uniform; when it is less than 1 +(Alt+drag upwards), the spiral is denser on the periphery; when it +is greater than 1 (Alt+drag downwards), the spiral is denser +towards the center: + + +0.20.5621 + +The maximum number of spiral turns is 1024. + + +Just as the Ellipse tool is good not only for ellipses but also for arcs (lines of +constant curvature), the Spiral tool is useful for making curves of smoothly +varying curvature. Compared to a plain Bezier curve, an arc or a spiral is +often more convenient because you can make it shorter or longer by dragging a handle +along the curve without affecting its shape. Also, while a spiral is normally drawn +without fill, you can add fill and remove stroke for interesting effects. + + + + +Especially interesting are spirals with dotted stroke — they combine the smooth +concentration of the shape with regular equispaced marks (dots or dashes) for beautiful +moire effects: + + + + + + + +Conclusion +Inkscape's shape tools are very powerful. Learn their tricks and play with them at your +leisure — this will pay off when you do your design work, because using shapes +instead of simple paths often makes vector art faster to create and easier to modify. If +you have any ideas for further shape improvements, please contact the developers. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-tips.es.svg b/share/tutorials/tutorial-tips.es.svg new file mode 100644 index 000000000..474a9a4de --- /dev/null +++ b/share/tutorials/tutorial-tips.es.svg @@ -0,0 +1,535 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::TRUCOS Y CONSEJOS + + + + + + +Este tutorial mostrará varios trucos y consejos que los usuarios han aprendido a través +del uso de Inkscape y algunas caracterñsiticas y opciones "ocultas" que le ayudaran a aumentar +la velocidad en la producción de sus trabajos. + + + + +Colocación Radial con Colenes en Mosaico +Es sencillo observar como usar el diálogo Clones en Mosaico para rejillas rectangulares y +patrones. Pero que pasa si lo que necesita es colocación radial, donde +comparten los objetos un centro de rotación común? Esto también es posible! + +Si su patrón radial requiere tener sólo 3, 4, 6, 8 o 12 elementos, entonces usted puede intentar las +simetrías P3, P31M, P3M1, P4, P4M, P6, o P6M. Estas pueden funcionar perfecto para copos de nieve y similares. +Un método más general es el siguiente. + +Escoja la simetría P1 (traslación simple) y después compensar para que +esa traslación vaya a la pestaña Desplazamiento y configure Por +Fila/Y y Por columna/X ambos a -100%. Ahora todos +los clones serán colocados en la parte superior del original. Todo lo que queda por hacer es ir +a la pestaña Rotación y configurar con algún ángulo de rotación por columna, +después cree el patrón con una fila con múltiples columnas. Por ejemplo, he aquí un patrón hecho +a partir de una línea horizontal, con 30 columnas, cada columna rotada 6 grados: + + + + +Para obtener un radio de reloj, todo lo que tiene que hacer es cortar o simplemente superponer +la parte central mediante un círculo blanco (para hacer operaciones booleanas sobre clones, desconéctelos primero). + +Efectos más interesantes pueden ser creados mediante el uso de ambas filas y columnas. Aquí hay un patrón +con 10 columnas y 8 filas, con rotación de 2 grados por fila y 18 grados por +columna. Aquí cada grupo de líneas es una "columna", así los grupos están a 18 grados del otro; +en cada columna, líneas individuales están 2 grados aparte: + + + + +En los siguientes ejemplos, la línea fue rotada sobre su centro. Pero que pasa si usted desea +que el centro este afuera de la forma? Sólo cree un rectángulo invisible (sin relleno, sin borde) +el cual puede cubrir la forma y cuyo centro está en el punto que usted necesita, agrupe la forma y +el rectángulo y después use Clones en Mosaico sobre ese grupo. +Así es como puede hacer interesantes "explosiones" o "nebulosas" mediante la escala aleatoria, +rotación y posiblemente opcidad: + + + + + + + + + +Como hacer para crear rodajas (múltiples áreas rectangulares exportadas)? +Cree una nueva capa, en esa capa cree rectángulos infilenamevisibles cubriendo las partes que +usted imagine. Asegurese que sus documentos usan la unidad px (por defecto), active rejilla y ajuste +las rectas a la rejilla de tal manera que cada uno tenga un lapso de número entero de unidades px. Asigne ID's +representativas a las rectas y exporte cada uno en su propio archivo. Después las rectas +recordarán sus nombres de exportación. Después de eso, es muy sencillo re-exportar algunas algunas de las rectas: +cambie a exportar capa, use Tab para selccionada la que requiere (o use Buscar para id) y +de click en el diálogo Exportar. O, usted puede escribir archivos script o batch (por lotes) para exportar todas +sus áreas con un comando como: + +inkscape -i <area-id> -t <nombredelarchivo.svg> + +para cada área exportada. La opción -t le dice que use la pauta de nombre recordado, +de otra manera usted puede proveer el nombre de archivo con la opción -e. Alternativamente,usted puede +usar la utilidad svgslice la cual automatiza la exportación +desde documentos SVG de Inkscape, usando o una capa rodaja o guías. + + + + +Gradientes No-lineales +La versión 1.1 de SVG no soporta gradientes no-lineales (i.e. aquellos que poseen una +traslación no-lineal entre colores). Usted puede, sin embargo, los emula mediante +los gradientes multiparada. + + +Inicie con un simple gradiente dos-puntos. Abra el editor de Gradiente (e.g. mediante +doble-click en cualquier manejador de gradiente en la herramienta Gradiente). Agregue un nuevo punto de gradiente en +el medio; arrastrelo un poco. Entonces adiciones dos puntos más antes y después del punto medio y arrastrelos tanbién, +así el gradiente es suave. A mayor número de puntos que sean agregados, más suave va a ser el gradiente resultante. Aquí podemos observar el gradiente inicial negro-blanco con dos puntos: + + + + + + + + + + +Y aquí hay varios gradientes "no-lineales" multi-punto (examínelos en el Editor de +Gradientes): + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Gradientes Radiales Excentricos +Los gradientes radiales no tienen por que ser simétricos. En la herramienta Gradiente, arrastre el manejador central +de un gradiente elíptico con Mayus. Esto moverá el manejador de foco del gradiente lejos de su centro. cuando usted no lo necesite, puede ajustar el foco a un esto anterior arrastrándolo cerca del centro. + + + + + + + + + + + + + + + + + + + + + +Alineando al centro de la página +Para alinear algo al centro o lado de la página, seleccione el objeto o grupo y entonces escoja +Página desde la lista Relativo a: en el +diálogo Formato (Ctrl+Mayus+A). + + + + +Limpiar el documento +Algunos de gradientes-usados, patrones y marcas (más precisamente, aquella que ha editado manualmente) +permanecen en la patetas correspondientes y pueden ser reusadas para nuevos +objetos. Sin embargo si usted desea optimizar su documento, use el comando Eliminar +Defs en el menú archivo. El podrá remover gradientes, patrones o marcas +que no son usadas en el documento, haciendo el archivo más liviano. + + + + +Clips o máscaras en mapa de bits + +Por defecto, un mapa de bit importado (ejemplo una fotografía) en un elemento <imagen> el cual no es +editable por la herramienta Nodo. Para trabajar alrededor de estos, convierta esta imágen en un rectángulo +con relleno de patrón Objeto a Patrón (Alt+I). Esto le creará un rectángulo +relleno con su mapa de bits. Ahora este objeto puede ser convertido +a trazo, editado por nodos, intersectado con otras formas, etc. En las +Preferencias de Inkscape (pestaña Misc), usted puede configurar la opción +para que siempre importe mapa de bits como rectángulos rellenos de patrón. + + + + +Características ocultas del editor de XML +El editor de XML permite cambiar casi todos los aspectos del documento si usar un editor de texto externo. +Inkscape también soporta más funciones de SVG que las que son accesibles desde la Interfaz Gráfica. Por ejemplo, +ahora podemos soportar el mostrado de máscaras y clips, pero no existe una Interfaz Gráfica para crearlos o modificarlos. +El editor de XML es una vía para obtener acceso a estas funciones (si usted conoce del formato SVG). + + + + +Cambiando las unidades de medida de las reglas +En la plantilla por defecto, la unidad de medida usada por las reglas es el px ("unidad de usuario SVG", en Inkscape +esto es igual a 0.8pt o 1/90 de pulgada). Esta también es la unidad empleada en +el desplegado de coordenadas an la esquina inferior-izquierda y preseleccionada en todas los menús de unidades. (Usted +siempre puede situar el ratón sobre la regla para observar el mensaje con la unidad que usa.) Para cambiar esto, +abra las Preferencias de Documento y cambie las Unidades por defecto sobre la pestaña +Página. + + + + +Estampado +Para crear varias copias de un objeto, use estampado. Tan sólo +arrastre un objeto (o escálelo o rótelo), y mientras lo mantiene presionado con el ratón, presione +Barra Espaceadora. Esto permite una "estampilla" del objeto o forma actual. Usted puede +repetir tantas veces como lo desee. + + + + +Trucos de la herramienta Pluma +En la herramienta Pluma (Bezier), usted puede obtener las siguientes opciones para finalizar la línea actual: + + +Presione Enter + +Doble click con el botón izquiero del ratón + +Seleccione la herramienta Pluma de nuevo + +Seleccione otra herramienta + + + +Note que mientras el trazo no está finalizado (i.e. es mostrado verde, con el segmento actual +de color rojo) este no existe aún como un objeto en el documento. aemás, para cancelar esto, use +o Esc (cancela todo el trazo) o Barra Espaceadora +(remueva el último segmento del trazo sin finalizar) en vez del comando Deshacer. + + +Para agregar un nuevo subtrazo para un trazo existente, seleccione el trazoo y inicie a dibujar con +Mayus desde un punto arbitrario. Si, sin embargo, lo que quiere simplificarIf, however, what you want is to simply +continue an existing path, Mayus is not necessary; just start +drawing from one of the end anchors of the selected path. + + + + +Ingresando valores Unicode +Mientras este en la herramienta Texto, presionando Ctrl+U cambiaba entre modo +Unicode y normal. En modo Unicode, cada grupo de 4 dígito hexadecimales que usted ingrese +se convierten en un caracter sencillo Unicode, así permitiendo que usted ingrese símbolos +arbitrariamente (de la manera que usted conozca sus puntos de código Unicode y la fuente los +soporte). Para salir del modo Unicode, puede preionar Esc. +Por ejemplo, Ctrl+U 2 0 1 4 Esc inserta lo siguiente: (—). + + + + +Usando la rejilla para dibujar íconos +Supongamos que desea crear íconos de 24x24 pixeles. Cree una pizarra de 24x24 pixeles +(use Preferencias de Documento) y configure la pizarra a 0.5 px (48x48 líneas de rejilla). +Ahora, si desea alinear objetos rellenos hasta las líneas de rejilla, y +objetos bordeados a líneas de rejillas impares con el ancho del borde en +px siendo un número costante, y exportelos al por defecto 90dpi (así que 1 px se convierta en 1 pixel de +mapa de bits), uste puede obtener una imagen interesante sin necesidad de antializado. + + + + +Rotación de Objetos +Estando con la herramienta Selección, haga clicksobre un objeto para ver las flechas +de escalado, entonces haga click nuevamente sobre el objeto para observar +las flechas de rotación y cambio. Si +Las flechas en las esquinas son clickeadas y arrastradas, el objeto rotará alrededor del centro +(mostrado con una marca de cruz). Si mantiene presionada la tecla Mayus mientras +hace esto, la rotación será alrededor de la esquina opuesta. También puede arrastrar el centro +de rotación a cualquier lugar. + + +O, puede rotar desde el teclado presionando [ y ] +(por 15 grados) o Ctrl+[ y Ctrl+] (por 90 +grados). Las mismas teclas [] junto con Alt desarrollan +una lenta rotación a partir del tamaño de pixel. + + + + +Abrir diálogos como un objeto paleta +Si usted tiene un número pequeño de archivos SVG cuyos contenidos usa a menudo en otros +documentos, usted puede usar el diálogo Abrir como una paleta. Agregue el directorio con +sus fuentes SVG en la lista de favoritos de tal manera que pueda abrirlos rápidamente. Después +ese directorio mirando las vistas preliminares. Una vez haya encontrado el archivo que necesita, +simplemente arrastrelo a la pizarra y este será importado a su documento actual. + + + + +Mapa de bits arrojando sombras +Mientras Inkscape no soporte aún el filtro SVG para distorsión Gaussiana, usted puede crear fácilmente +distorsiones arrojando sombras de objetos como mapas de bits, por medio del comando +"Crear copia en Mapa de Bits" con un script de filtro. Observe share/extensions/inkscape-shadow.README +para detalles y limitaciones de este método. + + + + +Colocando texto sobre un trazo +Para colocar texto a lo largo de una curva, seleccione el texto y la curva y escoja +Poner en trayecto desde el menú Texto. El texto iniciará en el +principio del trazo. En general este es la mejor manera de crear un trazo explícito +del cual desea que el texto este ajustado, mejor que esto, ajústelo a otros elementos de dibujo +— esto le dará un mayor control sin tener que atornillarlo a su dibujo. + + + + +Selecting the original +When you have a text on path, a linked offset, or a clone, their source object/path may +be difficult to select because it may be directly underneath, or made invisible and/or +locked. The magic key Mayus+D will help you; select the text, linked +offset, or clone, and press Mayus+D to move selection to the +corresponding path, offset source, or clone original. + + + + +Recuperación de la salida de la ventana +Cuando mueve documentos entre diferentes sisemas con diferentes resoluciones o número de +pantallas, usted puede buscar que Inkscape haya guardado una posición de ventana +que ubica la ventana de manera correcta en la pantalla. Simplemente amplie la ventana (lo cual recuperará +la vista previa, para esto use la barra de tareas), guarde y recargue. Usted puede evitar esto, +deseleccionando la opción global para mantener la geometría de la ventana (Preferencias de Inkscape, +pestaña Ventanas). + + + + +Exporte de Trasparencias, gradientes y PostScript +Los formatos PostScript o EPS no admiten trasparencias, así que usted nunca +los emplea si los va a exportar a PS/EPS. En el caso de trsparencias planas las cuales superpongan +colores planos, es sencillo arreglar esto: seleccione uno de los +objetos trasparentes; cambie a la herramienta Cuentagotas (F7); +asegurese que este está en el modo "escoger color visible sin alfa"; de click sobre ese mismo +objeto. Este escogerá el color visible y lo asignará al objeto, pero esta vez sin +trasparencia. Repita para todos los objetos trasparentes. Si sus colores trasparentes +superponen múltiples áreas de color, usted necesitará el quebrales en piezas respectivamente +y aplicar este procedimiento a cada pieza. + + +Exportar gradientes a PS o EPS no funciona para texto +(a menos que este convertido a texto) o para bordes pintados. También, desde que la trasparencia +este perdida en el PS o EPS exportado, no los puede usar ejemplo. un gradiente desde un +azul opaco a un azul trasparente; Reemplaze por un +gradiente desde azul opaco a un color de fondo opaco. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-tips.fr.svg b/share/tutorials/tutorial-tips.fr.svg new file mode 100644 index 000000000..69df5be34 --- /dev/null +++ b/share/tutorials/tutorial-tips.fr.svg @@ -0,0 +1,472 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::TRUCS ET ASTUCES + + + + + + +Ce didacticiel est là pour vous montrer divers trucs et astuces trouvés par des utilisateurs au cours de leur utilisation d'Inkscape, ainsi que quelques fonctionalités cachées qui peuvent vous aider à accélérer votre production. + + + + + +Disposition radiale grâce au pavage de clones + +Il est facile de comprendre comment se servir de la boîte de dialogue Paver avec des clones pour créer des motifs ou des grilles rectangulaires. Mais que faire si vous voulez un placement radial, où les objets partagent un même centre de rotation ? C'est possible aussi ! + + +Si votre motif radial ne doit comporter que 3, 4, 6, 8, ou 12 éléments, vous pouvez alors essayer les symétries P3, P31M, P3M1, P4, P4M, P6, ou P6M. Celles-ci offrent de bons résultats pour obtenir des flocons ou des formes similaires. Voici une méthode plus générale : + + +Choisissez la symétrie P1 (translation) puis compensez cette translation en allant dans l'onglet Translation et définissez Par ligne/Translation Y et Parr colonne/Translation X à -100%. Les clones seront alors empilés juste au-dessus de l'original. Tout ce qu'il reste à faire est d'aller dans l'onglet Rotation et définir un angle par colonne, puis créer le motif avec une ligne et plusieurs colonnes. Par exemple, voici un motif fait d'une ligne horizontale et de 30 colonnes, chacune de ces colonnes étant tournée de 6 degrés : + + + + +Pour en faire un cadran, il suffit de découper ce motif ou recouvrir sa partie par un disque blanc (pour effectuer des opérations booléennes sur des clones, déliez-les d'abord) + + +Des effets plus intéressants peuvent créés en utilisant à la fois les lignes et les colonnes. Voici un motif de 10 colonnes et 8 lignes, avec une rotation de 2 degrés par lignes et 18 par colonne. Chaque groupe de segments ici est "une colonne", donc les groupes sont séparés entre eux de 18 degrés; en sein de chaque "colonne", les segments sont séparés de 2 degrés : + + + + +Dans les exemples ci-dessus, le segment a été tourné autour de son centre. Et au cas où vous voudriez que le centre soit en-dehors de votre forme ? Il suffit de créer un rectangle invisible (sans remplissage ni contour) recouvrant votre forme et dont le centre est à l'emplacement désiré; groupez la forme et le rectangle puis utilisez Paver avec des clones sur ce groupe. Vous pouvez maintenant créer des belles "explosions" ou "éclaboussures" en rendant aléatoire le redimensionnement, la rotation ou l'opacité : + + + + + + + + + + +Trancher plusieurs zones d'export rectangulaires + +Créez un nouveau calque, et dans ce calque, créez des rectangles invisibles recouvrant des parties de votre image. Assurez-vous que votre document adopte le px (défini par défaut) comme unité, affichez la grille et faites coller les rectangles à cette grille de sorte que chacun d'entre-eux comporte un nombre entier de px. Assignez des ids significatifs aux rectangles, et exportez chacun d'entre-eux dans un fichier différent (chacun des rectangles se "souviendra" ainsi de son nom de fichier d'export). Après cela, il est facile de réexporter certains de ces rectangles : passez dans le calque d'export, utilisez Tab pour sélectionner celui dont vous avez besoin (ou utilisez une Recherche par id), et enfin cliquez sur Exporter dans la boîte de dialogue Exporter en bitmap. Vous pouvez aussi écrire un script shell (ou un fichier batch) pour exporter ces zones avec une commande telle que : + + +inkscape -i <area-id> -t <nomdefichier.svg> + + +pour chaque zone. L'option -t rappelle à Inkscape d'utiliser le nomdefichier enregistré avec la zone; sinon vous pouvez fournir un autre nom pour l'export avec l'option -e. Une autre possibilité est d'utiliser l'outil svgslice permettant d'automatiser l'export depuis des documents SVG Inkscape, en utilisant au choix des guides ou un calque de découpage. + + + + + +Dégradés non-linéaires + +La version 1.1 du SVG ne supporte pas les dégradés non-linéaires (c'est à dire ayant des transitions non linéaires entre les couleurs). Vous pouvez cependant les émuler grâce à des dégradés multi-stops. + + +Commencez par créer un dégradé avec deux stops, et ouvrez l'éditeur de dégradés (par exemple, en double-cliquant sur une poignée du dégradé dans l'outil dégradé). Ajoutez un nouveau stop au milieu du dégradé, et déplacez-le légèrement. Puis, ajoutez d'autres stops de part et d'autre celui du milieu et déplacez-les aussi de sorte que le dégradé soit régulier. Plus vous ajoutez de stops, plus vous pouvez rendre le dégradé résultant régulier. Voici le dégradé initial avec deux stops (noir et blanc) : + + + + + + + + + + +Et voici quelques dégradés multi-stops non-linéaires (examinez-les dans l'éditeur de dégradés) : + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Dégradés radiaux excentriques + +Les dégradés radiaux ne sont pas nécessairement symétriques. Dans l'outil dégradés, déplacez la poignée centrale d'un dégradé elliptique tout en appuyant sur Maj. Cela vous permettra de déplacer la poignée du foyer (en forme de "x") du dégradé et de la séparer du centre. Si vous n'en avez plus besoin, vous pouvez redéplacer la poignée de foyer près du centre. + + + + + + + + + + + + + + + + + + + + + + +Alignement au centre de la page + +Pour aligner quelquechose au centre ou le long d'un côté de la page, sélectionnez l'objet ou le groupe à aligner puis ouvrez la boîte de dialogue Aligner et distribuer (Ctrl+Shift+A). Vous pouvez alors choisir la page dans la liste relativement à et enfin aligner votre sélection comme vous le désirez. + + + + + +Nettoyage du document + +Quand ils ne sont plus utilisés, beaucoup de dégradés, motifs et marqueurs (plus précisément, ceux que vous avez édité manuellement) restent dans les palettes correspondantes et peuvent être utilisés dans de nouveaux objets. Cependant, si vous voulez optimiser votre document, utilisez la commande Nettoyer les Defs du menu Fichier. Elle supprimera tout dégradé, motif ou marqueur qui n'est plus utilisé par aucun objet du document, réduisant ainsi la taille du fichier. + + + + + +Massicotter ou masquer un bitmap + +Par défaut, un bitmap importé (par exemple, une photo) est un élément <image> non modifiable avec l'outil Nœud. Pour contourner cela, convertissez l'image en un rectangle rempli par un motif avec la commande Objet en motif (Alt+I). Vous obtenez alors un rectangle dont le remplissage est votre bitmap. Vous pouvez maintenant convertir cet objet en chemin, éditer ses nœuds, le faire intersecter avec d'autres formes, etc. Dans les Préférences d'Inkscape (onglet Divers), vous pouvez définir une option forçant l'import systématique des bitmaps en tant que rectangles remplis. + + + + +Fonctionnalités cachées et éditeur XML + +L'éditeur XML vous permet de modifier la plupart des aspects du document sans avoir à utiliser un éditeur de texte externe. De plus, Inkscape supporte souvent des fonctionnalités SVG pas encore accessibles depuis l'interface graphique. Par exemple, nous supportons actuellement les masques et les chemins de massicotage, même si l'interface graphique n'y donne pas encore accès. L'éditeur XML offre la possibilité d'accéder à ces fonctionnalités (à condition de connaître le SVG) + + + + + +Changer l'unité de mesure des règles + +Dans le patron (template) par défaut, l'unité de mesure utilisée par les règles est le px ("unité utilisateur SVG", égale à 0.8pt ou 1/90 de pouce dans Inkscape). C'est aussi l'unité utilisée pour l'affichage des coordonnées dans le coin inférieur gauche, et celle présélectionnée dans les menus qui font intervenir des unités (vous pouvez déplacer votre souris au-dessus d'une règle pour voir un indicateur affichant l'unité utilisée). Pour modifier ceci, ouvrez les Préférences du document (Ctrl+Maj+D) et changez les Unités par défaut dans l'onglet Page. + + + + + +Appliquer des coups de tampon + +Pour créer rapidement plusieurs copies d'un objet, utilisez le coup de tampon. Déplacez simplement un objet (ou redimensionnez/tournez le) et, alors que le bouton de la souris est toujours pressé, appuyez sur Espace. Ceci appose un "tampon" de l'objet courant. Vous pouvez répéter ce coup de tampon autant de fois que vous le voulez. + + + + + +Astuces du stylo + +Dans l'outil courbes de Bézier (stylo), vous pouvez terminer la ligne courante de plusieurs façons : + + + + +Appuyer sur Entrée. + + + + +Effectuer un double-clic avec le bouton gauche de la souris. + + + + +Sélectionner le stylo de nouveau. + + + + +Sélectionner un autre outil. + + + + +Notez que tant que le chemin n'est pas terminé (c'est à dire qu'il est affiché en vert, avec le segment courant en rouge), il n'existe pas encore en tant qu'objet dans le document. Pour l'annuler, vous pouvez donc utiliser les raccourcis Esc (abandonner complètement le chemin) ou Backspace (supprimer le dernier segment du chemin non terminé) à la place d'Annuler. + + +Pour ajouter un nouveau sous-chemin à un chemin existant, sélectionnez ce chemin et commencez à dessiner (d'où vous voulez) tout en appuyant sur Maj. Cependant, si vous voulez simplement prolonger un chemin existant, Maj n'est pas nécessaire; commencez simplement à dessiner depuis l'une des ancres situées aux extrémités du chemin sélectionné. + + + + + +Entrer des valeurs Unicode + +Quand vous êtes dans l'outil texte, appuyer sur Ctrl+U permet d'alterner les modes Normal et Unicode. En mode Unicode, chaque groupe de 4 chiffres hexadécimaux que vous tapez devient un caractère Unicode, vous permettant ainsi de taper les symboles que vous voulez (si vous connaissez leur numéro Unicode, et si la police les supporte). Pour quitter le mode Unicode, vous pouvez aussi appuyer sur Esc. Par example, Ctrl+U 2 0 1 4 Esc insère un tiret long (—). + + + + + +Utilisation de la grille pour dessiner des icônes + +Supposons que vous vouliez créer une icône de 24x24 pixels. Créez un canevas de 24x24 px (utilisez les Préférences du document)(notez que dans le menu Créer un nouveau document, vous pouvez accéder à une liste de modèles, dont certains d'icônes) et définissez une taille de grille de 0.5 px (une grille de 48x48, donc). Maintenant, si vous alignez les remplissages d'objets sur les lignes paires de grille et les contours sur les lignes impaires, avec un nombre pair (en px) comme largeur de contour, en exportant le document à la résolution par défaut de 90ppp (de sorte qu'1px corresponde à 1 pixel bitmap), vous obtiendrez une icône bitmap nette ne nécessitant pas d'anticrénelage. + + + + + +Rotation d'objets + +Dans le sélecteur, cliquer sur un objet permet d'afficher les flèches de redimensionnement, cliquer une fois de plus sur cet objet permet d'afficher les flèches d'inclinaison et de rotation. Si vous déplacez les flèches des coins, l'objet tournera autour du centre (marqué d'une croix). Si vous appuyez sur Maj pendant cette opération, le rotation se fera autour du coin opposé. Vous pouvez aussi déplacer le centre de rotation (la croix) où vous le désirez. + + +Ou bien tourner en utilisant les raccourcis clavier : [ et ] (de 15 degrés) ou Ctrl+[ et Ctrl+] (de 90 degrés). Ces mêmes raccourcis [] combinés avec Alt permettent des rotations lentes à l'échelle du pixel. + + + + + +Utiliser la boîte de dialogue "Ouvrir" comme palette d'objets + +Si vous avez un certain nombre de petits fichiers SVG dont vous réutilisez fréquemment le contenu dans d'autres documents, vous trouverez peut-être pratique d'utiliser la boîte de dialogue Ouvrir comme une palette. Ajoutez le répertoire contenant vos éléments SVG dans la liste des favoris (de cette boîte de dialogue) afin de pouvoir le parcourir rapidement. Puis naviguez dans ce répertoire en consultant les aperçus. Lorsque vous avez trouvé le fichier dont vous avez besoin, cliquez-déplacez le simplement sur le canevas, et il sera automatiquement importé dans votre document courant. + + + + + + +Des ombres portées grâce aux bitmaps +Bien qu'Inkscape ne supporte pas encore le filtre SVG "flou gaussien", vous pouvez facilement créer des ombrages bitmap floutés pour les objets, grâce à la commande Créer une copie bitmap et un script de filtrage. Voir le fichier share/extensions/inkscape-shadow.README (en anglais) pour plus de détails et les limitations de cette méthode. + + + + + +Placement d'un texte le long d'un chemin + +Pour placer du texte le long d'une courbe, sélectionnez le texte et la courbe puis utilisez la commande Mettre suivant un chemin du menu Texte. Le texte commencera au début du chemin. En général, il vaut mieux créer un chemin auquel vous voulez que le texte s'adapte plutôt que d'adapter ce texte à un autre élément (préexistant) du dessin — cela vous autorisera un meilleur contrôle sans avoir à "bricoler" votre dessin. + + + + + +Sélection de l'original + +Quand vous avez affaire à un texte suivant un chemin, un offset lié ou un clone, leur objet/chemin source peut être difficile à sélectionner (caché sous d'autres objets, rendu invisible et/ou verrouillé). le raccourci magique Maj+D peut alors vous aider; sélectionnez le texte, l'offset lié ou le clone et appuyez sur Maj+D pour sélectionner alors le chemin correspondant, la source de l'offset ou l'original du clone. + + + + + +Au cas où la fenêtre serait hors de l'écran + +Quand vous transférez des documents entre des systèmes avec des résolutions ou un nombre d'écrans différents, vous pouvez être confronté au problème suivant : Inkscape a enregistré une position de fenêtre qui fait que vous ne pouvez plus atteindre Inkscape sur votre écran. Il suffit de maximiser la fenêtre (ce qui devrait la rendre de nouveau visible a l'écran)(utilisez la barre des tâches), d'enregistrer le document et de le recharger. Vous pouvez éviter tout cela en désactivant l'option "enregistrer la taille et la position des fenêtres" (dans l'onglet Fenêtres des Préférences d'Inkscape). + + + + + +Transparence, dégradés et export en Postscript + +Les formats PostScript ou EPS ne supportent pas la transparence, aussi vous ne devriez pas utiliser cette fonctionnalité si vous comptez exporter en PS/EPS. Dans le cas d'une transparence uniforme chevauchant une couleur uniforme, il est facile d'y remédier : sélectionnez l'un des objets transparents et passez à l'outil Pipette (F7); Assurez vous qu'il est en mode "capturer la couleur visible sans alpha" et cliquez sur ce même objet. La couleur visible sera capturée et réassignée à l'objet mais cette fois, sans transparence. Répétez cette opération pour tous les objets transparents. Si votre objet transparent chevauche plusieurs zones de différentes couleurs uniformes, vous devrez le découper en morceaux (un morceau par zone) puis appliquer la procédure ci-dessus à chacun des morceaux. + + +L'export de dégradés en PS ou EPS ne fonctionne pas pour du texte (à moins que ce texte ne soit converti en chemin) ou pour les remplissages des contours. Et, comme la transparence est perdu lors d'un export au format PS ou EPS, vous ne pouvez pas utiliser, par exemple, un dégradé depuis un bleu opaque vers un bleu transparent; pour contourner cela, remplacez-le par un dégradé depuis un bleu opaque vers la couleur du fond opaque. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-tips.sl.svg b/share/tutorials/tutorial-tips.sl.svg new file mode 100644 index 000000000..aab48fbde --- /dev/null +++ b/share/tutorials/tutorial-tips.sl.svg @@ -0,0 +1,533 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::NASVETI + + + + + +V tem vodiču vam bomo predstavili razne trike, ki so jih naši uporabniki +spoznali med uporabljanjem Inkscapa, pa tudi nekatere bolj "skrite" +možnosti programa, ki vam lahko pomagajo pri delu. + + + + +Krožno tlakovanje z ukazom Tlakuj klone +Uporaba ukaza Tlakuj klone za +pravokotne vzorce in mreže je precej intuitivna. Kaj pa v primeru, da potrebujete krožno +tlakovanje, kjer si objekti delijo skupno središče vrtenja? Tudi to je mogoče. + +Če vaš krožni vzorec potrebuje le 3, 4, 6, 8 ali 12 elementov, potem lahko poskusite +vrste tlakovanja P3, P31M, P3M1, P4, P4M, P6, ali P6M. Ta tlakovanja so uporabna za npr. +snežinke in podobne vzorce. Bolj splošen način pa je opisan tu. + +Izberite tlakovanje P1 (enostavni premik) in potem kompenzirajte ta +prenos v zavihku Premik, kjer nastavite obe opciji +Na vrsto/Premik Y and Na stolpec/Premik X na -100 %. +Sedaj bodo vsi kloni zloženi na vrh originala. Sedaj je treba samo še v zavihku +Vrtenje nastaviti nekaj vrtenj na stolpec, ustvariti vzorec z +eno vrstico in večimi stolpci. +Primer: vzorec, sestavljen iz vodoravne črte, s 30 stolpci, vsak od njih je zavrten +za 6 stopinj: + + + + +Če želite iz tega ustvariti urino krožnico, preprosto izrežite ali prekrijte sredinski del +z belim krogom (če želite izvajati matematične operacije na klonih, jih prej razvežite). + +Bolj zanimivi učinki se dajo doseči z uporabo tako stolpcev kot tudi vrstic. Tu je vzorec +z desetimi stolpci in osmimi vrsticami, vrtenjem 2 stopinji na vrstico in 18 stopinj na +stolpec. Vsaka skupina črt je "stolpec", tako da so skupine 18 stopinj vsaksebi. Znotraj +vsakega stolpca so posamezne črte 2 stopinji vsaksebi. + + + + +V zgornjih primerih je bila črta vrtena okoli svojega središča. Če želite središče postaviti +zunaj svojega lika, ustvarite neviden pravokotnik (brez polnila in črte), ki bi pokril +vaš lik. Pravokotnik postavite tako, da je njegovo središče tam, kjer želite imeti središče +svojega lika, nato pa združite skupaj lik in pravokotnik in na skupini uporabite ukaz +Tlakuj klone. Na ta način lahko ustvarjate lepe "eksplozije" in "zvezdne +vzorce" z naključnimi vrednostmi pri parametrih velikosti, vrtenja in motnosti. + + + + + + + + + +Kako razrezati (več pravokotnih površin za izvoz)? +Ustvarite nov sloj in v njem ustvarite nevidne pravokotnike, ki pokrivajo dele +vaše slike. Prepričajte se, da uporabljate enote px (privzeto), vklopite mrežo in +pripnite pravokotnike na mrežo tako, da vsak zasede neko celo število enot px. +Pravokotnikom tudi določite smiselne identifikacije, nato pa vsakega posameznega +izvozite v svojo datoteko. Pravokotniki si bodo zapomnili imena, pod katerimi +so bili izvoženi. Kasneje je zelo lahko ponovno izvoziti te pravokotnike: preklopite +na sloj za izvoz, uporabite tipko Tab za izbiro pravokotnika, ki ga potrebujete (ali +pa poiščite njegovo identifikacijo preko Iskanja), ter kliknite Izvoz. Lahko pa tudi +napišete lupinsko skripto ali ukazno datoteko za izvoz vseh ploskev, npr.: + +inkscape -i <area-id> -t <filename.svg> + +za vsako izvoženo ploskev. Stikalo -t pove, da naj program izvozi površino v datoteko z istim imenom, kot je identifikacija te površine +lahko pa uporabite tudi stikalo -e za prosto poimenovanje izvožene datoteke. V nasprotnem primeru lahko +uporabite tudi pripomoček svgslice, +ki avtomatizira izvažanje iz Inkscapovih SVG dokumentov z uporabo bodisi razreznih slojev ali vodil. + + + + +Nezvezni prelivi +Trenutna različica SVGja ne podpira nezveznih prelivov. Lahko pa +jih ustvarite z večstopenjskimi prelivi. + + +Začnite s preprostim dvostopenjskim prelivom. Odprite Urejevalnik prelivov (npr. z dvoklikom +na katerokoli ročico na orodju Prelivi). Dodajte nov postanek na sredino +in ga malce premaknite. Nato dodajte še nekaj postankov okrog tega in popravite preliv, +da postane spet gladek. Več postankov boste dodali, bolj natančno ga boste lahko zmehčali. +Tu je primer osnovnega črno-belega preliva z dvema postankoma: + + + + + + + + + + +Tu pa je nekaj "nezveznih" prelivov z več postanki (raziskujte jih z +Urejevalnikom prelivov (ki ga najdete pod gumbom Uredi v pogovornem +oknu Polnilo in obroba): + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Nesredinski krožni prelivi +Krožni prelivi niso nujno simetrični. Če v polju za prelive v pogovornem +oknu Polnilo in obroba držite tipko Shift in povlečete srednjo ročico, boste +premaknili središče preliva. Ko tega ne potrebujete več, lahko +središče premaknete nazaj na sredino tako, da ga povlečete blizu sredine. + + + + + + + + + + + + + + + + + + + + + +Poravnava na sredino strani +Če želite nekaj poravnati na sredino strani, izberite predmet ali skupino, +izberite Poravnavo na stran v pogovornem oknu Poravnava +(Ctrl+Shift+A). + + + + +Čiščenje dokumenta +Veliko prelivov, vzorcev in oznak (bolj natančno: tiste, ki ste jih ročno uredili), +ki jih ne uporabljate več, ostane v svojih paletah in lahko jih ponovno uporabite za nove objekte. Če pa bi želeli optimizirati vaš dokument, uporabite ukaz +Počisti definicije iz menija Datoteka. Izbrisal bo vse prelive, vzorce +in markerje, ki niso uporabljeni v dokumentu, in tako zmanjšal datoteko. + + + + +Obrezovanje ali maskiranje rastrske slike + +Uvožene rastrske slike (npr. fotografije) so <image> elementi, ki jih ne moremo +urejati z orodjem za Vozlišča. Da se temu izognete, preoblikujte sliko v pravokotnik +z vzorčastim polnilom preko ukaza Predmet v vzorec (Alt+I). +Pokazal se bo pravokotnik, napolnjen z vašim rastrom. Ta objekt pa lahko spremenimo +v pot, mu urejamo vozlišča, presekamo z drugimi objekti itd. V meniju +Nastavitve Inkscapa (zavihek Drugo), lahko +nastavite opcijo, da se rastrske slike vedno uvažajo kot pravokotniki z rastrskim polnilom. + + + + +Skrite možnosti in urejevalnik XML +Urejevalnik XML omogoča spreminjanje skoraj vseh parametrov dokumenta brez uporabe +zunanjega urejevalnika teksta. Inkscape podpira nekaj več možnosti SVGja, +kot jih je dostopnih preko grafičnega vmesnika. V trenutni verziji podpira prikazovanje +mask in clipping poti, čeprav ni nobenega grafičnega vmesnika za ustvarjanje ali +spreminjanje le-teh. Urejevalnik XML je en izmed načinov, kako dostopati do tega +(če poznate SVG). + + + + +Spreminjanje enote ravnila +Privzeta enota merjenja je px ("uporabniška enota SVG" - v Inkscapu je enaka 0,8 pt oziroma +1/90 palca). Ta enota je prav tako uporabljana za izpis koordinat v spodnjem levem kotu +in je privzeta enota v vseh menijih. Če z miško lebdite nad ravnilom, se vam bo pokazal namig z enotami, ki so trenutno v uporabi. To lahko spremenite v Nastavitvah dokumenta +(Ctrl+Shift+D), v zavihku Stran spremenite +Privzete enote. + + + + +Žigosanje +Za hitro kopiranje predmetov lahko uporabite žig. Povlecite predmet z miško (ali pa ga vrtite oz. mu spreminjajte velikost) in pritiskajte +na preslednico. Vsak pritisk pusti za seboj odtis predmeta. + + + + +Nasveti za orodje Pero +Za dokončanje črte z orodjem Pero (Bezier) imate več možnosti: + + +Pritisnite Enter + +Dvokliknite z levim gumbom miške + +Ponovno izberite Pero + +Izberite kako drugo orodje + + + +Dokler je pot nedokončana (obarvana je zeleno, izbrani segment pa rdeče), v dokumentu +ne obstaja kot objekt. Za prekinitev poti uporabite Esc (izbris +celotne poti) ali Backscape (izbris zadnjega segmenta še nedokončane +poti) namesto ukaza Razveljavi. + + +Za dodajanje podpoti že obstoječi poti označite pot in držite tipko Shift +ter začnite risati iz poljubne točke. Če pa želite le nadaljevati že obstoječo pot, +Shift ni potreben - vse, kar morate storiti je, da začnete risati iz enega izmed končnih +sider na izbrani poti. + + + + +Vnašanje Unicode simbolov +Ko imate izbrano orodje za besedila, pritisk na Ctrl+U vključi ali izključi +način za Unicode simbole. V tem načinu se vsaka skupina štirih osmiških +številk prevede v ustrezen Unicode simbol in na ta način omogoča vnašanje poljubnih +simbolov - seveda, če poznate njihovo Unicode kodo in če jih izbrana pisava podpira. +Za izhod iz načina Unicode pritisnite tipko Esc. +Primer: zaporedje Ctrl+U 2 0 1 4 Esc v dokument vnese vezaj (—). + + + + +Uporaba mreže pri risanju ikon +Recimo, da želimo narisati ikono veliko 24x24 pik. Za to bi naredili +dokument velikosti 24x24 milimetrov (z ukazom Nastavitve dokumenta, nastavili mrežo na 0,5 mm +(48x48 črt). Sedaj poravnavamo polne predmete na sode črte, prazne, +obrisane predmete pa na lihe črte. Ko izvozimo sliko tako pri konfiguraciji 1 mm = 1 piksel (90 dpi), dobimo prepričljivo sliko brez potrebe po mehčanju robov. + + + + +Vrtenje predmeta +Z Izbirnikom kliknite na predmet, da se pokažejo puščice za spreminjanje +velikosti. Če kliknete še enkrat, se pokažejo puščice za vrtenje. Če kotne +puščice kliknete in vlečete, se predmet vrti okrog svoje osi (označeno s križcem). +Če medtem držite Shift, se predmet vrti okrog nasprotnega kota. +Os vrtenja lahko premaknete tako, da kliknete na središčno točko in jo odvlečete +na poljuben položaj. + + +Predmete lahko vrtite tudi s pomočjo tipkovnice, in sicer z naslednjimi tipkami: [ in ] +(za 15 stopinj) ali Ctrl+[ in Ctrl+] (za 90 +stopinj). Če poleg tipk [] držite še tipko Alt, boste predmete +lahko vrteli točko po točko. + + + + +Ukaz Odpri kot paleta objektov +Če imate veliko količino majhnih SVG dokumentov, katerih vsebino večkrat uporabljate +v drugih dokumentih, lahko ukaz Odpri uporabljate kot paleto objektov. Mapo s SVG +dokumenti dodajte na seznam zaznamkov, da lahko hitro dostopate do nje. Nato lahko +brskate po tej mapi, v katerih se vam bodo kazali predogledi vaših dokumentov. Ko najdete +dokument, ki ste ga iskali, ga preprosto povlečete na platno. + + + + +Rastrske padajoče sence +Inkscape trenutno še ne podpira SVG filtra za Gaussian mehčanje, vendar lahko objektom kljub temu +zlahka ustvarite rastrske padajoče sence. To storite z ukazom "Ustvari rastrsko kopijo" in +filtrirno skripto. Za več podrobnosti in omejitve te metode poglejte v datoteko +share/extensions/inkscape-shadow.README . + + + + +Postavljanje besedila na krivuljo +Besedilo postavite na krivuljo tako, da označite tako besedilo kot tudi krivuljo in izberete +ukaz Postavi na pot iz menija Besedilo. Začetek besedila bo na začetku poti. +V splošnem je bolje ustvariti točno določeno pot, na katero želite postaviti tekst, kot pa +prilagajati tekst kakemu drugemu elementu — ta metoda omogoča več nadzora in manj skrbi, da bi uničili svojo risbo. + + + + +Izbiranje originala +Če imate besedilo postavljeno na pot, povezan zamik ali klon, je včasih težko izbrati +originalen objekt oz. pot, saj je takoj pod tekstom, nevidna in/ali zaklenjena. Čarobna +kombinacija Shift+D vam bo pomagala v tem primeru; označite besedilo, +linked offset ali klon in pritisnite Shift+D, nato pa premaknite izbran +objekt do originialne poti, izvirnik zamika ali klona. + + + + +Obnova oken +Ko premikate dokumente med sistemi z različnimi resolucijami ali števili enkranov, se lahko +zgodi, da Inkscape shrani postavitev oken na tak način, da določeno okno na drugem sistemu ni več dostopno oz. +se nahaja zunaj zaslona. V takem primeru preprosto povečajte okno preko gumba v opravilni vrstici +(kar ga bo priklicalo nazaj na ekran), shranite dokument in ga ponovno odprite. Temu se lahko +tudi povsem izognete tako, da izključite globalno možnost shranjevanja okenske postavitve +(Nastavitve Inkscapa, zavihek Okna). + + + + +Prosojnost, polnila in izvoz v PostScript +PostScript oz. EPS formati ne podpirajo prosojnosti, zato je ne +uporabljajte, če želite izvažati svoje dokumente v formatih PS/EPS. V primeru +enakomerne prosojnosti, ki pokrije enakomerno barvo, je to preprosto popraviti: izberite +enega izmed prosojnih objektov, izberite Kapalko (F7) in se prepričajte, +da je Kapalka v načinu "izberi vidno barvo brez alpha kanala", nato pa kliknite na isti +objekt. To bo izbralo vidno barvo in jo določilo objektu, tokrat brez prosojnosti. +Postopek ponovite za vse prosojne objekte. Če prosojen objekt pokriva več ploskev +s plosko barvo, ga boste morali razdeliti na posamezne dele (glede na barvo) in ponoviti +postopek za vsak posamezen del. + + +Izvažanje polnil v formate PS ali EPS ne deluje v primeru besedil +(razen v primeru, da tekst pretvorjen v pot) ali barvo obrobe. Ker se ob izvažanju +v formate PS ali EPS transparenca izgubi, prav tako ne morete uporabljati polnila za +prehod iz npr. motno modre v prosojno modro. +Namesto tega jo nadomestite s prehodom iz motno modre v +motno barvo ozadja. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-tips.svg b/share/tutorials/tutorial-tips.svg new file mode 100644 index 000000000..0cfe1b9a3 --- /dev/null +++ b/share/tutorials/tutorial-tips.svg @@ -0,0 +1,536 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::TIPS AND TRICKS + + + + + +This tutorial will demonstrate various tips and tricks that users have learned through +the use of Inkscape and some "hidden" features that can help you speed up production +tasks. + + + + +Radial placement with Tile Clones +It's easy to see how to use the Tile Clones dialog for rectangular grids and +patterns. But what if you need radial placement, where objects +share a common center of rotation? It's possible too! + +If your radial pattern need only have 3, 4, 6, 8, or 12 elements, then you can try the +P3, P31M, P3M1, P4, P4M, P6, or P6M symmetries. These would work nicely for snowflakes +and the like. A more general method, however, is as follows. + +Choose the P1 symmetry (simple translation) and then compensate for +that translation by going to the Shift tab and setting Per +row/Shift Y and Per column/Shift X both to -100%. Now all +clones will be stacked exactly on top of the original. All that remains to do is to go +to the Rotation tab and set some rotation angle per column, then +create the pattern with one row and multiple columns. For example, here's a pattern made +out of a horizontal line, with 30 columns, each column rotated 6 degrees: + + + + +To get a clock dial out of this, all you need to do is cut out or simply overlay the +central part by a white circle (to do boolean operations on clones, unlink them first). + +More interesting effects can be created by using both rows and columns. Here's a pattern +with 10 columns and 8 rows, with rotation of 2 degrees per row and 18 degrees per +column. Each group of lines here is a "column", so the groups are 18 degrees from each +other; within each column, individual lines are 2 degrees apart: + + + + +In the above examples, the line was rotated around its center. But what if you want the +center to be outside of your shape? Just create an invisible (no fill, no stroke) +rectangle which would cover your shape and whose center is in the point you need, group +the shape and the rectangle together, and then use Tile Clones on +that group. This is how you can do nice "explosions" or "starbursts" by randomizing +scale, rotation, and possibly opacity: + + + + + + + + + +How to do slicing (multiple rectangluar export areas)? +Create a new layer, in that layer create invisible rectangles covering parts of your +image. Make sure your document uses the px unit (default), turn on grid and snap the +rects to the grid so that each one spans a whole number of px units. Assign meaningful +ids to the rects, and export each one to its own file. Then the rects will remember +their export filenames. After that, it's very easy to re-export some of the rects: +switch to the export layer, use Tab to select the one you need (or use Find by id), and +click Export in the dialog. Or, you can write a shell script or batch file to export all +of your areas, with a command like: + +inkscape -i <area-id> -t <filename.svg> + +for each exported area. The -t switch tells it to use the remembered filename hint, +otherwise you can provide the export filename with the -e switch. Alternatively, you can +use the svgslice utility to +automate exporting from Inkscape SVG documents, using either a slice layer or guides. + + + + +Non-linear gradients +The version 1.1 of SVG does not support non-linear gradients (i.e. those which have a +non-linear translations between colors). You can, however, emulate them by +multistop gradients. + +Start with a simple two-stop gradient. Open the Gradient editor (e.g. by +double-clicking on any gradient handle in the Gradient tool). Add a new gradient stop in +the middle; drag it a bit. Then add more stops before and after the middle stop and drag +them too, so that the gradient is smooth. The more stops you add, the smoother you can +make the resulting gradient. Here's the initial black-white gradient with two stops: + + + + + + + + + + +And here are various "non-linear" multi-stop gradients (examine them in the Gradient +Editor): + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Excentric radial gradients +Radial gradients don't have to be symmetric. In Gradient tool, drag the central handle +of an elliptic gradient with Shift. This will move the x-shaped +focus handle of the gradient away from its center. When you don't +need it, you can snap the focus back by dragging it close to the center. + + + + + + + + + + + + + + + + + + + + + +Aligning to the center of the page +To align something to the center or side of a page, select the object or group and then +choose Page from the Relative to: list in the +Align dialog (Ctrl+Shift+A). + + + + +Cleaning up the document +Many of the no-longer-used gradients, patterns, and markers (more precisely, those which +you edited manually) remain in the corresponding palettes and can be reused for new +objects. However if you want to optimize your document, use the Vacuum +Defs command in File menu. It will remove any gradients, patterns, or markers +which are not used by anything in the document, making the file smaller. + + + + +Clipping or masking a bitmap + +By default, an imported bitmap (e.g. a photo) is an <image> element which is not +editable by the Node tool. To work around this, convert the image into a rectangle with +pattern fill by Object to Pattern (Alt+I). This will +give you a rectangle filled with your bitmap. Now this object can +be converted to path, node-edited, intersected with other shapes etc. In +Inkscape Preferences (Misc tab), you can set the +option of always importing bitmaps as pattern-filled rectangles. + + + + +Hidden features and the XML editor +The XML editor allows you to change almost all aspects of the document without using an +external text editor. Also, Inkscape usually supports more SVG features than are +accessible from the GUI. For example, we now support displaying masks and clipping +paths, even though there's no GUI for creating or modifying them. The XML editor is one +way to get access to these features (if you know SVG). + + + + +Changing the rulers' unit of measure +In the default template, the unit of measure used by the rulers is px ("SVG user unit", +in Inkscape it's equal to 0.8pt or 1/90 of the inch). This is also the unit used in +displaying coordinates at the lower-left corner and preselected in all units menus. (You +can always hover your mouse over a ruler to see the tooltip with the units it uses.) To +change this, open Document Preferences +(Ctrl+Shift+D) and change the Default units on the +Page tab. + + + + +Stamping +To quickly create many copies of an object, use stamping. Just +drag an object (or scale or rotate it), and while holding the mouse button down, press +Space. This leaves a "stamp" of the current object shape. You can +repeat it as many times as you wish. + + + + +Pen tool tricks +In the Pen (Bezier) tool, you have the following options to finish the current line: + + +Press Enter + +Double click with the left mouse button + +Select the Pen tool again + +Select another tool + + + +Note that while the path is unfinished (i.e. is shown green, with the current segment +red) it does not yet exist as an object in the document. Therefore, to cancel it, use +either Esc (cancel the whole path) or Backspace +(remove the last segment of the unfinished path) instead of Undo. + + +To add a new subpath to an existing path, select that path and start drawing with +Shift from an arbitrary point. If, however, what you want is to simply +continue an existing path, Shift is not necessary; just start +drawing from one of the end anchors of the selected path. + + + + +Entering Unicode values +While in the Text tool, pressing Ctrl+U toggles between Unicode and +normal mode. In Unicode mode, each group of 4 hexadecimal digits you type becomes a +single Unicode character, thus allowing you to enter arbitrary symbols (as long as you +know their Unicode codepoints and the font supports them). To quit the Unicode mode, you +can press Esc. For example, Ctrl+U 2 0 1 4 Esc inserts +an em-dash (—). + + + + +Using the grid for drawing icons +Suppose you want to create a 24x24 pixel icon. Create a 24x24 px canvas (use the +Document Preferences) and set the grid to 0.5 px (48x48 gridlines). +Now, if you align filled objects to even gridlines, and stroked +objects to odd gridlines with the stroke width in px being an even +number, and export it at the default 90dpi (so that 1 px becomes 1 bitmap pixel), you +get a crisp bitmap image without unneeded antialiasing. + + + + +Object rotation +When in the Select tool, click on an object to see the scaling arrows, +then click again on the object to see the rotation and shift arrows. If +the arrows at the corners are clicked and dragged, the object will rotate around the +center (shown as a cross mark). If you hold down the Shift key while +doing this, the rotation will occur around the opposite corner. You can also drag the +rotation center to any place. + + +Or, you can rotate from keyboard by pressing [ and ] +(by 15 degrees) or Ctrl+[ and Ctrl+] (by 90 +degrees). The same [] keys with Alt perform slow +pixel-size rotation. + + + + +Open dialog as an object palette +If you have a number of small SVG files whose contents you often reuse in other +documents, you can conveniently use the Open dialog as a palette. Add the directory with +your SVG sources into the bookmarks list so you can open it quickly. Then browse that +directory looking at the previews. Once you found the file you need, simply drag it to +the canvas and it will be imported into your current document. + + + + +Bitmap drop shadows +While Inkscape does not yet support the Gaussian blur SVG filter, you can easily create +blurred drop shadows for objects as bitmaps, via the "Create a Bitmap Copy" command with +a filter script. See share/extensions/inkscape-shadow.README for details and limitations +of this method. + + + + +Placing text on a path +To place text along a curve, select the text and the curve together and choose +Put on Path from the Text menu. The text will start at the beginning +of the path. In general it is best to create an explicit path that you want the text to +be fitted to, rather than fitting it to some other drawing element — this will give you +more control without screwing over your drawing. + + + + +Selecting the original +When you have a text on path, a linked offset, or a clone, their source object/path may +be difficult to select because it may be directly underneath, or made invisible and/or +locked. The magic key Shift+D will help you; select the text, linked +offset, or clone, and press Shift+D to move selection to the +corresponding path, offset source, or clone original. + + + + +Window off-screen recovery +When moving documents between systems with different resolutions or number of displays, +you may find Inkscape has saved a window position that places the window out of reach on +your screen. Simply maximise the window (which will bring it back into view, use the +task bar), save and reload. You can avoid this altogether by unchecking the global +option to save window geometry (Inkscape Preferences, +Windows tab). + + + + +Transparency, gradients, and PostScript export +PostScript or EPS formats do not support transparency, so you +should never use it if you are going to export to PS/EPS. In the case of flat +transparency which overlays flat color, it's easy to fix it: Select one of the +transparent objects; switch to the Dropper tool (F7); make sure it's in +the "pick visible color without alpha" mode; click on that same object. That will pick +the visible color and assign it back to the object, but this time without +transparency. Repeat for all transparent objects. If your transparent object overlays +several flat color areas, you will need to break it correspondingly into pieces and +apply this procedure to each piece. + + +Exporting gradients to PS or EPS does not work for text +(unless text is converted to path) or for stroke paint. Also, since transparency is lost +on PS or EPS export, you can't use e.g. a gradient from an opaque +blue to transparent blue; as a workaround, replace it by a gradient +from opaque blue to opaque background +color. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-tracing.de.svg b/share/tutorials/tutorial-tracing.de.svg new file mode 100644 index 000000000..b9f3b7e36 --- /dev/null +++ b/share/tutorials/tutorial-tracing.de.svg @@ -0,0 +1,186 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::VEKTORISIEREN + + + + + + + + +Inkscape beinhaltet ein Werkzeug, mit dem Sie ein Bitmap-Bild in ein <Pfad> Element ihrer SVG Zeichnung umwandeln können. Diese kurzen Ausführungen sollen Ihnen dabei helfen, damit vertraut zu werden. + + + + + +Derzeit setzt Inkscape potrace, eine Bitmap-Vektorisierungsengine, von Peter Selinger (potrace.sourceforge.net) ein. In Zukunft möchten wir alternative Vektorisierungsprogramme einsetzen, jedoch ist im Moment dieses Werkzeug für unsere Ansprüche mehr als ausreichend. + + +Denken Sie daran, dass die Herangehensweise eines Vektorisierungsprogramms weder die Reproduktion des Orginalbildes sein kann, noch ist es beabsichtigt von vorne herein ein hundertprozentiges Endergebnis zu erhalten. Kein automatisiertes Vektorisierungsprogramm ist dazu in der Lage. Es erstellt einen Satz an Kurven, den Sie als Ausgangsmaterial für die Weiterverarbeitung Ihrer Zeichnung nutzen können. + + +Potrace interpretiert ein Schwarzweiß-Bitmap und wandelt es in Pfade um. Es hat für die Konvertierung eines Rohbildes drei Arten von Inputfiltern. + + +Generell kann man sagen, je höher der Anteil dunkler Pixel im Zwischenbild-Bitmap ist, desto höher ist die Vektorisierungsleistung von potrace. Steigt der Vektorisierungsanteil, wird der CPU eine höhere Rechenleistung abverlangt und dadurch wird auch das <Pfad> Element sehr viel größer. Um die gewünschte Proportion und Komplexität des Ergebnispfades zu erreichen, raten wir dem Benutzer, zuerst mit einem schwächer schwarz-eingefärbten Zwischenbild zu experimentieren, und gegebenenfalls den Schwarzanteil graduell zu erhöhen. + + +Laden oder importieren Sie das Bild, das Sie vektorisieren wollen, markieren es, und wählen Pfad > Bitmap vektorisieren, oder Shift+Alt+B. + + +Hauptoptionen innerhalb des Vektorisierungsdialogs + +Dem Benutzer stehen drei Filter zur Verfügung: + + + + + Bildhelligkeit + + + +Dieser verwendet mehrheitlich die Summe der Rot-, Grün- und Blau-Anteile der Pixel (oder Grauschattierungen) als Indikator und überprüft, ob diesem Bereich entweder schwarz oder weiß zugeordnet werden soll. Der Schwellwert kann zwischen 0.0 (schwarz) bis 1.0 (weiß) eingestellt werden. Je höher der Schwellwert, desto niedriger ist die Anzahl der Pixel, die als weiß eingestuft werden und das Zwischenbild wird dunkler. + + +OriginalbildHelligkeitsgrenzwertGefüllt, ohne UmrissHelligkeitsgrenzwertUmriss, nicht gefüllt + + + + Optimale Kantenerkennung + + + +Dieser Filter verwendet einen von J. Canny festgelegten Kantenerkennungs-Algorithmus, der auf schnelle Art und Weise die Isoklinen (Linien gleicher Neigung) des Kontrastes aufspürt. Es wird ein Zwischenbild produziert, das dem Orginal weniger Nahe kommt, wie das bei dem Ergebnis des Filters über Bildhelligkeit der Fall ist, aber es erzeugt eine Kurveninformation die andernfalls verloren ginge. Die Grenzwerte hier (0.0 - 1.0), passen den Helligkeitgrenzwert an und entscheiden, ob angrenzende Pixel zu einer kontrastreichen Kante mit in das Ergebnis eingeschlossen werden. Diese Einstellungen können die Dunkelheit oder die Kantendicke des Endergebnisses beeinflussen. + + +OrginalbildKantenerkennungGefüllt, ohne UmrissKantenerkennungUmriss, nicht gefüllt + + + + Farbquantisierung + + + +Als Ergebnis produziert dieser Filter ein anderes Zwischenbild, als bei den vorherigen Varianten, aber er ist im Prinzip auch sehr nützlich. Statt über Isoklinen der Helligkeit und des Kontrasts zu suchen, erzeugt dieser Filter bei gleichen Helligkeits- und Kontrastwerten an Farbwechseln, Kanten. Die Einstellung der Anzahl der Farben entscheidet darüber, wieviel Farben sich im Endergebnis befinden würden, wenn das Zwischenbild ein Farbbild wäre. Anschließend entscheidet sich, ob schwarz/weiß einen geraden oder ungeraden Index der Farbe erhält. + + +OrginalbildQuantisierung (12 Farben)Gefüllt, ohne UmrissQuantisierung (12 Farben)Umriss, nicht gefüllt + +Der Benutzer sollte alle drei Möglichkeiten der Filterwahl ausschöpfen und die verschiedenen Endergebnisse mit dem Ursprungsbildes vergleichen. Es wird immer ein Bild dabei herauskommen, bei dem ein Ergebnis immer besser ist als bei den anderen Filtermöglichkeiten. + + +Dem Anwender wird nach dem Vektorisierungsvorgang geraten, auf das Ergebnis Pfad > Vereinfachen (Strg+L) anzuwenden, um die Anzahl der Knoten zu verringern. Dadurch kann das potrace-Ergebnis viel leichter weiterverarbeitet werden. Zum Beispiel hier, ist eine Bitmap Vektorisierung eines alten Mannes der Gitarre spielt: + + + +OriginalbildVektorisiertes Bild / Ergebnispfad(1,551 Knoten) + +Beachten Sie die große Anzahl der Knoten in einem Pfad. Nach dem Drücken von Strg+L, ist dies ein typisches Ergebnis: + + + +OrginalbildVektorisiertes Bild / Ergebnispfad - vereinfacht(384 Knoten) + +Die Darstellung ist ein wenig grob, aber die Zeichnung ist nun viel einfacher zu bearbeiten. Vergessen Sie nicht, dass Sie kein exaktes Rendering ihres Bildes erzielen, sondern einen Satz an Kurven, den Sie für Ihre Zeichnung weiterverwenden können. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-tracing.es.svg b/share/tutorials/tutorial-tracing.es.svg new file mode 100644 index 000000000..df5f72795 --- /dev/null +++ b/share/tutorials/tutorial-tracing.es.svg @@ -0,0 +1,184 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::VECTORIZAR + + + + + + + + +Una de las funciones de Inkscape es una herramienta para vectorizado de imágenes de mapas de bits en un <trazo> elemento para el dibujado de SVG. Estas cortas notas le ayudarán a conocer como trabaja esto. + + + + +Actualmente Inkscape emplea el motor de vectorizado de mapa de bits Potrace (potrace.sourceforge.net) por Peter Selinger. +En el futuro, esperamos que permita alternar programas de vectorizado; por ahora, sin embargo, esta fina herramienta es más que suficiente para lo que necesita. + + +Tenga en mente que el propósito del Vectorizar no es reproducir un duplicado exacto de la imágen original; o intentar producir un producto final. El autotrazado no hace eso. Lo que hace es darle un set de curvas las cuales usted puede emplear como una fuente de ayuda para sus dibujos. + + +Potrace interpreta mapas de bits blanco y negro y produce un set de curvas. Para Potrace, actualmente poseemos tres tipos de filtros de salida, para convertir desde imágenes brutas a algo que Potrace pueda usar. + + +Generalmente los pixeles más oscuros en un mapa de bit intermedio, es el mayor trazo que Potrace puede desarrollar. A mayor cantidad de trazos, más tiempo la CPU requerira y el elemento <trazo> se convertirá en uno más grande. Se sugiere que los usuarios experimenten primero con imágenes intermédias clara, configurando gradualmente la opacidad para obener la proporción y complejidad del trazo resultante. + + +Para usar el vectorizado, cargue o importe una imágen, selecciónela, y seleccione Trazo > Vectorizar un mapa de bits, o Mayus+Alt+B. + + +main options within the trace dialog + +El usuario observará las tres opciones de filtro disponibles: + + + +Luminosidad de la imágen + + + +Esta usa realmente la suma del rojo, verde y azul (o escala de grices) de un pixel como un +indicador de si este puede ser considerado blanco o negro. La luminosidad puede ser configurada desde 0.0 (negro) a 1.0 (blanco). La mayor configuración del umbral, el menor número de pixeles que serán considerados para ser \u201cwhite\u201d, y la imágen intermedia que se convertirá en oscura. + + +Original ImageBrightness ThresholdFill, no StrokeBrightness ThresholdStroke, no Fill + + +Detección de Bordes Óptima + + + +Este filtro usa el arlgoritmo de detección de bordes desarrollado por J. Canny, el cual es un modo de búsqueda rápida de isóclinas de contrastes similares. Esto producirá un mapa de bits intermedio que será visto un poco diferente a la imágen original que como lo hace la lumínusidad de la imágen, pero provee la curva de información que de otra manera será ignorado. La configuración del umbral es (0.0 \u2013 1.0) ajustada por la luminosidad de la imágen si es un pixel adjacente al borde del contasre que será incluido en el resultado. Esta configuración puede ajustar la opacidad o grosor del borde en el resultado. + + +Original ImageEdge DetectedFill, no StrokeEdge DetectedStroke, no Fill + + +REDUCCIÓN + + + +El resultado de este filtro producirá una imágen intermedia que es muy diferente de la otra segunda, pero es de hecho muy útil. En vez de mostrar las isóclinas o brillo o contraste, esta buscará los bordes donde los colores cambian, uniformemente igual a brillo y contraste. Las opciones de configuración aquí son: Número de colores, decide cuantos colores de salida pueden haber, si el mapa de bits intermedio era de color. Este entonces decide blanco/negro según si el color ha sido uniforme o posee un indice raro. + + +Original ImageQuantization (12 colors)Fill, no StrokeQuantization (12 colors)Stroke, no Fill + +El usuario puede intentar todos los tres filtros y observar los diferentes tipos de resultados para diferentes tipos de imágenes de entrada. Siempre habrá una imágen donde uno trabajará mejor que otro. + + +Después del trazo, también se sugiere al usuario intentar Trazo > Simplificar +(Ctrl+L) sobre el trazo resultante, para reducir el número de nodos. Esto puede hacer el resultado del Potrace mucho más simple de editar. Por ejemplo, aquí podemos observar el típico trazo del Hombre Viejo Tocando Guitarra: + + +Original ImageTraced Image / Output Path(1,551 nodes) + +Note la gran cantidad de nodos en el trazo. Después de realizar Ctrl+L, este es un resultado típico: + + +Original ImageTraced Image / Output Path - Simplified(384 nodes) + +La representación es un poco más aproximada y áspera, pero el dibujo es mucho más simple y sencillo de editar. +Mantenga en mente que lo que quiere no es una réplica exacta de la imágen, pero un set de de curvas es lo que puede usar en su dibujo. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-tracing.fr.svg b/share/tutorials/tutorial-tracing.fr.svg new file mode 100644 index 000000000..504462900 --- /dev/null +++ b/share/tutorials/tutorial-tracing.fr.svg @@ -0,0 +1,187 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::VECTORISATION + + + + + + +Une des fonctionnalités d'Inkscape est la vectorisation d'une image bitmap en un élément chemin inséré dans votre dessin SVG. Ce didacticiel devrait vous aider à comprendre le fonctionnement de cet outil. + + + + + +A l'heure actuelle, Inkscape utilise le moteur de vectorisation de bitmap Potrace (potrace.sourceforge.net) créé par Peter Selinger. Dans le futur, nous espérons permettre l'utilisation d'autres programmes/moteurs de vectorisation; pour le moment, cependant, cet excellent outil est plus que suffisant pour nos besoins. + + +Gardez à l'esprit que le but de la vectorisation avec cet outil n'est pas de produire une duplication exacte de l'image originale, ni de produire un résultat finalisé. Aucun outil de vectorisation automatique ne peut produire cela. Vous obtiendrez un ensemble de courbes que vous pourrez utiliser comme ressources dans votre dessin. + + +Potrace interprète un bitmap en noir et blanc, et produit un ensemble de courbes. Nous avons trois types de filtres d'entrée pour Potrace, afin de convertir les images brutes en quelquechose que Potrace peut exploiter. + + +En général, plus il y a de pixels sombres dans l'image intermédiaire, plus la vectorisation générée par Potrace sera importante. Plus la vectorisation est importante, et plus le temps du processus sera grand et plus le chemin résultant sera important. Nous vous suggérons d'expérimenter cela avec des images intermédiares plutôt claires, en les assombrissant autant que nécessaire afin d'obtenir les taille et complexité désirées pour le chemin résultant. + + +Pour utiliser l'outil de vectorisation, ouvrez ou importez une image, sélectionnez-la, et lancez la commande Chemin > Vectoriser le bitmap ou appuyez sur Maj+Alt+B. + + +Options principales de la boîte de dialogue vectoriser + +Vous voyez trois options de filtrage disponibles : + + + + +Seuil de luminosité + + + + +Cette option utilise simplement la somme des composantes rouge, bleue et verte (ou la nuance de gris) d'un pixel pour déterminer s'il doit être considéré comme blanc ou noir. le seuil peut être réglé entre 0.0 (noir) et 1.0 (blanc). Plus ce seuil est grand, moins les pixels considérés comme "blancs" seront nombreux et plus l'image intermédiaire sera sombre. + + +Image originaleSeuil de luminositéRemplissage,sans contourSeuil de luminositéContoursans remplissage + + + +Détection optimale des arrêtes + + + + +Cette option utilise l'algorithme de détection des arrêtes énoncé par J. Canny, afin de trouver rapidement des isoclines de contraste similaire. Cela produit une image intermédiaire qui ressemble moins à l'image originale que le résultat d'un seuil de luminosité mais qui contient souvent des courbes qui seraient ignorées autrement. Le seuil à régler ici (de 0.0 à 1.0) ajuste le seuil de luminosité afin de déterminer si un pixel adjacent à une courbe de contraste doit être inclus dans le résultat. Le réglage permet d'ajuster l'obscurité ou l'épaisseur des arrêtes du résultat. + + +Image originaleArrêtes detectéesRemplissage,sans contourArrêtes detectéesContour,sans remplissage + + + +Quantification des couleur + + + + +Le résultat de ce filtre produira une image intermédiaire très différente de celle produite avec les deux autres, mais pouvant être aussi très utile. Au lieu de chercher les isoclines de contraste ou de luminosité, il cherche les limites des changements de couleur, même à contraste ou luminosité constants. Le réglage ici, nombre de couleurs, permet de déterminer le nombre de couleurs que l'image intermédiaire devrait avoir si elle était en couleurs. Il exécute ensuite la détermination blanc/noir d'après l'indice pair ou impair des couleurs. + + +Image originaleQuantification(12 couleurs)Remplissage, sans contourQuantification(12 couleurs)Contour, sans remplissage + +Vous devriez essayer ces trois filtres et observer les résultats différents qu'ils produisent pour différents types d'images. Pour une image donnée, il y en aura un qui donnera de meilleurs résultats que les autres. + + +Après la vectorisation, vous devriez essayer d'appliquer la commande Chemin > Simplifier (Ctrl+L) au chemin résultant, afin de diminuer le nombre de nœuds. Cela peut rendre l'édition du résultat de Potrace bien plus facile. Par exemple, voici un exemple typique de vectorisation du "Vieil homme jouant de la guitare" : + + +Image originaleImage vectorisée / Chemin résultant(1,551 nœuds) + +Notez le très grand nombre de nœuds du chemin. Après avoir appuyé sur Ctrl+L, voici un résultat typique : + + +Image originaleImage vectorisée / Chemin résultant - Simplifié(384 nœuds) + +La représentation est un peu plus approximative et grossière, mais le dessin est plus simple et plus facile à éditer. Gardez à l'esprit que ce que vous devez obtenir n'est pas un rendu exact de l'image mais un ensemble de courbes que vous pourrez utiliser dans votre dessin. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-tracing.sl.svg b/share/tutorials/tutorial-tracing.sl.svg new file mode 100644 index 000000000..ece391c40 --- /dev/null +++ b/share/tutorials/tutorial-tracing.sl.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::PRERISOVANJE + + + + + + +Inkscape vsebuje tudi orodje za prerisovanje rastrskih slik +v <path> elemente vaših SVG risb. Ta vodič vam bo +pomagal pri spoznavanju tega orodja. + + + + +Ta verzija Inkscapa uporablja prerisovalni rastrski pogon Potrace +(potrace.sourceforge.net), +ki ga je napisal Peter Selinger. V prihodnosti bo Inkscape verjetno podpiral tudi +druge prerisovalne programe, zaenkrat pa to orodje popolnoma zadostuje +našim potrebam. + + +Vedeti morate, da orodje za prerisovanje ni namenjeno točni reprodukciji originalne slike; +prav tako ni namenjeno izdelavi končnih izdelkov, saj to ni naloga orodij za prerisovanje. +Prerisovalna orodja so namenjena samodejnemu ustvarjanju skupka krivulj - nekakšne skice, +ki jo lahko uporabite kot osnovo za vaš izdelek. + + +Potrace predela črnobelo rastrsko sliko v skupek krivulj. Za Potrace trenutno obstajajo +trije tipi filtrov za uvažanje, ki rastrsko sliko spremenijo v Potracu uporabne podatke. + + +Načeloma velja, da temnejši kot je raster, boljše rezultate bo pokazal Potrace. Več prerisovanja pomeni večjo obremenitev za procesor računalnika in <path> element bo precej večji. Najbolje je, da najprej eksperimentirate z bolj svetlimi slikami, nato pa postopoma preidete na +temnejše ter s tem dosežete željeno kompleksnost dobljene poti. + + +Prerisovanje uporabite tako, da naložite ali uvozite sliko, jo označite in izberete +Pot > Preriši raster ali pritisnete Shift+Alt+B. + + +main options within the trace dialog + +Na voljo so vam trije filtri: + + + +Prag svetlosti + + + +Ta filter uporabi seštevek vrednosti rdeče, zelene in modre (oziroma odtenkov sive) barve posamezne točke +za orientacijo, ali naj posamezno točko smatra kot črno ali belo. Prag lahko nastavite od +0,0 (črna) do 1,0 (bela). Višji kot je prag, manjše je število točk, ki jih orodje prepozna kot +\u201cbele\u201d, in vmesna slika bo postala temnejša. + + +Original ImageBrightness ThresholdFill, no StrokeBrightness ThresholdStroke, no Fill + + +Najboljše zaznavanje robov + + + +Ta filter za hitro zaznavanje izoklin podobnega kontrasta uporablja algoritem za +zaznavanje robov, ki ga je razvil J. Canny. Rezultat tega postopka je vmesna slika, +ki bo manj podobna originalu kot pa vmesna slika, ki bi jo naredil filter Prag svetlosti, +vendar pa bo nudila informacije o krivuljah, ki jih drugače ne bi dobili. Prag pri tem +filtru (0,0 \u2013 1,0) nastavlja prag svetlosti, ki določa, ali bo točka ob +kontrastnem robu vključena v rezultat ali ne. Ta izbira določa temnost in debelino +robov vmesne poti. + + +Original ImageEdge DetectedFill, no StrokeEdge DetectedStroke, no Fill + + +Kvantizacija barv + + + +Rezultat tega filtra je vmesna slika, ki je precej različna od ostalih dveh, vendar +je zelo uporabna. Namesto izoklin, svetlosti ali kontrasta ta postopek najde +robove, kjer se spremeni barva, celo pri enaki svetlosti ali kontrastu. Nastavitev +Število barv določa koliko barv bi bilo v izhodni sliki, če bi bil vmesni raster +v barvah. Črna oz. bela se določa na podlagi lihega ali sodega indeksa. + + +Original ImageQuantization (12 colors)Fill, no StrokeQuantization (12 colors)Stroke, no Fill + +Preizkusite vse tri filtre in opazujte različne rezultate, ki jih dajo različni tipi vhodnih slik. Za nekatere slike je najbolj primeren en filter, za druge pa kak drug. + + +Ko je proces prerisovanja končan, na dobljeni poti preizkusite tudi ukaz Pot > Poenostavi +(Ctrl+L), in tako zmanjšajte število vozlišč. To bo dobljeno pot +naredilo lažjo za urejanje. Tu je tipičen preris Starca, ki igra kitaro. + + +Original ImageTraced Image / Output Path(1,551 nodes) + +Poglejte veliko število vozlišč na poti. Po ukazu Pot > Poenostavi bo tipičen rezultat +izgledal tako: + + +Original ImageTraced Image / Output Path - Simplified(384 nodes) + +Poenostavljena pot je malce bolj približna in groba, vendar je slika zato precej +enostavnejša za urejanje. Zapomnite si tudi, da to ni kopija slike, temveč +le skupek krivulj, ki so vam lahko v pomoč pri risanju. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tutorial-tracing.svg b/share/tutorials/tutorial-tracing.svg new file mode 100644 index 000000000..4397e472e --- /dev/null +++ b/share/tutorials/tutorial-tracing.svg @@ -0,0 +1,215 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ::TRACING + + + + + + +One of the features in Inkscape is a tool for tracing a bitmap image +into a <path> element for your SVG drawing. These short notes +should help you become acquainted with how it works. + + + + +Currently Inkscape employs the Potrace bitmap tracing engine (potrace.sourceforge.net) by Peter Selinger. +In the future we expect to allow alternate tracing programs; for now, however, this fine +tool is more than sufficient for our needs. + + +Keep in mind that the Tracer's purpose is not to reproduce an exact duplicate of the +original image; nor is it intended to produce a final product. No autotracer can do +that. What is does is give you a set of curves which you can use as a resource for your +drawing. + + +Potrace interprets a black and white bitmap, and produces a set of curves. For Potrace, +we currently have three types of input filters, to convert from the raw image to +something that Potrace can use. + + +Generally the more dark pixels in the intermediate bitmap, the more tracing that Potrace +will perform. As the amount of tracing increases, more CPU time will be required, and +the <path> element will become much larger. It is suggested that the user experiment +with lighter intermediate images first, getting gradually darker to get the desired +proportion and complexity of the output path. + + +To use the tracer, load or import an image, select it, +and select the Path > Trace Bitmap item, or Shift+Alt+B. + + +main options within the trace dialog + +The user will see the three filter options available: + + + +Brightness Threshold + + + +This merely uses the sum of the red, green and blue (or shades of gray) of a pixel as an +indicator of whether it should be considered black or white. The threshold can be set +from 0.0 (black) to 1.0 (white). The higher the threshold setting, the fewer the number +pixels that will be considered to be \u201cwhite\u201d, and the intermediate image with +become darker. + + +Original ImageBrightness ThresholdFill, no StrokeBrightness ThresholdStroke, no Fill + + +Optimal Edge Detection + + + +This uses the edge detection algorithm devised by J. Canny, as a way of quickly finding +isoclines of similar contrast. This will produce an intermediate bitmap that will look +less like the original image than does the result of Brightness Threshold, but will +likely provide curve information that would otherwise be ignored. The threshold setting +here (0.0 \u2013 1.0) adjusts the brightness threshold of whether a pixel adjacent to a +contrast edge will be included in the output. This setting can adjust the darkness or +thickness of the edge in the output. + + +Original ImageEdge DetectedFill, no StrokeEdge DetectedStroke, no Fill + + +Color Quantization + + + +The result of this filter will produce an intermediate image that is very different from +the other two, but is very useful indeed. Instead of showing isoclines of brightness or +contrast, this will find edges where colors change, even at equal brightness and +contrast. The setting here, Number of Colors, decides how many output colors there +would be if the intermediate bitmap were in color. It then decides black/white on +whether the color has an even or odd index. + + +Original ImageQuantization (12 colors)Fill, no StrokeQuantization (12 colors)Stroke, no Fill + +The user should try all three filters, and observe the different types of output for +different types of input images. There will always be an image where one works better +than the others. + + +After tracing, it is also suggested that the user try Path > Simplify +(Ctrl+L) on the output path, to reduce the number of nodes. This can +make the output of Potrace much easier to edit. For example, here is a typical tracing +of the Old Man Playing Guitar: + + +Original ImageTraced Image / Output Path(1,551 nodes) + +Note the enormous number of nodes in the path. After hitting Ctrl+L, +this is a typical result: + + +Original ImageTraced Image / Output Path - Simplified(384 nodes) + +The representation is a bit more approximate and rough, but the drawing is much simpler +and easier to edit. Keep in mind, that what you want is not an exact rendering of the +image, but a set of curves that you can use in your drawing. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/share/tutorials/tux.png b/share/tutorials/tux.png new file mode 100644 index 000000000..49e669c4e Binary files /dev/null and b/share/tutorials/tux.png differ -- cgit v1.2.3