Hi everyone

Still with this idea in mind, I intend to contribute with more marketing tools for Utopian, that allow dissemination of the project in the most varied sites and communities.
After the animated signature | motion signature | motion wallpaper and business card and covers for some of the most popular social networks, this time I decided to create a banner with standard dimensions used in blogs, forums, chats, advertising sites and even on youtube and many more "728x90" "468x60".

This type of banner is known as leaderboard banner, and is usually placed at the top of a page, so it will be seen by the user immediately when the page loads.
Is very good for expandable ads once it can expand in a practical and pleasing manner.

Getting Started

As always, for this project i used photoshop:
Start by creating a new project:
Top menu | File | New | 728X90 px | White Background

A very pertinent observation, in the previous projects I used a logo that I thought was the official logo, but later I I was clarified that the official logo is this:
So no mistakes now :D

Official Utopian.io Logo

Next step, insert the correct Utopian logo ;) create the keywords and create what i like to call "Logo Box", where the logo will stand during the rest of the animation.
For this "Logo Box" i used a random image and edited with the correct positioning and shades

For the base of the project where the animation will run with the main keywords that describe the project and all kinds of contributions, I used a clear, minimalist background that allows to easily visualize the message to be transmitted.
Then added the Github logo and the main menu "Projects" with a little bar divider:

Then created all the available contributions categories and related icons, placed, resized, separated by order and prepared to the animation process

For the animation i used timeline, that you can enable
Top menu | Window | Timeline

The way i do the animation is so old school that the best way to explain is only by making a video lol
Basically is just me moving all things around manually layer after layer :D

And this is the final result:

Utopian Leaderboard - 728x90

Utopian Leaderboard - 468x60

Original editable file "PSD"

Thanks

@aleister

---

Posted on Utopian.io - Rewarding Open Source Contributors

---