2

Cititorule !

Ideea abecedarelor este simpla. De cand am renuntat la Windows in favoarea Ubuntu-lui am inceput sa ma familiarizez cu programele Open Source pe care le am instalate pe calculator pentru a le folosi in locul celor comerciale. Familiarizarea cere mult timp deoarece documentatia este fragmentata si improstiata pe internet. Le-am studiat si apoi m-am hotarat sa ajut si pe altii aflati in situatia mea, punandu-le la un loc intr-o forma pe care am crezut-o eu potrivita. Astfel au aparut: Abecedar Ubuntu culegere de tutoriale, Abecedar Scribus si acum Abecedar Inkscape. Marturisesc ca am vrut, la fiecare dintre abecedare, sa ma las pagubas, considerand ca nu sunt eu persoana cea mai potrivita sa faca acest lucru. Cel putin Inkscape mi-a mancat zilele, pentru ca este un program complex, cere talent, imaginatie, un calculator performant, iar traducerea cu Google Translate a materialelor documentare este de prea mic ajutor. Necesitatea imperioasa a existentei unui material in limba romana, pe care o simt de fiecare data cand am de-a face cu un program nou, furia care ma apuca cand gasesc tutoriale numai in alte limbi, m-au mobilizat sa le duc la bun sfarsit. Principalele surse folosite le prezint mai jos cu multumirile, admiratia si recunostinta mea pentru munca depusa de ei si fara de care aceste minunate programe open source ar fi ramas o enigma pentru mine sau nu le-as fi exploatat toate posibilitatile. http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html http://inkscape.org/doc/basic/tutorial-basic.html http://inkscape.org/doc/advanced/tutorial-advanced.html http://screencasters.heathenx.org/episode-001/ http://verysimpledesigns.com/ http://www.microugly.com/inkscape-quickguide/ http://www.youtube.com/results?search_query=inkscape&aq=0 http://blog-de-webdesign.blogspot.com/search/label/SVG http://speckyboy.com/2009/04/28/35-tutorials-to-create-amazing-vector-graphics-usinginkscape/ http://inkscapetutorials.wordpress.com/ Daca prin aceasta carte necomerciala, din dorinta de a ajuta pe altii, am lezat pe cineva preluind unele idei din lucrarile lor, ii rog sa ma contacteze la adresa ghe.ioan@gmail.com si, pe cale amiabila, sa rezolvam neplacuta problema.

Abecedarele pot fi copiate, distribuite, transmise si adaptate.

3Cartea poatet fi descarcata de pe site-ul: https://sites.google.com/site/mydigitalbooks/

Cuprins1. Introducere.................................................................................................................................10 1.1. Ce este Inkscape.................................................................................................................10 1.2. Istoric.................................................................................................................................10 1.3. Lansarea programului.........................................................................................................11 2. Interfata......................................................................................................................................14 2.1. Bara de titlu........................................................................................................................14 2.2. Meniul................................................................................................................................14 2.3. Bara de comanda................................................................................................................14 2.4. Bara de control snap...........................................................................................................14 2.5. Bara de control a instrumentelor sau trusa Cutiei cu instrumente.....................................15 2.6. Riglele: orizontala si verticala. ..........................................................................................15 2.7. Cutia cu instrumente..........................................................................................................15 2.8. Paleta de culori...................................................................................................................16 2.9. Bara de stare.......................................................................................................................18 2.10. Instrumentele barei Snap ............................................................................................. 19 3. Primii pasi..................................................................................................................................24 4. Lucrul cu fisiere si imagini........................................................................................................28 4.1. Meniul File ....................................................................................................................28 4.2. Pictograme de pe bara de comanda....................................................................................33 5. Notiuni de baza..........................................................................................................................35 5.1 Undo si redo: ......................................................................................................................35 5.2. Cut, Copy, Paste, Delete / (taiere, copiere, lipire, stergere)...............................................36 5.3. Duplicate si clone...............................................................................................................37 A. Functia Duplicate .......................................................................................................37 B. Functia Clone .............................................................................................................38 C. Create Tiled Clones ........................................................................................................39 C.1. Symetry....................................................................................................................39 C.2. Shift..........................................................................................................................43 C.3. Scale.........................................................................................................................45 C.4. Rotation....................................................................................................................46 C.5. Blur & Opacity.........................................................................................................48 C.6. Color........................................................................................................................49 C.7. Trace ........................................................................................................................51 6. Cutia cu instrumente..................................................................................................................55 6.1. Selectorul...........................................................................................................................57 A. Selectarea cu mouse-ul....................................................................................................57 B. Selectarea cu tastele.........................................................................................................58 C. Selectarea cu caseta de dialog Find..............................................................................59 D. Trusa ............................................................................................................................... 59 6.2. Editorul de noduri..............................................................................................................63 6.2.1. Manevrarea nodurilor.................................................................................................64 A. Afisarea manerelor.....................................................................................................64 B. Rotirea nodurilor........................................................................................................64 C. Clasificarea nodurilor.................................................................................................64 D. Selectarea nodurilor...................................................................................................65

4 E. Mutarea nodurilor.......................................................................................................65 6.2.2. Trusa...........................................................................................................................65 6.2.3. Operatii cu ci............................................................................................................70 A. Unirea cailor (Union).................................................................................................70 B. Diferenta cailor (difference).......................................................................................71 C. Intersectarea cailor (intersection)...............................................................................71 D. Excluderea cailor (exclusion)....................................................................................72 E. Intreruperea cailor (division)......................................................................................72 F. Taierea cailor (cut)......................................................................................................72 G. Combinarea cailor (combine)....................................................................................73 6.2.4. Efecte cu cai (traiectorii)............................................................................................73 A. Efectul Bend...........................................................................................................74 B. Efectul Construct grid.............................................................................................75 C. Efectul Envelope Deformation...............................................................................76 D. Efectul Gears..........................................................................................................78 E. Efectul Hatches.......................................................................................................79 F. Interpolate sub-paths ...................................................................................................79 G. Efectul Knoth.........................................................................................................81 H. Efectul Pattern along path......................................................................................83 I. Efectul Sketch..........................................................................................................85 J. Efectul Stitch sub-paths...........................................................................................86 K. Efectul Ruler..........................................................................................................87 L. Efectul Spiro spline ....................................................................................................88 M. Efectul VonKoh .........................................................................................................89 6.2.5. Trace Bitmap .........................................................................................................91 6.3. Peria ..................................................................................................................................96 6.3.1. Trusa...........................................................................................................................96 6.4. Lupa.................................................................................................................................101 6.4.1. Trusa.........................................................................................................................101 6.5. Editorul de dreptunghiuri.................................................................................................104 6.5.1. Trusa.........................................................................................................................105 6.6. Editorul 3D.......................................................................................................................107 6.6.1. Trusa.........................................................................................................................108 6.6.2. Schimbarea culorii suprafetelor cutiei..................................................................110 6.6.3. Perspectiva izometrica..............................................................................................115 6.6.4. Modificarea cutiilor..................................................................................................116 6.7. Editorul de elipse.............................................................................................................120 6.7.1. Trusa.........................................................................................................................121 6.8. Editorul de poligoane.......................................................................................................124 6.8.1. Trusa.........................................................................................................................124 6.9. Editorul de spirale............................................................................................................127 6.9.1. Trusa.........................................................................................................................128 6.9.2. Colorarea spiralelor..................................................................................................129 6.10. Creionul .........................................................................................................................134 6.10.1. Trusa.......................................................................................................................136 6.10.2 Modul Spiro.........................................................................................................137 6.11. Stiloul Bezier..................................................................................................................140 6.11.1. Trusa.......................................................................................................................141 6.12. Penita caligrafica............................................................................................................144 6.12.1. Trusa.......................................................................................................................145

