Valitse Adobe Illustratorissa grafiikan suunnittelun jälkeen Tiedosto > Tallenna nimellä.
Opi tuomaan SVG-grafiikkaa Adobe Muse CC:hen. Voit sijoittaa, kopioida ja tuoda SVG-grafiikkaa Adobe Museen.
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ä.
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 Adobe Illustratorissa grafiikan suunnittelun jälkeen Tiedosto > Tallenna nimellä.
Valitse avattavasta Tallenna tyypillä -valikosta SVG. Siirry sijaintiin, johon haluat tallentaa tiedoston, ja valitse Tallenna.
Määritä SVG-asetusten valintaikkunassa seuraavat valinnat:
Tallenna tiedosto valitsemalla OK.
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.
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:
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.
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.
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.
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.
Kirjaudu sisään tiliisi