How to create a Splinterlands themed blog banner for your posts using Canva - and a Gift

avatar

Splinterlands Blog Banner.png

Introduction

I am seeing a lot of Splinterlands players starting to post on Peakd and Splintertalk lately and one thing I noticed is missing in many of them is a banner/header image. That is why I decided to help them out a little bit with this guide.
We are going to create a Splinterlands themed blog banner like the one above using Canva. Canva is a free online design tool with lots of images and templates that can be very handy for us.
In this guide we are going to create a banner from scratch.

Magic Icon Step One - Get Splinterlands images

The first thing we are going to do is go to the Splinterlands website and save some images for our blog banner.

On the main page, click on the Splinterlands logo with the right button and then Save image as, to download the image to your computer.

Splinterlands home page


Next, go to the Cards section, select one card that you like and click on Lore. On this section there will be an image of the character of the card as a transparent PNG. Click with the right button and Save image as.
Save as many images as you like.

Splinterlands Cards page

Splinterlands Lore page


Magic Icon Step Two - Create your Canva account

If you don't have a Canva account yet, it's pretty simple to create one and it's free.
Just head over to www.canva.com and click on the Sign up button. You can use Facebook, Google or create an account using your email address.

Canva SignUp Screen


With that out of the way, we can start the fun.

Magic Icon Step Three - Create a new design

On Canva welcome screen, you can select a template to base the dimensions of your design on or you can create a custom sized one. The first time you access the website it will show you the most used templates. When you start using it frequently, it will start suggesting templates based on the ones you use most.
For our design, we are going to type on the search box Blog Banner.

Canva Welcome Screen



Magic Icon Step Four - Add a background to your design

Let's start our design by adding a background to it. On the left part of the screen you will find the button More and from there you can click on Background to select an image to use. I selected for this design the image Starry Sky Photo Background, but you can select any one that you like.
There are many free options that you can use: solid colors, photos, graphics, gradients. You can also upload your own image to use as background.

tela 3.png

tela 3a.png


img-quest_lodge-symbol.png Tip

When you hover your mouse over the images you will see which ones are free to use. If it doesn't show the text Free on it, then this is a paid resource that you can purchase through a single use license or you can sign up to Canva Pro to use it.



Magic Icon Step Five - Upload your images

Now we are going to upload all those images we saved from the Splinterlands website. On the left side of the screen, click on the Uploads button. Now you can either click on the button Upload media or drag and drop the files to the upload area.

tela 4.png



Magic Icon Step Six - Add and Adjust your images

To add the images to your design, simply click on the one you want from the Upload area. It will be added to the center of the design. From there, you can resize, rotate or flip it to better fit your design.
To resize it, select the image and then click on the bottom right corner and drag outwards to scale up or inwards to scale down.
To rotate it, select the image and then click and drag the little circling arrows icon until you find the angle you want.
To flip it, select the image and then click on the button Flip on the menu. You can flip the image horizontally or vertically.

tela 5.png

tela 6.png



Magic Icon Step Seven - Name and Download your creation

When you create a design Canva will give it a generic name. You can see it on the top bar to the right of the main menu. Click on that name and edit it to use your own.

To download the design to your computer, click on the Download button on the top right of the screen. It will suggest PNG as the type of the file. You can leave it like that and click on the Download button on the bottom of this dialogue.

tela 7.png


Now you have a nice banner to add to your next post.


If you have any questions about the creation of this design, leave a comment here and I'll answer it.


mag0-01.png The Gift

I decided to make this design available as template for anyone to use it as a starting point for their own. Click on this link and Canva will add this design to your account as a copy. You can use it however you want.


splinterlands-08.png


If you are not playing Splinterlands yet and want to give it a try, here is my affilliate link: Splinterlands

If you already love this game you can catch some awesome streams from the No Sleep Gang here: #NoSleepGang




Credits

Images from Splinterlands and Canva
Design by me



0
0
0.000
21 comments
avatar

Great guide @nane-qts I am sure this will help a lot of people. I am still new to this so pretty sure this will help me too.

You have been upvoted by ivarbj0rn (1).gif

0
0
0.000
avatar

I am a res3ller by trade, so using Canva is old hat for me. Your creativity in making a Splinterlands theme banner is awesome. The instruction is straightforward. I am reblogging your post, and you have yourself a new follower :-)

0
0
0.000
avatar

Amazing tutorial! Simple and straight to the point, just the way I like it. Thank you!

0
0
0.000
avatar

That's some great Tutorial and I'm always asking how members are making those "canvas"!

Thank you :D Definitely reblogging your post.

0
0
0.000
avatar

This is an awesome tutorial. Would love to do this (hopefully) on my next post. Thanks!

0
0
0.000
avatar

Thank you @kimikimi ! If you have any questions, feel free to contact me. 🙂

0
0
0.000
avatar

Congratulations @nane-qts! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s):

You received more than 50 upvotes.
Your next target is to reach 100 upvotes.

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Check out the last post from @hivebuzz:

Hive Power Up Month - Feedback from Day 21
0
0
0.000
avatar

I didn't know Canvas for the computer, I will try to use it and do some beautiful things like you.

!PIZZA
!PGM
!LUV

0
0
0.000
avatar

Canva is much easier to use from the computer. If you need any help to use it, let me know. 🙂

!PIZZA

0
0
0.000
avatar

Thanks for the great tutorial!

One question though: How did you get the bandit transparent? The chaos Legion cards have a background, while other older cards are totally transparent.

0
0
0.000
avatar

Thank you. I'm happy you enjoyed it.

All the images of the older cards, including the Reward for Chaos had the transparent background. So the Bandit and all the other Reward cards are still transparent.
They started adding a background to the images when they launched Chaos, I don't know why.
There are some websites to remove background that can help with the newer cards.

Let me know if you have any other questions. 🙂

!PIZZA

0
0
0.000