5 6.12.2. Hasuri.....................................................................................................................146 6.13. Editorul de text...............................................................................................................149 6.13.1. Manevrarea cursorului de editare text si selectarea textului..................................150 6.13.2. Editarea textului.....................................................................................................150 6.13.3. Formatarea textului.................................................................................................151 6.13.4. Manevrarea literelor...............................................................................................154 6.13.5. Punerea textului pe cale..........................................................................................154 6.13.6. Text in interiorul unor forme geometrice...............................................................160 6.14. Pulverizatorul.................................................................................................................166 6.14.1. Trusa.......................................................................................................................166 6.15. Radiera...........................................................................................................................170 6.15.1. Trusa.......................................................................................................................170 6.16. Editorul de umplere........................................................................................................173 6.16.1 Trusa........................................................................................................................174 6.17. Editorul de gradient............................................................................................................179 6.17.1 Trusa.............................................................................................................................179 6.17.2. Folosirea ferestrei Gradient editor...........................................................................181 6.17.3. Editarea stopurilor intermediare direct pe linia de gradient........................................184 6.17.3. Deplasarea stopurilor intermediare.............................................................................184 6.17.4. Schimbarea atributelor stopului..................................................................................185 6.17.5. Ajustarea gradientului.................................................................................................186 6.17.6. Color Gestures.............................................................................................................188 6.18. Pipeta sau prelevatorul de culoare..............................................................................197 6.18.1. Trusa.......................................................................................................................197 6.19. Editorul de conectori......................................................................................................200 6.19.1. Trusa.......................................................................................................................201 7. Alte instrumente.......................................................................................................................204 7.1. Fill and Stroke / (Umplere si contur)..............................................................................204 7.1.1 Taburile Fill si Stroke paint................................................................................205 7.1.2 Tabul Stroke style..................................................................................................210 7.2. Layers / (Straturi) ...........................................................................................................214 7.3. Align and Distribute / (Aliniaza si distribuie)................................................................216 7.4. Document Properties / (Proprietatile documentului) .....................................................218 7.5. Transform / (Transformare)..............................................................................................221 7.6. Rows and Columns / (Randuri si coloane).......................................................................223 7.7. Groups/Ungroups ............................................................................................................223 8. Limitare de vizibilitate si transparenta (Clipping and masking)..............................................226 8.1. Clipping............................................................................................................................226 8.2. Masking............................................................................................................................227 9. Filtre.........................................................................................................................................232 9.1. ABCs................................................................................................................................232 9.2. Bevels...............................................................................................................................234 9.3. Blurs.................................................................................................................................236 9.4. Bumps..............................................................................................................................237 9.5. Color.................................................................................................................................239 9.6. Distort...............................................................................................................................240 9.7. Image effects....................................................................................................................241 9.8. Image effects, transparent................................................................................................243 9.9. Materials...........................................................................................................................244 9.10. Morphology....................................................................................................................246

6 9.11. Non realistic 3D shaders................................................................................................247 9.12. Overlays.........................................................................................................................249 9.13. Protruzions.....................................................................................................................251 9.14. Ridges.............................................................................................................................252 9.15. Scatter.............................................................................................................................253 9.16. Shadows and glows........................................................................................................253 9.17. Textures..........................................................................................................................255 9.18. Transparency utilities.....................................................................................................257 10. Extensii..................................................................................................................................259 10.1. ARRANGE.....................................................................................................................259 11.1.1. Restack...................................................................................................................259 10.2. COLOR..........................................................................................................................261 11.2.1. Brighter...................................................................................................................262 10.2.2. Custom....................................................................................................................262 10.2.3. Darker.....................................................................................................................263 10.2.4. Desaturate...............................................................................................................264 10.2.5. Grayscale................................................................................................................264 10.2.6. Less Hue.................................................................................................................265 10.2.7. Less Light...............................................................................................................265 10.2.8. Less Saturation.......................................................................................................266 10.2.9. More Hue................................................................................................................266 10.2.10. More Light............................................................................................................267 10.2.11. More Saturation....................................................................................................267 10.2.12. Negative................................................................................................................268 10.2.13.Randomize ............................................................................................................268 10.2.14. Remove blue.........................................................................................................270 10.2.15. Remove green.......................................................................................................270 10.2.16. Remove red...........................................................................................................270 10.2.17. Replace color .......................................................................................................271 10.2.18. RGB barell............................................................................................................272 10.3. GENERATE TO PATH..................................................................................................272 10.3.1. Extrude...................................................................................................................272 10.3.2. Inside/outside halo..................................................................................................273 10.3.3. Interpolate...............................................................................................................274 10.3.4. Motion....................................................................................................................276 10.3.5. Pattern along path...................................................................................................278 10.3.6. Scatter.....................................................................................................................279 10.3.7. Voronoi pattern.......................................................................................................280 10.4. IMAGINI.......................................................................................................................282 10.4.1. Embed images .......................................................................................................282 10.4.2. Extract image .........................................................................................................283 10.5. MODIFY PATH.............................................................................................................283 10.5.1. Add nodes ..............................................................................................................284 10.5.2. Color markers to match stroke...............................................................................285 10.5.3. Convert to dashes...................................................................................................285 10.5.4. Edge 3D..................................................................................................................285 10.5.5. Envelope.................................................................................................................286 10.5.6. Flatten Bezier.........................................................................................................288 10.5.7. Fractalize................................................................................................................289 10.5.8. Interpolate attribute in a group ..............................................................................290

7 10.5.9. Jitter nodes..............................................................................................................292 10.5.10. Perspective............................................................................................................293 10.5.11. Rubber stretch.......................................................................................................294 10.5.12. Pixel snap.............................................................................................................296 10.5.13. Straighten Segments.............................................................................................297 10.5.14. Whirl.....................................................................................................................298 10.6. RASTER........................................................................................................................300 10.6.1. Adaptive Threshold................................................................................................301 10.6.2. Add Noise ..............................................................................................................301 10.6.3. Blur ........................................................................................................................302 10.6.4. Channel ..................................................................................................................302 10.6.5. Charcoal .................................................................................................................302 10.6.6. Colorize .................................................................................................................302 10.6.7. Contrast .................................................................................................................302 10.6.8. Cycle Colormap......................................................................................................303 10.6.9. Despeckle...............................................................................................................303 10.6.10. Dither ...................................................................................................................302 10.6.11. Edge .....................................................................................................................303 10.6.12. Emboss ................................................................................................................303 10.6.13. Enhance................................................................................................................303 10.6.14. Equalize................................................................................................................304 10.6.15. Gaussian Blur ......................................................................................................304 10.6.16. HSB Adjust ..........................................................................................................304 10.6.17. Implode ................................................................................................................304 10.6.18. Level ....................................................................................................................304 10.6.19. Level (with Channel) ...........................................................................................304 10.6.20. Median .................................................................................................................305 10.6.21. Negate...................................................................................................................305 10.6.22. Normalize.............................................................................................................305 10.6.23. Oil Paint ...............................................................................................................305 10.6.24. Opacity ................................................................................................................305 10.6.25. Raise ....................................................................................................................305 10.6.26. Reduce Noise .......................................................................................................305 10.6.27. Resample .............................................................................................................306 10.6.28. Shade ...................................................................................................................306 10.6.29. Sharpen ................................................................................................................306 10.6.30. Solarize ................................................................................................................306 10.6.31. Swirl ....................................................................................................................306 10.6.32. Unsharpmask .......................................................................................................307 10.6.33. Wave ....................................................................................................................307 10.7. RENDER........................................................................................................................307 10.7.1. 3D polyhedron .......................................................................................................307 10.7.2. Alphabet soup ........................................................................................................309 10.7.3. Barcode ..................................................................................................................310 10.7.4. Barcode datamatrix ................................................................................................310 10.7.5. Calendar .................................................................................................................311 10.7.6. Cartezian grid ........................................................................................................311 10.7.7. Draw from triangle ................................................................................................312 10.7.8. Foldable box ..........................................................................................................313 10.7.9. Function plotter......................................................................................................314

8 10.7.10. Gear .....................................................................................................................314 10.7.11. Grid ......................................................................................................................315 10.7.12. Guides creator ......................................................................................................315 10.7.13. L-System .............................................................................................................316 10.7.14. Parametric curves ................................................................................................317 10.7.15. Perfect-bound Cover templete..............................................................................318 10.7.16. Polar grid .............................................................................................................318 10.7.17. Printing Marks .....................................................................................................319 10.7.18. Random tree ........................................................................................................320 10.7.19. Spirograph ...........................................................................................................320 10.7.20. Triangle ................................................................................................................321 10.7.21. Wireframe Sphere ................................................................................................321 10.8. TEXT..............................................................................................................................321 10.8.1. Convert to Braille...................................................................................................322 10.8.2. fLIP cASE..............................................................................................................322 10.8.3. Lorem Ipsum .........................................................................................................322 10.8.4. Lowercase...............................................................................................................322 10.8.5. rANdOm CasE.......................................................................................................322 10.8.6. Replace text ...........................................................................................................322 10.8.7. Sentence case .........................................................................................................323 10.8.8. Split text ................................................................................................................323 10.8.9. Title case.................................................................................................................323 10.8.10. Uppercase.............................................................................................................323 10.9. VISUALIZE PATH........................................................................................................323 10.9.1. Dimensions.............................................................................................................324 10.9.2. Draw handles..........................................................................................................324 10.9.3. Measure path..........................................................................................................324 10.9.4. Number nodes.........................................................................................................324 10.10. WEB.............................................................................................................................325 11. Exemple.................................................................................................................................328 11.1. Exemplu de clonare cu tabul Symetry si functia P6M reflection+600 rotation......328 11.2. Exemplu de clonare cu tabul Shift si functia P1 simple transition..........................329 11.3. Exemplu de clonare cu tabul Color si functia P1 simple transition.........................330 11.4. Exemplu de clonare cu tabul Scale.............................................................................331 11.5. Exemplu cu text..............................................................................................................336 11.6. Exemplu cu efectul Stitch sub-paths ..............................................................................338 11.7. Exemplu cu etajari de cuburi..........................................................................................341 11.8. Efect cu filtrul Comics drafts din categoria Non realistic 3D shaders...................344 11.9. Exemplu de perspectiva.................................................................................................345 11.10. Aplica...........................................................................................................................349 11.11. Iesire din cadru............................................................................................................. 352 11.12. Compozitie (plic, clema, hartie si stilou) .....................................................................362 11.13. Exemplu cu efectul Bend..........................................................................................375 11.14. Butoane ........................................................................................................................379 11.15. Dantele cu functia Interpolate sub-paths .....................................................................382

