How to create a Splinterlands themed blog banner for your posts using Canva - and a Gift
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.
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.
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.
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.
With that out of the way, we can start the fun.
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.
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.
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.
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.
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.
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.
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.
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.
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
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.
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
Thanks for your reply! I will look into that.
I didn't know Canvas for the computer, I will try to use it and do some beautiful things like you.
!PIZZA
!PGM
!LUV
Canva is much easier to use from the computer. If you need any help to use it, let me know. 🙂
!PIZZA
Amazing tutorial! Simple and straight to the point, just the way I like it. Thank you!
Thank you ceejm! 🙂
That's some great Tutorial and I'm always asking how members are making those "canvas"!
Thank you :D Definitely reblogging your post.
Thank you @cantfoldaces ! Hope it helped.
This is an awesome tutorial. Would love to do this (hopefully) on my next post. Thanks!
Thank you @kimikimi ! If you have any questions, feel free to contact me. 🙂
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.
Thank you so much Ivar!
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 :-)
Thank you very much @chris.topher! Much appreciated.
You are so very welcome :-)
Great tutorial. Thanks for the share!
Thank you @zacherybinx!
Thanks for sharing! - @mango-juice
Congratulations @nane-qts! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s):
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:
PIZZA Holders sent $PIZZA tips in this post's comments:
lespipirisnais tipped nane-qts (x1)
nane-qts tipped lespipirisnais (x1)
@nane-qts(4/15) tipped @eijffelbridge (x1)
Learn more at https://hive.pizza.