Export photoshop SVG, design élet

Export photoshop SVG, design élet

Nemrég belefutottam egy probléma, hogy engem is keményen dolgozik Ryskov egész kiterjedésű az Internet keresve a megoldást. Kellett, hogy exportálja a design elemek készült Adobe Photoshop SVG. Azt hiszem, sokan találkoztak ilyen probléma, és akkor lesz érdekelt, hogy tudom, hogy kerültem ki a helyzetet.

Kezdjük azzal, hogy a formátum SVG - egy méret méretezhető vektorgrafikus szerepel egy részhalmaza Extensible Markup Language XML. amely viszont használt web programozás és mobil fejlesztés. Ha azt mondod, a saját szavaival, az SVG fájl tárolja a kódot képet, és az XML. kölcsönhatásban áll a HTML vagy konkrét programozási nyelvek, lehetővé teszi, hogy konvertálni a kódot ebbe ugyanazt a képet a böngésző ablakban, vagy egy mobil alkalmazás ablakot. Így használhatja vektorgrafikus design honlapok és alkalmazások. És ez ad egy hatalmas előnye -, mert, mint mindannyian tudjuk, vektorgrafikus lehet önkényesen méretezhető minőségromlás nélkül.

Az Adobe Photoshop képes létrehozni vektorgrafikus ábrák és Toll eszközzel. tervezési irányt, ami széles körben alkalmazza az ilyen típusú grafikus, az úgynevezett Flat design. Ahhoz, hogy a böngésző design elemek nézett nyereséges, mint a forrás fájlban, és így szabadon méretezhető minőségromlás nélkül lenne a logikus, hogy tartsa őket a vektoros formátumban, különben miért az egészet? Vektoros objektum tárolt JPEG vagy PNG. tekintik rasztergrafika. Ezért logikus, hogy a vektoros objektumokat SVG formátumban.

Majd vegye figyelembe, hogy ebben a formában így tárolni tárgyak rácselemei. Például egy vektor alakja az overlay opció „Shadow”. De végül az objektum méretarányhelyesen minőség elvesztése, egyik elemeként a raszteres grafika. Tehát, azt ajánlom, hogy mentse az SVG vektorgrafikus.

Tehát itt az utamat egy bonyolultabb objektumot Photoshop exportra SVG.

Tegyük fel, hogy úgy döntött, hogy hozzon létre egy mobil alkalmazás design Lapos stílusban. Használata vektoros formák. Van itt az elemeket.

Export photoshop SVG, design élet

A kezdéshez tartsa a teljes dokumentum PDF formátumban. Fájl - Mentés másként ... kiválasztásához PhotoshopPDF formátumban. Egy párbeszédablak jelenik meg, amelyben én ajánlott megváltoztatni csak egy beállítást. Tab Compression - Tömörítés: Ne mutassa.

Export photoshop SVG, design élet

Most, nyugodtan nyissa meg a PDF dokumentumot Adobe Illustrator. Ha a szöveg, akkor átalakítható görbék.

Export photoshop SVG, design élet

Mint látható, az objektumok elosztott rétegesen csoportokra osztjuk, és mindegyik hurok szerkesztését. A példában áramkör egyik gomb van kiválasztva a „félkövér” eszköz.

Már az Adobe Illustrator mentheti tárgyakat külön-külön vagy együtt SVG formátumban.

Fájl - Mentés másként ... kiválasztásához SVG fájlként.

A kapott választom a következő beállítások párbeszédablak:

Export photoshop SVG, design élet

(Meglátogatott 2999-szer, 14 látogatók ma)