10

1. Introducere1.1. Ce este InkscapeInkscape este un program gratuit de grafica vectoriala, echivalent Corel Drow. Este distribuit sub licen software gratuita, GNU GPL. Scopul su declarat este de a deveni un puternic instrument de grafica, fiind n acelai timp pe deplin conform cu XML, SVG*, i standardele CSS. Inkscape ofer o interfa WYSIWYG** pentru manipularea imaginilor vectoriale, care permite artistului s se exprima liber. Ca i alte programe de desen, Inkscape ofer posibilitatea crearii de forme de baz (cum ar fi elipse, dreptunghiuri, stele, poligoane i spirale), precum i abilitatea de a transforma i a manipula aceste forme de baz prin rotaie, ntindere i deformare. Proprietile obiectelor pot fi manipulate, fie individual prin editor XML, sau mai general, ntr-un mod intuitiv de ctre dispozitivele de intrare, cum ar fi mouse, tablete grafice sau chiar ecran tactil. Inkscape este cross-platform i ruleaz pe Mac OS X, sisteme de operare Unix-like, i Microsoft Windows. In Inkscape punerea n aplicare a standardelor SVG i CSS este incomplet. Mai ales, nu suport nc animaie, sau fonturi SVG, dei au fost puse bazele pentru crearea de fonturi SVG incepnd cu versiunea 0.47. Inkscape are suport multi-lingvistic, n special pentru scripturi complexe, ceea ce lipsete n prezent n cele mai multe aplicaii comerciale de grafic vectorial. ncepnd cu 2010, Inkscape este ntr-un proces de dezvoltare activ, caracteristici noi fiind adugate.

1.2. IstoricInkscape a nceput n 2003 ca o dezvoltare a codului proiectului Sodipodi. Echipa de dezvoltare a fost condusa de Ted Gould, Bryce Harrington, Nathan Hurst, i MenTaLguY. Limbajul de programare a trecut de C la C + + si apoi schimbat la GTK + Toolkit C + +. Noua interfa este modelata dup interfata Xara Xtreme. Pn la sfritul lunii noiembrie 2007, sistemul de urmrire al bugurilor a fost gzduit pe Sourceforge. *SVG (Scalable Vector Graphics) (expresie englez cu traducerea "grafic vectorial proporionabil") este un limbaj pentru descrierea de imagini 2D folosindXML. Este un standard al organizaiei W3C***a crui proiectare a nceput n anul 1999. Permite definirea imaginilor prin 3 metode: text, grafic vectorial i "bitmapuri" (fiiere n formatul BMP). Dei exist aplicaii specializate pentru crearea i editarea de SVG-uri, n acest scop poate fi folosit orice editor text. Vizualizarea unei imagini SVG poate fi realizat cu orice browser. ** WYSIWYG este un acronim pentru what you see is what you get, expresie englez din domeniul computerelor. Pronunia lui este /wziwg/, aproximativ ca i u'i-zi-u'ig, i se traduce aproximativ cu: "ceea ce se obine este chiar ceea ce se vede. *** Consoriul Web (World Wide Web Consortium, W3C) este un consoriu internaional, format din membri permaneni i parteneri, care are ca scop dezvoltarea de standarde pentru World Wide Web.

11

1.3. Lansarea programuluiDeschidem programul Inkscape din >Applications>Graphics>Inkscape Vector Graphics Editor (Fig. 1).

Fig. 1 La lansare, fereastra este in format redus (fig. 2), ceea ce este un avantaj pentru cei ce folosesc, in Ubuntu, bara Awn deoarece, tragand cu mouse-ul de coltul din dreapta-jos, se poate mari fereastra atat cat sa nu acopere aceasta bara, permitand manevrarea efectelor Compiz de rotire desktop (fig. 3).

Fig. 2

12

Fig. 3 Apasand tasta 5, pagina este marita la dimensiunea spatiului de lucru (fig. 4).

Fig. 4

14

2. InterfataCeea ce se vede pe monitor la deschiderea programului Inkscape se numeste Interfata. 2.1 2.2 2.3 2.4 2.5 2.6 2.7

2.8

2.9 Ea cuprinde:

2.1. Bara de titlu 2.2. Meniul

2.3. Bara de comanda

2.4. Bara de control snap

Nota: Daca nu aveti aceasta bara, pentru a o face vizibila faceti click pe >View>Show/Hide>Snap controls bar. Liniile de grid, de ghidaj, sau obiectele se comporta ca un magnet, lipind obiectele dupa modul setarii.

15

2.5. Bara de control a instrumentelor sau trusa Cutiei cu instrumenteNota: Continutul se schimba daca activam alt instrument din Cutia cu instrumente.

2.6. Riglele: orizontala si verticala.Daca nu apar implicit se pot face vizibile apasand tastele Ctrl+R. Sunt amplasate de-a lungul zonei de desen si servesc ca repere vizuale, pentru a arata marimea obiectelor desenate sau a distantelor dintre ele. De regula originea zero a riglelor se afla in coltul stanga-sus al foii de desen. Cand mouse-ul se afla pe foaia de desen doua triunghiuri mici aluneca pe rigla pentru a arata coordonatele x si y.

Rigla orizontala Rigla verticala

2.7. Cutia cu instrumente1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

1. selectorul 2. editorul de noduri 3. peria (tweak) 4. lupa 5. editorul de dreptunghiuri 6. editorul 3D 7. editorul de elipse 8. editorul de poligoane 9. editorul de spirale 10. creionul simplu 11. creionul Bezier 12. stiloul caligrafic 13. editorul de text 14. editorul de modele (spray) 15. radiera 16. editorul de umplere 17. editorul de gradient

16 18. pipeta 19. editorul de conectori

2.8. Paleta de culori

Nota:

Daca nu va satisface gama de culori, cu butonul stang al mouse-ului, apasat pe sageata mica de la capatul din dreapta al paletei, puteti alege alte seturi de culori din fereastra flotanta care se deschide.

Blues Hilite Khaki Gold

17

Greens LaTex Beamer Reds 1 Reds 2 Royal 1 Royal 2 SVG 1 SVG 2 Tango icons Topographic partea I-a Topographic partea a II-a MATLAB Jet (72) Webhex partea I-a Webhex partea a II-a Ubuntu Echo icon theme palette Gray partea I-a Gray partea a II-a WebSafe 22 Windows XP icons Sau, deschideti fereastra Swatches, apasand tastele Shift+Ctrl+W. Cu click pe sageata mica din aceasta fereastra puteti alege alte seturi de culori. Pentru a schimba culoarea conturului (stroke), tineti apasata tasta Shift si faceti click pe o culoare din fereastra Swatches sau de pe paleta.

18 Daca este selectat un obiect colorat si facem Click pe x-ul din fata paletei de culori sau de la inceputul ferestrei Swatches, umplerea este anulata. Acelasi lucru se intampla cu conturul daca, atunci cand facem Click, tinem apasata tasta Shift.

2.9. Bara de stare

Nota: Bara de stare cuprinde: indicator de culoare pentru obiecte instrument de modificare a opacitatii obiectelor selectate vizibilitatea stratului blocarea stratului selector rapid al straturilor zona pentru mesaje ajutatoare coordonatele mouse-ului zoom (lupa)

Bara de stare are un rol important prin informatiile pe care le afiseaza in timpul sau dupa efectuarea unei operatii. Astfel: daca rotim un obiect tragand de manere, pe bara de stare se afiseaza numarul de grade de rotire. Daca selectam un obiect dintr-un grup este afisat numarul de identificare al grupului

daca dorim sa modificam rapid grosimea conturului sau unitatea de masura, se face Click dreapta pe cifra din dreptul indicatorului de culoare al conturului si din fereastra derulanta alegem alta valoare pentru contur.

19

2.10. Instrumentele barei SnapBara Snap prezinta o serie de butoane ce stabilesc ce puncte ale unui obiect sa se comporte ca un magnet. Ea are mai multe sectiuni.

1

2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ................a...............................................b............................ .........c..........

1. activeaza functia de atragere a. Prima sectiune 2. activeaza comportarea de magnet a cutiilor de incadrare 3. atrage coltul unei cutii de incadrare de o cutie de incadrare

4. atrage coltul cutiei de incadrare a unui obiect de coltul unei alte cutii de incadrare

5. atrage coltul unei cutii de incadrare de mijlocul laturii unei cutii de incadrare

6. atrage coltul unei cutii de incadrare de centrul altei cutiei de incadrare

b. Sectiunea a doua 7. activeaza atragerea nodurilor sau manerelor 8. atrage un nod la o cale

20 9. atrage un nod la o intersectie a cailor

10. atrage un nod la un nod de colt

11. atrage un nod la un nod neted

