3 Social Media Design Tools That Create Stunning Images
Looking for tools that are easy to use?
Great-looking graphics are crucial to maintaining a consistent and quality brand image on social media.
In this article, you’ll discover how to use three free tools to create the perfect social media images.
Canva is a well-known and respected free online design tool, so that’s where we’ll start. While you can buy premium graphics and photos on Canva, the four-step process described in this article doesn’t require you to pay anything. Happy days!
To get started, log in or sign up for Canva and you’ll see the view below. Now you need to choose the canvas size (the size/type of graphic you want to make).
If you want to create a graphic for a specific platform, choose the most appropriate canvas. However, if you want a one-size-fits-all solution, select the Social Media option, which is simply 800 x 800 pixels. It will work well on all of the main platforms including Instagram, Facebook, LinkedIn, and Twitter desktop.
Choose a Background Photo
You need a great photo to set the scene. It’s nice if the image is relevant, but to be honest, it doesn’t matter too much. You just want something that’s eye-catching.
You can search for photos on Canva, which will include some free and some premium photos that cost $1. There is, however, a Free Photos section, so look there first.
If you can’t find any photos you like, some sites for finding good free images (not cheesy stock photos) include Gratisography and Unsplash. The image of the gorilla hands in the example is from Gratisography.
After you choose a photo for your background, either click the Upload Your Own Images button or simply drag your photo from your computer to the browser. Then resize the image by clicking and dragging outward from the corners so that the photo fills up the entire canvas.
Add a Color Overlay
Now that you have your background, you want it to be in your brand colors. You can do that by putting a color overlay on it. It’s important you know your brand color hex codes, which are “#” followed by six characters. The hex code for the orange in the example is #ff9900. Ask your designer if you don’t know this code or use an online color picker tool to find out.
Next, create a box over the whole canvas, change the color of the box to one of your brand colors, and then turn down the transparency to around 50-70%, depending on the photo and the darkness of your brand color.
Use your brand fonts to add text over your photo.
Here’s a rule: ALWAYS USE WHITE TEXT.
Unless your brand color is really light (like yellow or cream), white text always looks a million times better on colored backgrounds. If you do have a light brand color, use a really dark gray or brown instead of 100% solid black; this will look much better.
Canva has some nice built-in features for laying out text. Simply click on one of the layouts to add text to the canvas. You’ll want to resize the text box and center-align it if needed.
Click and highlight each element of the text box and change the font to your own brand font. Canva lets you use the whole Google Fonts range, which is great. You can upload your own non-Google font, but there’s a charge for that.
Simply change the text to say what you want and resize if needed. Try not to have too much text; short and punchy text performs much better.
Upload Your Logo
You want your logo in a format that works well on a colored background. If you don’t have this, ask your designer. You at least need a PNG file that has a transparent background, or even better, a white version!
To upload your logo, click Uploads on the left and then click the Upload Your Own Images button to choose your file or simply drag it in from your computer.
Add the logo to your design at the bottom under the text, and if you fancy, add your website address using the text feature. And voilà, you’re done. It’s time to download that beauty!
Click on the Download button in the top-right corner to download your image as a PNG, JPEG, or PDF. If you’re sharing your image on social media, PNG is best. If the image is for your website (perhaps a blog image), JPEG may be best. Only download in PDF for flyers, brochures, and things you’re planning to print.
DesignBold is very similar to Canva, but it has a couple of different features and template styles (making it a nice alternative if you’re seeing lots of other people using your favorite Canva template). There’s a premium membership for added features, but for this tutorial, you don’t need to upgrade. You’ll be starting from a blank canvas to create your image.
Log into or sign up for DesignBold and you’ll see the view below. Now you’ll need to choose the canvas size (the size/type of graphic you want to make).
Again, if you want to create a graphic for a specific platform, choose the applicable canvas. Select the Social Media option, which is 800 x 800 pixels, for a one-size-fits-all solution. This works well on all of the main platforms including Facebook, Instagram, LinkedIn, and Twitter desktop.
Choose a Background Photo
To make the graphic more visually appealing, choose a fantastic photo for the background. Bold photography is great for this purpose, so find a stunning photo to set the scene. It’s nice if the photo is relevant, but it doesn’t matter too much. You just want something that’s eye-catching.
You can search for free photos on DesignBold or buy credits for premium photos.
If you don’t find any photos you like, you can find good free images at sites like Gratisography and Unsplash. If you want to use your own photos, click the upload icon and then click Upload Your Images.
Once you add your photo, click and drag from the corners out so that it takes up the entire canvas.
Add a Color Overlay
You want to add your brand colors to the graphic by using a color overlay. You’ll need your brand color hex codes, which are “#” followed by six characters. Ask your designer if you don’t know them or use an online color picker tool to find out.
Now create a box over the whole canvas.
Then change the color of the box to one of your brand colors and turn down the transparency to around 50-70%, depending on the photo and the darkness of your brand color.
Now it’s time to add the text in your own brand fonts. Click on the text icon and start typing away.
Then click and highlight the text box and change the type to your own brand font. Coming soon, you’ll be able to add your own custom fonts if you have a premium plan.
Simply change the text to say what you want to say and resize. Remember, big and bold text always gets more attention, so keep it concise!
Upload Your Logo
Logo format is important on a colored background. Ask your designer if you need help with this. At the least, you need a PNG that has a transparent background or preferably a white version.
To upload your logo, click on the upload icon on the left and then click the Upload Your Images button to choose your file.
Add your logo to your design under the text, and if you’d like, use the text feature to add your website address. Nice work. It’s time to download your new graphic.
Click on the Download icon in the top header. You’ll have the option to download your graphic as a PNG, JPEG, or PDF.
PNG is best if you’re sharing your image on social media. If the image is a blog image or is for your website, JPEG may be best. Flyers, brochures, and things for print need a PDF download.
#3: Google Slides
Google Slides is free as part of Google Drive when you sign up for a free Google account. It’s essentially a simplified, cloud-based version of Microsoft PowerPoint.
Slides is ridiculously simple to use and great for collaboration, as multiple people can work on the same document together in real time. You can download your final graphics in PDF, PNG, JPEG, and even Microsoft PowerPoint file formats.
To get started, log into Google Drive, click New in the top-left corner, and select Google Slides.
To make your canvas the size you need, select File > Page Setup. In the pop-up box, select Custom, then Pixels, and type in the required size.
To create a platform specific graphic, find out the size you need and type it in. For a one-size-fits-all solution, go square, which will work well on all of the main platforms including LinkedIn, Instagram, Facebook, and Twitter desktop.
Choose a Background Photo
Now add a photo background to set the scene. If you need to find a good free image (not a cheesy stock photo), try Gratisography or Unsplash. You can drag your image into Slides or click on the Image icon to upload it.
Once you’ve added your photo for the background, click and drag from the corners out to ensure the photo takes up the entire canvas. You may want to use the Crop feature to crop the photo all the way to the edges. Look out for the red guidelines, which flash up as you reach the edges, to help you crop it perfectly. If the photo is really big, you may want to zoom out first.
Add a Color Overlay
Now that you’ve got your background, you need to put your brand color overlay on it, which will make it easier to read the text. If you don’t know your brand color codes, ask your designer or use an online color picker.
Create a box over the whole canvas.
Change the color of the box to one of your brand colors. Then turn down the transparency to around 50-70%, depending on the photo and the darkness of your brand color. It should now look like this:
The next step is to add your text. The most legible color of text to have on a colored or photo background is white.
Unless your brand color is super light (like yellow or cream), white text always looks much better on colored backgrounds. If you do have a light brand color, use a really dark gray or brown instead of 100% solid black; it will look tons better.
To add text, click on the T icon and create a text box to write in. Then simply change the text to say what you want to say and resize it to fit. Try not to use too much text; short, punchy, large, bold text always performs much better.
Now click and highlight the text and change the font to your own brand font. Slides allows you to use the whole Google Fonts range, which is great. Unfortunately, you can’t upload your own fonts to use.
If you right-click on the text box and choose Center on Page > Horizontal, the text box will center-align itself on the page.
Upload Your Logo
Make sure you have your logo in a format that works well on a colored background or ask your design for files. If you don’t have this, ask your designer. A white version is best, but you at least need a PNG that has a transparent background.
You can click and drag your logo into Slides really easily or click on the Image icon to add in your logo.
Add the logo to your design at the bottom under the text. Use the text feature if you want to get fancy and add your website address. That’s all there is to it. Now it’s time to download your image.
Simply choose File > Download As > PNG Image and it will download to your computer. Depending on how you plan to use the graphic you created, you may want to choose different options when downloading.
For sharing on social media, PNG is best, and JPEG may be best if the image is for your website, such as a blog image. Choose PDF for flyers, brochures, and things for print.
We get it, you’re not a designer… and what you create yourself might not be at the high-quality standard you need for credibility.
This foolproof four-step process will help you create amazing social media graphics that are on brand and look great. Each of the tools is free to use and it’s up to you to choose which one is best for you.
Yes, there are other ways of designing graphics, but this tutorial is for people who have zero eye for design. All you have to do is copy what we’ve shown you and you can’t go wrong! This method is perfect for creating social media graphics and quotes to promote blogs, upcoming webinars or events, new offers, and more.
In true art show style, here are some other types of graphic designs you can create with these tools. We’re looking forward to seeing your awesome graphics!
What do you think? What types of social media graphics do you create? What are your favorite design tools? Please share your thoughts in the comments below.