Az SVG Feltöltése a Storyboard That

Erős felhasználók és művészek számára a Storyboard That használatával

Az SVG vagy a Scalable Vector Graphics egy webes képfájl, amelyet az Adobe Illustrator és más vektorszerkesztő programok generálnak. Az ilyen formátumban létrehozott és exportált képek méretezhetők (növelhetők és csökkenthetők) anélkül, hogy elveszítenék a kép minőségét. Ez rendkívül hasznos lehet azoknak a felhasználóknak, akik az ingyenes méretezés szabadságát szeretnék.

Az SVG exportálása az Illustrator programban

1. Hozza létre a kívánt képet az Illustrator programban.



div class="img-thumbnail">

Kattintson a Fájl> Mentés másként parancsra, és válassza ki a .svg opciót.

div class="img-thumbnail">

Megnyílik az SVG-beállítások párbeszédpanel, és megadja a lehetőséget az .svg-beállítások módosítására.

* Kérjük, vegye figyelembe: a „további opciók” gombra kattintva az összes *

div class="img-thumbnail">

Válassza ki a következőt:

• SVG profilok: SVG 1.1
• Típus: Egyéni
• Előfizetés: Nincs (Rendszer betűtípusok használata)
• Kép helye: Link
• Ellenőrizze az Illustrator szerkesztési lehetőségeinek megőrzését
• CSS tulajdonságok: Bemutató attribútumok
• Tizedes hely: 1
• Kódolás: Unicode (UTF-8)
• Ellenőrzés: Kevesebb <tspan> elem kimenete
• Ellenőrzés: a szeletelési adatok beillesztése, a <textPath> elem használata az elérési út szövegéhez, az XMP-be és a reagáláshoz

Létrehozott egy SVG-képet, amely most feltölthető a StoryboardThat .com-ra, és méretezhető és nem raszteres lesz!

Színes SVG-k

Szeretné, hogy a .svg-kép részei színezhetőek legyenek , mint a Storyboard That karakterei és objektumai? A következő HEX-kódok beépítésével képeinkhez hozzáférhet a színpalettákhoz.

• HEX KÓD 1: # 1D7A7C
• HEX KÓD 2: # 199119
• HEX KÓD 3: # A51717
• HEX CODE 4: # B5B51F

* Kérjük, vegye figyelembe: ezek a színek alapértelmezetten 4 alapszínre (kék, zöld, sárga és piros) lesznek a képen. *

Íme egy példa:

Ez a négyzet a megfelelő HEX kódokkal rendelkezik, és feltöltődik a Storyboard That.

div class="img-thumbnail">