12. atrage un nod sau mijlocul laturii unui obiect la mijlocul unei linii

13. atrage mijlocul unui obiect la mijlocul altui obiect

14. atrage un nod sau un centru de rotatie la un centru de rotatie

21

c. Sectiunea a treia 15. atrage un nod sau coltul unei cutii la marginea sau coltul paginii

16. atrage un nod sau coltul unei cutii de incadrare la liniile gridului

17. atrage un nod sau coltul unei cutii de incadrare la o linie de ghidaj sau o intersectie a liniilor de ghidaj

22 Distanta de la care sa se produca atragerea se regleaza din fereastra Document Properties

24

3. Primii pasiNerabdarea este mare asa ca, sa mai privim o data cutia cu instrumente si, sa incepem sa desenam.

14 6 9 10 7 8 Observam ca instrumentele au forme intuitive, sugerandu-ne cam ce am putea face cu ele.Exemplul 1: Facem click pe instrumentul 5, mutam cursorul mouse-ului deasupra colii de hartie si, tinand butonul stang al mouse-ului apasat, tragem in lateral. O sa obtinem ceva asemanator cu imaginea din fig. 5. Daca vrem sa schimbam culoarea de umplere, facem click pe o culoare aleasa de pe paleta de culori (fig. 6). Vrem sa schimbam si culoarea conturului ? Tinem apasata tasta Shift si facem click pe culoarea dorita. Pentru a ramane numai conturul facem click pe X-ul de la inceputul paletei de culori (fig. 7). Fig. 5 Pentru a modifica marimea dreptunghiului facem click pe sageata din cutia cu instrumente (sau apasam tasta F1) si apoi tragem cu mouse-ul de manerele care apar in jurul acestuia (Fig. 8). Pentru a roti dreptunghiul facem un click pe dreptunghi si manerele se schimba ca in fig. 9. Fig. 7 Tragand de manerele amplasate pe colturi, putem roti dreptunghiul. Daca tragem de manerele de pe mijlocul laturilor, transformam dreptunghiul in paralelogram (fig. 10). Fig. 9 Pentru a roti fata de alt punct decat cel central, se poate muta centrul (+) cu mouse-ul (fig. 11). Rotunjirea colturilor se face facand click pe al doilea instrument din cutia cu instrumente (fig. 12) si tragand cu mouse-ul de cerculetul din coltul dreapta-sus (fig. 13 a si b). Fig. 11 Fig. 10 Fig. 8 Fig. 6

5

b aFig. 13

Fig. 12

Anularea conturului se poate face cu click dreapta pe indicatorul culorii acestuia (stroke) de pe bara de stare, alegand din fereastra care se deschide remove stroke, asigurandu-va intai ca dreptunghiul este umplut cu culoare (fig. 14) sau, tinand apasata tasta Shift, facem Click pe x-ul din fata paletei de culori. Pentru colorarea cu un gradient liniar simplu, avand selectat dreptunghiul, activam penultimul icon al cutiei cu instrumente, facand click cu butonul stang al mouse-ului pe iconul respectiv si apoi dublu click pe dreptunghi (fig. 15). Apare o linie de gradient avand un patratel in partea stanga si un cerculet in partea dreapta. Cu mouse-ul puteti deplasa cele doua capete ale gradientului, sau chiar inversa (fig. 16).

25

Fig. 14 Nu va plac culorile de inceput si de sfarsit ale gradientului ? Faceti click pe patratel, apoi click pe pipeta (ultimul icon al cutiei cu instrumente), click pe o culoare cu care doriti sa inceapa gradientul si din nou click pe patratel. Click pe cerculet, click pe culoarea dorita pentru sfarsitul gradientului si din nou click pe cerculet (fig. 17).

Fig. 15

Fig. 16

Fig. 17 Nota: Daca vrem sa trasam un patrat, in timp ce tragem cu mouse-ul in lungul diagonalei viitorului patrat, tinem apasata tasta Ctrl. Daca tinem apasata tasta Shift, patratul/dreptunghiul este generat dinspre centru spre exterior. Exemplul 2: Facem click pe instrumentul 7 (cel in forma de cerc), deplasam cursorul deasupra colii de desen si, tinand apasat butonul stang al mouse-ului, tragem in lateral (fig. 18). Dupa cum se observa, elipsa noastra nu are contur. Pentru a crea contur black facem click cu butonul din mijloc al mouse-ului pe none din indicatorul stroke aflat pe bara de stare (fig. 19). Fig. 18 Fig. 19

26Pentru a transforma elipsa in sector de cerc, apasam tasta F2 si apoi, tinand tasta Ctrl apasata, tragem cu mouse-ul de cerculetul mic spre interiorul elipsei pana apar doua cerculete (fig. 20). Trasarea sectorului de cerc se face tragand pe rand, spre exteriorul elipsei, de cele doua cerculete (fig. 21). Daca tragem de cerculete spre interiorul elipsei, aceasta se transforma in arc de cerc colorat la interior (fig. 22). Pentru a inlatura culoarea (fig. 23) se face click pe X-ul aflat la inceputul paletei de culori.

Fig, 20

Fig. 21

Fig. 22

Fig. 23

Apasand tasta Ctrl in timp ce trasam elipsa, aceasta se transforma in cerc. Exemplul 3: Facem click pe instrumentul 9 (cel in forma de spirala) al cutiei cu instrumente, deplasam cursorul mouse-ului deasupra colii de hartie si, tinand apasat butonul stang al mouse-ului, tragem in lateral. Obtinem o spirala ca cea din fig. 24. Pentru a o colora, facem click pe o culoare de pe paleta de culori (fig. 25).

Fig. 24

Fig. 25

Exemplul 4: Facem click pe instrumentul 6 (iconul in forma de cub), deplasam cursorul mouse-ului deasupra colii de hartie si, tinand apasat butonul stang al mouse-ului, tragem in lateral. Cubul obtinut are mai multe manere, cu ajutorul carora putem modifica forma acestuia (fig. 26).

Fig. 26 Transformarea se poate face si cu ajutorul manerelor obtinute prin activarea sagetii de selectie din cutia cu instrumente (fig. 27).

Fig. 27

Strasnic program ! Cred ca e momentul sa aflam mai multe despre capacitatile acestuia. Dar, un calculator puternic este necesar altfel, cum aplicam filtre sau extensii parca-i legam plumb la picioare.

28

4. Lucrul cu fisiere si imaginiDesenele facute in programul Inkscape pot fi salvate in fiesiere de tip .svg. si exportate in format .png. Imagini sau desene in format: .svg, .png, .jpeg, etc pot fi importate in fisierele deschise cu Inkscape. Exista doua modalitati de lucru: meniul File pictograme de pe bara de comanda

4.1. Meniul FileFacand Click pe meniul File (aflat pe bara de meniuri), se deschide o fereastra cu urmatoarele optiuni:

butonul New (Ctrl+N) permite deschiderea unui fisier nou, prin alegerea uneia din numeroasele posibilitati prezentata in fereastra pop-up a acestei optiuni. Fisierul va contine o fila goala si va avea o denumire temporara.

29 butonul Open (Ctrl+O) permite deschiderea unui fisier existent si salvat in format compatibil cu Inkscape.

Daca in fereastra sunt prea multe tipuri de fisiere ele pot fi sortate din fereastra derulanta.

Fereastra derulanta contine mult mai multe tipuri de fisiere

butonul Open recent permite deschiderea fisirelor SVG cu care s-a lucrat recent si prezentate intr-o fereastra pop-up. Ele pot fi sterse din fereastra Inskape preferences. butonul Revent anuleaza toate modificarile facute in fisierul curent. butoanele: Save (Ctrl+S) , Save As ... (Shift+Ctrl+S), Save a copy ... (Shift+Ctrl +Alt+S), deschid o fereastra in care trebuie introdus numele pe care dorim sa-l atribuim fisierului si locul unde sa fie stocat pana la o noua deschidere. Daca fisierul are deja un nume, functia Save nu mai deschide alta fereastra ci rescrie modificarile peste fisierul

30 deja existent.

Inkscape salveaza automat la un interval de timp setat in fereastra Inkscape preferences (Shift+Ctrl+P).

Butonul Import ... (Ctrl+I) deschide o fereastra in care putem naviga pana in locul unde se afla imaginea dorita. Imaginile bitmap nu vor fi stocate in fisier. Daca mutati locul imaginii, ea nu mai apare la deschiderea acelui fisier.

31Formatele posibile sunt suficient de numeroase. Redam mai jos cateva din ele.

Inainte de importare se deschide o fereastra de interogare. Bifati prima casuta si Click pe OK.

Butonul Export bitmap .. (Shift+Ctrl+E) permite exportarea unui desen realizat de noi, in format .png. In fereastra care se deschide se selecteaza obiectul (sau obiectele), se face Click pe Browse si in noua fereastra care se deschide, se alege numele desenului si locul. Click pe OK si apoi Click pe Export.

Semnificatia butoanelor este: a. Page exporta zona delimitata de pagina b. Drawing exporta si desenele din afara paginii

