Videoen blev fjernet på denne. Jeg skyder det igen en dag snart. Hvis du læser dette, og jeg ikke har gjort det endnu, er du velkommen til at kontakte mig og bugse mig om det.
Nogle gange ser det SVG, du vil bruge, godt ud i Illustrator, men det er ikke helt, hvordan du vil bruge det på nettet.
En af de ting, vi ser på i denne video, er en simpel form, der ser ud til at det ville være en enkelt form, men faktisk er fire former, der sidder oven på hinanden. For at forenkle det vælger vi bare alle figurer og bruger Pathfinder-værktøjerne i Illustrator til at kombinere dem i en enkelt form. Vi kan se det afspejles straks i koden. Nogle gange er det lidt sjovt at have SVG-filen åben både i Illustrator og i en kodeditor, så når du gemmer den, kan du se, hvad den laver med koden.
Pathfinder er fantastisk til manuel optimering af figurer - det er værd at lære at vide, hvad disse knapper gør - og hvad de gør med valgknappen også trykket.
Størrelsen på en SVG-fil bestemmes i høj grad af, hvor mange punkter der foregår i figurerne. Der er andre faktorer, men det er biggie. En anden ting, vi ser på i denne video, er at bruge Illustrators Simplify Path-funktionen til at reducere antallet af punkter på nogle teksturformede former for at bringe filstørrelsen ned.
En anden ting at vide: sammensatte stier kan være nyttige. To former, der er helt adskilte fra hinanden, kan stadig være en sti. Ligesom, bogstaveligt talt en. Syntaksen giver i det væsentlige mulighed for "at tage pennen op, flytte den et andet sted, tegne noget nyt". Så når du opretter en sammensat sti i Illustrator (f.eks. Flere uafhængige figurer, Objekt> Sammensat sti> Lav), så udføres det. Kan føre til forenklet / optimeret SVG-output.