CURSUS VECTORISEREN Januari 2017 Peter Hagenaars

Vectoriseren van logo’s PEPECE Vectoriseren van logo’s Op zondag 30 oktober bereikte mij een bericht van ons gewaardeerde PePeCe lid Arnold Meeuwsen:) “Zie jij kans dit NB’80 logo met Alpha kanaal scherp te maken en te vergroten naar >600x600 pixels zonder aan-gevreten randen. Als ik het vrij maak in de kleinste versie gaat het nog wel, maar vergroot naar 600 px lijkt het wel of de ratten er aan hebben gezeten. Moet je het niet eerst naar een vector bestand converteren? Maar hoe????????? Onscherp Januari 2017 Peter Hagenaars 2

Vectoriseren van logo’s PEPECE Vectoriseren van logo’s Deze vraag van Arnold was aanleiding voor het maken van een tutorial over het aanleveren van materiaal bij een drukker voor drukwerk wanneer deze vraagt om vector afbeeldingen. Omdat het programma “Illustrator” van Adobe zo verschrikkelijk duur is in aanschaf of huur heb ik naar een alternatief gezocht die niets kost.(Gratis!) We hebben hier voor het gratis Open source programma “Inkscape” nodig Ga naar Google en type daar www.inkscape.org in en dit scherm verschijnt. Januari 2017 Peter Hagenaars 3

Vectoriseren van logo’s PEPECE Vectoriseren van logo’s Kies hier bij “downloads” een versie die jij nodig hebt voor jouw Windows PC of Mac! Januari 2017 Peter Hagenaars 4

Vectoriseren van logo’s PEPECE Vectoriseren van logo’s Deze tutorial is gemaakt met een “iMac” Wanneer je “Inkscape” opstart zie je dit scherm Januari 2017 Peter Hagenaars 5

Vectoriseren van logo’s PEPECE Vectoriseren van logo’s Zorg eerst dat jouw logo of afbeelding als een .png bestand op je bureaublad klaar staat. Ga dan naar “Bestand” > “Openen” (Ctrl+O). We openen hier ons voorbeeld dat we eerder op het bureaublad hebben geplaatst namelijk NB'80_Logo_495x472.png Wanneer het opstartscherm van Inkscape geopend is ga naar “Bestand” dan naar “Documenteneigenschappen” (Shift+Ctrl+D) en vink hier “Paginarand weergeven” uit! (Ik vind het hinderlijk als er op de achtergrond een rechthoek staat). Januari 2017 Peter Hagenaars 6

Vectoriseren van logo’s PEPECE Vectoriseren van logo’s Ga nu naar “Kleur uitkiezen in de afbeelding ” 2de icoon linksonder a met de pipet meten welke kleuren gebruikt zijn en noteer deze. (Voor drukwerk kies men meestal voor”CMYK’ of “PMS’) #9696f8ff voor licht blauw en #1a1a92ff voor donker blauw. Januari 2017 Peter Hagenaars 7

Vectoriseren van logo’s PEPECE Vectoriseren van logo’s We selecteren het beeld weer door erop te klikken. Dan selecteren we de laag “Origineel” en klikken op “Vulling en lijn”, hier zetten we de “Ondoorzichtigheid” op 50% door de blauwe schuif naar links te verplaatsen. (Nu kan het beeld makkelijker bewerkt worden en zie je beter wat je doet.) Ga naar “Laag” in de bovenbalk. Klik op “Nieuwe laag” en noem deze “Vectorlaag en zorg dat deze geselecteerd is. Nu selecteren we het beeld door erop te klikken. Ga dan naar “Vulling en lijn” (Shift+Ctrl+F)en zetten hier de ”Ondoorzichtigheid” op 50% door de blauwe schuif naar links te verplaatsen. (Nu kan het beeld makkelijker overgetrokken worden en is er meer contrast en zie je beter wat je doet.) Januari 2017 Peter Hagenaars 8

Vectoriseren van logo’s PEPECE Vectoriseren van logo’s Hier zie je het logo met 50% ondoorzichtigheid We gaan nu het logo overtrekken met sectorpunten. Ga nu naar “Laag” in de bovenbalk. Klik op “Nieuwe laag” en noem deze "VectorLaag" en zorg dat deze geselecteerd is. Januari 2017 Peter Hagenaars 9