32 c. Selection exporta interiorul regiunii delimitata de cutia de incadrare a obiectului selectat d. Custom exporta zona definita in caseta de dialog In casutele portiunii Bitmap size numai o dimensiune poate fi stabilita, cealalta o stabileste programul pentru a pastra proportia. In partea de jos a ferestrei de dialog, prin bifarea casutei Batch export all selected objects obiectele selectate impreuna vor fi exportate in fisiere separate, cu nume (id) alocat automat si cu rezolutie de 90 dpi. Daca obiectul a mai fost salvat i se va da acel nume si fisierul va fi rescris fara avertisment. La bifarea casutei Hide all except selected se ascund obiectele neselectate pentru a avea un mai bun control asupra a ceea ce exportam.Nota: Exportul in alt format decat .png se face cu comanda Save As .., urmat de alegerea formatului dorit din lista derulanta.

butonul Import from open clip art library permite importarea unor imagini dintr-un depozit tip clip art (faceti Click pe Search fara sa scrieti nimic in fereastra).

butonul Print permite exportarea desenelor, aflate pe pagina de lucru, prin tiparire pe o coala de hartie.

33

4.2. Pictograme de pe bara de comandaPe bara de comanda exista cateva pictograme ce permit deschiderea ori salvarea de fisiere si importul sau exportul de imagini, printr-un simplu Click.

1 Semnificatia pictogramelor este: 1. 2. 3. 4. 5. 6. deschidere fisier nou

2

3

4

5

6

deschidere fisier compatibil deja existent salveaza fisierul tipareste fisierul importa imagini exporta desen

35

5. Notiuni de bazaPentru a putea lucra cu Inkscape trebuie sa clarificam cateva notiuni de baza ce sunt cuprinse in meniul derulant Edit de pe bara de meniuri (fig. 5-1) si nu numai.

Fig. 5-1

5.1 Undo si redo:Sunt comenzi ce permit anularea sau refacerea unei actiuni facute de noi in timpul desenarii. Ele pot fi accesate din meniul de mai sus; cu o combinatie de taste (Ctrl+Z sau Shift+Ctrl+Y pentru undo si Shift+Ctrl +Z sau Ctrl+Y pentru redo); de pe bara de comanda cu click pe iconul (undo) sau pe iconul (redo). Daca vrem sa revenim la o actiune mult anterioara, apelam la functia Undo History ce se poate lansa cu combinatia de taste Alt+Ctrl+H (fig. 5-2).

Fig. 5-2

36

5.2. Cut, Copy, Paste, Delete / (taiere, copiere, lipire, stergere)Sunt comenzi ce permit taierea, copierea, lipirea si stergerea unor obiecte desenate sau inserate. Pot fi accesate din meniul Edit; cu o combinatie de taste (Ctrl+X pentru taiere, Ctrl+C pentru copiere, Ctrl+V pentru lipire si tasta Delete pentru stergere); de pe bara de comanda cu click pe iconul (cut), iconul (copy), iconul derulant obtinut cu click dreapta pe un obiect selectat (fig. 5-3). (paste); din meniul

Fig. 5-3

Fig. 5-4

In legatura cu comanda Paste precizam ca exista mai multe optiuni. La un paste simplu cu Ctrl+V, obiectul este lipit in locul in care facem click cu mouse-ul. La comanda Paste in place sau Ctrl+Shift+V obiectul este lipit peste original si poate fi dezlipit prin tragere cu mouse-ul sau cu sagetile. Cu comanda Paste style se pot aplica oricarui obiect stilul obiectului aflat in clipboard. De exemplu: desenam un dreptunghi avand doar contur negru si o elipsa avand doar umplere. Copiem in clipboard dreptunghiul si selectam elipsa. Cu optiunea Paste style elipsa va pierde umplerea si va obtine un contur negru (fig. 5-4). Comanda Paste size din meniul derulant Edit are 6 optiuni (Fig. 5-5).

Fig. 5-5

37 De exemplu, copiem in clipboard un dreptunghi fara umplere si selectam elipsa. Cu optiunea Paste width putem sa-i lipim doar lungimea obiectului din clipboard (fig. 5-6).

Fig. 5-6

5.3. Duplicate si clone A. Functia DuplicateInlocuieste actiunea Copy urmata de Paste. Duplicatul este plasat deasupra originalului si poate fi deplasat cu mouse-ul sau cu sagetile. Daca dorim mai multe duplicate trebuie sa repetam operatia de duplicare a originalului sau a duplicatului. O alta posibilitate de a obtine multe duplicate odata este de a selecta obiectul si tinand apasata tasta Bar space sa tragem cu mouse-ul obiectul (fig. 5-7). Insa in acest fel nu avem control asupra numarului de duplicate. Putem trage deoparte cat avem nevoie iar restul sa stergem. Realizarea unui duplicat se face din meniul derulant Edit, alegand optiunea Duplicate; cu combinatia de taste Ctrl+D; cu meniul derulant obtinut cu click (duplicate) de pe bara de comanda.

Fig. 5-7 dreapta (fig. 5-8); prin activarea iconului

Fig. 5-8

38 Obiectul duplicat poate fi modificat in orice fel fara a avea efect asupra originalului.

B. Functia CloneEste o modalitate speciala de a copia un obiect. Clona pastreaza o legatura cu obiectul original. Daca modificam originalul se modifica si clona. Clona poate fi mutata, scalata si rotita independent. Daca culoarea de umplere si culoarea conturului au fost setate unset din fereastra Fill and stroke, clona poate fi colorata si independent (nu functioneaza totdeauna). Doar un singur obiect poate fi clonat la un moment dat. Pentru a clona mai multe obiecte odata trebuie intai sa le grupam. On obiect poate fi clonat de nenumarate ori. La fel, se poate clona o clona. Clona clonei se comporta fata de parintele ei ca si clona fata de original. Modificarea clonei se rasfrange si asupra subclonelor. In fereastra derulanta Edit, functia Clone are 5 optiuni (fig. 5-9):

Fig.5-9 Comanda de clonare poate fi data: din meniul derulant al functiei Clone; cu combinatia de taste Alt+D; activand iconul de pe bara de comanda. Legatura unei clone cu originalul poate fi anulata: activand optiunea Unlink Clone din fereastra derulanta a functiei Clone; apasand combinatia de taste Shift+Alt+D;

39

click pe iconul de pe Bara de comanda. Exista posibilitatea legarii mai multor clone la un alt obiect. Pentru asta, se copie noul original in clipboard, se selecteaza clonele ce vor fi legate si se activeaza functia Relink to Copied din meniul flotant al functiei Clone (clonele vor lua si forma obiectului din clipboars).

C. Create Tiled ClonesTermenul Tiled clones sugereaza posibilitatea crearii unui numar mare de clone ale aceluiasi obiect si asezarea lor intr-o anumita ordine, chiar si marirea progresiva a fiecarei clone in parte. Se pot obtine astfel, cu usurinta, modele deosebite. Lansata prin activarea optiunii Create Tiled Clones a ferestrei derulante a functiei Clone, noua fereastra prezinta 7 taburi: symetry shift scale rotation blur & opacity color traceC.1. Symetry

Tabul Symetry arata ca in figura 5-10 si are o fereastra derulanta ce cuprinde o lista cu operatiile ce se pot face cu obiectul (fig. 5-11).

Fig. 5-10

40

Fig. 5-11 In partea de jos este o portiune fixa in care se stabilesc numarul de coloane si de randuri fie dimensiunile suprafetei ce se doreste a fi acoperita cu clone. Bifarea optiunii Use saved size and position of the tile pastreaza spatierea dintre clone, in cazul in care se schimba in timpul aplicarii acestei functii. Lansarea functiei Tiled clonesse face prin apasarea butonului Create. Butonul Reset permite revenirea rapida la parametrii initiali. Butonul Remove permite stergerea clonelor. Butonul Unclump permite o oarecare raspandire aleatorie a clonelor. Actiunea lui devine vizibila la actionarea repetata a butonului (fig.5-12).

Fig. 5-12

41 In continuare prezentam exemple cu aplicarea operatiunilor prevazute in lista derulanta a tabului Symetry.

P1-simple translation

P2-1800 rotation

PM-reflection

PG-glide reflection

CM-reflection+glide reflection

PMM-reflection+ reflection

PMG-reflection+1800 rotation

PGG-glide reflection+ 1800 rotation

CMM-reflection+ reflection+1800 rotation

P4=900 rotation

P4M- 900 rotation+ 450 reflection

P4G-900 rotation+ 900 reflection

42

P3-1200 rotation

P31M- reflection+ 1200 rotation, dense

P3M1- reflection+ 1200 rotation, sparse

P6-600 rotation

P6M- reflection+600 rotation In figura 5-13 este prezentat un cub semitransparent caruia i s-a aplicat P2-1800 rotation

Fig. 5-13

43C.2. Shift

Tabul Shift (fig. 5-14) permite sa se modifice spatierea intre clone. Cu parametrii impliciti spatiile geometrice ale clonelor nu se ating.

