I Adobe Illustrator – etter at du har utformet det grafiske – velger du Fil > Lagre som.
Sist oppdatert
May 07, 2021 04:15:40 AM GMT
Lær hvordan du plasserer, kopierer eller importerer SVG-grafikk i Adobe Muse.
Merk:
Adobe Muse legger ikke lenger til nye funksjoner, og kundestøtte opphører 26. mars 2020. Hvis du vil ha detaljert informasjon og hjelp, kan du se vanlige spørsmål om tjenesteopphør for Adobe Muse.
Med Adobe Muse kan du bruke vektorgrafikk, som er opprettet ved hjelp av verktøy som Adobe Illustrator, i webområdets design. For øyeblikket støtter Adobe Muse SVG-formatet (Scalable Vector Graphics). Du kan bruke SVG-formatet til å lage logoer, ikoner, bakgrunnsfyll, webleserfyll og mer, og du kan plassere det direkte på webområdets lerret i Adobe Muse.
Grafikk som er lagret i SVG-format, er ikke avhengig av lys og oppløsning. Denne grafikken kan dermed skaleres til alle størrelser uten å påvirke områdets utseende eller tiden det tar å laste det inn. SVG-filer støttes også på HiDPI-skjermer.
Fordi de er uavhengige av oppløsningen, behandler Adobe Muse SVG-filene på samme måte på webområder med både standard og høy oppløsning. SVG-filene halveres ikke i størrelse når de plasseres på websidelerretet i Design-visningen.
SVG-innstillinger i Adobe Illustrator
Hvis du har SVG-filer som er opprettet med Adobe Illustrator, gjør du følgende:
-
-
Velg SVG i rullegardinlisten Filtype. Bla til plasseringen hvor du ønsker å lagre filen, og klikk Lagre.
-
I dialogboksen for SVG-alternativer, velger du følgende innstillinger:
- Bildeplassering: Bygg inn
- SVG-profil: SVG 1.1
- Skrifttype : Konverter til omriss
- CSS-egenskaper : Presentasjonsattributter
- Antall desimaler: 3
- Koding: Unicode (UTF-8)
- Bildeplassering: Bygg inn
-
Klikk OK for å lagre filen.
Importere SVG
Før du importerer og plasserer en SVG-fil i Adobe Muse, må du kontrollere at du har fulgt fremgangsmåten som er beskrevet i Gjøre SVG-filer klare til plassering i Adobe Muse.
-
I Adobe Muse velger du Fil > Plassere (Ctrl + D på Windows og Cmd + D på Mac).
-
Bla deg frem til plasseringen til SVG-filen, velg den, og klikk Åpne.
-
I Adobe Muse vises et miniatyrbilde av SVG-en sammen med pekeren. Klikk en passende plassering på websidelerretet for å plassere SVG-filen. Filen du plasserte, vises i innholdselementlisten.
Nå som du har plassert SVG-filen, kan du fortsette å utforme området. Du kan ikke beskjære SVG-bildet ved hjelp beskjæringsverktøy. Du kan imidlertid endre størrelsen til det som passer dine designbehov.
Du kan knytte en importert SVG-fil til et rasterbilde. Du kan også koble importerte bilder til SVG-filer.
Kopiere SVG fra Adobe Illustrator
Med Adobe Muse kan du kopiere innhold fra Adobe Illustrator til websidelerretet. Kopiering av innhold er nyttig når du ikke ønsker å lagre og bruke alt innholdet i grafikken på områdets design.
Når du kopierer deler av grafikken, konverterer Illustrator utklippet til SVG-format og plasserer det på utklippstavlen, så Adobe Muse kan bruke det. Adobe Muse behandler det kopierte innholdet som innebygd SVG, og du kan endre størrelsen på grafikken etter dine designbehov.
-
Gjennomfør ett av alternativene nedenfor i Adobe Illustrator:
- Isolere gruppen eller valgt bane: Høyreklikk gruppen eller banen du vil kopiere, og velg Isolere gruppe / valgt bane fra kontekstmenyen.
- Velg gruppe eller bane manuelt: Velg gruppen eller banen du vil kopiere.
-
Bruk funksjonene Ctrl + C (Windows) eller Cmd + C (Mac) for å kopiere den valgte gruppen eller banen.
-
Bruk funksjonene Ctrl + V eller Cmd + V i Adobe Muse for å lime inn den valgte gruppen eller banen på websidelerretet i Design-visningen.
Innholdselementpanelet viser SVG-filen du har limt inn.
Importere SVG til bakgrunnsfyll og webleserfyll
-
Velg fyll eller webleserfyll avhengig av om du vil legge til bakgrunnsfyll eller webleserfyll. Hvis du vil ha mer informasjon, kan du se Bruke alternativer for fyll og webleserfyll.
-
Klikk Legg til bilde. Finn SVG-filens plassering, velg den, og klikk Åpne.
-
Velg passende tilpassings- og plasseringsattributter.
Merk:
Når SVG-filer legges til bakgrunnsfyll eller webleserfyll, vises bildet rastrert i Design-visningen når tilpassingen er satt til Skaler til størrelse eller Skaler for å fylle. Men når bildet forhåndsvises i Adobe Muse eller på en webleser, gjengis bildet som forventet.
Videoveiledning
Logg på kontoen din