Vectoriseren van logo’s PEPECE Vectoriseren van logo’s Ga dan naar de linkerzijde naar het 12de icoon van boven “Rechten of Bezierkrommes trekken” (Shift+F6) en selecteer deze. Begin links met punten plaatsen en ga het totale lichtblauwe gedeelte langs, verbind het laatste punt met het eerste. Ga nu naar het tweede icoon links “Paden aanpassen via hun knooppunten” (F2), en selecteer deze. Zoek dan telkens met de cursor het midden van de lijn tussen de punten op, en duw de lijn in de gewenste vorm. Nu gaan we de “Hoekse punten” glad maken. Selecteer iedere hoekse punt die zich in een ronde vorm bevind klik dan op het “Geselecteerde knooppunt glad maken”, het 9de icoon boven. De punten die een hoekse punt moeten hebben worden uitgesloten. Januari 2017 Peter Hagenaars 10

Vectoriseren van logo’s PEPECE Vectoriseren van logo’s Ga dan nu naar “Vulling en lijn” dan naar “Lijnstijl” en zet de breedte op 10 px. (Nu zien we de lijn beter) Later deze terug zetten naar 1 px. Ga dan naar “Lijnkleur” en zet deze op “#9696f8ff” Ga naar “Lagen” (Shift+Ctrl+L) en selecteer de “VectorLaag”. Klik op het 2de icoon “Paden aanpassen via knooppunten “ en selecteer de knooppunten een voor een. Ga nu met deze knooppunten de vectortekening zuiver maken. Als de tekening zuiver is: Ga nu naar “Vulling en lijn” (Shift+Ctrl+F) dan naar “ Vulling “ klik op het 2de icoon “Egale kleur“ en vul nu met het kleurnummer #9696f8ff ! het figuur in. Deze is nu ook met de lichtblauwe kleur gevuld. Vectoriseren van de donkerblauwe camera-sluiter in het midden van het logo, gaat op dezelfde manier als bij hete lichtblauwe figuur. Januari 2017 Peter Hagenaars 11

Vectoriseren van logo’s PEPECE Vectoriseren van logo’s We starten bij de camera-sluiter met de middelste delen. Ga naar het 12de icoon aan de linkerzijde en selecteer deze.(Shift+F6) Als we elke sluiterdeel hebben gevectoriseerd met strakke lijnen zoals in het vorige licht blauwe figuur, gaan we naar het tweede icoon links “Paden aanpassen via hun knooppunten” (F2) Klik hierop en selecteer deze. Wanneer de rechte lijnen zijn omgebogen in de juiste vorm gaan we de punten die vloeiend rond moeten zijn aanpassen met “Geselecteerde knooppunt glad maken” het 9de icoon boven. Nu gaan we de figuren een voor een selecteren en invullen met de lijnkleur en vulling met het kleurnummer #1a1a92ff (Zie video) Nu komt de buitencirkel . Ga naar het 12de icoon aan de linkerzijde en selecteer deze. (Shift+F6). Zoek nu de 4 punten in de cirkel en verbind deze. (Zie video) Januari 2017 Peter Hagenaars 12

Vectoriseren van logo’s PEPECE Vectoriseren van logo’s Ga naar het tweede icoon links “Paden aanpassen via knooppunten” (F2) Klik hierop en selecteer deze. Nu gaan we de 4 knooppunten glad maken. Ga naar het 9de icoon boven en selecteer deze voor alle vier (4) de punten om deze glad te maken. Zorg dat de cirkellijn perfect in het midden van de cirkel komt door deze zodanig te plaatsen en aan te passen. (Zie video) Als de lijn op de juiste plaats staat ga dan naar “Vulling en lijn” aan de linkerzijde. (Shift+Ctrl+F) en zet de lijnkleur en vulling op #1a1a92ff. Ga nu naar “Lijnstijl” links boven en zet hier de “Breedte” op 45px. Dit is het einde van deze tutorial “Vectoriseren. We gaan nu deze “VectorLaag” opslaan als .EPS of als .SVG Ga naar bestand links boven, dan naar “Opslaan als” links onder is een vinkje “V”in het scherm, klik hier op en een lijst met mogelijkheden verschijnt. Voor drukwerk kies je of .EPS of .SVG in de kleuren “CMYK” of “PMS” Deze keuze kun je vinden rechts waar je het kleurnummer hebt ingevuld. Januari 2017 Peter Hagenaars 13 13

Veel succes met de uitvoering! PEPECE Vectoriseren van logo’s Veel succes met de uitvoering! Peter Januari 2017 Peter Hagenaars 14 14