Fig. 5-14 Shift x si Shift y maresc sau micsoreaza spatierea laterala sau pe inaltime. Se poate introduce si un factor aleator (Randomize). Factorul Shift x sau Shift y % reprezinta procent din dimensiunile obiectului clonat. Functia Exponent modifica factorul Z astfel incat noul spatiu intre clone este: x= (1+Shift x) Z y= (1+Shift y) Z Functia Alternate, la un factor Shift x/y introdus, alterneaza o crestere cu o scadere. Functia Cumulate, la un factor Shift x/y introdus, cumuleaza modificarea spatiului dintre clone existent cu spatiul ce trebuie introdus. De exemplu: daca Shift x = 10%, primul spatiu este egal cu 10% din latimea obiectului, urmatorul spatiu este 20% si al 3-lea spatiu este 30%. Functia Exclude tile nu mai ia in calcul latimea sau inaltimea obiectului. Este necesar cand se fac rotiri in cerc ale obiectelor. Comanda rapida este sa se puna Shift = -100%. In exemplul din fig. 6-15 s-a luat Shift x/pe coloana = 15% si Shift y/pe randuri = 15% si s-a aplicat functia de simetrie P1- simple translation. Numarul de randuri = numarul de coloane = 4. (Patratul are dimensiunile 30x30).

44

Fig. 5-15 In exemplul din fig 6-16 s-a luat Shift x/pe randuri =15% si Shift y/pe coloana = 15%. Functia de simetrie aplicata este tot P1-simple translation. Numarul de randuri = numarul de coloane = 4. Patratul are dimensiunile 30x30 si opacitatea Alpha = 128 (se modifica din fereastra Fill and Stroke).

Fig. 5-16 In fig. 5-17 Shift x/randomize =15%, Shift y/randomize =15% iar Shift x/y/pe randuri/pe coloane = 0.

Fig. 5-17

45C.3. Scale

Tabul Scale (fig. 5-18) permite micsorarea sau marirea clonelor de pe un anumit rand si coloana.

Fig. 5-18 Scala x si Scala y maresc sau micsoreaza clona pe latime sau pe inaltime. Se poate introduce si un factor aleator (Randomize). Factorul Scala x sau Scala y % reprezinta procent din dimensiunile obiectului clonat. Functia Exponent mareste sau micsoreaza fiecare clona cu un factor S egal cu cifra trecuta la exponent. Functia Base se foloseste pentru crearea unei spirale logaritmice insotita de o rotire. Scalarea devine S-1, dar nu se aplica daca introduceti in casuta valoarea 1. Valorile mai mici de 1 creaza spirale convergente si valorile mai mari de 1 creaza spirale divergente. Functia Alternate alterneaza marirea cu micsorarea clonei. Functia Cumulate cumuleaza scalarea anterioara la cea care se executa. In exemplul din fig. 6-19 s-a luat un patrat cu latura de 15 pct, caruia i s-a aplicat o simetrie P1-simple translation si o scalare cu Scale x pe coloana = -15% si cu Scale y pe randuri = -15%.

Fig. 5-19

46 In exemplul din fig. 5-20, patratului cu latura de 15 pct si contur de 2,5 pct i s-a aplicat o simetrie P1-simple translation, o spatiere Shift x pe coloane de -5%, Shift y pe randuri de -5% cu o cumulare a spatierii atat pe randuri cat si pe coloane si o scalare cu Scale x pe coloana = -10% si cu Scale y pe randuri = -10%.

Fig. 5-20C.4. Rotation

Tabul Rotation (fig. 5-21) permite rotirea clonelor cu un numar de grade, functie de coloana si randul pe care sunt. Rotirea se face fata de centrul geometric.

Fig.5-21

47 Sunt disponibile urmatoarele functii: Functia Angle permite rotirea clonelor cu unghiul dorit. Se poate adauga si un factor aleator randomize. Functia Alternate permite sa se alterneze marirea unghiului de rotire cu o micsorare a acestuia. Functia Cumulate adauga rotatia anterioara la valoarea rotatiei care se efectueaza. In exemplul din fig. 5-22 patratul ce va fi clonat are latura de 16 pct si conturul de 1, cu opacitatea Alpha redusa la 128. I se aplica factorul de simetrie P1-simple translation si se alege factorul Angle egal cu 10 pentru a roti patratul, pe fiecare rand si fiecare coloana, cu 100.

Fig. 5-22 In exemplul din fig. 5-23 patratul si-a schimbat doar culoarea. Pastreaza si opacitatea Alpha de 128 stabilita in fereastra Fill and Stroke. Unghiul de rotire este marit la 150 si se bifeaza functia Alternate, atat pe randuri cat si pe coloane. Click pe Create.

Fig. 5-23

48C.5. Blur & Opacity

Tabul Blur & Opacity (fig. 5-24), asa cum arata si denumirea, permitea aplicarea efectului Gaussian Blur sau efectului de transparenta clonelor aflate pe un anumit rand si pe o anumita coloana. Deci, culoarea clonelor se va estompa catre zona de capat a clonarii.

Fig.5-24 Estomparea se exprima in procente si se modifica atribuind diferite valori factorului Blur. Se poate specifica si o valoare de aplicare aleatorie, prin factorul Randomize. Prin bifarea functiei Alternate se va alterna o valoare pozitiva cu una negativa. Prin functia Fade out se poate modifica opacitatea clonelor pe randuri si coloane, putandu-se stabili si un procent de aplicare aleatorie atribuind valori functiei randomize. Schimbarea opacitatii poate alterna intre o valoare pozitiva si una negativa, bifand functia Alternate. Efectul de estompare este prezentat in figura 5-25. Cercul are diametrul de 15 pct, iar factorul Blur, atat pe linii cat si pe coloane, este de 2%. Factorul de simetrie aplicat este P1-simple translation. Sa fie debifat use saved size and position of the tile.

Fig. 5-25

49 Efectul de opacizare a clonelor este prezentat in fig. 5-26. Patratul are latura de 15 pct si linia de contur de 1 pct. Am importat un simbol free al colacului de salvare pe care l-am duplicat si le-am asezat pe diagonala patratului pentru a se scoate in evidenta cresterea transparentei spre capatul clonarii. Factorul Fade out are valoarea de 10% in primele 2 casute si 0% in ultima.

Fig. 5-26C.6. Color

Tabul Color (fig. 5-27) permite schimbarea culorii clonelor aflate pe un anumit rand si coloana. Functia Initial color permite alegerea culorii de plecare.

Fig. 5-27

50 Schimbarea culorii se specifica in procente pentru pentru fiecare din cele trei componente ale unei culori specificate in standardul HSL. Componenta Hue se repeta dupa o schimbare de 100%. Un factor de schimbare aleatorie poate fi specificat prin functia Randomize. Functia Alternate va alterna cei trei parametri specificati printr-o schimbare pozitiva si una negativa. Nota: Umplerea si conturul obiectului trebuie specificat ca Unset, functie existenta in fereastra Fill and Stroke. Nu este bine sa se aleaga culoarea de inceput negru sau alb. In exemplul din fig. 5-28 patratul are dimensiunea de 15 pct. I se aplica functia Unset pentru contur si umplere (latura patratului se micsoreaza). Factorului H i se da valoarea 16,7% pe randuri si factorului S valoarea -16,7 pe coloane. Click pe optiunea Initial color si in fereastra care se deschide scrieti la RGBA (coltul dreapta-jos) codul ff000000 care inseamna rosu transparent. Modificati H=50 si L=100. Inchideti fereastra. Numarul de randuri si coloane este 4x4. Click pe Create. (Codul RGBA se afla punand cursorul mouse-ului pe o culoare de pe paleta de culori, la care se adauga 00 pentru transparent).

Fig. 5-28

51C.7. Trace

Tabul Trace (fig. 5-29) permite setarea culorii, dimensiunii si transparentei clonelor, cat si transparenta obiectelor (inclusiv bitmap) aflate dedesuptul clonelor.

Fig. 5-29 Initial aceasta functie este dezactivata. Bifati optiunea Trace the drawing under the tiles. Exista 3 sectiuni: Pick from the drawing Tweak the piched value Apply the value to the clones In prima sectiune se stabilesc parametrii ce vor fi utilizati ca intrare. Pot fi una din componentele RGB si una din componentele HSL. Exista si posibilitatea de a specifica opacitatea, care este suma opacitatii Alpha a obiectelor de sub clona. In sectiunea a doua se poate modifica parametrul de intrare Gamma si se poate introduce si un factor de aplicare aleatoriu Randomize. Se poate bifa operatiunea de inversare a intrarilor. In sectiunea a 3-a se stabileste ce clone sa fie afectate de parametrii de intrare. Culoarea va fi schimbata doar la clonele setate Unset. In exemplul din fig. 5-30 se traseaza un cerc de culoare rosie, fara contur, avand diametrul de 200 pct. (a). I se aplica un gradient liniar. Pentru asta, se activeaza iconul gradient apasand Ctrl+F1 si apoi dublu click pe cerc (b). Linia de gradient este mutata pe diagonala patratului punctat in care este inscris cercul (c). Se adauga, cu dublu click, pe aceasta linie 5 noduri de gradient. Un nod in centrul cercului (d), doua noduri de o parte si de alta a centrului la mijlocul razelor (e) si inca doua noduri de o parte si de alta a centrului la mijlocul distantei dintre

