SAFE Assets Animated

Hello!

Made a few GIFs for the project I’m working on and thought I’d put them up here in case they’re of any use or inspiration to anyone else.

The files are at the link below on Github, including the Photoshop files I used to make the gifs, if you want to get crazy with colours etc. (I’m sure I will be doing at a later date.) The animated SVGs were made using Affinity Designer, and then importing the multi-layered SVG into the online tool SVGator.

Once I got going the technicalities were easier and quicker than I thought, the bigger problem was getting things I thought looked ‘right’ and would be useful at different sizes, against backgrounds etc. Hence they’re pretty simple, and I also confined myself to the idea of the ‘network working,’ but the possibilities are endless, so hopefully there will be plenty of competitors!

Connecting

safe-connecting

Two-Tone

Processing%20Two%20Tone%20Test

Connected

safe-connected

25 Likes

I really like the idea of the second one. I’d say it is a good visualization of the network growing. would look great on a pitch webpage to join the network at Fleming. Something I am really hoping we can pull off as a group!

4 Likes

Thanks!

There’s something a bit funny going on in the way they’re displaying in the OP, just trying to get them all working properly now.

Edit: They’re all working now, in my browser at least! Need a QA team!

3 Likes

Nice David, these will come in handy!

3 Likes

Nice work, just an idea to make second option with communication style.

2 Likes

I guess they can be used for anything really, I just gave them those titles because that was the use cases I first had in mind. Yeah, communicating would work for that second one, or just an alternative one for connecting!

2 Likes