The Ultimate Guide: How To Create Awesome Images And Animations For Your Hive Posts

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@sidwrites·
0.000 HBD
The Ultimate Guide: How To Create Awesome Images And Animations For Your Hive Posts
Dear Hivers,

I have been creating custom images for years now. I am not a graphic designer. Yet I create them to add uniqueness to my articles. 


![1111111111.png](https://files.peakd.com/file/peakd-hive/sidwrites/ZFlfBbqI-1111111111.png)


There are dozens of benefits. In fact, the end result is beautiful:

-  As mentioned in my [one month Twitter](https://hive.blog/hive-174578/@sidwrites/hive-blockchain-twitter-traffic) experiment, images (especially animations) have outperformed every other tweets. 

- A good custom image grabs everyone’s attention. 

- For content creators: distinct images creates your unique style. 

Even on Discord and through comments, I have been receiving questions on how to make these images. Plus, it is a good skill to pickup — people enjoy them too. 

**Example:** For the [100 days](https://hive.blog/hive-174578/@sidwrites/hive-blockchain-100-days) on Hive post, I made this one:

![HiveBirthday100.gif](https://files.peakd.com/file/peakd-hive/sidwrites/3MBoH3nn-Hive-Birthday-100.gif)

If that's a bit complex, here is a simple animation created for the [SEO keyword guide](https://hive.blog/hive-174578/@sidwrites/hive-seo-keyword-research). Just a flash of text:

![output_fBkAbZ.gif](https://files.peakd.com/file/peakd-hive/sidwrites/nbAKAZlk-output_fBkAbZ.gif)

As I do them almost everyday now, I believe creating good graphics is like cutting vegetables. Anybody can do it.

**But the more you practice, the easier it gets.**

In this article, let’s see the process. And then explore how to make your own images and animations. This is not a rigid “guide” — it is flexible, which means you can add you own creativity and make images better than anyone else. 

Not only do you impress others but also influence them in a better way. Plus, it only takes a couple of minutes. The fact is, the crazier you are with your choices — the more amazing things you can create.

---

 ### <center>The Psychology Behind These Images</center> 

---

First, people start to enjoy them — and resonate with them. For example, I made this image and sent it in a group. Then @gastontrussi tweeted it because he felt like doing so:

![Images.png](https://files.peakd.com/file/peakd-hive/sidwrites/Xo951vnj-Images.png)

Even this exact GIF used was picked up by @planktonsupport to onboard new users on Hive. Took me a minute to make it — with @theycallmedan’s head. 

![ezgif.comgifmaker 2.gif](https://files.peakd.com/file/peakd-hive/sidwrites/XnIQuc0O-ezgif.com-gif-maker202.gif)


So why are people driven to use these images? It is NOT because they are neat and clean. It is simply because they are unique — and filled with emotions.

**For example:** See the image below and read the text. How do you feel about it?

![GIFExample1.gif](https://files.peakd.com/file/peakd-hive/sidwrites/jJR19BMu-GIF-Example-1.gif)

Sad, isn't it? Someone tried and perhaps failed.

Now here's the second version. We keep the text as it is — and use a different character. See how you feel when you look at this:

![GIFExample2.gif](https://files.peakd.com/file/peakd-hive/sidwrites/hWQ9FjnD-GIF-Example-2.gif)

Just one change and emotions shift. That is why images are powerful. They shift our feelings. And move our thoughts in a new direction. 


On top of this, there is an ongoing theme — this theme includes the color combination, the font, and the right character. Even if you spot them on the street, you might think *Sidwrites* made them. That’s the power of a good theme.

So let's explore the process of a good theme:

---

![20200617_2151321.png](https://files.peakd.com/file/peakd-hive/sidwrites/iesxTzZg-2020-06-17_21-51-321.png)



---

Before creating these images, you have to start with the basics. 

**Step #1:** Select your foundation colors
**Step #2:** Select your font (you can do this while editing)
**Step #3:** Select your tool.

As you can see, my foundation colours are red and white. The font is fixed. And the tool I use is Snagit (paid one). I would recommend you to use any free tool like Canva or BeFunky. 

You can also use GIMP or Adobe Photoshop. In fact, I strongly recommend you to read this tutorial: [How to create your perfect featured image](https://hive.blog/hive-174578/@sidwrites/hive-featured-image)

![Screenshot 20200703 at 11.27.48 PM.png](https://files.peakd.com/file/peakd-hive/sidwrites/tN11oVgv-Screenshot202020-07-0320at2011.27.4820PM.png)



---

![20200617_2151321.png](https://files.peakd.com/file/peakd-hive/sidwrites/5oJaXfkD-2020-06-17_21-51-321.png)



---

Once the colours, font, and the right tool has been selected, now you start adding character.

Most of us are not designers, so we can’t create characters. But you can find them online. This will require a lot of research though.

For example: It took me several hours to find these and then I saved them in a folder:

![characters.png](https://files.peakd.com/file/peakd-hive/sidwrites/sg4vvJp4-characters.png)


**How to find:** Simple. You can [check out this post](https://hive.blog/hive-174578/@sidwrites/the-hive-copyright-guide-learn-the-essentials-to-using-images-and-photos) where I have listed 20 image websites — where you can find free images. 

Or simply [try this](https://www.google.com/search?q=png+images) Google search. Go to any of the website. Then use keywords like "character" "cartoon" "avatar" "figure" to find characters.

**Note:** Always download the transparent (PNG format) image.



---

![20200617_2151321.png](https://files.peakd.com/file/peakd-hive/sidwrites/sfgf8mEC-2020-06-17_21-51-321.png)



---

To create a GIF, you have to make two images. I simply duplicate these images — and then upload them. 

**Note:** the first image should have a text missing. Then the second image should be complete. Combine both to create the animation effect. 

I upload the images on [EZGIF website](https://ezgif.com/maker). 

![EZGIFMaker.png](https://files.peakd.com/file/peakd-hive/sidwrites/hwbqC1d0-EZGIF-Maker.png)

**Note:**

- I change delay time to 80. 
- I use crossfade frames (sometimes)
- To really understand this, you should play with the tool. 

---

![20200617_2151321.png](https://files.peakd.com/file/peakd-hive/sidwrites/frEooEyt-2020-06-17_21-51-321.png)



---

- Do not overdo it. For example: There are so many animations in this post. Don’t do it this way. I did it to demonstrate.

---


- Focus on the emotion you wish to share. Then the text. The character is always important.


---

- Compress you GIF. If they are too big to be uploaded on @Peakd or Hive — then compress using [this tool](https://gifcompressor.com/). 

---

- Don’t add too many elements every time. Again, do it occasionally. Sometimes I skip the character as well.

---


- Always be consistent with your basics. Don’t change the colours or fonts way too often. 


---


- Have fun. After all, this should be a FUN process.


---



Wow!

So that was it. 

You saw a lot. From the psychology of images to the 3 step process to making your own images.

If you are eager to make your own, give it a try. As long as you have time and enjoy the process, be creative with your animations.

I hope and wish this tutorial was helpful. See in the next! :)

Cheers,
Sid

---

**If you liked this article? Feel free to comment and upvote and reblog.**
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,