52 urmatoarele noduri si centru (f).

a

b

c

d

f e Se selecteaza nodul 3 (g) si se face click pe culoarea galbena. Se selecteaza al 5-lea nod (h) si se face click pe albastru. Se selecteaza nodul de terminare a gradientului (i) si se face click pe verde.

i h g Se deseneaza o stea cu 5 colturi (j) de 75x75, rosie, fara contur si i se aplica, in tabul Fill (k), functia Unset.

j

k

Se suprapune steaua peste cerc (l), in partea stanga-sus, in asa fel incat sa atinga exteriorul cercului.

l

53 Se bifeaza in tabul Trace (m), in sectiunea 1 = color, in sectiunea a 3-a = Size si color. In tabul Simetry ramane optiunea de simetrie P1-simple translation. Click pe Create.

m

n Fig. 5-30

55

6. Cutia cu instrumenteApare in interfata programului, amplasata, pe verticala, in partea stanga. Cuprinde 19 instrumente si tot atatea truse. La activarea unui instrument, trusa corespunzatoare apare pe orizontala, imediat deasupra riglei. Instrumentele aflate in aceasta cutie sunt:

56

57

6.1. SelectorulEste cel mai utilizat instrument pentru manipularea componentelor programului Inkscape. Cu acesta se pot selecta si transforma obiecte, cai, crea grupuri de obiecte si muta pe suprafata de desen. Activarea selectorului se face cu tasta F1 sau cu Click-stanga pe iconul din cutia cu instrumente. Pentru a lucra cu el, se face Click-stanga pe un obiect si acesta va fi selectat, sau se face Click-stanga+Tragere pe foaia de desen . Un dreptunghi subtire apare atat timp cat tragem (fig. 6-1). Orice obiect care se va afla complet in acest dreptunghi va fi selectat.

Fig. 6-1

Fig. 6-2

Selectarea unui obiect creaza automat in jurul acestuia manere cu care se poate mari lungimea si latimea unui obiect, sau amandoua deodata (fig. 6-2). Cu ajutorul tastelor Shift si Ctrl se pastreaza proportionalitatea modificarii dimensiunilor pe ambele directii. Cu al doilea click pe obiect, acesta poate fi rotit si deformat pe verticala sau pe orizontala (fig. 6-3).

Fig. 6-3

A. Selectarea cu mouse-ul Click stanga cu mouse-ul pe un obiect; Shift+Click-stanga, adauga un obiect la o selectie; Alt+Click-stanga selecteaza un obiect aflat sub cel selectat (nu functioneaza in Linux); Click-stanga+tragere selecteaza obiectele cuprinse in aria descrisa de mouse. Shift+Click-stanga+tragere adauga obiecte la o selectie (este echivalentul cazului doi); Shift+Alt+Click-stanga+tragere selecteaza obiectele atinse de o linie rosie generata de miscarea mouse-ului (fig. 6-4);

Fig. 6-4

58

B. Selectarea cu tastele Este posibila prin utilizarea urmatoarelor taste: Ctrl+A selecteaza toate obiectele de pe un strat. Shift+Ctrl+A selecteaza toate obiectele de pe toate straturile Tab selecteaza obiectul aflat in substratul de deasupra obiectului selectat. Daca nu este selectat nici un obiect, selecteaza obiectul aflat pe cel mai de jos substrat. Shift+Tab selecteaza obiectul aflat sub substratul obiectului selectat. Pentru a-l deplasa se folosesc sagetile.

In exemplul de mai jos au fost desenate trei obiecte in ordinea urmatoare: stea, cerc, patrat (fig 6-5a). Deci, ele se afla pe cate un substrat si toate substraturile se afla pe un strat. S-a selectat patratul aflat pe substratul cel mai de sus (fig. 6-5b). Cu tastele Shift+Tab se selecteaza cercul (fig. 6-5c). Repetand operatia se selecteaza steaua (fig. 6-5d).

a

b Fig. 6-5

c

d

Tasta inverseaza selectia. Din mai multe obiecte desenate, avand unul selectat, apasand tasta cu semnul mirarii, obiectul selectat se deselecteaza si se selecteaza toate celelalte obiecte aflate pe strat. Shift+! Face aceeasi operatie dar pe toate straturile vizibile si neblocate. Deselecteaza toate obiectele selectate. Nota: Select All, Select All in All Layers, Invert Selection, and Deselect se gasesc in meniul derulant Edit al barei Menu (fig. 6-6).

Fig. 6-6

59

C. Selectarea cu caseta de dialog FindCaseta Find se poate lansa cu tastele Ctrl+F, sau din fereastra derulanta a meniului Edit. Casuta de dialog are doua sectiuni (fig. 6-7).

Fig. 6-7 In sectiunea de sus scriem ce sa se caute si in sectiunea a 2-a scriem unde sa se caute. Pentru a fi posibil acest lucru va trebui ca de fiecare data cand desenam ceva sa facem clickdreapta pe obiectul respectiv si sa-i acordam o denumire de identificare (un ID) de genul dreptunghigalben5 (Fig. 6-8) (Inkscape o face automat, dar este greu de retinut acele cifre fara a le asocia cu ceva).

Fig. 6-8 Fereastra Clear sterge datele de identificare si locurile de cautare, dandu-ne posibilitatea de a introduce alte date. Facand Click-stanga pe Find, toate obiectele care indeplinesc criteriile de cautare vor fi selectate.

D. TrusaTrusa cuprinde un numar de 17 instrumente. selecteaza toate obiectele sau toate nodurile

60

selecteaza toate obiectele de pe toate straturile vizibile si neblocate deselecteaza obiecte si noduri roteste selectia cu 900 in sens invers acelor de ceasornic roteste selectia cu 900 in sensul acelor de ceasornic roteste obiectuil selectat, in oglinda, pe orizontala

roteste obiectuil selectat, in oglinda, pe verticala

Nota: Urmatoarele 4 instrumente sunt denumite Z-ordering, adica ordoneaza obiectele pe verticala, asezandu-le in cadrul fiecarui strat in substraturi atribuite de program fiecarui obiect desenat. Deci un desen mai complex poate avea componente grupate pe mai multe straturi pe care le putem denumi cu ajutorul ferestrei de dialog Layers. Pe fiecare strat obiectele ce se deseneaza sunt asezate pe substraturi (ca o stiva). Daca nu intervenim cu nimic, substratul ultimului obiect desenat pe un strat va fi plasat in topul substraturilor. Cele 4 instrumente permit mutarea substraturilor din stiva, in sus sau in jos, dupa necesitati. muta cel mai jos (imediat deasupra background), substratul cu obiectul selectat stratului

muta substratul cu obiectul selectat, un substrat mai jos muta substratul cu obiectul selectat, un substrat mai sus muta substratul cu obiectul selectat, in top coordonatele orizontale si verticale ale extremitatii stangajos a selectiei

61

lungimea si inaltimea obiectului selectat, date in unitatile de masura alese din fereastra derulanta (fig. 6-9).

Nota: Urmatoarele patru instrumente ale trusei selectorului influenteaza scalarea sau nu a conturului odata cu scalarea obiectului, a umplerii cu gradient sau cu model a obiectului transformat.

Fig. 6-9

scaleaza obiectul si conturul, pastrand proportiile scaleaza dreptunghiurile rotunjite, scaland proportional si raza rotunjirii mentine gradientul (obiectului sau al conturului) in obiectul transformat sau mutat mentine modelul de umplere (al obiectului sau al conturului) in obiectul transformat

63

6.2. Editorul de noduriO cale (traiectorie) este formata din linii drepte si curbe. Ea poate fi de sine statatoare, o masca sau o cale de limitare. Orice schimbare de la linie dreapta la curba si invers este marcata de un nod. Cu cat linia este desenata mai lent cu atat apar mai multe noduri. Editorul de noduri permite adaugarea, stergerea sau mutarea nodurilor, avand ca rezultat modificarea formelor. Nodurile sunt ascunse si apar numai cu ajutorul editorului de noduri. Activarea editorului de noduri se face cu tasta F2 sau cu Click pe iconul din cutia cu instrumente. Cand se selecteaza un obiect cu contur, iar apoi se activeaza editorul de noduri si se trece cu mouse-ul pe deasupra conturului, pentru scurt timp, apare calea colorata in verde (fig. 6.21). Durata si culoarea pot fi modificate din fisierul Inkscape Preferences, lansata cu tastele Shift+Ctrl+P (Fig. 6.2-2).

Fig. 6.2-1

Fig. 6.2-2 Pentru manevrare, nodurile au manere Bezier. Daca nodul este de capat exista un singur maner. Daca este intermediar nodul are doua manere (fig. 6.2-3).

