- Mar
- 2010
Lubię sobie czasem trochę poeksperymentować z grafiką. Najczęściej bez większego celu, po prostu dla relaksu, żeby nie wyjść z wprawy lub nauczyć się czegoś nowego. Tym razem jednak miałem cel.
Chyba wszyscy każdy webdesigner dobrze zna stronę www.ajaxload.info. Mamy tu generator gifów, które można wyświetlić w trakcie wczytywania jakiegoś większego elementu, często wykorzystywane w lightboxo-podobnych skryptach. Wybór jest dość spory, ale mnie jakoś nie zadowala. Połowa w ogóle mi się nie podoba, a reszta jest bardzo mała. Dlatego postanowiłem właśnie poklikać trochę w inkscapie i wyprodukować coś własnego. Coś prostego, co wygląda ładnie i się obraca :)
Po kilku chwilach powstał zadowalający mnie kształt:

Następnie należało wygenerować klatki do animacji. W tym przypadku animacja zapętla się gdy jedno ramię gwiazdki pokryje się z sąsiadującym, co nam daje obrót całej figury o 72 stopnie względem jej środka. Zatem wystarczyło wyeksportować obrazek do PNG 9 razy, za każdym razem obracając go o 8 stopni. Następnie posklejałem wszystko do kupy w archaicznym Ulead Gif Animatorze i w efekcie powstało to:

Jak na kilka minut klikania wyszło całkiem znośnie, ale dość surowo. Przydałoby się trochę popracować nad kwestią wizualną. I tak po kolejnych kilku(nastu) minutach miałem już mały zestaw:



A tutaj mały przykład zastosowania: demo oraz pliki svg: klik i klik Korzystajcie do woli :)
Wspomnę jeszcze, że zastosowanie w tym przypadku Inkscape'a ma kilka ważnych zalet:
- nawet dość skomplikowane figury stworzymy dość szybko
- poszczególne klatki możemy weksportować w dowolnym rozmiarze



