Er is veel dat u kunt doen met SVG zonder enige software. Ervan uitgaande dat u een goede bron van SVG-afbeeldingen online heeft, kunt u deze direct gebruiken. Maar het komt vrij vaak voor dat we ze een beetje moeten aanpassen. Ik weet dat mijn meest gebruikelijke workflow is om iets te vinden dat lijkt op wat ik nodig heb van stockfotografiesites of pictogrammensets of iets dergelijks, en het vervolgens te manipuleren om precies te zijn zoals ik het wil. Vormen aanpassen, dingen verwijderen, kleuren veranderen, het tekengebied aanpassen, al die dingen. Het is veel gemakkelijker om dit soort dingen te doen met software die ervoor is gemaakt, dan met de hand in de code.
De meest voorkomende software die we in deze serie hebben gebruikt, is Adobe Illustrator ($ 19,99 / maand). Illustrator is grote, robuuste software voor Mac of pc. Tal van functies. En het is een beetje alsof je de gitaar kiest als het instrument dat je wilt leren. Er zijn heel veel tutorials die het gebruiken. Er zijn veel mensen die het gebruiken waar je terecht kunt. Illustrator kan OPSLAAN ALS in SVG, wat betekent dat het een native bestandsindeling is waarmee u kunt werken, wat best prettig is.
In alle verschillende software die we bekijken, voert geen van hen de SVG uit die zo geoptimaliseerd is als u hem waarschijnlijk voor het web zou willen hebben. Ze voegen allemaal wat algemene opmerkingen en metagegevens toe die aangeven in welke software het is gemaakt en dergelijke, wat volkomen nutteloos is voor gebruik op internet. Erger nog, omdat het de bestandsgrootte vergroot, waardoor de zaken langzamer gaan. U wilt altijd de SVG optimaliseren die u van welke software dan ook krijgt (we zullen binnenkort een screencast over optimaliseren doen).
Inkscape is een andere populaire optie voor SVG-bewerking. Ik denk dat dat waarschijnlijk komt omdat het platformonafhankelijk is (werk zoon Mac, pc, Linux) en het is gratis. Het bestaat ook al een lange tijd en heeft een robuuste functieset. Ik vind het echter een beetje ongemakkelijk, vooral als Mac-gebruiker omdat de interface zo vreemd anders is dan al het andere dat ik gewend ben.
Ik hou van Sketch, dat alleen voor Mac is ($ 99). Ik vind het vooral leuk dat je objecten en groepen kunt selecteren en vervolgens "Exporteerbaar maken" en dan is SVG een optie om te exporteren als, waardoor je bijgesneden, perfect bruikbare SVG kunt gebruiken.
We hebben ook gekeken naar iDraw (Mac $ 24,99 en iOS $ 8,99). Er is ook WebCode (Mac $ 39,99).
We hebben deze niet specifiek in de video bekeken, maar er zijn ook enkele browsergebaseerde SVG-editors die best aardig zijn:
- SVG bewerken
- Methode
- Mondriaan