Fig. 6.2-3

64

6.2.1. Manevrarea nodurilorA. Afisarea manerelor

Manerele se pun in evidenta cu: Shift+Click-stanga+tragere in lungul caii Ctrl+Click pe nod. Repetarea actiunii il ascunde. Shift+> mareste lungimea manerului Shift+< micsoreaza lungimea manerului Avand, butonul de afisare/ascundere din trusa, activat, prin asezarea cursorul mouse-ului deasupra unui nod si invartirea rotitei mause-ului, manerele apar sau dispar. Daca butonul nu este activat, se maresc sau se micsoreaza nodurile. Acelasi efect se obtine cu PageUp si PageDown.B. Rotirea nodurilor

Rotirea nodurilor se face: Click-stanga+tragere de cerculetul de la capatul manerului Tastele [ si ] rotesc, prima spre stanga si a doua spre dreapta. Rotirea se produce si daca sunt selectate mai multe noduri. Tastele h si v rotesc, in oglinda, pe orizontala si pe verticala, nodurile selectate.C. Clasificarea nodurilor

Nodurile pot fi de trei feluri: Noduri de colt (unghiul dintre manere este mai mic de 180 0, iar manerele pot fi manevrate separat, atat ca lungime cat si ca unghi).

Noduri netede (unghiul dintre manere este fix de 180 0 si numai lungimea manerelor poate fi modificata separat).

Noduri simetrice (unghiul dintre manere este fix de 180 0, iar lungimea manerelor nu

65 poate fi modificata separat).

Multe din lucrurile care se pot face cu obiectele se pot face cu nodurile, folosind aceleasi metode. Astfel, sagetile sunt excelente pentru deplasarea cu precizie a unui nod.D. Selectarea nodurilor

Pentru a fi editate, nodurile trebuiesc selectate. Selectarea este facuta vizibila prin schimbarea de culoare si o usoara marire a nodului. Nodurile pot fi selectate: cu Click-stanga pe nod cu Click-stanga+Tragere si prinderea nodului sau nodurilor in dreptunghiul descris de mouse. cu tasta Tab ne putem muta la urmatorul nod in sensul acelor de ceasornic si cu Shift+Tab ne mutam in sens invers. cu Click-stanga intre doua noduri, aceastea vor fi selectate simultan. cu tastele Ctrl+A se selecteaza toate nodurile, iar cu tastele Shift+! se anuleaza selectarile de noduri din acel moment si se selecteaza toate nodurile neselectate de pe intreaga cale. Cu Backspace sau Delete se sterge nodul selectat.E. Mutarea nodurilor

Prin Click-stanga+tragere de un nod intermediar, in lungul caii, putem deplasa nodurile pe cale. Daca tragem in alta directie se deformeaza calea. Depasirea unghiului prestabilit duce la prabusirea nodului in vechea pozitie. Prin Click-stanga+tragere de calea dintre doua noduri, aceasta se deformeaza. Pentru a o deforma simetric pe verticala sau orizontala trebuie sa tinem apasata, in timpul tragerii, tasta Ctrl. Prin selectare nod si actionare sageti.

6.2.2. Trusa

La activarea editorului de noduri, deasupra riglei orizontale, apare trusa acestuia. Ea cuprinde 20 de instrumente. insereaza un nod la mijlocul unui segment selectat (se selecteaza segmentul cu Click-stanga pe el si apoi click pe iconul cu +.

66

sterge nodul selectat (sau Shift +J) uneste nodurile de capat selectate ale aceleeasi cai. Unirea se face undeva la mijlocul distantei dintre nodurile ce se unesc. Acum se pot uni si cai diferite (imaginea cu linii negre).

Intrerupe calea intre nodurile selectate

uneste capetele de noduri selectate cu un nou segment

sterge segmentul dintre doua noduri care nu sunt capete.

transforma nodul intr-un nod de colt. (sau Shift+S) transforma nodul intr-un nod neted

67 (sau Shift+Y) transforma nodul intr-un nod simetric. Tinand cu mouse-ul de cerculetul unui maner, transformarea simetrica se face numai din manerul liber. (sau Shift+A) autonetezeste nodul

Nod neted

autonetezit

(sau Shift+L) transforma segmentul de cale selectat, in linie

(sau Shift+U) transforma segmentul de cale selectat intr-o linie curba (operatiunea este vizibila la nivel de noduri). Exemplu: Activam creionul Bezier cu Shift+F6 , cu intentia de a desena un U culcat pe dreapta. Pentru asta tinem apasat tasta Ctrl si facem Click-stanga (marcam punctul de pornire), apoi eliberam butonul mouse-ului si deplasam cursorul spre stanga. Dupa cca 4 centimetri facem Click si urcam pe verticala. Dupa 3 centimetri facem iar Click (fig. 6.2-4). Eliberam butonul si ne deplasam pe orizontala. Dupa cca 4 cm. facem Click-stanga si apoi Click-dreapta (pentru a incheia trasarea). Acum putem elibera si tasta Ctrl (fig. 6.2-5). Selectam nodurile din stanga (fig. 6.2-6a) si activam optiunea transformare in curba cu tastele Shift+U. Imediat apare cate un maner pentru fiecare din cele doua noduri selectate, orientate in lungul segmentului vertical (fig. 6.2-6b). Le aducem la orizontala in partea stanga. Segmentul vertical se va curba (fig. 6.2-6 a si b). In fereastra Fill and Strike, tabul Stroke Style, introducem valoarea 25 la grosime (fig. 6.2-7 a si b).

Fig. 6.2-4

Fig. 6.2-5

68

Fig. 6.2-6a

Fig. 6.2-6b

Fig. 6.2-7a

Fig. 6.2-7b

Fig. 6.2-8a

Fig. 6.2-8b

converterteste obiectul selectat in cale

69

converteste conturul obiectului selectat in cale

fereastra arata coordonatele nodului selectat. Daca sunt selectate mai multe noduri, fereastra indica media pozitiilor nodurilor selectate. Nota: Urmatoarele 3 instrumente actioneaza asuprea cailor de limitare (clip) si mastii (mask). Editeaza calea decupajului (sau limitarii vizibilitatii) (clip), fara a anula relatia dintre decupaj si obiect.

Editeaza calea mastii, fara a anula relatia dintre masca si obiect.

Nota: Urmatoarele instrumente sunt pentru cai Spiro si nu numai. Creaza un triunghi de editare a caii selectate

70

Afiseaza sau ascunde manerele nodurilor selectate pentru editare Subliniaza conturul caii selectate. Este util cand avem o cale complexa, o cale transparenta, sau la asezarea unui text pe cale.

6.2.3. Operatii cu ciInkscape prezinta o serie de optiuni pentru a crea cai noi din cele preexistente. In toate cazurile, exceptand comanda Cut, noua cale mosteneste umplerea si conturul de la calea cea mai de jos. Toate aceste optiuni sunt disponibile din meniul derulant Path din bara Menu.

6.2-9 Obiectele si textul sunt convertite automat in cai. Exista 6 operatii posibile: unire, diferenta, intersectie, excludere, impartire, taiere si combinare.A. Unirea cailor (Union)Obiecte originale

(dreptunghiul este la baza stivei) Se creaza o cale noua din care s-au exclus portiunile comune. Se pastreaza culoarea de umplere si de contur al stratului de la baza stivei. Se lanseaza cu Ctrl+ + sau cu Click in meniu.

71

Obiecte originale

(cercul verde este la baza stivei)B. Diferenta cailor (difference)

Calea care nu este continuta in obiectul de la baza este indepartata. Se lanseaza cu Ctrl+sau cu click in meniu.Cerc deasupra

Cerc dedesupt

Text deasupra

C. Intersectarea cailor (intersection)

Noua cale inconjoara spatiul comun al obiectelor. Se lanseaza cu Ctrl+* sau cu click in meniu.Cerc deasupra

Cerc dedesupt

72D. Excluderea cailor (exclusion)

Excluderea formeaza o noua cale formata din mai multe sub-cai (subtrasee). Se lanseaza cu Ctrl+^ sau cu click in meniu.

E. Intreruperea cailor (division)

Prima cale este impartita de a doua cale. Se pot imparti numai doua cai. Se lanseaza cu Ctrl+/ sau cu click in meniu.

departata manual

departata manual

F. Taierea cailor (cut)

Taierea a doua cai are ca rezultat ca prima cale este taiata de a doua. Noile cai nu au umplere. Se creaza doua sau mai multe cai. Se lanseaza cu Ctrl+Alt+/ sau cu Click in meniu.

departata

departata

Caile odata taiate pot fi umplute cu culoare.

73

G. Combinarea cailor (combine)

Cand doua cai au naturi diferite, de exemplu, una este creata cu creionul Bezier iar cealalta este o forma regulata avand umplere si contur, pot fi combinate, rezultand o cale cu proprietatile formei regulate. Combinarea se face cu tastele Ctrl+k sau cu optiunea din meniul derulant.

6.2.4. Efecte cu cai (traiectorii)Inskcape ofera posibilita