Tekst opslaan als SVG in Photoshop (en het nut)

Als je een tekst of logo hebt voor op een website dan zien mensen die dit vergroten onscherpe kartelrandjes. De oplossing is het opslaan als SVG omdat dit een vector bestand is. Helaas kan ik op dit blog geen SVG bestanden uploaden zodat je het verschil zelf kunt uitproberen maar ik kan het verschil wel laten zien met bureauafbeeldingen.

JPEG vergroot

SVG vergroot

  

Als je een tekst hebt en deze wilt exporteren als SVG ga je naar File > Export as > Format: SVG  

Daar zie je een 'i' staan waarbij je gewaarschuwd wordt dat de kans bestaat dar tekst niet zo mooi weer gegeven wordt. 

Om dit op te lossen selecteer je de tekst-laag en gaat daarna naar type >  convert to shape. Je ziet in het lagerpaneel op de tekst een icoontje ontstaan met 4 puntjes en daartussen lagen.

 

Als je nu weer naar export as gaat zie je dat de 'i' verdwenen is; met andere woorden; je kunt nu ook tekst als vector opslaan. 

Vormen / shapes in Photoshop

In Photoshop is het mogelijk (om op dezelfde manier als in Illustrator of InDesign) met vector georiënteerde vormen te werken.

Ik begin met de polygon Tool (rechthoek, ronde en lijn zijn gemakkelijker en spreken daarna voor zich)

Bij de polygon Tool kun je het aantal hoeken (Sides) aangeven. (Voorbeeld hieronder: links 9 hoeken, rechts 18)

Je kunt de vulling kiezen: geen, solid color (één kleur), patroon en gradient (verloop)

 

Foto links: Gradient verloop vanuit het midden, foto rechts met patroon vulling. Hier kun je de schaal nog aanpassen.

Je kunt ook een rand maken die je weer kunt vullen met patroon, verloop, of kleur.

Binnen of buiten (align) de shape/ vorm. Ook kun je de rand gestippeld maken. (bij more options) kun je zelfs de lengte van de streepjes en de grootte van de tussenliggende streepjes bepalen.

Het is mogelijk om 2 vormen bij elkaar op te tellen (combine) of van elkaar af te trekken (substract):

Als je deze nieuwe vorm (of iedere andere vorm ook de zelf getekende met een path) wilt bewaren om later weer te gebruiken ga dan naar edit > define custum shape. Nu wordt hij opgeslagen bij "custom shapes' (onderaan).

Nog even terug naar de Polygon Tool.

Je kunt namelijk ook nog een ster maken en daarbij ingeven hoeveel % de punten naar binnen moeten.