Wikipedia:Beelde in .svg maak of wysig

Baie beelde wat op wikimedia-commons opgelaai is, is in .svg-formaat. Hierdie formaat het bepaalde voordele wat gebruikers hier op af.wikipedia kan gebruik om beter beelde by hul artikels te voeg.

Beelde in .svg-formaat kan maklik gewysig word, byvoorbeeld deur die opskrifte te wysig van Engels na Afrikaans. Dit is ook taamlik eenvoudig om bestaande lêers te annoteer of by te werk en hierdie bladsy is veral bedoel om gebruikers op pad te help om hierdie eenvoudige bewerkings self te kan doen. Die gebruik van byvoorbeeld Inkscape kan ook baie kunssinnig wees, maar dit vereis die vaardighede van 'n kunstenaar. Dit wil sê mens moet leer hoe om in Inkscape 'n pen of potlood te gebruik. Dit gaan verder as wat die meeste gebruikers hier sal wil doen en ook verder as wat hierdie artikel beoog.

.svg is 'n teks-lêer

'n SVG-voorbeeld

'n Lêer in .svg-formaat is in XML en kan in 'n eenvoudige teksredigeerder, soos byvoorbeeld notepad, op 'n rekenaar geopen word. Indien daar byvoorbeeld op die beeld 'n woord soos "hippo" voorkom, kan dit eenvoudig vervang word met "seekoei" en die lêer opnuut gestoor word (onder 'n naam met byvoorbeeld -af daarin) en dit sal 'n Afrikaanse weergawe van dieselfde beeld lewer wat by commons opnuut opgelaai kan word.

Die eenvoudige beeld regs word gemaak deur 'n svg-lêer met die teks:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<svg

  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:cc="http://creativecommons.org/ns#"
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:svg="http://www.w3.org/2000/svg"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
  width="297mm"
  height="210mm"
  viewBox="0 0 1052.3622 744.09448"
  id="svg2"
  version="1.1"
  inkscape:version="0.91 r13725"
  sodipodi:docname="svg-example-hippo.svg">
 <defs
    id="defs4">
   <inkscape:perspective
      sodipodi:type="inkscape:persp3d"
      inkscape:vp_x="0 : 372.04724 : 1"
      inkscape:vp_y="0 : 1000 : 0"
      inkscape:vp_z="1052.3622 : 372.04724 : 1"
      inkscape:persp3d-origin="526.1811 : 248.03149 : 1"
      id="perspective4138" />
 </defs>
 <sodipodi:namedview
    id="base"
    pagecolor="#ffffff"
    bordercolor="#666666"
    borderopacity="1.0"
    inkscape:pageopacity="0.0"
    inkscape:pageshadow="2"
    inkscape:zoom="0.25"
    inkscape:cx="554.5608"
    inkscape:cy="520"
    inkscape:document-units="px"
    inkscape:current-layer="layer1"
    showgrid="false"
    inkscape:window-width="1366"
    inkscape:window-height="705"
    inkscape:window-x="-8"
    inkscape:window-y="-8"
    inkscape:window-maximized="1" />
 <metadata
    id="metadata7">
   <rdf:RDF>
     <cc:Work
        rdf:about="">
       <dc:format>image/svg+xml</dc:format>
       <dc:type
          rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
       <dc:title></dc:title>
     </cc:Work>
   </rdf:RDF>
 </metadata>
 <g
    inkscape:label="Layer 1"
    inkscape:groupmode="layer"
    id="layer1"
    transform="translate(0,-308.26772)">
   <rect
      style="opacity:0.93999999;fill:#d2ecf9;fill-opacity:1;stroke:#dd021a;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
      id="rect4136"
      width="652"
      height="524"
      x="328"
      y="388.36221" />
   <text
      xml:space="preserve"
      style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:152.1582489px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
      x="494.0799"
      y="585.88367"
      id="text4154"
      sodipodi:linespacing="125%"
      transform="scale(0.7613189,1.31351)"><tspan
        sodipodi:role="line"
        id="tspan4156"
        x="494.0799"
        y="585.88367">HIPPO</tspan></text>
 </g>

</svg>

Dieselfde lêer nadat daar in Notepad die woord HIPPO na SEEKOEI verander is.

In die laaste reël staan die woord HIPPO wat gewysig kan word na SEEKOEI en dit kan in byvoorbeeld Notepad gedoen word. Die resultaat is die beeld regs.

Inkscape

Indien die beeld ingewikkeld is, is die (XML) teks-formaat egter ook baie ingewikkeld en is dit beter om Inkscape te gebruik om die lêer te wysig. Inkscape is 'n gratis oop-bron sagtewarepakket wat eenvoudig van die web afgelaai kan word en waarin pragtige kunswerke vervaardig kan word, indien mens die vaardigheid daarvoor besit. 'n Eenvoudige wysiging van 'n opskrif vereis gelukkig nie soveel vaardighede nie.

Moenie vergeet nie

Tog is daar party sake wat mens moet weet.

Indien mens 'n svg-lêer van commons wil aflaai om dit in Inkscape te bewerk, moet op die skakel onder die beeld wat original file aandui regs-gekliek word en met save link as... die lêer op die eie rekenaar gestoor word. Anders word die svg-tekslêer nie gestoor nie, maar 'n voorbeeld daarvan.
Daar is 'n verskil tussen plain svg en Inkscape svg. Wat op commons die beste werk is die plain-weergawe. Indien iemand sy werk wil stoor, doen Inkscape dit egter by verstek in Inkscape-formaat. By die stoor moet mens dus daaraan dink om die plain-weergawe te kies.
Dit is maklik om 'n opskrif aan te bring in 'n beeld. Op die linkerkant van die Inkscape-paneel is 'n groot swart A wat die tekswerktuig aktiveer. Kliek êrens op die beeld en tik die gewenste teks in. Dit is egter nodig om die flow eienskap van die teks op unflow te sit. Anders sal op commons nie teks nie, maar slegs 'n swart blokkie te sien wees. Op die bo-lint onder Text is 'n gerief om dit te doen. Dit kan ook met Shift+Alt+W gedoen word.
Geriewe soos die ster- of spiraalwerktuie skep objects (voorwerpe). Dit verskil van paths (paaie). Dit is soms nodig om voorwerpe in paaie te verander (Shift+Ctrl+C of onder Path op die bo-lint) omdat commons nie Inkscape-formaat ondersteun nie. Daardeur kan voorwerpe soms verdwyn as die prentjie in plain svg gestoor word.

Handig om te weet

'n Eenvoudige bezier

Om die beeldgrootte en -vorm wysig

Onder File op die bo-lint is 'n gerief Document Properties (Shift+Ctrl+D). Hier kan die vorm van die beeld gewysig word byvoorbeeld van portret na landskap. Ook kan die vorm van die beeld aangepas word na die tekening wat daarin aangebring is: resize page to content

Selekteer

Die boonste ikoon links is 'n pyltjie. Dit laat mens 'n beeldelement selekteer en verplaas of uitrek. Kliek 'n tweede keer op die element en dan kan mens die element draai.

Tekste wysig

Indien 'n bestaande teks geselekteer word kan die teksdialoog met 'n regskliek op die geselekteerde beeldelement geopen word. Daar is 'n venster wat regs verskyn. Hierin kan die grootte, font en teks ens. gewysig word. Daar is ook 'n klein ikoon ">>" regsonder wat toegang gee tot Text and font wat die teksdialoog oopmaak.

Beziers en Knooppunte

Dieselfde bezier met een van die knooppunte gewysig

Met die 12de ikoon links -wat lyk na 'n pen wat kurwes trek- kan bezier-kurwes geteken word. Dit is moontlik die belangrikste werktuig wat links te vinde is. Die eenvoudigste toepassing is om eers net 'n pak regtelynstukke aan te bring. Kliek op 'n punt, nog 'n punt, ensomeer en sluit af met dubbelkliek. Mens kan ook sleep maar dit is 'n bietjie ingewikkelder.

Selekteer die nuwe kurwe met die pyltjie-ikoon en kliek op die tweede ikoon links. Dit maak die knooppunte van die kurwe sigbaar. Hulle kan nou gesleep word om die vorm van die kurwe te wysig, maar onder die bo-lint sal 'n nuwe lint ontstaan wat geriewe bied om die knooppunte verder te manipuleer.

Daar is van links na regs:

'n groep van drie wat knooppunte inlas of verwyder
twee groepe van twee wat knooppunte losknip en vasplak
'n groep van vier wat die vorm van die kurwe naby 'n knooppunt wysig.

Kliek op een van die knooppunte. Kliek op die derde ikoon van die groep van vier. Dit verander die regte lynstukke in kurwes en nuwe handgrepe ontstaan wat dit moontlik maak om die raaklyne aan die kurwe in die knooppunt te wysig. Om knooppunte te wysig is 'n baie buigsame manier om figure te skep en is die basis van die svg-kuns.

Reghoeke, sirkels, sterre, spirale

Daar is werktuie beskikbaar om reghoeke, sirkels, sterre of spirale te skep, maar hierdie werktuie skep objects (voorwerpe) pleks van paths (paaie). Hulle bestaan dus nie uit knooppunte nie, maar het hulle eie handvatsels. Hierdie voorwerpe kan egter wel in paaie verander word (onder Path op die bo-lint of met Shift+Ctrl+C) en dan kan hulle knooppunte wel gewysig word.

.jpg, .png en bitmaps gebruik

Indien mens al 'n pragtige beeld het wat in 'n ander formaat is en mens wil daarop slegs teks of 'n kurwe aanbring, dan is dit moontlik nadat die beeld ingevoer is. Onder File op die bolint is daarvoor 'n gerief wat ook met Ctrl+I geaktiveer kan word. Die moontlikhede om die beeld self te wysig is egter taamlik beperk.

Pasmaak

Dit is moontlik om 'n stuk uit 'n beeld te knip en dit te maak pas, maar dit is 'n bietjie lastig. Die beste is om die vierkant-ikoon (vyfde ikoon links) te gebruik om 'n reghoek te trek. Kies daarna alles, byvoorbeeld met Ctrl+A en gaan na Object / Clip /Set.

Verder leer

Daar is baie inligting op die kuberruimte te vind om svg-vaardighede verder aan te leer. YouTube het baie videos, soos hierdie een. (In Engels)