traced Splinterlands Logo to make NewYear GIF

Words
458
Reading
3 min
Listen
Play
4y

Hi there lovely and creative people of Hive World,
Hope you all are fine and having an awesome day

In my last blog, I shared new year GIFs for #neoxian and other communities and while publishing my blog, I thought to work for #splinterlands community.

And so, I started searching for Splinterlands official logo, but the logo on official site is not much big to work on it...
So I searched on assets room in discord and there are too many graphics so maybe I missed that there...
and after all that, I asked to my Neoxian city friends and also started tracing the logo...

My Friends suggest me to google for it and Mr. rehan12@rehan12 shared a big sized Logo to me (Thanks Mr. Rehan)
My plan was to go simple with the Logo but while tracing myself... I changed my plan as I have separate pieces of every object and I used the elements (fire, water, etc.) from the real Logo and created this GIF 😅

My Gif Work

finalslnewyear.gif

Official Logo as Source Image

Source

footer.png

Software I Used :

Adobe Illustrator 2019 for tracing the Logo and for stylize Text
Adobe Photoshop 2020 for creating GIF by frames

footer.png

Steps :

First I traced the official Logo, I tried my best but its not so accurate and I didn't find similar text so I just put what I like best with it...
Also colors are not so similar 😅, check my tracing work in this GIF 👇

step1.gif

Now I have something to work on, so I decided to go for GIF animation, and for first part I put some brush strokes on an object and remove that part from that and put those on start frames of the GIF
1.gif

After that, I work on other shapes, try to give some stunning moves 😅 and for that I cut one shape in thorns style and play with opacity with others

2.jpg

by putting those above objects accordingly to frames, I get this result...
shapesplay.gif

After that, I just moved those teeth ups and downs to get this result 👇

3.jpg

shapesplay2.gif

And for adding text, I stylize full text and use Upper ARC option for it.
Expand it to shapes and remove the middle text for the GIF Scene 👇
4.jpg

For elements shapes, I just move those ups and downs and change gradient angle for every text in different frames 😅

5.jpg

6.jpg

That's all what I did... you can check the first image as my final piece.

I have seen those movements in some automated apps and software, but I did all of that manually. hehe just trying to say that its not easy for me but I tried...

footer.png


Hope You like it,
Thanks for the Visit

Posted using Splintertalk

traced Splinterlands Logo to make NewYear GIF | Ecency