Heti Meteor logó

Aki azt gondolná, hogy nem lehet három posztra elnyújtani a Heti Meteor logó tervezését, bizony téved!

Először is Gazvezir írt nekem, hogy az Illustrator sajnos az SVG megnyitásakor figyelmen kívül hagyja az abban definiált artboardot, ezért csak akkor lesz pixel griden az oda betöltött SVG, ha előzetesen létrehozunk egy akkora artboardot, mint az SVG, majd bezárjuk, utána nyitjuk meg az SVG-t. A Sketch-nek szerencsére nincsenek ilyen gyermekbetegségei.

Másodszor Kiricsi Zoltán kiszúrta, hogy a “HETI” logóban az “E”, “T” és “I” betűk nem #000 feketék, hanem az Illustratorból átjött a sötétszürke fekete #231f20, ezt tehát javítottam.

Végül Sárai Ferenc (Sandokan) írta, hogy a három csillagból egyet lehet definiálni szimbólumként, utána pedig megrajzolni őket ahhoz képest. Hasonlóan meg lehet csinálni a “METEOR” logóban levő kettő “E” betűt is. A dologban a poén még az, hogy nem kell a koordinátarendszerben 0,0-ra rendezni a pontokat, például elég egyszerűen megfogni az első csillagot, aztán a többi pozícióját ehhez képest állítani. Először definiáljuk a csillagot:

<defs>
 <symbol id="CSILLAG">
  <polygon fill="#BD4A3E" points="318,171 326,144 305,129 331,127 341,103 351,127 377,129 354,144 364,171 341,156"/>
 </symbol>
</defs>

Ezt pedig a következő módon építjük be:

<g id="CSILLAGOK">
 <use x="0" y="0" xlink:href="#CSILLAG" />
 <use x="252" y="0" xlink:href="#CSILLAG" />
 <use x="506" y="0" xlink:href="#CSILLAG" />
</g>

A végeredmény nálam még 1 kb javulást is eredményezett. 🙂