Valitse Adobe Illustratorissa grafiikan suunnittelun jälkeen Tiedosto > Tallenna nimellä.
Päivitetty viimeksi
May 06, 2021 04:13:28 AM GMT
Opi tuomaan SVG-grafiikkaa Adobe Muse CC:hen. Voit sijoittaa, kopioida ja tuoda SVG-grafiikkaa Adobe Museen.
Huomautus:
Adobe Museen ei enää lisätä uusia ominaisuuksia ja sen tuki päättyy 26. maaliskuuta 2020. Lisätietoja ja tukea on kohdassa Usein kysyttyjä kysymyksiä Adobe Musen elinkaaren päättymisestä.
Adobe Musessa voit käyttää sivustossasi vektorigrafiikkaa, joka on luotu esimerkiksi Adobe Illustratorissa. Adobe Muse tukee nyt natiivitasolla SVG-tiedostomuotoa (Scalable Vector Graphics, skaalattava vektorigrafiikka). Voit käyttää SVG-tiedostoja esimerkiksi logoissa, kuvakkeissa, taustoissa ja selaimen täytössä ja sijoittaa niitä suoraan verkkosivun suunnittelualueelle Adobe Musessa.
SVG-muodossa tallennetut grafiikat ovat kevyitä ja tarkkuudesta riippumattomia. Näin ollen grafiikka voidaan skaalata mihin kokoon tahansa ilman, että sillä olisi vaikutusta sivun latausaikaan ja ulkoasun laatuun. Myös HiDPI-näytöt tukevat SVG-tiedostoja.
Koska tiedostot ovat tarkkuudesta riippumattomia, Adobe Muse käsittelee SVG-tiedostoja samalla tavoin sekä vakiosivustoissa että suuren tarkkuuden sivustoissa. SVG-tiedostoja ei skaalata 50-prosenttiseen kokoon, kun ne sijoitetaan verkkosivuston suunnittelualueelle Muoto-näkymässä.
SVG-tiedostojen käsitteleminen Adobe Musessa asettamista varten
Huomautus:
Seuraavat ohjeet pätevät vain, jos käytät Adobe Muse 2015.1 -versiota tai aiempaa versiota.
Jos olet luonut SVG-tiedoston Adobe Illustratorilla, toimi seuraavasti:
-
-
Valitse avattavasta Tallenna tyypillä -valikosta SVG. Siirry sijaintiin, johon haluat tallentaa tiedoston, ja valitse Tallenna.
-
Määritä SVG-asetusten valintaikkunassa seuraavat valinnat:
- Kuvan sijainti: Upotus
- SVG-profiili: SVG 1.1
- Kirjasimet - Tyyppi: Muunna ääriviivoiksi
- CSS-ominaisuudet: Esitysmääritykset
- Desimaalit: 3
- Koodaus: Unicode (UTF-8)
- Kuvan sijainti: Upotus
-
Tallenna tiedosto valitsemalla OK.
SVG-tiedoston tuominen
Jos käytät Adobe Muse 2015.1 -versiota tai aiempaa versiota, varmista, että olet seurannut kohdassa SVG-tiedostojen valmistelu Adobe Musessa asettamista varten annettuja ohjeita, ennen kuin tuot ja sijoitat SVG-tiedoston Adobe Museen.
-
Valitse Adobe Musessa Tiedosto > Sijoita (Ctrl+D Windowsissa ja komento+D Macilla).
-
Siirry SVG-tiedoston sijaintiin, valitse tiedosto ja valitse Avaa.
-
Adobe Musessa näkyy osoittimen lisäksi esikatseluminiatyyri SVG-tiedostosta. Napsauta verkkosivuston suunnittelualueella sitä kohtaa, johon haluat sijoittaa SVG-tiedoston. Sijoittamasi tiedosto näkyy Kohteet-paneelissa.
Kun SVG-tiedosto on asetettu, voit jatkaa sivuston suunnittelua. Voit rajata SVG-tiedoston rajaustyökalulla ja muuttaa sen kokoa suunnittelutarpeiden mukaan.
SVG-tiedostojen kopiointi Adobe Illustratorista
Adobe Muse mahdollistaa sisällön kopioinnin Adobe Illustratorista verkkosivun suunnittelualueelle. Sisällön kopiointi on kätevää, jos et halua käyttää projektin koko sisältöä sivustosuunnittelussasi.
Kun kopioit osia projektista, Illustrator muuntaa valinnan SVG-muotoon ja sijoittaa sen leikepöydälle Adobe Musen käyttöön. Adobe Muse käsittelee kopioitua sisältöä upotettuna SVG:nä. Voit muuttaa grafiikan kokoa suunnittelutarpeidesi mukaan.
-
Tee jompikumpi seuraavista toimista Adobe Illustratorissa:
- Eristä ryhmä tai valittu polku: napsauta hiiren kakkospainikkeella ryhmää tai polkua, jonka haluat kopioida, ja valitse sitten pikavalikosta Eristä ryhmä/valittu polku.
- Valitse ryhmä tai polku manuaalisesti: valitse ryhmä tai polku, jonka haluat kopioida.
-
Kopioi valittu ryhmä tai polku näppäinyhdistelmällä Ctrl+C (Windows) tai komento+C (Mac).
-
Liitä Adobe Musessa valittu ryhmä tai polku verkkosivuston suunnittelualueelle Muoto-näkymässä näppäinyhdistelmällä Ctrl+V tai komento+V.
Liitetty SVG-tiedosto näkyy Kohteet-paneelissa.
SVG-tiedostojen tuonti taustan ja selaimen täyttöihin
-
Valitse joko Täyttö tai Selaimen täyttö sen mukaisesti, haluatko lisätä taustan täytön vai selaimen täytön. Lisätietoja on kohdassa Täyttö- ja Selaimen täyttö -valintojen käyttö.
-
Valitse Lisää kuva. Siirry SVG-tiedoston sijaintiin, valitse tiedosto ja valitse Avaa.
-
Määritä haluamasi Sovitus- ja Sijainti-asetukset.
Huomautus:
Jos SVG-tiedostoja lisätään taustan tai selaimen täytöksi, kuva näkyy Muoto-näkymässä rasteroituna, kun Sovitus-asetuksena on Skaalaa sopivaksi tai Sovita täyttöön. Kuva muodostetaan kuitenkin normaaliin tapaan, kun sitä esikatsellaan Adobe Musessa tai selaimessa.
SVG-kuvien lisääminen diaesityksiin
Adobe Musen versiossa 2015.1 ja uudemmissa versioissa voit lisätä SVG-kuvia diaesityksiin. Vedä ja pudota ensin Miniatyyri-widget widgetkirjastosta. Valitse sitten vektorikuvat Creative Cloud Librariesista ja sijoita ne diaesitykseen.
Video-opas
Kirjaudu sisään tiliisi