Hvordan lage SVG -bilder: 13 trinn (med bilder)

Innholdsfortegnelse:

Hvordan lage SVG -bilder: 13 trinn (med bilder)
Hvordan lage SVG -bilder: 13 trinn (med bilder)

Video: Hvordan lage SVG -bilder: 13 trinn (med bilder)

Video: Hvordan lage SVG -bilder: 13 trinn (med bilder)
Video: ВСЯ НОЧЬ С ПОЛТЕРГЕЙСТОМ В ЖИЛОМ ДОМЕ, я заснял жуткую активность. 2024, April
Anonim

Skalerbar vektorgrafikk (SVG) gir mulighet for flere interaktive elementer på nettsider uten å bruke så mye båndbredde som andre bildeformater som JPEG eller GIF, noe som gjør dem ideelle for webdesign. Noen digitale illustrasjonsprogrammer, som Adobe Illustrator, tilbyr SVG -alternativer, og det er online SVG -konverteringsnettsteder som er gratis å få tilgang til. Denne wikiHow viser deg hvordan du lager dine egne SVG -bilder.

Trinn

Metode 1 av 2: Bruke Convertio-j.webp" />
Lag Svg -bilder Trinn 1
Lag Svg -bilder Trinn 1

Trinn 1. Åpne nettleseren din og gå til

Dette tar deg til siden for Convertios-j.webp

Lag Svg -bilder Trinn 2
Lag Svg -bilder Trinn 2

Trinn 2. Velg kilden for-j.webp" />

Øverst på konverteringsmenyen bør du se en rød verktøylinje som viser forskjellige kilder du har tilgang til for å laste opp en-j.webp

Lag Svg -bilder Trinn 3
Lag Svg -bilder Trinn 3

Trinn 3. Naviger til filen du vil konvertere

Når du har valgt en kilde, skal en dialogboks dukke opp med biblioteket til datamaskinens mapper. Derfra navigerer du til mappen med filen du vil konvertere, og velger filen.

Lag Svg -bilder Trinn 4
Lag Svg -bilder Trinn 4

Trinn 4. Klikk på Konverter

Når filen er lastet opp, vises en rød knapp i nedre høyre hjørne av menyskjermen. Dette starter konverteringsprosessen, som kan ta noen minutter, avhengig av filstørrelsen.

Lag Svg -bilder Trinn 5
Lag Svg -bilder Trinn 5

Trinn 5. Klikk på Last ned

Når filen er konvertert, vises en blå knapp til høyre for filnavnet i Converter -menyen. Når du klikker på det, blir bildet deretter lastet ned til datamaskinen din som en SVG -fil.

Metode 2 av 2: Bruke Adobe Illustrator

Lag Svg -bilder Trinn 6
Lag Svg -bilder Trinn 6

Trinn 1. Åpne Adobe Illustrator

Adobe Illustrator er en grafisk design -app som lar deg lage din egen kunst ved hjelp av en rekke verktøy og funksjoner.

Lag Svg -bilder Trinn 7
Lag Svg -bilder Trinn 7

Trinn 2. Lag bildet ditt

Når du har åpnet Illustrator, kan du velge et av verktøyene på verktøylinjen på venstre side av skjermen for å komme i gang med å designe bildet ditt.

Lag Svg -bilder Trinn 8
Lag Svg -bilder Trinn 8

Trinn 3. Påfør SVG -effekter på visse lag i bildet

Hvis du vil legge til egendefinerte effekter i bildet ditt, kan du velge et lag og deretter klikke Effekt > SVG -filtre > Bruk SVG -filter. Deretter klikker du bare på Rediger SVG -filter -knappen, rediger standardkoden og klikk OK for å lagre SVG -effektene dine.

Lag Svg -bilder Trinn 9
Lag Svg -bilder Trinn 9

Trinn 4. Klikk kategorien Fil

Dette er plassert i øvre venstre hjørne av skjermen.

Lag Svg -bilder Trinn 10
Lag Svg -bilder Trinn 10

Trinn 5. Velg Eksporter i menyen

For å ha SVG -filen din klar til visning og bruk utenfor Illustrator, må du eksportere den.

Du kan også velge Lagre som…, men dette vil lagre filen slik at den bare kan vises og redigeres i Illustrator.

Lag Svg -bilder Trinn 11
Lag Svg -bilder Trinn 11

Trinn 6. Klikk på Eksporter som…

Dette henter frem en ny meny der du kan eksportere filen fra Illustrator til ønsket format.

Du kan også velge Eksporter for skjermer … for å få SVG -bildet ditt lagret på en måte som kan nås på iOS- eller Android -enheter.

Lag Svg -bilder Trinn 12
Lag Svg -bilder Trinn 12

Trinn 7. Velg SVG i listen over filtyper

Illustrator tilbyr en rekke filtyper du kan velge mellom, inkludert web-klare SVG-filer.

Lag Svg -bilder Trinn 13
Lag Svg -bilder Trinn 13

Trinn 8. Klikk på Lagre

Bildet ditt vil nå være tilgjengelig for bruk som SVG -fil.

Anbefalt: