15 ciekawych sposobów animacji logo

Czas czytania: 2 minut

Dziś przygotowałam dla was 15 inspirujących animacji tym razem jednak skupimy się w nich na logo. Czyli praktycznie na identyfikatorze naszej firmy, działalności czy po prostu naszym symbolu.

Każda z umieszczonych poniżej animacji została wykonana w inny sposób. Mam nadzieję, że będą się one wam podobały. Animacje są obecnie wyłączone trzeba na nie kliknąć by je uruchomić. W ten sposób będziecie mogli zobaczyć je w całości i dogodnym dla siebie momencie.

anime.js logo animationCodePen Home

autor Julian Garnier

W przypadku tej animacji logo powstaje jak gdyby z wielu kolorowych kropek/kulek.

See the Pen
anime.js logo animation
by Julian Garnier (@juliangarnier)
on CodePen.0


FLWRS SVG ANIMATED LOGO – PURE CSS

autor Atiqah Hafiz

Tym razem logo pojawia się zupełnie jak by było w tym momencie malowane jakimś długopisem lub piórem. Wzór powstaje jak gdyby na oczach odbiorcy. To prawie wymarzone intro na wiele witryn.

See the Pen FLWRS SVG ANIMATED LOGO – PURE CSS by Atiqah Hafiz (@flwrs) on CodePen.0


Animated Logo (Canvas/js)

autor Khaos

W kolejnym przykładzie logo ładuje się jak gdyby za pomocą kwadracików, trochę podobnych do pikseli.

See the Pen Animated Logo (Canvas/js) by Khaos (@Khaosmuhaha) on CodePen.0


autor Dave Judd

See the Pen #codevember Day 1 – Codevember Animated Logo by Dave Judd (@SirDaev) on CodePen.0


autor John

See the Pen
F7200 Animated logo
by John (@doppel)
on CodePen.0


autor David McFeders

See the Pen Animated Logo by David McFeders (@iconjunkie) on CodePen.0


Animated Logo

autor Shak Daniel

See the Pen Animated Logo by Shak Daniel (@shakdaniel) on CodePen.0


Animated logo preloader

autor deineko

See the Pen Animated logo preloader by deineko (@deineko) on CodePen.0


autor Jan Drewniak

See the Pen Peerio animated logo by Jan Drewniak (@j4n) on CodePen.0


Pinecone Logo Animation

autor Sascha Michael Trinkaus

See the Pen Pinecone Logo Animation by Sascha Michael Trinkaus (@saschamt) on CodePen.0


autor SogandMoghadam

See the Pen School Animation Logo by SogandMoghadam (@iamsogaand) on CodePen.0


Simple logo animation | Greensock

autor Arden

See the Pen Simple logo animation | Greensock by Arden (@aderaaij) on CodePen.0


autor Sheelah Brennan

See the Pen WordCamp Albuquerque animated logo by Sheelah Brennan (@sheelah) on CodePen.0


Animated Logo with CSS

autor Maycon Luiz

See the Pen Animated Logo with CSS by Maycon Luiz (@mycnlz) on CodePen.0

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

*Wyrażam zgodę na przechowywanie i przetwarzanie moich danych na potrzeby umieszczenia mojego komentarza.
*W przypadku gdy treść komentarza narusza prawo Polskie i dobro oraz uczucia innych osób Administrator, zachowuje prawo nie publikowania go