Design Basics #04 - Using Canva

SUPER EASY GUIDE.png

In the last episodes we talked about choosing photos, matching colors and combining fonts. This time, we will have fun and create an actual design. Don't worry, you don't need any costly software. In fact, you don't need any software at all!

We are going to use Canva.com - a free, easy and professional online tool. I'm not affiliated with them, but i like their site a lot. That is why i want to show you how to use it for your designs.

The Interface

After you created your free account, you will see this screen.

  1. In the left bar you will find all the most important options. It's a bit like a Menu bar you know from software.
  2. Here you can select from a range for popular Social Media Formats that are designed to fit the dimensions of that platform. For writers there is even a KINDLE COVER size too. :)
    2.1.) Click on "more" and you will see more size choices. From "SoundCloud Banner" to A4 Poster.
    2.2.) Be SURE to choose the CORRECT SIZE, as free users can NOT resize their designs later on. If unsure, go rather bigger, export and resize in another tool later.
  3. This is very important, as it allows you to set your own dimensions (even print resolutions).
  4. Shows you everything you have created so far. Yes, every design you make will be saved for later and you can edit it or make duplicates.

01.png

First Design

I went ahead and selected "Presentation (16:9)" - a good format for Steemit. A new browser tab opened and now we are in the work area of Canva.

  1. The left bar changed into an editing menu, giving us many great choices to create our design.
  2. Our first choice will be one of the pre-made design. Though you can also start from scratch.
  3. Gives us a range of options to share, download and even order prints.
  4. Is our work area, where we will create our design.

02a.png

Choosing a Design

Because i choose "Presentation (16:9)" some of the pre-made designs give us 10 or more pre-designed slides. That is really handy if you want to talk about a topic in detail and preset some stats or facts. Your post will look super professional.

03.png

However, we are just going for a single cover picture this time. Any pre-made design comes with a full combination of background image, effect filters and font selection. We are free to change any of them, of course. I selected this one for us and we will edit it now.

04.png

Editing the Design

Time to get to know the edit menu on the left

  1. Search - here we can search for many shaped and photos. They are FREE it indicated - otherwise you need to buy them
  2. Layouts brings us back to the layout choice. We are free to choose another layout at any given time.
  3. Elements is our toolbox for photos, shapes, frames, forms, lines, illustrations, ect. There is a ton to choose from and create your very own design and look.
  4. Text gives us a ton of pre-made font combinations. This is a great way of making your font combination easy as pie. Keep in mind that not all fonts are free.
  5. A large selection of background colors and patters of abstract designs
  6. Upload is our magic area of uploading any photo or illustration we want to use. These are saved here for later use too.

05.png

I selected one of my own images and dragged it onto the work area to replace the image that came with the design. After clicking on the picture in the canvas, notice how the menu above the design area changes.

  1. On the left we see the "Upload" area, with all the images i uploaded so far
  2. Is the smart-menu, that now holds all the image editing options like "crop" and "flip"
  3. After clicking of "Filter" a pop-down menu is shown, that gives us instagram-like filters as well as several image adjustment options
  4. "Advanced Options" gives us even more ways to tweak our image.

06.png

On the right side, we fine more options that are important for us.

  1. Copy allows us to make a duplicate of the selected object
  2. Arrange is very important, as this gives us a way to move an object one layer up or down. Everything in canva is placed in single layers, like pieces of paper on top of each other.
  3. Is a way to connect a web-link to a object. This obviously does not work for jpg or png exports.
  4. The trash bin allows us to delete the selected object.

Extra: In the turquoise bar on the top we also find a "undo" option, in case we make a mistake.

07.png

Changing the Text

If we click on a text in canva, we can not just change what is says, we get a lot of options, that most will know from text editing software like Word. From left to right: Font, text size, font color, bold or italics, text align, upper case, bullet points and spacing

  1. In the font selection we find a large amount of font choices. They are all ready to use.
  2. This handle allows us to resize the text box.
  3. This handle gives us a way to rotate the text box.

Extra: If you move the mouse cursor to the side of a selected object, the mouse cursor turns into a cross with pointy ends. This can be used to drag the object across the work area.

09.png

Ready to go

I entered new text, change the font size and color and rearranged the texts a bit. Now we are ready to go.

  1. The "download" button shows us a list of formats to choose from.
  2. Here you can select your desired export format. You can export as often as you like. Usually you would choose either JPG or PNG. I only selected PDF to show you the print option (Do NOT select PDF for online use - it is not a image format).
  3. "Crop marks and bleed" are markers that your print shop will need in case your print needs to be cut (If in doubt, call them call and ask). This option is only shown when choosing PDF. If you send your PDF to a print shop, leave the box unchecked. Otherwise check the box to hide these marks if you create a brochure for online use for example.

Extra: Unlike JPG, with the PNG format you can create transparent backgrounds. This is useful when you use a web image that is on top of other elements and is not intended to look rectangle in shape.

10.png

Finish

I finished our cool and fresh design and exported it as a JPG, for use on Steemit. You can see it below. Keep in mind that your design will be saved in your account for later use. If you create a Series of posts or videos, you can always create a duplicate of your design and adapt it for your next post or episode. Try to build a BRAND design that is easy to recognize and gives your readers an additional visual hint that this is a post by you.

travel is more than just an experience.jpg

Thank you for reading. Use the comments to ask and share your thoughts :)

Next post in this Series:

Design Basics #0 5 - 10 ways to max Canva

Other posts by me:

Design Basics #01 - How to select a picture
Design Basics #02 - The Power of Color.
Design Basics #03 - Learn how to use Fonts


cats.jpg

H2
H3
H4
3 columns
2 columns
1 column
13 Comments