Social Media Graphic Design for Beginners | Maggie Stara | Skillshare

Social Media Graphic Design for Beginners

Maggie Stara, Digital Marketer & Top Teacher

Social Media Graphic Design for Beginners

Maggie Stara, Digital Marketer & Top Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
29 Lessons (3h 51m)
    • 1. Introduction and Expectations

    • 2. Terminology and Creation Basics Introduction

    • 3. Psychology of Colours

    • 4. Hex Codes and Colour Palettes

    • 5. Understanding Licenses

    • 6. How to Find Free Images and Videos

    • 7. Terminology, Design Dos and Don'ts

    • 8. Instagram and Facebook Overview

    • 9. Get to Know Canva

    • 10. Create an Instagram Story

    • 11. Optimise Your Instagram Story

    • 12. Design an Inspirational Quote Graphic

    • 13. Creating a Multi-Image Post

    • 14. Create an Epic Facebook Page Cover

    • 15. Design an Impactful Facebook Ad

    • 16. Create an Animated GIF

    • 17. Pinterest and YouTube Overview

    • 18. Create Pin Templates

    • 19. Customise Your Pin Templates and Tall Pins

    • 20. Create Pinterest Board Covers

    • 21. Create an Image Cut-Out

    • 22. Create YouTube Channel Art

    • 23. Create a YouTube Video Thumbnail

    • 24. Design a YouTube End Screen [Free Template]

    • 25. Additional Business and Web Materials Overview

    • 26. Design a Stunning eBook

    • 27. Learn to Resize Your PDFs and Images

    • 28. Using Mockups

    • 29. Thank You

46 students are watching this class
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

The truth is, most of the incredible, eye-catching graphics you see online aren't created with expensive software by professional designers.

They're created by people just like you and me, using free tools that are simple and ridiculously fun to learn.

Now it's your turn. 

Whether you're a beginner looking for some guidance on basic graphic creation, or an expert looking to pick up some new tricks - this course is for you! 

What can you expect? 

This course is packed full of exciting, valuable lessons that teach you exactly how to create beautiful graphics that will help turn your online presence into something truly remarkable. It's taught using follow-along screenshare videos so you can create your projects at your own pace as you watch! Plus, I'll provide you with my custom, downloadable, mobile-friendly templates (to 2020 specifications) to ensure that each graphic you create is going to look fabulous on mobile too. 

Why is this course special?

Using a popular tool like Canva, it would be easy to simply teach you how each of the tools work so you can take one of their pre-loaded templates and customise it to suit your own needs. But if you want to truly enhance your social media, your business or your website's online presence - you'll need to learn a few tricks that other courses don't cover.

Inside this course, we'll master the basics together, and you'll become confident using Canva and other free online tools. That means no more relying on expensive graphic designers or costly and confusing design software! 

As a freelancer, business-owner and best selling course creator, I know exactly what it takes to create a lasting impact online. 

By the end of this course, you'll be able to make your own:

  • Canva graphics to use anywhere online and offline for print

  • Instagram inspirational quote graphics, multi-post images and moving GIFs for Insta Stories

  • Facebook graphics, cover photos and Facebook ad graphics

  • Pinterest pins and board covers

  • YouTube channel art, video thumbnails and image cut-outs

  • Business eBooks, mockups and compressed images to ensure your website stays super fast!

I've cut out all the fluff and filler from this course... in less than 4 hours, you'll be able to create everything you see above! 

Are you ready to create something remarkable today? I hope so!

And once you're done, if you'd like to further expand your knowledge of the social media marketing world I recommend checking out the class below:

Meet Your Teacher

Teacher Profile Image

Maggie Stara

Digital Marketer & Top Teacher

Top Teacher

Hey you, I’m Maggie. I'm a digital marketer and your creative instructor! 

Back in 2016 I was first introduced into the world of social media marketing. I was SO excited about the possibility of working online and being my own boss but I was really struggling with the lack of honest, authentic and high-quality information out there for beginners. So after learning the ropes the hard way and becoming a successful freelancer, I set out to help make things easier for creative overachievers like myself.

So, I went ahead and created everything with you in mind.

My classes are made by someone who knows exactly how intimidating it can be to be trying to master 20 tools at once and stay on top of constant updates with each of them. And my hope is to tak... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.



1. Introduction and Expectations: Hey, guys. I'm so excited that you're here checking out my course. My name is Maggie Stara. I am a proud and travel obsessed digital marketing nerd, online course instructor, and the co-creator of Living to Roam, which is our one-stop-shop for people wanting to learn modern marketing techniques even on a small marketing budget. Now with this course, in particular, I created it for freelancers and business owners and anyone in between who wants to learn how to make a big vote, impactful visual content for social media, and for their overall online presence using completely free online tools. Now, by the end of the course, you will know how to make beautiful Instagram Stories, graphics for posts, and even multi-image posts that are going to help you make your profile really stand out. We will also learn how to make dynamic Facebook cover videos and captivating Facebook ad content, we'll also be creating beautiful pins and board covers for Pinterest, attention-grabbing YouTube channel art, and thumbnails for your videos. As well as creating these dynamic animated end screens for your YouTube videos that will help to drive more views and increase your subscriber conversions. We'll also look at how you can design beautiful materials to be used on websites and as additional materials for your audience, such as beautiful e-books or resource guides. Now it's a lot to learn in just a few short hours. So I hope you're as excited as I am and I'll see you inside our first lesson. 2. Terminology and Creation Basics Introduction: You only have one chance of making a powerful first impression. Having bad visual content online is the digital equivalent of coming to an interview with spinach in your teeth. You might be the best candidate for that job, you might even be the funniest, you might be the most qualified. But chances are your interviewers are going to have a hard time listening to what you're saying, because they're staring at the bits of fluffed over breakfast in your teeth. I'm here to make sure that your online presence is spinach free, and that you're able to make a powerful first, second, and 50th impression on your audience as well with some amazing visual content. Now we're going to kick the course off by covering some basic concepts, terms, and some tools as well, to get you started with the basics of content creation to make it a little bit easier for you to go through the course, without having to worry about the terms that I'm using and what they might all mean. Now, if you're ready, I would also encourage you to download the course workbook, because it's going to have a list of all the amazing resources and tools that we're going to be using throughout to make it really easy for you to access, so you don't have to write it down every single time. To access your workbook for this course, on the desktop version of this course, just make sure to head over to projects and resources, coursework book here, so you can just download that straight onto your computer and it'll open up in a new tab. All you have to do is download it, and you'll be able to access all of the clickable resources within it. When it comes to the actual templates that we use for this course, just follow the instructions here, you'll be able to click here. It will take you to a Google Drive folder like this one, and you can just select Download all, to get all of the templates onto your computer or just upload them to your own Google Drive. If you're ready, let's get going into the next lesson. 3. Psychology of Colours: Knowing the psychology of colors may not just be important when selecting the overall brand colors, but also when using colors in other marketing efforts. Let's take a look at the color emotion guide here and talk about why certain brands have chosen specific colors to connect with their audience. Yellow is the color of the sun. It's easy to understand why yellow evokes feelings of optimism, clarity, and warmth, and also just really stands out from other colors, making it really easy to see. Brands like McDonald's and Subway use yellow for its playful qualities. While CAT create construction equipment, so yellow there is more of a sign of safety and caution. Orange is a color that really doesn't let anyone pass without taking another look. It will stand out from the crowd, and it sends a message that says, "I'm not afraid to be the center of attention." Because of this, it's considered to be quite creative and useful and enthusiastic, which makes it really perfect for brands like Nickelodeon and Fanta. Now red can actually physically raise people's pulse rates when they look at it. It's a powerful color that is warm, exciting, sexy, and urgent. It's a color of blood and romance, and stop signs and classic roses. It's a no brainer that red is bold, making it the perfect brand color for companies that aren't afraid to put themselves out there like Coca-Cola, Netflix, Target, and Kmart. Purple is the color of royalty. It conjures images of grandeur, of opulence, and wisdom, and mysticism. It will activate the imagination, and it really draws the eyes. Brands will harness purple was regal, sort of anything is possible vibe to join customers who are looking for an experience that is a step away from the ordinary. Companies like Hallmark, and Cadbury, and even, and the Syfy channel, all leverage the power of purple. All you really have to do is sit by the ocean on a clear day or stare up at the sky to know that blue is a really common color. Blue also conveys feelings of strength, and dependability, trust, and tranquility. Technology brands like Dell, IBM, Intel, and AT&T, and even Facebook and Twitter take advantage of blue's trustworthy message. While the earth may be the blue planet, there's definitely a lot of green here as well. Green gives us a sense of serenity and peacefulness, and it definitely conveys the idea of growth. Many brands whose products deal with environment will utilize green. John Deere, Animal Planet, and Starbucks will all use the color green. Of course, green's value goes beyond nature focus companies. Whole Foods will take advantage of the fact that people also associate green with health and wellness. Now when it comes to black, white, and gray, these will signify a balance and innovation. Car companies like Mercedes-Benz and Honda use logos that feature silver. Apple uses white, black, and gray, and silver throughout their brand and products. You'll see companies like Nike use a really simple black logo for a minimalistic look. Knowing all of this might be really useful if you're either looking to help your client decide on their overall branding, but also even when it just comes to creating content for their social media. You know, for example, if you're going for a minimalistic and innovative feel, you're going to use monochromatic colors. You're going to go for white, black, gray, somewhere in the middle. Whereas if the emotion that you are going for with your poster, with your ad, and the emotion that you're looking to evoke in your audience is one of trust and calm, you're going to go for blue used instead. Get to know these colors, get to know them, and learn how to use them in your social media management strategies in a really effective and awesome way. 4. Hex Codes and Colour Palettes: Canvas color palette generator is an awesome tool that you can use if you're looking to play around with how different colors play together, from uploading an image that you might have as a reference point for what look your client is going for. What you can do here is you can upload an image and it'll tell you what colors are present in that image based on their hex codes. You can use some of their images, you can go through to try with our demo image, and I'll just pick an image for you and tell you which colors are present in that image or you can upload your own. You'll notice it'll say, "Drag another photo." I'm going to go ahead and just select this one from my desktop, drag it straight through, and it'll tell me what colors are present in that image. It's just going to pick out the most dominant ones here. You can then copy that hex code and just put it right into Canva or another software you might be using if you really like this particular color. But you can actually pick any other colors other than the ones that it's giving you here. That's the one downside of it, which is why I've got another free tool for you, which is the It is full of ads because it is a free tool. You're going to see lots and lots of banner ads, but you can just scroll down, upload your image. I've already uploaded mine here, and the benefit of it is that it will give you a color palette much like Canvas palette generator, but it will also allow you to choose your own colors based on moving around through the image. Let's say I'm really interested in the specific color that this dog has on its head here or maybe this little purple-gray fluffy cushion or blanket that's behind him. It is really great because normally, I need to do this in Photoshop, so it's great to have an online tool that does this for me. Especially if you're maybe curious about your client's current brand colors and they're really not sure, then you can just upload one of their branded graphics. Come in here, pick up the color, and then drop this hex code into Canvas so when you're creating their future graphics, you can be sure that you're creating them in their brand colors. The last free awesome tool when it comes to creating pallets is called Coolors. It's got a free generator. If you jump onto and go to start the generator, it's free. This is a really good way to just practice playing around with some color palettes and different shades and tones of colors as well. If your client knows that they really want these two particular colors but they're not sure about how the rest of them will play with these two colors that they've chosen, here's a really good way of going about it. If you know, for example, I have AEE9DC as our particular shade of turquoise here, and I know that that's the one I'm definitely certain on and I'm just not sure about the others. I can lock this color, and then if I hit my spacebar, it'll shuffle through the rest of these colors for me, but it'll keep this one intact. It will give me some different color variations and combinations. This is pretty close to our other orange colors. Maybe I would go, okay, cool. I like these two together and I'm going to lock this one as well and keep giving me more colors that really work well with these. Now, what you can also do here is you can go through and adjust. You can be like, okay, I like this one, but maybe I want it to be a little bit brighter or a little bit less colorful. I'm going to go more towards the neutral level of saturation. You can also just color pick here. So you can know that maybe the third color you want is actually more of an orange or more of a yellow here and just pick it here. Maybe you know the exact text coding, in which case you can place it here, and you can also move these around a little bit. If you want them in a particular order because you're looking to present these to a client and show them how the color palette is turning out that you're designing for them, then this can be a really good way of doing that. You can also save and export these if you're looking for a more professional PDF version of this. But yeah, it's a really cool tool for you to play around with. I use it quite a lot, especially if I'm looking for inspiration for color palettes for particular projects or like I said, for branding designs. Definitely, go play around. It's a totally free tool, so enjoy it. 5. Understanding Licenses: It's important for me to mention right up front that this lesson should be taken with a grain of salt and is not designed to make you paranoid or freak out about using other people's content. However, as we'll be going through how to actually create awesome and captivating content for social media, it's really important to note that there are some restrictions with what you can and can't do. You want to make sure that you're doing the right thing by your client and your own brand by using content out there correctly and legally. Some really basic terms for you to be familiar with in terms of taking images, videos, artworks, photographs, and music off the Internet and using them for your own purposes here. The term royalty-free is a license type that grants the buyer a determined set of rights to use content in multiple ways for a one-time flat fee. This means that you basically pay for the license only once and you can then use it forever within the accepted ways without any further payment obligations. You'll usually see stock image companies use this term, for example. You can purchase an image once from Shutterstock or the likes, and then you can use it on your website and socials as much as you want. Creative Commons is a non-profit organization dedicated to building a globally accessible public commons of knowledge and culture. They essentially help creators license their content according to the type of restrictions that they want to place on the people purchasing and using their content. You'll see the Creative Commons licenses, a law on the Internet. CC-0 is a type of Creative Commons license. It's the least restrictive license out there. It lets others distribute, mix, remix, adapt, and build upon even commercially, without needing to attribute to the original creator of the work. Other types of Creative Common licenses might allow for free use, but might require you to then give attribution to the author. This type of license, we'll look at it in the next few lessons, but essentially it allows you to take an image, and edit it, and stretch it, and resize it, and copy it, and use it on your socials, and on your website, and everywhere else, and you don't ever have to talk about who took the photo or attribute them in any way. You can essentially do whatever you want and it's perfectly legal and totally fine for you to use. Another two terms here. Non-commercial means that something is not primarily intended for or directed towards commercial advantage or monetary compensation by an individual or an organization. For example, if you're using a photo in a lecture or for your own personal project, then it's not commercial because you're not selling that. Now commercial use on the other side is the use of something that would be reproducing it in any manner that is primarily intended for or directed towards commercial advantage or monetary compensation. An example of this would be images or any media that you might use in TV production or use in advertising. It's specifically for commercial use. The important thing to note with these is that music distribution is arguably the most monitored of all the content used because it's also the easiest for programs to pick up on. For example, if you try to use a popular song by DJ Khaled as the background song for your Facebook ad, it will automatically get rejected. Whereas on other platforms, it might not get rejected as long as you maybe credit the artist at the end, but generally best practice with all content is to just use content that's completely free for you to use without having to attribute or credit the original creator, or to purchase it so that you know you're doing right by the creator. Now the good news is that older platforms dedicated to providing you with either free or paid images, videos, and the likes are really dedicated to transparency, so it's really easy to find out whether the content you are taking from the web is free for you to use, or whether you need to purchase it in advance before using it for your clients' socials. 6. How to Find Free Images and Videos: Bigger brands out there will either stick to taking all of their own photos or purchasing photos from the likes of Shutterstock or Adobe stock, which are high-end professional photos that are very specific. What I mean by this is if your client is, for example, just as a joke here, looking for an image of something really specific, like a woman being haunted by the ghost of hamburgers past, or maybe they're looking for to crash test dummies, engaged, public displays of affection, then they really will have to purchase these because they're so ridiculously specific, you're not going to find these for free. But I've found them most of the time people are just looking for a nice background image for a quote graphic or a blog post. In which case, some of the free websites we'll be discussing here might totally suffice for what you need. My first go-to resource for beautiful, big, artistic images that are completely free for you to use, edit, and even sell for commercial purposes is on Unsplash. So you can search for really broad categories like animals and business and nature, and all of the different options that you've got up here and find really gorgeous images. You can also sign up for a free account with them. Anytime that you find an image that you like, you can save it to a private collection so that you can easily access it and download it later. For example, I'm going to go ahead and search for Teal here. Because I know I've created a collection. You can see the beautiful images for me here. I quite like this one, so I'm going to go ahead and add, collect, and add it to my Teal and Orange collection. Later on, if I just want to jump into my account here, go to my collections. It's a private collections but I can save my images here so that in the future if I know that this is a theme I'm going for with a particular account. I can go ahead and access them all and just download straightaway. If I jump into this image, whether it's from the search engine or from my collection, I can select from the drop-down what size I actually want to download, and you will find with Unsplash images, they are quite giant, so this is huge. I would suggest that you download them only in the dimensions that you actually need so you're not using up too much space on your computer. Now, Kaboompics is another awesome free resources that I really like that's similar to Unsplash in terms of their quite beautiful, minimalistic, artistic images that you can find here. But they're a little bit heavier on the advertising. The one thing that does make Kaboompics stand out for me in terms of something that they provide that Unsplash doesn't, is their photo palette function. When you click on any photo in kaboompics it will open up a new tab and it will show you a display of the colors that are featured in the image. It'll also show you if it's been a part of a photoshoot. If you like this image and you want to use it in slightly different forms, it'll show you that somebody who took that image also took 10 others that are quite similar that you can also use, and you can always download the color scheme here as well. Same as with Unsplash, you can download it in different formats. You can actually download it and custom dimensions here. But once again, try to download it as small as possible because this is a gigantic image and you probably don't need it quite that big. If you just go back into the homepage here, going up to discover free photos or free photoshoots, the other thing that you can do with Kaboompics is to search by color schemes. For example, if I'm looking for a blue color scheme here, and I'm only looking for horizontal, or vertical images. I can also filter by that. But let's say I want to look up photos that are only in a bluish theme. I'm going to be just blue. It's going to give me maybe some turquoise and maybe some purples as well. But it's roughly that color scheme that I'm looking for. This can be a really good way if you're trying to keep a really consistent theme across your Instagram, for example, and you're looking for just these turquoise hues, then Kaboompics could be a really good way to source some really free images that you can't post socials that you can edit that are within that color theme. I am aware that although these images and these websites provide you is really beautiful content, I know that everyone's go-to image tool would probably be just going to Google images. I want you to get into a habit of discouraging your clients from just going to Google Images and downloading content straight from there unless it's under the correct distribution license. Because the penalties for breaching copyright laws can be quite steep. I'm going to go ahead and show you how you can actually use Google images. So I'm going to type in women laughing at salads, because it's one of the most hilarious Google searches that there is. Love that this exists. Then going straight to images. This is a hilarious stock image collection. Naturally, you would be inclined to just go ahead and pull an image trait from here. Instead, what I want you to be able to do is just go to tools and usage rights, and then you want to either go for labeled for reuse or labeled for reuse with modification. If you're going to be making any changes to the image, this is the most strict type of license there is. So go ahead and select that one, and it will only give you the images that are free for you to use on the Internet and have the right licensing for you to use them. Pixabay is another really great free resource because it offers more stock images, style photos. Some brands have a lot of use for these instead of the ones that you find on Unsplash and Kamboompics that are a little bit more artistic. This does also mean that its search engine is a little bit better at picking up specific search terms. It gives you the option to search for not just photos, but also illustrations, vector graphics, and images, and also videos now as well. If you're looking for a vector graphic of a crown, for example, and you want to select vector graphics, it's not going to be showing you any photos specifically. You wanted to have a transparent background so you can place it straight on top of another image, then this is the best place to look for something like that. If you click into it and it has this checkered background and you know, it's a vector image and it's going to have a transparent background that will allow you to drop it straight into a software like Canva and just put it on top of your images and be able to edit straight on. If you are logged in, you might be able to download a little bit more stuff per day, but even without an account, you can just go to free download, and it'll give you some options, again, of the dimensions you can download. If you download it as a vector graphic, which is down here, it does mean that you might be able to change the color from black to other colors in a software like Canva or other softwares. Whereas if you download as a PNG, you're essentially just downloading the image, meaning that it's just going to remain black but still with a transparent background. So depending on what you need, just go ahead and download the right dimensions there. This can be a really great use of Pixabay for that. I'm going to go ahead and jump straight back into the homepage here. Because Pixabay also newly does feature videos and music as well, which makes it quite unique. If you are looking for any music tracks, this can be a really good way of finding some free music that you can use for video clips, for the likes of Facebook ads, or in any videos that you're putting on organic socials as well. Another great resource for both images and free videos is Pexels. So Pexels does have some photos is pretty limited, 4,000 photos, not that many, 1,000 videos isn't all that many either, but it's 1,000 free videos, which is awesome. If you are looking to upload these into wherever you're creating your content, this can be a really great resource for that. Again, when you're pulling any of these images, or videos, or music from any of these websites that are truly free for you to use and modify, your best call here would be to create a google drive folder or folder on your computer dedicated specifically to these types of content. So that, you know, couple months from now, a couple years from now that you pulled these specifically from these websites so that you know they're completely free for you to use as many times as you like, and you don't accidentally confuse these free images and videos with the other images that you might have just pulled from Google or wherever that might have stricter licenses and copyright laws in place. 7. Terminology, Design Dos and Don'ts: Before diving into our designs, I wanted to include this lesson that's going to help to clarify a few common terms in the design world, as well as provide you with some key design dos and don'ts that are based on some very common mistakes that people, including myself, make when they are first beginning their designing journey. Seriously, you should see some of the stuff that I designed for clients when I first started working online. It makes my skin crawl now, but we all have to start somewhere, and without those graphics with crazy tiny, curly pink fonts on green backgrounds, I wouldn't be here teaching you how to learn from my mistakes. So don't be afraid to make mistakes because each and every single one of them will teach you something that you can do better next time. Also, make sure to save all your work somewhere in a Google Drive so that a few months or even a few years from now, you'll be able to look back and see just how far you've come with your design work. Let's get started with some key terms here. JPEG and PNG files. You've probably heard both of these file formats at some point, so just to cover the basics of each, some quality is compromised when a raw image is converted to a JPEG. The reason is because the compression is lossy, which means that certain unnecessary information is permanently deleted. A JPEG does, however, allow you to create much smaller file sizes than you could with a PNG, but it's not ideal if you want to continue editing that image. An important benefit, and often sometimes the deciding factor for people using a PNG file instead is that unlike a JPEG, they do support transparency. This allows you to have a transparent background around an irregular-shaped object like myself in this cut out over here, and avoid a white or other colored box outlining that image. If you require transparency, you'll need to actually opt for a PNG file because a JPEG just won't support that. Like the term indicates, for a PNG having a lossless compression means that it retains all of the data or it doesn't lose that data that is contained within that file during the process. So lossless compression is necessary when you have images that are still in the editing process, which can be ideal if you are just taking raw images that you want to keep on editing and tweaking, which you can do a lot easier with a PNG file than you can with a JPEG. Generally speaking, I always save my designs in PNG format because this format also holds really crisp lines and gradients a lot better than JPEGs. The only thing is that photographs that you'll be pulling from the web, from Unsplash or Pixabay, or any of these other websites will often be in JPEG format because they've already been edited and don't have the design elements that your finished creation will have with text and graphics and all these other things that are going to be a part of your overall design. If you are not trying to save on space too much on your computer or on a hard drive, I would really recommend that you save your creations as PNG files. There are also two different types of digital graphic files, rasters and vectors. Raster graphic is made up of a grid of many different pixels, whereas a vector graphic is instead made up of many different lines or paths. One of the biggest differences between a vector and a raster is the ability to scale that graphic. Since a raster is made up of a certain number of pixels, at a certain point of scaling, that image is going to become really pixelated and blurry. But a vector is not going to have that problem. Now since a vector can be scaled to just about any size without losing that sharp edge, it's generally the more favorable option for people designing logos which often have a large range of size applications, from the tiny side of a pencil or other tiny marketing materials to the side of a building. The reason this is important is because you're not actually able to create vector graphics inside of free tools like Canva. You can create a logo, but it will actually just be a raster image like this one over here, which is made up of pixels. So if you were to create this logo and then you were to stretch this graphic to a billboard size, for example, it will get really blurry. This is also why it's really important for you to design for the dimensions that you actually need. I'm going to be emphasizing this a lot throughout the course. Because if you, let's say, create a beautiful design for Instagram with certain dimensions, and then you decide you want to try and stretch that image to twice that size to use in a website, it's going to become a blurry mess. But this can be really easily avoided, so don't worry, and we are going to talk about it a lot throughout the lessons. Now, other than just size, it's also really important for you to know whether you're designing for web or for print. If you would like to have the potential to use your graphic for both purposes, then design it for print as the higher-quality format, and then you can repurpose that for web as well. The main difference between web and print in terms of using free tools like Canva, which we'll be using throughout the course, is that your dimensions will either be in pixels for web or inches and centimeters for print. That's really important because web graphics will normally be at 72 pixels per inch, while print materials will have a resolution of 300 dots per inch. What that means in web graphics is that there'll be 72 pixels, little tiny blocks of color that are pixels that are making up that image in every single inch of that graphic. Whereas if print materials will require 300 colored dots per inch, making them a beautiful solid color when it's printed. All you really have to concern yourself with in terms of this is, do you need to actually print your project at the end? If you decide that you do want to print it, then figure out what dimensions you want to print it in, and put those inside of Canva, and the tool will take care of the resolution for you by allowing you to have that big bold beautiful color and export your document for print once you're finished with it. Now getting into some more complex terms in terms of your design skills. Kerning is the adjustment of spaces between characters. In Canva, you're going to be able to play around with this through their letter spacing tool. You want to make sure that you're not squishing your letters in your graphic, but you also want to make sure that your letters are not too far apart that it's really hard to read the words that they're supposed to form. Now, much like with kerning, you also want to make sure that all of your letters within the individual words are evenly spaced out and that their line-height is appropriate for the graphic you're creating as well. Another common mistake for people to make is having too low of a contrast between the text and the background. So make sure to keep the contrast high to prevent that issue. Another mistake is the overuse of capital letters. Not only do capital letters make the reader feel like they're being yelled that, but they can actually really overpower the other texts in that graph. Finally, be really careful of your type size. It's better for your text to be too big than too small, but neither is really great for the balance of your graphic. Text that's too small on desktops will often be completely unreadable on mobile devices as well. Now, just like within a lot of natural orders in the world, a strong and purposeful hierarchy is a pretty powerful tool for you to use. Within the world of design, hierarchy concerns the arrangement of visual elements in order to signify importance. So the more important elements are made to hold the most attention through scale, color, type, etc., and the least important elements are made to hold less attention by doing the reverse of these different techniques. Now, a lot of times, it's also really easy for people to get caught up in the client's brand and style and their tone of voice, and forget who the actual intended audiences is for that design. Remember that while your design might look fantastic and beautiful, if it's not right for the people that you're trying to communicate with, it will likely miss the mark. Much like this graphic on the left that's designed for a children's concert, but it's black and white, monochromatic, using very fancy fonts, whereas the graphic on the right is much more catered to that type of audience. Now, just like you would with a palette of colors, you should also have a carefully selected pallet of fonts. Like colors, certain fonts will have different types of moods and emotions associated with them. For example, you probably wouldn't use a Comic Sans type font to represent a law firm or an accounting firm, for example. Using less fonts in a graphic and using them very intentionally is really important. If you're not confident with your font pairings, I have some resources for you in your course workbook, so make sure to check them out. Again, a lot of this comes naturally to you through repetition, as you're going through different font pairings and figuring out which ones look good together. Now the backbone of a good design is also to present something both visually and effectively. This can be really disrupted by overloading something with way too much information. The empty parts of your design can be just as important as the parts that you actually fill. Space can really help to put more focus on a specific aspect of your composition. It can let your design breathe, it can balance out your elements, and it can also add some sophistication to your design. Another thing that white space can do is to really add meaning to your design without adding in another physical element. So don't be afraid of using empty space in your designs. Now, calls to action are prone to being overused. This is more the case of website design, but even on simple graphics, you'll sometimes see companies advertising a sale or discount and asking for an email, and asking for a subscriber, and a follower, and a like, and it's just a bit too much. Focus on one call to action, one thing that you want your audience to do, and keep it really simple. We already covered this a lot in different areas throughout, but always remember that the best designs are almost always the simplest. Keeping things clean, straightforward, and effective is the best way to go. When it comes to design, just remember that less is always more. Finally, always, always check what your designs are going to look like on mobile devices. Just because something looks really great on your computer screen does not mean that it'll work on Instagram on a mobile device. So always, always check, check, and check again. 8. Instagram and Facebook Overview: Canva is one of the best tools online as far as I'm concerned. It has so much value provided by graphic designers from all over the world who are continuously updating it and giving you new tips and ideas and designs that you can tweak and make your own. There are so many templates for all these different types of uses when it comes to creating documents, and business cards, and social media content, and even now GIFs and videos. It's just so incredible with all the things that you can do with it. We're just going to get started with this section of the course by having a look at how you can use this amazing free online tool to create really powerful content for your Instagram profile and for your professional Facebook page as well. You can really draw your audience in with powerful visual content through social media, and keep them engaged as they're on your platforms as well. 9. Get to Know Canva: Canva, might honestly just be one of my favorite tools on the Internet. I've personally been using Adobe Photoshop since about 2010, and Canva does so much of what I've previously needed really expensive and complex tools to do, and completely free on their free version or first small monthly price on their pro version. I do used to use Photoshop in my work occasionally, but Canva has streamlined my work so much because it's quick and it's easy, and even on the free version you just have so many incredible capabilities. Especially when you're just starting out, honestly, most of what you need to do can be done inside of Canva, so let me just show you around, let's start by heading to You'll be asked to sign up for a free account with your e-mail or your Facebook account. Now, I suggest going with your e-mail because Canva actually do send you some really useful design tips from time to time, and you can always unsubscribe as well. Now, I already have an account, so I'm just going to go ahead and login and I'll see you on the inside. Right when you log in, you'll see some prompts about what you can actually design, and then just below that you'll see all of your existing designs. Let's just quickly go over what's on the left-hand side by here, at the top you'll see that I have my profile photo set up and a professional username. I really recommend that you do the same if you'll be using Canva with your clients as it just adds a certain level of authority to your services. Then you can see all of your designs all in one place in this category over here, so if you don't want to look at them down here you can always just jump onto all your designs and it will just show every single thing that you've done. Then under photos, you can also just search for both free and paid photos, and download these just as they are. Just as you would from Unsplash, but most of these are actually from Pexels. If you like a photo from here, then you can also retrieve it over here where it says Likes, so we've just liked it, and then if you go over here you'll see it there saved for you. Now brand kit is limited on the free plan where you can really only add a few of your brand colors and no logos or fancy fonts. But it's honestly not as necessary as you would think because Canva now has so many awesome fonts, and the logos for yourself or your clients, you can actually just upload into your personal uploads folder anyways. This is not a massively crucial part of the paid plan, but just know that on the free plan you can add up to three brand colors, so when you're working within Canva you can just really quickly pull these up so you don't have to memorize all of your hex codes. Design School, if you were to click on that will just link out to Canvas on learning platform. These are just 2-3-minute videos which will mostly focus on one topic each, and won't really have instructors teaching these, but they are still really handy as a lot of them will come with articles, and some of them are just articles without any videos, and this is where you can go to learn advanced techniques, like which fonts will go too well together, and examples of how some awesome professional graphic designers and big brands are using Canva for their accounts, but do keep in mind that a lot of the tutorials are for the premium or the paid plan because obviously Canva's goal is to get you to sign up for the paid plan. Whether you're on the free plan or the pay plan you can come here and get some inspiration, just so you know that that's there under that tab. Then you'll also have your team. This is where you can invite your clients, or they can invite you to collaborate on designs and have one central library where you then share the content that you create. Under Folders, you'll be able to organize your projects a little bit better, but you're really only able to have two design folders on the free plan. I've just divided mine into client work and course materials. All of my other designs that don't fit into client work or course materials will just fit in under all of my designs and that's where they'll sit. This is a really handy way of just categorizing things a little bit better for yourself, and then this is where you can also see your liked, purchased and uploaded folders as well, but primarily you'll be using it for the two design folders that you'll have there. That's pretty much everything that you need to know about the actual dashboard side of things. The other thing to keep in mind is if you have anything that's been shared with you, that's maybe not a part of your team, but someone's just shared something with your account you'll find it here, and then your uploads folder will be over here. But you'll be able to access that on the actual design side as well, and everything else we've pretty much gone through. That's it. I'll see you guys in the next lesson. 10. Create an Instagram Story: In creating your Canva design, you do have some options here to just jump into creative design, where you can employ your custom dimensions. So if you're creating something that's outside of the scope of what they have templates for, you can always just click into here, put in your width and your height in pixels or in inches or centimeters if you're designing stuff for print. Otherwise, it can be really easy to just use the search bar or jump in here and find the thing that you're going to be designing and then see the beautiful templates that they have for you to customize. I'm going to go ahead and design an Instagram story just to show you what you can do with Canva. When you're searching through search bar, you'll also notice that when you hover over these, it'll have the dimensions right next to them there. So you know that everything is customized to the platform. For example, if we're going to Facebook posts, you'll notice that the dimensions have changed. You're now 940 by 788, whereas with Instagram story, they'll see that there's that beautiful 1080 by 1920. So you don't ever have to worry about memorizing the dimensions for all the different platforms, which is super, super handy. In Instagram stories, you can go ahead and start with a blank template and then you can, on the other side in the actual editor, pick a template if you decide or you can design yours from scratch. In this instance, I'm actually going to go ahead and start with the pre-made template. I'm going to choose this one here because it's already quite close to what I want and I'm just going to customize it to suit our particular brand. Whether you are starting with a blank template or with a preset template, doesn't really matter, you can always change your mind once you're on the inside. You'll always have the templates tab over here and it will give you some different ideas of what you can do, not just for Instagram stories, but for other types of uses for social media that match your current dimensions. In this case, it might be Facebook stories, WhatsApp stories, ads, etc. But in this case we want to go ahead and go to Instagram stories and in this case, we're just looking for these dimensions. It doesn't really matter what the purpose is, let's say I want to go for a different theme. This is quite a modern, fashion, minimalistic theme. What if I wanted to just go in and put in travel? Because maybe I'm looking for inspiration on travel. It'll give you some ideas of what you can do there and this one in particular is actually a multi post or multi image story. I've got many, many different pages. I think I've got about seven pages of this story, eight actually. So eight pages, meaning that I can do eight different story posts out of this, either all in a row or overtime, which is awesome because they're all on the same theme. Once I customize this, I can just use it for maybe even a week straight. So the way that you know whether these templates are just one and one image story or a multi image story, is if you hover over it, if it just says free in the bottom right-hand corner, then it's just a single post. But if it says 1 of 6, let's say like this one over here, that means it's multiple posts in this case, these would serve as Instagram highlights. So they're not necessarily stories, but maybe this one over here, that's a multi-image post. So if you want a template that's got multiple different designs for different pages that you want to have a multi purpose use for, then you might want to go with one that's got multiple pages, not just the one. So if I'm in this page over here and I just want to go ahead and try it from one here, all I have to do is click on it and it'll replace my current design. I can click on a different one and it will take its place. So you can go ahead and change your mind just because you selected one template at the beginning does not mean that you're stuck with it, but the rest of the pages will remain the same in this case because these are single post stories. I do want to stick with the one that I've already got so I'm going to go ahead and click this undo button. I want to actually go ahead and just rename this design so that when it is in my Canva account, I know what it is that I'm looking at. In this case, I would say Instagram story and I'll just name it test for now. But obviously, you want to be a little bit more specific with it. Yeah, I'm happy with that. What I want to do first is make sure that it matches my brand colors. You'll see this beige tone is not really my brand. I want to jump up here and change that color to one of my brand colors. You might go ahead and change it to orange, and in the bottom left-hand corner, you'll see that it'll say change all from this page to this orange, meaning that it's not just that one post, but it's going to change all the other pages as well. I want to go ahead and do that and I'm going to tick it and now you'll see that everything that had that beige tone in it is now my beautiful brand, orange. That's the benefit of having your brand colors in here of mass editing, so you save yourself a lot of time. Now the second thing I want to do is I want to change these photos. Not really what I'm looking for with these templates or with this post story here. I'm going to go ahead and jump into photos, and you can find lots of awesome free images in this library. Some paid ones as well. So if it's got the little crown in the bottom right-hand corner, you'll know that it's a pro version only, but there's a lot of awesome free images. Likewise, if you want to just upload images from Unsplash that you found or just your images of yourself, then you can find them in uploads. You can just drag and drop them in here and you'll just be able to drive them into your design like I am here and use them whenever you need. Now this is obviously cropping me out a little bit, I want to make sure that it fits my whole body in there. What I want to do is double-click on this and just slide it right up and just hit enter. Now it looks really good. I'm going to go ahead and jump into photos and change the rest of these to some really awesome photos that Canva has provided me with here. Let me go ahead and search for travel photos. I've got lots and lots to choose from that are free. I'm just going to start dragging them in here and they'll just take the place of the previous photo that was in there. It looks good. For this one, I want a bit of a landscape photo. You want to make sure that it's snapping into place. Sometimes it does take a little bit of time to make sure it's snapping right in. I like this one over here. I'm going to keep this one because it's still quite travel themed and travel related. I really like this map over here. You might have seen there that it glitch. Sometimes it will try and snap into the background instead, like that over here, so you want to make sure that you are snapping into the right place, which we have. I might keep that one as well. I'll change these last two. Scrolling right down. There we go. That's looking really good. Now, the other thing I want to maybe change is this paper pattern in the back here. It's not really bad, it's just maybe not quite the look I'm going for. So I want to go ahead and change the background. Jumping into the background tab here. You can utilize these backgrounds in so many different ways. You can click into any of the ones that it's providing you with. Now, this is white marble which looks pretty good with this photo already but I can actually change this to be a slightly different color marble if I want and it'll just give it that little bit of a tint. If you are looking to keep your brand colors all throughout, then this is where you can customize this to your needs. I'm going to keep that one as is and for this one, I actually just want to change this background here. I'm going to delete this white block because it's a little bit distracting and I'm going to delete this as well. It's looking cool. Now, it is a little bit harsh actually with that photo so what I might do is jump into the right upper hand corner and change the transparency on this just to lighten it a little bit and give it that softer touch. That one, I'm going to keep. That's looking good. For this one, I might use this little brick pattern here. That's looking pretty cool. Yeah, I'm happy with that. The next thing I want to show you is the fact that you can just jump into these elements here. There are so many different elements that you can use and different ways that you can use these. But some that are really, really handy for saving you time is these frames over here. I'm going to just start at the beginning here. Basically what these frames allow you to do is if you're trying to crop a photo, you can definitely do that if you just jump into Crop and it'll allow you to just select the part of the photo you want, hit "Enter" and that's it. I'm going to Command Z so I can undo that. But what if you want to make it into a circle or into this crazy shape over here? You can actually crop it into that. This is where frames come into play and what you want to do is just select it, it'll basically place it on the Canvas for you and then you want to move the image until it's just snapped into place. That's looking really, really cool. It's a nice little circle. It's got a circle here. It's quite complimentary and it was a really quick and easy way to do that. The other thing I want to show you is the sticker function. This is quite a new feature for Canva actually and a really, really cool one because they now have animated stickers not just static ones. If you're ever looking for an animated element to add to not just your Instagram stories, but also anything else that you're designing for social media, you just want to put in the word sticker and then, in this case, I'm going to be looking for a plane here. I like this little paper plane and I add it to this design over here. It's looking cool. Now, with Instagram specifically, you can add GIFs inside of Instagram and even static stickers and so many other things. I might actually add that inside of Instagram itself but if you are designing for other social platforms that don't have that capability it can be really handy to know that these are here. I'm going to go ahead and move this to be my very first story and I'll show you why in a little bit. You are able to move these up and down to rearrange them. You can also just duplicate these if you really like this design but you want to create one that's got a slightly different background this is where you can go ahead and do that. Then you can delete it. In this case, I am just going to move this up so it becomes my very first page here. That's elements and there are so many other things that you can do in there including doing graphs and charts and awesome gradients and so many other things, so definitely play around with it. Now we want to go ahead and add text. These serve the purpose of when you have your own brand inside of Canva, these will take on the font that you set for your brand. If you say I want my headings to be in this particular font and my subheadings in this font and my body in this font, then these will take on that brand font. But in this case, we don't have that because we're on a free account here so it doesn't really matter we just want to add any text here. I'm going to go ahead and put in, travel longer, and obviously, that is quite ugly with the one that we've selected here which is totally fine because we're going to change it. We want to make sure that it's a complementary color here and for fonts, you can just jump in here and pick a font that works for you. When you're selecting from all of these different fonts initially, it will all just be here and you can circle through and find the one that suits you. You can see a bit of a preview of what it looks like in its name, but I quite like just writing handwriting or hand-written fonts and it'll give me these cursive awesome funky fonts. These are ones that I really like using and this is the one that I'm going to choose. You can just drag the corners of this to make it smaller and larger or you can pick your exact font size here. Of course, you can play around with these. You'd be familiar with them if you've used Word documents before in terms of bolding and underlining and left aligning and all those wonderful things. That's looking really, really cool. This 'each person is unique' text doesn't quite fit with what I'm looking for here, but you can see that when I clicked on the text, it also highlighted this element over here, meaning that it's actually a group that would move together as one. This is a really cool function that Canva has got but in this case, we actually don't want it to delete this when I delete the text. I want to go ahead and click on "Ungroup" and that way I can select just the text and delete. If you want to group two elements together, you can just highlight them and click on Group, meaning that they're going to just move together as one which is a really, really cool thing if you want to remove multiple elements around at a time. Now you can see because I grouped these, this has now moved to the back. What I want to do is I want to highlight it and go to Position and just bring it forwards like it was before. That's looking really cool. I could add some music and some free videos here as well. I wouldn't probably do that for Instagram stories at this point but these can be really handy if you are looking to add some more animated elements to your stories or to presentations for example. Of course, you can upload your own images and videos here as well if you wish. Now, on the paid version, on the Pro version of Canva, there is an additional really cool element where you can go to Resize. Let's say I've created this really awesome template that I now want to use for all of my different social media accounts but it can be really hard to get it in the right dimensions when you're redesigning and can take a lot of time. With the Pro version of Canva, it will actually allow you to re-size that graphic for use on other social networks really, really easily. This is a huge time saver if you are going to be using camera a lot for designing stuff for your client's social media account is really, really worth it to just pay the 16, 17 bucks a month just to be able to use all of the images that are restricted to the Pro account and this awesome re-sizing use that it has got here. Now, you might remember that I actually moved this image to the very first page instead of having it down here. The reason I did that is because, when you are going to be downloading these, if you go through to Download this first image because it has got an animated graphic, it's technically either going to be a GIF or a video. Otherwise, it's just going to download it as a static image and this is not going to be beautiful moving. What I want to do is click on "Download" and instead of all pages I actually just want to select the very first page and download that as a video and then I would download the rest of the pages as static images and then be able to upload these either straight onto Instagram or upload these into a scheduling platform of my choice. That's downloaded the video and now I want to go ahead and download again and now I would go to PNG, High-quality images and I would select all the pages but remove the first page because I've already got that as video format and just click on "Download" and then it's all good to go and upload. 11. Optimise Your Instagram Story: Before moving into the Instagram app and finishing the final touches on your stories, I also just wanted to really quickly create a highlight, so I can show you how to make these really beautiful on your client's accounts as well. I'm just going to move all the way to the bottom and we can create a new page. Then if you search for highlights, specifically in the templates, it's going to bring up all this amazing ones. Each of them has more than one template within it. It's usually around five or six different designs because the highlights will obviously come in a set of multiples, not just one highlight, depending on the categories that you choose for your account. But these are all so beautiful. There are so many different options. Some are obviously a little bit more feminine that will work really well for those kind of female empowerment or female-only communities, whereas some are quiet neutral or fitness-based. Some are really bright and colorful. If you're looking for something a little bit more captivating in terms of gradients, this is perfect for any kind of beauty bloggers. Anyone that's really, really big on color, that could also be photographers, editors. Anyone in that creative space, definitely use the gradient covers that they've gone inside of Canva. But just because we're just trying to do a demo of how highlights actually work, I'm just going to go ahead and choose the ones up here. These are vegetable highlights, I suppose. What you would do is you would just select the different ones and download at least a couple. You can use a couple as your different highlights. Now, I'm just going to go ahead and download these last two highlights. I've already got my other Instagram stories, and then we're going to jump over to the app and see what we can do in the final touches. We're jumping straight into our Instagram account here. This is a bit of a dummy account set up just for me to be able to play around with a few different things and also be able to demonstrate to you, guys how to use a few different functions of Instagram. This is something I really suggest that you do as well, especially if you are going to focus on designing for social media specifically. Just set up a few dummy accounts that have no followers. Maybe following a few accounts, so you can get some inspiration. But it means that because you don't have any followers, if you do publish any stories or any posts, no one's actually going to see it. So there's no pressure on screwing up. It'll be a really good way to start testing out some design ideas without the pressure of publishing it on a live client account with 60,000 followers. I'm just going to go ahead and click into my story here. I'm just going to get started by selecting a story here. You can see that the texts that are put on this inside of Canva is being blocked by this bottom section here. All we see, this is not going to be present in the stories themselves, but the stories will have a reply section in this bottom area. I did this purposely to show you that when you are placing text inside of Canva, it's always a good idea, especially at the beginning when you're still getting used to where things are placed on the different social media networks, that you check it inside of Instagram. Because in this instance, I would probably say that's not going to be all that legible. I would move this plane and this text up, or I would just remove the text all together and just put it inside of Instagram so I know exactly where it's going to be placed. You want to avoid putting any images and texts, anything that's crucial in this bottom line of the screen, because that is where the reply to section's going to be for people to be able to reply to stories. But in this instance, I'm happy with that. I would just go ahead and maybe start adding some stickers. This is where I might be able to add any question and say, what's your favorite travel destination? Then I can click this color wheel up top to change the colors, to make it a little bit more suitable to the design that I've got going on here. That looks good. Then I can move that up. It'll give me some grids, that looks really cool. Obviously, at the bottom, it would say travel more, so it's pretty themed. People could then reply back to the story, and I could then republish their answers. That's a really good way to get some interaction going with these types of stories. I could then go, I want to publish that to my story. I would then swipe left again. Now, what I could do is go ahead and add one of these highlights. I can publish exactly as they are, because their only purpose is to serve as a highlight. If you're not familiar, your highlights will appear underneath your bio and your image, just above your actual Instagram grid. Once you have a live story, all of them will have, in this bottom right-hand corner, this love heart saying, do you want to highlight this? I could say, yes, I want to highlight this one. Then I can name the highlight. In this case, it could be travel. That looks good. I also want to highlight this one, and I'm going to add it to my travel highlight. Cool. Now, on my profile, this beautiful highlight is already there. Because it was the very first highlight that I added to this category of travel, it's already made it my highlight cover. But if this wasn't the case, I could just tap into this "Travel" highlight and then go to "Edit Highlight," and then I could edit the cover here. It would ask me, do I want to choose a different image from this category to use as my highlight? Then I can use my fingers to just stretch this out, and I can use that as my highlight cover. In this case, I'm happy to use this because, obviously, that's what I have selected as my highlight. But maybe I want the vegetables, in this case, to be a little bit bigger. Again, I could use just my fingers to squish this or stretch this out and move it around, and then select "Done." Then it's beautiful. Now, if I add any more highlights, so I could add my second one here, add to story. Does need to actually do its thing and upload first before I'm able to add it as a highlight. The other important thing about highlight is, obviously, these kind of generic post that you just want to use as a highlight covers are not an ideal thing to have in your story. Because, obviously, this is a bit more interactive. It has a purpose, and these are just flat images. Not everybody likes having them live, and they try and highlight it, and then pull it straight down. That doesn't work. You need to have it up as a story for 24 hours, in order to be able to use it as a highlight. So don't try to just put it on your story, highlight it, so they can have it as a beautiful board cover. Then try and pull it down. This one could be fitness. Now, they're looking beautiful. They're really, really themed. They make sense with my brand and my colors there. Then under fitness, anytime that I add a new story to my collection, I could just add it, keep adding it to these covers. Could just be anything really. These guys are fit in the wilds, so I could go ahead and add a GIF. There you go. Maybe add a countdown to new adventures. I could change the color of this, again, to match a little bit more. Then that could go straight onto my story, and then that could go into a travel or fitness highlight or if I had another one that was wilderness adventures, that's where I could put that in. 12. Design an Inspirational Quote Graphic: The reason I want to show you guys how to create an inspirational quote graphic for Instagram and other social platforms, is because I truly believe that these are staple in any social media managers portfolio. They're really easy to create when you're first starting out because you don't have to worry about editing photos using really complex tools. You can just focus on the layout and the design of the text and any other elements that you want to include. You can see how marketing agency King Kong here are using occasional motivational graphics by slightly dimming the look of the background photo and using big bold text on top to create this in-your-face impact that is such a big part of their brand overall. Now BossBabe on the other hand, use their quotes in a very delicate, feminine way by maintaining this white and pink color scheme throughout and just putting their texts on top of a solid color background. Then there are accounts like this one for Motivational Mondays that go for a mix of both imagery and delicate quote because their entire account is just motivational quotes. They don't really have to worry about messing with the look and feel with posting occasional videos or photographs and other types of posts like the other two accounts that we looked at. Before heading over to designing our quote graphic, step 1 is really to grab the quote that you want to be using. Now. my favorite tool for this is called Momentum. It's a Google Chrome extension that basically allows every time you open a new tab on your browser to display a beautiful image, it's going to display the time, it's going to wish you a good morning, good afternoon, or good evening. It's going to tell you what your focus is for the day. I could say kick butt, and then I could take it off once I've kicked butt for the day. It's also going to tell me the weather. Every time I have a new photo, it's going to tell me where that photo is taken and where it's from as well. This one's from Unsplash, taken from Iceland. That changes every single day, and then so does this motivational quote. Now, the beautiful thing about Momentum is that it stores all of these past quotes that it's showing you in a collection over here. If you go in the bottom left-hand corner going over to quotes, you can find all of the past quotes that you've already seen, you can like them, you can add your own quotes, you can have your favorites. If you find a quote that you really like, you can jump in here and like it, so it'll appear in your favorites. The next time you want to pull an awesome inspirational quote through, you can just jump over to your favorites. But for this time, I'm happy to just use the ones that are in here, and I'm just going to go ahead and copy this one. Copy, and I'm going to head over to Canva. Now, we are going to be creating a square graphic because this is a really good dimension to be using across different types of social media. A square graphic can go on your Facebook, on Instagram, it can go on LinkedIn, and it can even go on Twitter. But obviously, only the middle section of it would be shown on Twitter. Definitely be a little bit careful with posting square graphics on Twitter at the moment, but you can use them for so many different types of social media. Even on Pinterest really, won't do as well as the tall pins that we're going to be creating later. But square graphics are a really good starting point because they're so versatile with what you can do with them. This is the one that we want to use, it's 1080 by 1080 p. I'm going to name this inspiration. Now, searching for a template, you can actually search for quotes specifically and it's going to bring up all these templates that are already designed for inspirational quotes. Some of these are absolutely beautiful, big, bold letters. Really impactful if you saw something like this coming across your Instagram feed. Again, as with everything from Canva or any other editing tool out there, make sure that once you're done designing, you check it over to your phone so you can see how it will look on a small device like a mobile screen. Even if these designs look amazing on desktop, if you're editing on desktop, make sure that once you're done, you are going over to your phone and checking that it still looks good there. But a lot of these are really, really good and pretty optimized on all devices. I'm going to go ahead and use this one over here because it's a premium template. It's got this watermark over here. A lot of people when they're first starting out, will shy away from using any templates that don't have this free mark in the bottom right-hand corner because they think they have to pay for it. Which is true if I was going to download this, it would ask me to purchase the premium image. But I don't necessarily have to stay away from using premium templates. I just have to replace the premium element of that template. In this case, it would just be the image. I can still use the rest of the template because that is the only watermark portion of this. I'm going to go ahead and over to photos and I'm going to search for a turquoise person. Don't ask me why, but the way that this search engine works is if you put in random key terms, eventually you'll get what you want because it's pulling through from Unsplash and other networks. I know this is the image that I want, so I'm going to go ahead and pop that in. Obviously, I'm going to be changing all of these colors to suit my theme. But now, I want to go ahead and Command A or Control A on PC, and Command V to put my quote in here. I want to remove the quotation marks because it's already got these quotation elements here. We already know that this is a quote that we're creating. I'm going to change this to be my beautiful turquoise here, and same with these quotation marks. I want them to just be white, changing this text over. I'm going to be going with a darker color. I'm going to make sure that I'm going with a font that suits my theme. Actually, let's go with Oswald. Now, I'm probably going to ungroup this to be honest, because you can see that it's selecting all these different elements as one big group. I want to ungroup that because I'm going to be moving this around a little bit. I'm actually going to delete that so I can squish this down so it's closer to being on two lines, but a line at the edges there. We're going to be moving this down to about there and moving my quotation marks down as well about there. That looks really good and now I can double-click on this and move my image down as well. I might need to stretch it out actually. Then I can move it around to wherever suits me best in terms of creating this graphic. Now, I could include the author of the quote in this quote graphic as well. It's totally up to you. It's always best practice to give credit to the people who have stated the quotes, but you could always do that in the caption as well. If you want your graphic to remain really clean and just impactful in terms of what it's actually got on the graphic itself, then what you can do is just remove the author from the graphic. I'm just going to go ahead and just move this around a tiny bit in the end here just to get that bit of it dark to light contrast here. I might just shrink this tiny bit. Let's just check my spacing, that's looking pretty good. Again, I'm going for big bold letters. When it comes to quote graphics, you can definitely go with cursive writing. You'll notice a lot of these will have this beautiful handwritten font that they're using. If it's right for the brand, amazing. But you're better off to just pick one or two fonts for an account and then stick to those and really only be changing the quote itself and then the graphics in the background, but don't go with creating one Instagram account that's full of all these different types of fonts because it can be really confusing and it can really hurt that sense of consistency that you are going for. If you're going to be using hand-written fonts, that's totally fine, but just make sure you're sticking to one cursive handwritten font, and then one more bold typewritten font like this one over here. I'm going to go ahead and download that as a high quality PNG image. I'm going to pop that over to Instagram so we can see exactly what that would look like on a grid and coming across the news feed as well. Now, just on our demo account here, I would click this plus icon in the middle of the bottom bar, select this latest post and hit on ''Next''. I would ignore the filter section because I want to make sure that it remains exactly as I wanted to have it inside of Canva. I would write my caption. Caption goes here with my hashtags and then I would hit on ''Share''. Now, I can see exactly how this is going to appear on an Instagram news feed, and then how it will appear on the grid itself. You can see that even on the grid, even though it's a small screen, you can actually read that from the feed. Then of course, if you click into it, then it's really beautiful and able to be read as well. It's really important that you do get into the habit of trying to check everything that you do on a mobile device because a lot of the time and I was really guilty of this when I was first starting out, I would create a beautiful graphic that would have a really thin font or just a hard to read font on desktop, but it looks beautiful on my desktop screen. I would go through to creating a caption, hashtags, tagging all the right accounts, doing all the heavy lifting in terms of optimizing that post, it would go out, would even get engagement and then I would just realize that it just doesn't look good on the feed or it's not really readable, then you have to start from scratch. It's not great for the clients account and is not great for you as well. It's a really good idea at the beginning when you're first learning how to put these things together, just always get in the habit of checking it on your phone to make sure that it's beautiful, it's readable. Then you might be able to just create templates over time so then you know a particular template and a particular font size, and that font is readable on mobile so you don't really have to check it anymore. 13. Creating a Multi-Image Post: The beauty of multi-image or carousel post on Instagram is that they're a bit more interactive for your audience. Videos and images are a bit passive when it comes to their viewing experience. But to actually see the entire multi-image post, your audience has to physically swipe through the images. That name itself is really engaging. This can be a really great way for you to get really dynamic with your Instagram post designs. On Instagram, you can tell its to multi-image post by the icon in the upper right-hand corner, just as you would with videos or RGTV icons as well. Now there are multiple ways to use this feature. You'll see companies like Nike here are using this to either showcase different athletes, like they are in this post over here, where they go through each individual athlete and might tell their story. Or even just to break up one individual horizontal photo in interactive experience by posting in this two separate photos instead. You'll also see people like Jenna Kutcher here are using these types of posts to almost break down some tips for a blogpost or in her case a podcast episode here, to create multiple graphics each of them with a really important and individual point for people to understand that highlight the topics discussed in that blogpost, or the podcast episode. You might also see people like Jenna using this feature to showcase the before and after's, all of the photos that she has edited because she's able to sell her Lightroom presets or sell her editing services or just sell her services as a photographer. This is showcasing her skills as well. Finally, you'll also see some e-commerce brands like H&M here doing this really well by creating almost a virtual catalog, where each individual photo within this carousel, almost the image post has shoppable products tagged within it, that people can shop as they're browsing through this photo. A lot of people will do these multi-image post as square images. But we're going to be creating these in a portrait format just so we can test out slightly different dimensions within Canva. For all of this, because we're going to be creating a portrait graphic for Instagram, we're going to be creating a custom design. We need to enter custom dimensions. Width is always going to be 1,080, and the height in this case is going to be 1,350. I'm going to be giving you lots templates for this, and we're actually going to be using it in this tutorial. Don't worry about memorizing the dimensions as always. But just know that this is a really popular dimension style for Instagram. Because it gives you a little bit more real estate on people's mobile screens rather than just using a square graphic. The first thing we're going to do, is just name this Instagram post. I'm going to go ahead and drop in my template here. Now, this template particularly also has dimensions for Instagram stories in it. It also has the vertical dimensions that we're using here, square image dimensions and horizontal image dimensions as well. It's obviously to tall for me just to drop it in here, but what I can do in this case is I can just crop it. I don't see the stories, lines here, because I don't need them. I only need the template to show me this middle bit over here, and I can just stretch that right up. The purpose of doing this for these vertical images is because even though there are vertical and they're going to be beautiful on the screen wants somebody clicks into them from my grid. Or if it comes across their feed, the first image is going to crop into a square on my Instagram profile. If I'm going to be placing any text on this image, I want to make sure that it's going to be within this boundary over here. That's true just for the first of the multi-image post, because you can't actually scroll through on Instagram unless you're clicking through into it. Really, the only image you want to worry about optimizing for display purposes is the first image of your multi-image post. If that's a little bit confusing at the moment, that's totally fine. I am going to show you what this looks like, and what I mean by this on Instagram itself, once we're done creating our graphic. But just so you know that if you're going to be putting any text inside of your multi-image post, make sure that it's within the 1,080 by 1,080 square in the middle of this graphic. I'm going to go ahead and just place a colored block element inside of this square here. I know that that is going to appear beautifully on my feed. Doesn't really matter where as long as it's just above the cutoff, or within these boundaries. That's good enough there, and now I can go ahead and start placing my images here. I'm just going to go ahead and do that. As I said before, the rest of these images doesn't really matter where that banner will appear if I want to put in any more text, over my images. So can be a little bit more at least with it here. I'll place this image over here, let's add one more page, and this one here. Now, in order for your post to be quite dynamic and interactive as well, you do want to make sure that you're using at least four, that's the minimum, and you can use up to 10 and they can be a mix of both videos and images as well. Drag and drop this one over here, that's looking good. Now, I'm going to optimize this one first by adding in my text, so that way I can copy and paste the same element colors and also the same text across my different images. The colors I might play around with a little bit, but the texts I want to remain the same. It has that sense of consistency. I'm going to go ahead and add some text here, and I'm going to say My morning routine. I'm going to use a cursive font here. That was good. I would want that to be bigger, so that people can read it again with cursive fonts. The bigger the better, so that it's a little bit more easy to read for people. That looks good. I would change this background color. Now, the beauty of Canva is that it's going to pull through the photo colors as well. That means that you can match any elements that you place on top of the photo to the colors that appear underneath it. This is a really, really cool function of Canva. It doesn't necessarily mean that you have to go to other online tools to pick the colors from the photo to try and match your elements to it, you can do that straight within Canva. In this case, I would play around with a few different colors, see which one suits, a quite like this one and then I'll just change my text to white. I might add just one more element of an arrow. Just so people know that they can swipe to the left, in order to get through the images. I can just select any arrow here, just going to go with a simple one here. Now I can twist this. I'm going to be just placing it backwards. It's not distracting my texts and my block color element here as well. Of course, people are quite used to carousel images, so you don't necessarily need to prompt them with an arrow. But just again, just a fun dynamic element that I like to add sometimes. Cool. Now what I'll do is I'll go ahead and select my banner and my text here. We could actually group this if I wanted to just make sure that it's going to keep together. I'm going to go ahead and copy that, move over to page 2 and paste this straight in. Now, because I'm on the second page, I could actually move this banner down a little bit to show more of my image. Now I'm actually probably going to ungroup this to be able to write my text in, and be a bit more flexible with the length of my texts. Because I'm talking about a morning routine, so I want to start by reading a great book. When I adjust this. Now, this photo color picker doesn't work for every single photo like this one here doesn't always come up. Sometimes you do have to eyeball it in terms of getting the colors of the photo or you can use the free color pickers that are online if you're not confident in doing this thing. But I guess I've just been doing it for so long. I'm pretty confident with eyeballing even if it's not quiet spot on, but it's a similar color to a jumper there. That's pretty complimentary. I'm happy with that. I'm going to move on to page 3 here, and move this one down as well. Step 2 is Enjoy every sit. Then, changing my color block, and now I've got the photo colors here, so I can actually use this function. Then, my last page here, I'm going to go all the way to the bottom here I think, Love what I do. Lets see if we can pick a color on this photo here, we can indeed. Maybe go for the darker one this time. Now one additional thing I could actually do here is add some animated elements if I wanted to. I could add in a sticker and maybe make one of these a video, and move that up. I'll go ahead and explore the second page as a video, the rest is flat PNGs, and then I'll see you over on Instagram. All ready. Going ahead to adding a post, the first thing you want to do is select the very first post of the multi-image post. Then in the bottom left-hand corner, you'll see these arrows that are going to squeeze this post out to be that beautiful, vertical post image size instead of just a square image size. You want to make sure you do that first. Then in the bottom right-hand corner, you want to click on this multi-image post icon, that's going allow you to select multiple images. Then you want to make sure that you're doing them in the order that you want to be actually posting them. You'll see the numbers coming up. I want to make sure that my first one is the initial graphic and then 2, 3 and 4 in the order that they're telling the story in my post. I want to go ahead and click on Next here. I'm going to avoid the filters once again. This is where I could run my caption. I could also tag other accounts here, and maybe tag location as well, and then click on Okay and Share. Here's how my beautiful multi-image posts would appear on somebody's feed as they're coming across it. This video would autoplay, so my graphic would be activated as soon as somebody swipes. It's just going to keep on looping. It'll look like an animated GIF, even though it's exported as an MP4 video. If they came across this post on my account, you can see that in the actual thumbnail of this post they can see that my morning routine, they can see the text there. That's exactly what we want. We want to make sure that the primary text is within that initial square image in the middle, and then anything else on the outside as well, because it's a vertical graphic. That's looking beautiful. I'm really happy with the way that that's for now. Hopefully, you guys will really enjoy practicing how to create your own multi-image posts as well. 14. Create an Epic Facebook Page Cover: Okay guys. We're going to get into how to create beautiful and captivating Facebook banners or Facebook cover photos for business pages on Facebook or Facebook groups as well. Just keep in mind that this lesson has been freshly updated at the time of recording for the current 2021 Facebook standards because they have changed their interface. I want to make sure I'm updating these templates and these lessons for you guys. If anything does look slightly different in terms of Canva or Facebook from these other lessons that you're going to be going through, just keep in mind that that would be why. We're first going to start with creating a Facebook static cover image banner, and then I'm also going to be showing you how to do this with a Facebook cover video. We're going to take a look at how this looks across devices. Because unfortunately, Canva, it's primary purpose is to make designs look really nice in the actual designer elements in the templates, but not necessarily across devices. Their focus inside of Canva is not necessarily the same focus as it would be for you as a social media manager or a business owner wanting to design a beautiful and also across device friendly design. Facebook covers here have the dimensions of 2050 times 780 pixels, which is actually pretty good as a starting point. However, it's not actually entirely compatible with either desktop or mobile or tablet. It's a blend of both of these things or all of these things. I'm going to be giving you some templates that are going to be accessible from within your workbook. Make sure you download them so you can use them within Canva to make sure that you are designing for your clients in a way that they're going to make sure that everything looks good across devices. You could start with a blank Facebook cover or you can select any of these designs, or just use them for inspiration as well, but do just bear in mind that some of these will not be mobile friendly. So anything with texts on the edges, for example, will not actually show up correctly on mobile and we'll get into that in just a sec. I am just going to start with the blank Facebook cover here just to make things a little bit easier. Then what I'm going to do is I'm actually going to drag some of my design elements from a different template. The reason for this is that sometimes you'll have the most perfect design that you've created, and then you want to make sure you can use the same design across different platforms. You might design it within the Facebook cover dimensions and then you want to use it on Pinterest or Twitter or YouTube or somewhere else, and you don't want to start from scratch. On the paid accounts, what you can do is just click on "Resize" and use the same template or the same elements of your design across different dimensions. On the free accounts, however, you can still do this by jumping into a different design like I'm going to be going over here, making sure that you're highlighting everything from this design. Click on "Command C" on Macs or "Control C" on PCs to copy this over, and then you can just come in here and paste that in. That's always going to paste in a bit funny. In this case, I want to make sure that my background is selected and I'm going to make this my beautiful turquoise color, which is exactly what I want. Then I can just enlarge this and make sure that it's all the way to the edges and bring that up as well. Now, I could go ahead and actually use this for my Facebook cover straight away. But I don't actually know if this will fit in with my mobile and tablet friendly dimensions yet. I have these templates for you guys. They will be different for video and for static images. This is the one for static images here. Do bear in mind, again, with templates on paid accounts, you'll be able to organize these in many folders. You can have as many folders as you want, and you could have one for social media templates so that you can really easily access all these templates within your folders here. On the free accounts, you will probably feel like, oh, I have to scroll through all of these different uploads to get to my template. The way around this is just to always keep one page within your template. That's just going to have this in there. What I would do in this case, I would look this and then this would be my Facebook cover static image. I would then use this project to design all of my different Facebook covers for different clients or just different variations and then just individually download them. But I would always make sure that one of these pages has my template on it, whether it's this one which actually has the text on it on there, or one of the blank ones. That way the next time I go in and design, I can just duplicate a design on top of it and then delete the actual template beneath it, so that I have a nice clean design, but I can make sure that everything is going to look good across devices. Let's take a look at this template here. You'll see that it says, place all of your elements within this orange box here, which is 1380 by 760. The entire dimensions of this template are exactly what Canva recommends as well, which is 2050 by 780. But there's a tiny little bit of space here that's not going to appear on desktop, up, top, and bottom. Obviously, this stuff is not going to appear on mobile. You want to make sure everything that you want to be seen on all devices is going to be displayed within this orange block here. I don't particularly like using the ones with all the texts on it. I would actually come in and grab the blank one of these and then design on top of that. All I might do in that case is just coming here and select all of this again. Maybe come into the second one and place it on top just to make sure, is everything within the right bounds here? Yes, it is. It looks good. Then what I can do is I can actually just move one of these elements so I can access the template behind it and then I can either adjust the opacity all the way down so you can't see it in the design, or I can simply delete it. Then that will actually help me to have the nice clean design, but I know that this is going to be within the right balance. Do just keep in mind the fact that most of your users are going to be coming from mobile devices. Even though Canva designs for desktop first, you always want to make sure you're designing for mobile first, and then desktop is nice to have in this case. This is quite simple with static images. When it comes to videos, it's a little bit more complicated with the way that Facebook has their layout currently. It might change in the future, but you can't actually move the video around in order to get exactly just the part of the video that you want to display on the actual Facebook page. I have a template for you guys that's going to make this really easy. I'm just going to go ahead and actually jump into my Facebook cover video template here so I can show you exactly how this is done in terms of the dimensions and some moving elements that you can pull from Canva, even on free accounts as well. If you go into file, you'll see that this one is 1200 by 445 pixels. In order to create this, I actually use the custom dimensions. I would go to "Create a design," put in custom size, and I would put in 1200 by 445 and create a new design and that's going to allow me to actually make this template that's not necessarily within Canva as a standard template, but it's a custom one. Then the same deal as with your static image, you just have your different templates. This is the one with all the texts on it to give you a bit of an idea of where you should be designing. Then the actual blank version of this is identical, but it just doesn't have the explanations of where you need to design. All you need to do is make sure that all of the video content that you want to display across devices is just in this orange area here. I already know that that's the case with this. With this, what you want to make sure you're doing is that your video is at least 20 seconds long. Because Facebook won't really allow you to select it as a cover video unless it's at least 20 seconds long. You can just go up here and adjust your timing and put it on a bit of a looping video for, let's say 21 seconds. Then you can go ahead and just download this as an mp4 and make sure you're only downloading the video that you want there. I would just go ahead and click on "Done". In case you're ever unsure of how to actually create video content for your client's cover photos because maybe they don't have footage of themselves and they want to create something similar to this, where it's almost a static image, but it has some moving elements, you can always jump into the videos tab of Canva and use some of their free videos to use inside of your cover images. Some of these are really great in terms of just having some moving background element and maybe some text on top of it, or you can do something similar to what I've done here, where you just jumping to elements and using the word sticker, which usually gives you some static but mostly moving elements inside of Canva. I think these are under sticker white or sticker blob or something like that. You have to get to be creative with this because it's search engine is not quite as good as it could be. But these are all just free moving elements that you can come in here, jump in and just use in your designs. Obviously, you don't want to use too many things, but this will help you to create a video, even if you actually have no video content, which is cool. Definitely, jump in and give it a try. Play around with some of these moving elements and just make sure that you are using the word sticker beforehand. Because otherwise you're just going to end up spending a lot of time going through and checking out a few too many static images here that are not going to help you to create those beautiful videos. Then I'm also going to download my static image as a PNG, just Page 1. That's done. Then we will hop on over to Facebook and see how this looks on desktop and mobile as well. This is just my test page here that I've created to be able to play around with some of this stuff and make sure everything looks good. In order to just do a static image, all you have to do is going to "Edit" and you can either choose from photos or you can actually upload one. We will just go in here and select the one that we have just created. Now remember that with the desktop view, it's going to be 760 pixels tall, but on mobile it's going to be 780. You will have a little bit of wiggle room in terms of where to actually place your image in terms of the actual vertical size but not the horizontal size. If I was going to move this around, it has a couple of pixels at the top and the bottom. But that looks pretty good to me, and I will just go ahead and click on "Save" and then here is how we are looking on the mobile version. Everything that needs to be within that space is right there. Now, if we wanted to take a look at how to do this for videos, if you go into edit, it's actually not going to have the option for you to upload a video there, which is a bit of a shame, but the work around this is just to upload your cover video inside of the area for you to actually just post the video itself. All you really have to do at this stage is to give it a title. In this case, this is for my test page. This is going to be test cover video, but of course you'd want to be a little bit more descriptive with this and put something about your company there. That's all it takes. You can also stop the News Feed distribution if you don't really want people seeing this on the news feed. But it's always good to actually get people to see what you're up to anyways, because hopefully this is a cover video that you want people seeing. Then it's just going to take a couple of seconds to process. It's usually pretty quick. It's already there now. Now, what I can do is go in to "Edit", choose from videos. Select the video and it's just going to say, play video in a loop, which is exactly what I want. I can't move this around, which is exactly why you want to make sure it's the right dimensions for desktop and for mobile. Then selecting a thumbnail, it looks a bit fuzzy. It's actually fine. It just has a bit of a weird rendering thing when it's doing this. But yeah, it looks really good on desktop and this is the beauty of actually designing this stuff for desktop and for mobile, because there are companies like Adobe video here who are still using the old dimensions for their videos. It looks really good on mobile, but on desktop, it looks a little bit awkward because it's obviously giving you a blurry edge. But if you are doing it with the templates I'm giving you, you're going to be able to make sure it looks really good on your desktop view. Then now let's have a look at how this looks on mobile. That looks really good on the mobile view as well. No issues, no fuzziness or anything like that. You can read everything really well, so you always want to make sure you're checking it on both. But using the templates I've provided you with, you will have no trouble at all creating these beautiful, powerful designs for yourself and your clients as well. 15. Design an Impactful Facebook Ad: When it comes to Facebook ads, you will likely be creating lots of different versions of your images in order to test what's converting best. You might be advertising on Instagram, as well as Facebook within your Facebook Ads Manager. Your dimensions might be totally different depending on what you're advertising for in terms of platform and in terms of placement as well. There are lots of different placements inside of Facebook Ads Manager, and they all require different dimensions. The key is to know exactly what you're advertising and how you're going to be advertising it before jumping into creating your image, video, animated graphic, or what have you. It's really important that you know what the outcome is supposed to look like and also where that ad is going to appear. But this lesson is really just to get you really familiar with the general rules of Facebook advertising in terms of what you can and can not have in your ads, and also to just show you some really creative ways that you can put your ads together. Within your workbook, you are going to find a resource to AdEspresso. AdEspresso is a really great resource for anything to do with Facebook advertising. This one in particular is a collection of some of the best ads examples that they have put together. There are so many different designs and really great for inspiration for copywriting as well. That's probably not something you're going to be responsible for. If your job is to just design the graphic, you might have a separate team member that's going to be doing the copywriting for your clients. But if you're responsible for doing both the ad design and also the copywriting for that Facebook ad, then this is a really, really great resource. But you will see that there are so many different types of ads and different ways that you can play with your graphics in advertising. Really, all are successful in their own ways. There's no right or wrong way to do it. You just have to test it out and make sure that you're following the guidelines set by your client and by their brand. For example, HelloFresh, their actual ad design is just images of their products. In this case, that would be all of the different recipes that you can create using their service, but it's a really, really simple design in the sense that you're not really designing anything, you just have to make sure that the photograph crops nicely into a square, so it goes really well into a Carousel ad. Whereas some of these are a little bit more complex in terms of being videos or animations, so definitely browse through all of these different examples as they are also set out by different categories. This is why it's really important to know the objective of the ad in terms of what is it trying to achieve. These are examples of lead ads. These are trying to collect email addresses from people, which will be quite different from people trying to get them to actually purchase a product, or ads that are aimed purely around brand awareness. Know what it is that you're trying to achieve before you start designing, but definitely gain some inspiration from this list of awesome ads. Now jumping into Canva, if you were to put in just Facebook ad, you will see that they'll come up with a few different designs because of the different dimensions required. The Facebook Ad category is still the 1,200 by 628 pixels, which is more of a horizontal frame. This used to be the most popular type of ad. It's no longer the recommended dimensions by Facebook because they don't seem to perform as well as square ads. But some people really like still using this to test out different image dimensions and different types of image graphics to see what's performing best for their account. Just so you know that these are still here, definitely still usable, don't feel like you can't use them for your Facebook ads. Canva now also has Story ads as well, which is really great because these will work for both Instagram and Facebook ads, and then also these Facebook Feed Static Ads, which will also work really well for Instagram and Facebook because they're square images. These are really, really great because, again, they do take up a little bit more realistic on mobile devices, and most people are viewing their Facebook app or their Instagram app on mobile devices. It's always a good idea to try and have at least one square ad in your collection and design for both Instagram and Facebook whenever possible, with maybe slight tweaks if there are some tweaks needed for the different platforms. I'm just going to go ahead and select a template, and we're going to start customizing it. I'm going to select this one over here. One thing I want you to be very, very aware of when you're designing ads for Facebook or Instagram, so not so much with organic posts, it's not relevant for organic posts, but definitely for anything that's going to be promoted through paid advertising, you need to make sure that you have less than 20 percent text on your graphic. Canva is actually pretty good with this in terms of these templates, that it's got that 20 percent textual already embedded. You'll see a lot of these have minimal texts, but some are just hovering over that 20 percent, I would say. It's really important that you keep this in mind. I'm going to show you a really easy tool that's going to do a final check for you to make sure you have less than 20 percent, so your ad is going to run smoothly. But just keep this in mind, that you really don't want to have too much text on your actual graphic. This is because the text should really be limited to the caption and any calls to action that are around the ad, rather than being on the creative element of the ad itself. I'm going to be using certain elements of this ad, but not all of them. I'm just going to delete some that I don't necessarily need here, and I'm going to jump into my uploads. Now I am going to be showing you in a later lesson how to crop yourself out like this. If you're interested in learning that now, feel free to jump into the lesson dedicated to cropping yourself out in the YouTube section of the course. But for now, just know that we are going to learn how to do this, so that if you do want to use something similar like this for your ads, you definitely can with the skills you're going to gain from this course. Otherwise, you can always just use the image itself. It's not really a big deal. If you're not cropped out, I just prefer to have the cropped out versions because it allows me to have a more dynamic background in the background of the image. I'm just going to go ahead and make myself much bigger here, and I'm probably going to flip this. The reason for that is because your mind views images left to right the same way that you've read. When you're creating graphics like this, you want to have ideally any images of people on the left and any text on the right because that is how your mind is going to be viewing the content. You want them to end on the most important part. You want that image of that finger pointing to that text to flow naturally in someone's brain. That is why it's always a really good idea to just flip images like this one to make sure that they are pointing to the most important element of the graphic, especially in advertising. This is not as crucial for organic social media content like YouTube thumbnails, or any kind of cover images, or anything like that. It's not nearly as drastic. But for advertising, you want to make sure that you're using as many marketing elements that you've got up your sleeve as possible. That's looking good. I want to create a really cool background here. I'm going to jump into elements, and I'm going to use a gradient here. If you were to jump down here, there's a whole section that's dedicated to gradients inside of Canva, both on free and paid versions, really, really cool to use these. Again, not overusing them, that's really important to not overdo it, not have multiple gradients within one photo as well. Now this is a little bit controversial, perhaps, what I'm about to say. But I would argue that when it comes to Facebook advertising, that is the one time that you may not necessarily need to be following brand guidelines in terms of colors. I know that sounds insane, and some brands will just demand that you stick with their brand guidelines and their fonts completely throughout in all of their marketing, both organic and paid. I haven't found that to be true, as in if there's something that's really captivating like this, where you can have a really impactful gradient with some colors that are outside of the brand guidelines, that are going to convert better, a lot of the time, especially smaller brands are okay with that, in terms of testing out some different things in your advertising that are maybe going to convert better than the general brand guidelines. Always check with your client, but I like getting really creative with my advertising and creating some really impactful images, and videos, and animations. Yes, sometimes they step outside the brand guidelines, just a little bit. As long as my clients are all right with it, I do like to play around with some different things. I'm going to do the same thing here. I'm going to go ahead and create a graphic that's definitely not within my own brand guidelines for Living to Roam, but you can see it's just really, really pretty very impactful. Got that Instagram gradient going on, and I'm actually going to go ahead and filter myself to be black and white so that I stand out a lot more. I'm going to go ahead and desaturate up my brightness, and I just need to be able to move this graphic. I'm going to position it forwards for now, just so I can place it, because I want to place it just behind me. In order to do that, I need to be able to see it. That's already looking pretty good, and obviously I'm going to be advertising something different than a phone here. I'm going to be advertising a free course. I'm going to go ahead and make that larger, and try and align these two words to be the same width. I'm going to make sure that that is white, so it fits in with my color theme. That looks really good. I would maybe play around with the brightness on this image a little bit, just so it's not quite as harsh. This is something that I would really confidently put into an ad, knowing that it's going to really catch people's attention as it's coming across the feed. That is both because of the gradient in the background, the fact that I'm in it pointing to some text, and then that text has this big word that says free. Just before downloading this image and checking for the 20 percent textual, I would just change this to white to make it stand out a little bit more. Now I'll move myself back, quite dynamic. I'm just going to go ahead and download that as a PNG file, and then it will pop over to the text overlay checker by Facebook, and then upload our image to see if it's going to be all right to run it with the texts that we've currently got on it. This is a really important step for you to follow with every ad. Otherwise, it can really hinder the process in terms of getting your ads up and running, especially if there are multiple team members that are responsible for getting an ad up and running. If you're doing the graphic design, someone else is doing the copywriting, someone else is optimizing the ads, it can really slow down the process if you're not checking this. Definitely always make sure when you're creating graphics for Facebook and Instagram ads, that you do at the last minute text check. 16. Create an Animated GIF: There a lot of awesome tools out there for creating moving GIFs. You might find one that you like more than the one I'm going to be showing you. Although I usually create my more elaborate GIFs in Photoshop, if I'm ever looking for a really quick and awesome way to just create a GIF online, Ezgif is my go-to. It's also because it allows you to do a lot more than just create GIFs. You can also edit, crop, resize, add text, and convert videos to GIFs as well. If you and your clients are not quite comfortable with using video for social media, that's perfectly fine. GIFs can be a really great way to get introduced to the animated movement of graphics instead of going straight through to video from static images. I'm going to go ahead and select a video from my computer here so I can show you what I can do with this tool. It's a ScreenFlow of one of my favorite TV shows on Netflix called Nailed It!. If you haven't seen it already, it's where amateur bakers try to make extravagant cakes and fail absolutely miserably at it. It's hilarious. If you haven't watched it, go watch it. But I actually purposely made this video a little bit messy, so you can see my tabs, you can see me hitting record. I haven't cleaned it up at all so that you can actually see how you can clean it up through Ezgif. The first thing I want to do is I want to actually go ahead and crop just the part of the video that I want to be using for my GIF. I'm going to go ahead and select crop video. It's going to take me to a slightly different tab where I can basically click and drag to take the part of the screen that I want to be creating into my GIF here. Try that again. No. Want to go a little bit bigger. It'll lag a little bit just because I have a lot of things open maybe. It's going to play the video while I'm doing this so I can see exactly where it's going to crop. That's pretty good for what I want. I'm happy with that actually. I'm going to go ahead and just click on "Crop video". It's going to show you my crop video down here. That's looking good, but I don't actually want to include the entire 20 seconds, that's a really long GIF, and it's really not everything that I want because it'll show me clicking around. It's not even playing a video yet. Now it's playing. I want to make sure that it's only taking the part of the video that I want, which is the reveal and the expression. I'm going to go ahead and go to video to GIF here and it's going to ask me which part of my video do I actually want to convert into the GIF. I already know that my start time here is about five seconds and the end time that I want to create is around 12 seconds roughly and it's got the exact time there. You can just play the video and then wherever you stop, you can just say, use my current position for the start time, that can be really easy. I'm happy with that, so I'm going to go ahead and convert that into GIF. It's going to show you my output here and there we go. That's the start of the GIF showing them what they're supposed to make and here's what she made. That's her facial expression because it's terrible, and that's amazing. That's just a little cute, fun GIFs that I can put on social media. Now of course, most of the time you're going to be creating GIFs out of images. Let's go into the traditional GIF maker here so I can show you exactly what you can create with just still images. Now I did create these images inside of Canva. These images are essentially just four images with me in slightly different positions. These are for a while back. This is not what my hair looks like anymore. But it's basically just four frames with slightly different colors around the border and then slightly different texts here and me with a slightly different expression. Just says, you, me, live, it's a date. This is a GIF that I could post on a Facebook page to then put into the caption, "Hey guys, I'm maybe going live at 07:00 PM tonight. Who's coming or are you going to be there? Or I'll see you live". Now the beauty of Canva is that you actually can create the GIF straight out of Canva if you hit on "Download". Instead of PNG, you could just say GIF or video. Now it is still in Beta mode. That might change, but at the time of recording, it's not the best GIF that it exports. I've already downloaded it from Canva and now I'm going to create it with you inside of Ezgif and I will show you the difference so you can decide for yourself what's right for you. But for me, I really prefer making it inside of something like the animated GIF maker instead of Ezgif. What I'm going to do is I'm just going to go ahead select these four images and click on "Open" and upload and make GIF. There will be ads galore on this website which can get a little annoying. Because you're on a free version, so you can expect some ads. Anytime you're uploading in the bottom left-hand corner, it'll tell you how fast it's going or how far through the upload you are, so you can see the percentage counting up. In case something looks like nothing's really happening, you can always look in the bottom left-hand corner. It's already uploaded my images. Now I could just go ahead and click on "Make a GIF". But its natural state is that it makes a really quick GIF. In this case, I want to give people the option to actually read this text, which this is way too quick. I'm going to go ahead and delay the time between the frames to 55 and then click on "Make a GIF" again. Every time you make a change here, you just click on "Make a GIF" and it'll change it down here. That's pretty readable. That looks pretty good. Then all I would do is click on "Save" or you can add any text overlays, that kind of stuff here, you can crop it. You can basically use any of these tools up here to make your GIFs into absolute works of art as far as I'm concerned. Now let's go ahead and jump into my GIF comparison folder just so you can see the difference. Now this is the GIF that I downloaded off from Ezgif. You can see it's really quite cool, funky, the colors change, my little text changes here. Then this is the one that I downloaded straight from Canva. It's the same for images, but it is ginormous. It's about 10 times bigger than the previous one I think, just about. You can see that it just moves through so slowly, which is really unfortunate because it almost looks like a static image for a while until you hang around long enough to see that it's actually a GIF. This is the problem with Canva's current exporting. It is still in Beta mode, this might change. It might give you the option to change your frame range and all that wonderful stuff soon enough. But in the meantime, just know that Ezgif is a really good option for creating GIFs, and especially if you're going to try and make GIFs from videos. 17. Pinterest and YouTube Overview: Although Pinterest and YouTube do get classified as social media networks a lot, they're actually much more search engines than they're anything else. That's exactly why you often actually see results from YouTube and Pinterest come up in Google search results when you're looking for things like recipes or travel ideas or anything DIY. Because your success on these networks really largely depends on the visual representation of what you're creating. I am going to be focusing on showing you some really neat little tricks and tips of how to create these beautiful impactful pins and beautiful YouTube thumbnails that are going to make it much more likely for people to actually click through to the website or to the video content for yourself, for your client. If you're ready, let's get going and let's learn how to make an impact on Pinterest and YouTube. 18. Create Pin Templates: When it comes to designing for Pinterest, the best thing you can do is to actually sign up for the platform and then go and look up people who are pinning within your industry or within your client's industry. That's going to give you a really good idea of what kind of content is being really, really engaged with by the Pinterest audience and what kind of content you should also be looking to create in terms of design. Because you will notice that a lot of the Pinterest pin designs will largely depend on the theme of that post and the theme of that blog that is directing traffic to as well. Pinterest, very much not a social media platform, is more of a visual search engine for people who are looking for inspiration or ideas within a particular industry or for a particular topic. Things that do really, really well on Pinterest would be the likes of recipes, anything DIY in terms of weddings or costumes or toys or anything like that. Then also a lot of really great Pins in terms of travel and even digital marketing or blogging tips. There really is so much that you can do with Pinterest, but in the actual layout of the Pins, it can be a good idea to just search for your particular industry to get some ideas. But you will notice that a lot of the Pins are in so many different dimensions. These are the most popular dimensions that we're going to be designing today. But there now also multi image posts like this one over here, which is square and also videos like these ones over here and then also quite long Pins that you will see for infographics and for some recipes as well like this one over here that will have either two different photos of the food or maybe a before and after if it's a tutorial type post. Again, the goal with Pinterest is to get traffic back to the websites that these Pins are advertising. If traffic is really big objective for you and your client, Pinterest might be a really great platform to consider. It can be a really fun way for you to really use all of the tips that you're learning in terms of graphic design, because you can create so many different Pins throughout the month and test out what's working and what isn't and tweak accordingly as well. The one other thing to note with Pinterest is that Pins have an incredible lifespan. For my account, for example, if I go to my profile, I haven't really pinned anything in about two years on my account and I'm still getting about 32,000 monthly unique viewers to my Pins. It means that unlike with Instagram or Facebook, where no one's really going to see posts from two years ago, on Pinterest, they're still quite prominent because they're still circulating through the different boards and through the different search results as people are searching for the things that are tagged within my Pins. I cannot stress this enough, I love Pinterest as a platform. It's really, really useful for growing businesses and for getting people through to your website. One thing to note is that it can be a bit intimidating if you're thinking about creating maybe 20 different Pins throughout the months that are customized to your brand and then you're pinning lots of other people's content as well, of course. But in terms of creating Pins from scratch, it can be a little bit overwhelming to have to come up with different designs. This is exactly why people like Jenna Kutcher here will have templated designs for their Pins that they just have to customize to each individual post or podcast episode, in this case, where you'll see the same design, just slightly different images, and maybe different calls to action or different texts. But they'll have a very similar look and feel, so she doesn't have to think every single time she has a new podcast episode out, what do I have to design? How is it going to look? Same with Melyssa Griffin here. So you her colors are yellow and this dark gray and then white. You'll see a lot of her Pins have this big bold text, a little bit of a background image with an overlay, and her logo and maybe an image of her, but they're all quite similar. She might have five, six different designs of her Pins. Then every time she has a new blog post, she might just customize those templates to suit that particular post with an image and the text. That's exactly what we're going to be creating here today. If I just jump into this document, that is my template document for my own Pins. This is basically just a couple of pages of different variations of the same style of Pin in terms of the colors and the overall layout, but still different enough that if I was going to create six or seven different variations of this one particular Pin using these different templates, it would be dynamic enough that I could test out which ones are performing the best for me on the platform. With a template like this one, all you really want to do is make sure you're not touching these designs and that you're just duplicating them and then customizing the duplicate page. This one's going to remain untouched. I would then customize this one to look similar to this one which was pointing to a particular blog post. I would then download that, upload that onto Pinterest, and then delete it so then I would just have this document as a document full of templates. As I scroll through, you'll see that they're quite similar, no massive amount of variations in these. But again, its just so I can test out which ones are performing really well for me and which ones may be aren't until I narrow it down to maybe two or three or four that are really, really dynamic and are doing really well on the platform. Let's go ahead to canvas now so we can just go into designing the Pinterest Pin, which is 1000 by 1500 pixels. Then this is again where you can search for Pins within your particular industry. Because we're already in the Pinterest layout, we know that these are all going to be the right dimensions and I could go and just search for travel or digital marketing and pick out ones that work really well for what I'm trying to do. Then I would just pick a few that are really easy to read and easy for me to customize. Maybe some that have video content as well because Pinterest is now able to accommodate video content. I'm happy with these. I would just label my document templates, regular size. The reason I'm putting in regular size is because I'm also going to show you how you can create tokens inside of Pinterest. The optimal Pin size is the 1000 by 1500, which is what we're designing here, but you can also design tall Pins for Pinterest that have a little bit more real estate on the platform. They're going to give you a little bit more scrolling on mobile devices and on desktop. You don't necessarily want to overuse these. You want to stick with the optimum Pin sizes for most things. But there are some toppings that do really, really well on Pinterest, so definitely play around with the different dimensions. But for now, we've got this regular size template and I'm just going to go ahead and start designing. So that's an idea of how you might create these types of templates. I do like putting images in them just to see what it might look like with the images already in them. But then once I'm done with it, I would put in a really neutral image like the one that I've got of something marbly, so you know that that's definitely just a place holder. This is obviously for a video. But just putting the same image into each of the templates might just make it a little bit less distracting. This one I would probably keep just because it's a collection of images and add that into the background there. So that way I know that they're really just templates and that I've customized to my colors and my fonts that I can then use for creating Pins for Pinterest. 19. Customise Your Pin Templates and Tall Pins: Now what I've gone and done is taken all these templates and actually import my image and the title of the blog post that I would be advertising with this Pin. So clicking into my page manager, I'll just show you what these look like side-by-side now that I've designed them. This is the template here. I've added in my image and my text and I changed the background color of this one because the turquoise wasn't quite as suited to the image that I've chosen. Same with this one. I wanted to select a video. So this is an actual video that I've embedded in here. It worked a little bit better for me to stretch out that image. I've also taken this background pattern and added it to the bottom left-hand corner as well and I've put in it a little solid block of color behind my text. This one, I haven't really amended much. I just added in a little bit of a text at the top. This one is quite similar. Again, I just dropped in my images, changed the bottom bar to be a little bit more suited to the images I've chosen, and I added a little bit of a solid block of color behind my text to make it pop out a little bit more. This one pretty much stayed as was, and then this one, same thing, I just added in a bit of solid block of color behind it. If I was going to just exit this out, you'll be able to see that they just look so beautiful. It doesn't look very impressive when it's in template format because it looks very bland and doesn't look like it's going to look like much once it's actually designed. But they do end up looking really beautiful and this allows you to, every single time you have a new blog post, you can jump into your Canva templates, customize every single template to that particular blog post, and then go through and download these Pins now that they're customized and upload them straight onto Pinterest or your scheduling tool. It just makes the process so much easier. Obviously, these Pins regular in terms of the way that they're uploaded, I do want to just download this one because it is a video to show you in case you're not familiar with actually posting videos onto Pinterest. Once you've downloaded your Pin as an MP4, all you need to do is click and drag it into your Pin publish section and you're going to be able to see exactly what that Pin is going to look like in somebody's news feed and do any last minute edits if there's anything that you think needs to be edited. But that looks really cool. I think it looks a lot more dynamic than just having a static post and that's where I could split tests and test out my PNG files and my video files and see which Pins perform the best. Lastly, I also want to show you how you can create these long Pins as well. Canva doesn't really have dimensions for this, so we're going to be using the custom dimensions from the template, which is 1,000 times 2,100 pixels. Because it's not a preset template category within Canva, they don't have designs for these long Pins, they will be pulling through Instagram and Facebook story designs. That doesn't mean you can't use these. Some of these are really great and can work really well for Pinterest as well. All it's really doing is it's pulling through the dimensions of that 1,900 height that is for Facebook stories and Instagram stories and then just stretching out the background to fit the extra bit of space in the corners there. There are definitely some designs that I think could be really well optimized, but one thing to keep in mind with these is because they are customized for Facebook and Instagram stories. They are videos some of them, or they'll have animations in them, which is fine for Instagram stories and Facebook stories. But for Pinterest, these long Pins won't accept video, so you can only have video in the previous template, which is that beautiful portrait regular size Pin. For these long ones, you can only use static images. If you're going to be using a template like this one here, you just want to make sure that you're replacing this video element because we can't have that moving. Pinterest just won't accept it. For the time being, this might change, but I would just go ahead and choose one of my images, put that in. I would remove this. I would add a solid block of color to the bottom just to add my website as I did for the previous Pins because I want to make sure that my website is present on all of my beautiful Pins here. Then because this is going to be a long Pin and I don't want people seeing this large solid color here, I would maybe add some pattern to it to make it a little bit more dynamic as people are scrolling through and making sure that that is in the back and maybe an icon of some sort. Maybe YouTube icon because I'm talking about creating videos for YouTube. Maybe even a lighter version as I'm going to be putting this up here, and that looks really good. It's going to be a big, beautiful long Pin. Another really cool thing in terms of creating templates for these long Pins is to have a split Pin with two different images. You could go over to your grids, just place your grid, actually making sure your background is a nice wide or just a very neutral color so that it is an easy template to customize with whatever you're looking for. Let's see, I'm just putting in some demo images here. Again, I would want to make sure that I have my website here in the bottom. Let me just copy all of this and I'll delete what I don't need. I make that dark, because it's a template, so I want to make sure that it's as versatile as possible for all different images. Then depending on the images that I will be using, I will then customize this color wise if need be. But then what I would want to do is just copy a solid block element like this one here and I could either place text just in the middle of these two images to break it up with something. For this purpose, I would say exactly like I did with my other ones, where I would just say, this is a template because I'm not sure what the blog post would be about yet. I would want to make sure that this is large enough to read. Another really great thing that you can do with these is you can actually twist them slightly to make it a little bit more dynamic still. This makes it really stand out from other images on Pinterest. I would maybe just squish the letters together a little bit so it's a little bit more easier to read because it is going to be a title of a blog post, or a recipe, or something like that. But this is super, super easy because all you have to do with a template like this one is copy it and it's so versatile with what you can do with it. You can put in anything to do with travel and just stuck in images and even, let's say, makeup. You can start to see how this template is so versatile and it really doesn't need much tweaking in order for it to look good for all these different industries and different styles of creating Pins. Definitely play around with using your shorter Pins and these longer Pins. If you are going to be using any square Pins, use them very sparingly because the longer Pins tend to do a lot better on Pinterest than any square Pins. 20. Create Pinterest Board Covers: When it comes to creating board covers for Pinterest, it's a good idea to just keep it really simple. There are some people who opt out of ever using any board covers so when you go over to their boards, this cover area is just a general pin that doesn't necessarily have that board theme represented. But it can be a little bit messy and especially the beginning, if you're really trying to stand out, can be a good idea to take the time to make these beautiful board covers because it's really not that much extra effort and it can make a world of difference when it comes to people really recognizing and connecting with your branding as soon as they come across your Pinterest profile. For the Living to Roam Pinterest account, these are board covers. Probably not what I would design now, I designed these awhile back before we were really in tune with our branding in terms of colors and fonts. But they're still great in terms of really having that cohesive theme throughout and really reflecting what that particular board is all about. Just jumping into Canva now, the Pinterest board covers display at 600 by 600 pixels, but you can create them a little bit bigger than this just to make sure that they really do look good as pin and as board covers as well. So because pins are 1,000 pixels wide, and obviously there are a lot taller than the board covers will be because these will just be square. But because they have that 1,000 pixel width, I like designing my board covers at that 1,000 times 1,000 template size. Now you're not going to be able to actually find templates for board covers inside of Canva, at least at the time of recording, this isn't possible. We're just going to have to create these from scratch. That's perfectly fine. You can play with a few different designs and then pop it into your Pinterest account to see what works best. Whether you want to go with a really minimalistic look where you might just choose a pattern and a color or not even a pattern but maybe just going with a solid block of color, maybe an additional element on top of it and some texts and leaving it with a really simple design like that. Or then maybe you'll want to go with the more overlaid photograph look where it's a little bit more dynamic. Maybe just test out a few different options for your Pinterest account and then decide on what works best before going ahead and maybe creating 30 or 40 of these depending on how many board covers you have. This is an option here. I'm just going to go ahead and choose a bit of a different font here. I could choose my Regular Oswald font but for Pinterest, I want to go with something a little bit more delicate, that's beautiful and easy to read, but maybe not quite as narrow as Oswald is for my Pinterest board covers. Really, really handy to use it for pins, but for board covers, you want to have maybe slightly bolder text, so it's a little bit easier to read. Again, a design like this would do really well with accommodating various lengths of sentences and words. I just want to shrink this down a little bit and just making sure I'm designing within my template. I wouldn't go with a black text on this, I would maybe try and make that a little bit more subtle. It's looking good. It's not exactly align. I wanted just to use my arrow keys to move back down. This is an option. Really, really simple. This is super, super easy to customize for all the different board covers you could use. If you wanted to go with something a little bit more dynamic in terms of using a photo in the background, let's go ahead and have a look at how we might be able to do that. I'm just going to select this guy over here. Place a block element on top. Maybe this time aligning that at the bottom here. Making that a color that works with all types of images. This is why you may not necessarily go with branded colors for board covers if you are going be using photos in the background because it can really ruin your consistency if you find one image or a theme that you want to use and it doesn't work with the color you've chosen for this overlay effect here. I might actually go and just copy and paste this and just drag it down. It would be something that I could use really easily for all sorts of different board covers. I would just have this as a template. If I decided it looks good, I would just keep on copying this and going in and dragging other images in. Let me try and align this and then just changing this text. Really easy for any board cover and it looks good with almost any image that could be in the background there. I'm just going to go ahead and download the second page and we'll pop that over to Pinterest so you can see what this looks like in action. Again, I'm just adding this in as a pin first in order to then put it in as a board cover. I'll just make this travel tips. I'm going to add this to a secret board. Hasn't been published yet, but I'm able to add to it. I will just go ahead and publish that. Now if I just jump on over to that secret board, I've got that pin there, and I'm able to just edit this board and then change my board cover and cycle through the different pins that are in this category to find one that works. This is the one that I want to select. This is exactly why you design your board covers to be square so that you don't have to work with any alignment like you would if it was a pin, where you have to actually move through to finding the right square element to actually use as your board cover. If you're designing it as a square, you don't have to do that, you can just hit click on "Save Changes". Then when you exit out and you go over to seeing it on your actual boards, on your profile. Of course it's a secret board at the moment, it's not published. But at the very bottom of your profile, you're going to be able to see all your secret unpublished boards and we've got our travel tips board there. That looks beautiful and that's something I could use for any of my other boards on Pinterest. 21. Create an Image Cut-Out: Some channels will definitely just focus on enhancing the existing photographs that they took to be beautiful and consistent with their theme and maybe adding a little bit of texts here and there. They're not going to be super focused on cropping themselves out and making themselves stand out in that sense, especially channels like this that have been around for a long time and were able to leverage their subscribers to get their videos out there. They're not too focused on SEO or getting discovered in search results. That's definitely one way to go, definitely an option if it's right for your brand or for your client's brand, there's no right or wrong way to do YouTube. But there is a big trend of people using graphics like GaryVee, for example, where they crop themselves out of existing images to be able to place themselves in really dynamic, colorful, bold graphics like this in his channel are here and even in his thumbnails as well. At least Darma is another example of this where she crops herself out for her thumbnails to make it really bold, make it stand out. She's got these crazy expressions that makes it really captivating when you're coming across these videos in search results and same goes for her channel art where she's got her in various places acting as if it's multiples of her all around. This makes it really bold and colorful, and that's really well aligned with her brand. One last one is Neil Patel. His brand is very much this orange, white, and dark-gray tone, and you'll see that throughout all of his thumbnails, very easy to see that it's his video. It will always have him cropped out and a big bold orange thumbnail graphic, and same with this channel art. Obviously for Neil Patel and GaryVee, it's a little bit easier to crop them out because they're either wearing hats or they don't have long luscious hair. But even for people who are looking to crop up images of people with long hair, it's still really easy to do. It can be a really great way of getting your content really bold, colorful, and discoverable in search results when it's compared or listed next to people who just have really boring thumbnail graphics and same goes for your channel art as well. We're going to have a look at a tool that is almost like a simpler version of Photoshop, completely free for you to use and you can use it for so many different things, not just cropping yourself out of images, you can also use it to edit your images just like you would with Photoshop and maybe applying filters. You can even create layers just like you can in Photoshop here. You can use it for a lot of different things, definitely play around with it, but for now all we're going to be doing is allowing me to crop out, basically just me and my hands to be able to place myself into some channel or/and some YouTube thumbnails in later lessons as well. As you scroll over these functions in the left-hand side, the bar you will see it'll give you some prompts of what that function is all about, and we want to start with our cutout function here. What I'm going to do is I'm going to start by just drawing a rectangle around myself to make it a little bit easier, so it'll remove some of the background already. I always have this switched on so you can have it completely switched off. I like knowing what's in the background, what I've already removed, because I'm going to be playing around with the keep and remove functions over here. Sometimes it takes little while to have a steady enough hand to actually do it all in one go and be successful in your first time. Know that this functions there, if you delete something accidentally, you can always bring it back by using these two different toggles. The first thing I want to do is I want to go to the Remove function and I'm going to use the magic cutout. This is just going to speed up the process by removing big chunks of my image, it will also go into my hair because it's pretty much the same color as the background, so it doesn't know the difference. But again, this is why we have this removed function on, so I can see what's being removed and I can always bring it back. But it will speed up my overall process by allowing me to remove these chunks. That's pretty good. I want to go over to Keep, and I'm going to just use my brush tool here. Now, you want to make sure that the softness is around 10 percent because if you're on too soft, it will just give you really blurry edges and it's not going to give you those nice crisp lines that you want for this graphic for your channels, so you want to be around the 10 percent. Sizing wise, you can always jump over here to see how big it is and every time you move, it'll go either bigger or smaller depending on what you're looking for. Actually, I might want to go a little bit bigger because what I'm going to try and do here is just get back the parts of me that I've lost in the process of the magic tool brush. Again, this is not about perfection because it's never going to be really large enough to see the flaws and you're going to be able to go between that Keep and Remove functions. If, for example, I've added in way too much over here, I can just go to Remove and get that wall away from my hair here. It does take a little while, is a little bit easier on Photoshop, I'm not going to lie. This can be a little bit luggy, but for what it is and for it being a free tool, it's absolutely incredible because it took me a long time to learn this on Photoshop and it has some really great capabilities in here. You want to make sure that any of the things that the magic tool didn't quite get in the background you're removing as well, and you want to just smooth out your edges. I'm going to go ahead and do that, and I'm going to speed this up so you don't have to watch me try and be perfectionistic and then we'll see our end result. I'm pretty happy with that. What I would do at this point is just change this to not seeing the hint of what's been removed, just to check that everything has really been removed. The other thing that I wanted to mention that I didn't mention before is the fact that you can zoom in using this tool over here, and you'll see this red square popping out. That'll allow you to get really nitty gritty and see the fine details. If there's anything that you missed before, you would be able to do it by zooming in really nice and close using this little navigation function here. You even have little speckles over here, you can start seeing the little imperfections because you're really zoomed in, hence maybe this is just going to help us clean this up at the very end. I'm quite happy with the way that that's turned out and I'm just going to go ahead and zoom out, and now we're just going to save this so we can import it into Canvas. Now really important here is for you to save this as a PNG, so it'll save that transparent background. If you save as a JPEG, it'll have a white background and you won't be cropped out. You want to go with a PNG, keep your image width and height as what it is and we're just going to name this maggie cropped. I'd go ahead and download that and upload onto Canvas. 22. Create YouTube Channel Art: I've got my own YouTube channel and of course I've designed these for clients as well. I do know how tricky these can be without a proper template like the one I'll be giving you guys today. We have now gone through a few different examples of the YouTube channel art that you can create like GaryVee's or Neil Patel's or even at least Dharma's. You'll notice that a lot of these will feature either the theme of the channel or the person that the channel is owned by. Ideally, both of these elements will be in place. So you want to showcase the person who is introducing the channel or if it's a brand, for example, like Canva or HubSpot, they'll usually have their logo or their tagline in their channel art. Then also the content that people can expect if they subscribe to that channel. Let's now jump into creating our channel art in Canva. This is the one time that Canva is actually spot on with being optimized for all devices with YouTube channel art templates. Mainly because YouTube actually won't allow you to upload something that isn't optimized for their dimensions. However, a lot of the designs that actually are in this area wouldn't really work on a channel because the text or the images would be too big to show up on desktop or mobile or even tablets. If you were to scroll down any of the bigger ones, so for example, for this, you would really only see this section on mobile and tablet and desktop as well. Any of these ones just have text that's way, way to big, anything like this wouldn't show up either. I'm actually going to go ahead and select one of their premade template so I can show you what I mean. Again, the main things you are going for with channel art is really just being able to showcase who the channel belongs to or who is the creator, whether it's a brand or a person and also the theme of the channel, so what kind content they're producing. In that sense, Gamer Strategies is not actually a bad shout in terms of introducing people to the channel. But, if we were to add a new page and go to our uploads, so I can drop in my YouTube template here. You'll be able to see that the majority of the content we want to have is going to be in this orange center here because that is going to be visible on desktop, mobile, and tablets actually. This is where any content that we want to have is going to have to go here. Otherwise, people are not going to be able to see it unless they're on a TV screen. This is going to be visible on tablets and desktops, but not mobile and then this is visible only on desktop. If you have anything here or here, people are not really going to be able to see it majority of the time. If I was going to jump up here and put my template, this server here, maybe stretch it out, so we can see where that text is placed because its just above my template. You can see that the dimensions are correct. But this text, if I was to save that template as it was and upload it to YouTube, it would be cutoff. You would see this word, but you wouldn't see this one. That's really not a great user experience. We want to make sure that we are creating with these templates to make sure that we're always mobile, tablet, and desktop friendly, and in this case, TV friendly as well. I'm going to go ahead and drop in my blank template to make sure that the text is not distracting. I'm going to go over to elements and just go ahead and use a block color. Because you'll want to make sure that the majority of what we're creating is going to be just a solid block of color here. You don't really want to be optimizing for the TV screen view, because majority of your traffic is going to be either mobile or desktop or tablet. Very small percentage is likely going to ever be from TV. So you want to make sure that things look really, really good on mobile, desktop, and tablet. Then of course, if somebody does come across it on a TV screen that it's not completely hideous. I'm going to go ahead and just rename this to just YouTube Channel Art. So that's looking all right there and I'm just going to go ahead and upload the cropped version myself. We can play around with that when I dropped myself in. Now one thing you should note for YouTube, it's always all right to go with really bold colors. This is a muted image because it was more suitable for something like Instagram or Facebook. But for YouTube, you want to go big and bold so that's where I would use my filters or my adjustments. I would go up with the brightness and up with the contrast and that looks good to me. I'm going to go ahead and make myself smaller. I'm going to adjust the transparency so I can make sure that I'm in the right place here. I want to be in the middle and making sure I'm within that orange section in the middle there so I can be visible on mobile, desktop, and tablets. I'm happy with that. One little hack I'm going to teach you right now is, if you're happy with the placement, something cool you can do is go ahead and copy and paste this. With these cut out images, it doesn't work with all images. But if it's a PNG with a transparent background, one thing you can do is turn down the brightness, turn up the contrast, go down in the saturation and then blur this out to create a bit of a drop shadow effect. This is one thing that people don't really like about Canva is that you can't create drop shadows and people really like doing this, especially for YouTube. That can be a bit tough and this is one way you can do that. Then all I would have to do, is position that backwards. Now if I adjust the transparency on this, you'll see that it has created this beautiful drop shadow without having to ever jump into Photoshop. That's one little neat hack for you there. Now I want to add some pattern in the background. I'm going to choose maybe this one here. You make sure it's a different color than this solid block that I've got here. Let me go ahead and make that real, real big. Now I would want to actually make this in the background one grouping so that I can adjust the transparency on both when I'm trying to look at the template that's in the background. Just highlight them both. They do need to be a little bit off to the side in order for this to work. I will go ahead and group these, put them back into place, and then position them behind both of my graphics so that now I can move with the transparency of both of these elements at the same time, instead of just moving this speckled pattern and adjusting the transparency of that, which is really not going to show me my template behind it because I want to be able to work with the solid color block. This is now a grouping. I'm happy with that. I want to go ahead and start adding some text. Again, we want to be featuring what this channel is all about. I would put in grow your business, make that all capitals and change my font to something quite bold and powerful here. Norwester is the one that was used in the template that we've selected here. I quite like it, it's big bold, just as long as it fits in with our template. I want to make sure that I'm actually pointing to it in the graphic. I'm going to go ahead and Command C and Command V so I can copy and paste that. Find your freedom, make that two lines. You could make this absolutely anything, but it can be a really good idea if you have a graphic like this one that it's aligned. So it does look like I'm actually just pointing to it there. Now I might also add some social media graphics. I would come into my elements and put in Facebook. Just go ahead and add this one in. I'm going to adjust my transparency just to check where my cutoff is to be able to see what my followers will see. I'm going to just move this around. Here we go and a little Facebook icon here. Let's put LinkedIn in the corner. Now, you could go and make this optimized for the TV screen or for desktop only by putting some more icons in the corners, but just focusing on the mobile view for now to make sure that that all looks good. Now if I adjust the transparency again, that looks pretty good. That's going to look pretty good on desktop and mobile. I would maybe add one more icon here. It's looking at a little bit bland in there. I would try and find one for Instagram. Let's just create and select this one here. Make that beautiful on white. That looks good. Now all I have to do is I'll just download this. I only want to download my second page, PNG is fine and download. Then we're going to go ahead and upload that to YouTube. Now on YouTube, you just want to go ahead and click on this image and we're just going to drag our download straight in here. You can say that it will look like this on TV, this on mobile, and then on desktop just here. If you were to adjust the crop, you actually can't really do anything with it because this is preset. I'm going to go ahead and select that. When you save it, that looks really good. What I would maybe do is just because I can see that this is cut off a little bit, I would maybe move everything a little bit to the left just so that it's not blocking this area over here. But that looks awesome, really bright, colorful, powerful, and it really matches the rest of the channel as well. 23. Create a YouTube Video Thumbnail: When it comes to YouTube thumbnails, you want to go for a really captivating, bright, bold, colorful look. This is an example of how content creator Matt Komo does this where it's just a beautiful, this turquoisey, teal, orange background photo, with just one really big word or a couple of different cursive bold words on top of it. This works really well for bloggers who are capturing content around traveling, or maybe eating while traveling, or tutorials around food. But when you're talking about some more niche down content like Apple, for example, where they're selling a particular product, you want to be really specific in terms of what the video is about. You might actually put the title of the video inside of the thumbnail like this one, for example, how to shoot a sunset silhouette on iPhone 7. It's really, really clear as to what that video is about, as opposed to just having that one word, beautiful graphic like we saw previously. Then you can niche down even more in terms of having really bold, branded, highly contrasted graphics like Backlinko with Brian Dean over here, where every single thumbnail is very clear that that is his brand, those are his colors, that's his face. It's pretty much a rinse and repeat type of thumbnail where it's completely consistent. When it comes across your new news feed, you know that that is his thumbnail. No matter what you go for, you'll see a consistent approach with really highly ranking and really popular YouTube videos, and that is that it's really captivating and it stands out from the crowd. Jumping straight into Canva, we're going to select the YouTube thumbnail template so I can take you through a bit of my design process for creating YouTube thumbnails through Canva for YouTube. Now, one of the things that's a little bit unfortunate with Canva is that they do have graphic designers creating all sorts of different YouTube thumbnails. Not all of them are optimized for the platform. It's always best to use your own discretion when selecting these templates and these designs. They are all beautiful, there's no doubting that, but a lot of them would not actually perform very well on YouTube itself. Ones that are like some of these I've used for demo purposes over here, absolutely gorgeous, beautiful, but you wouldn't be able to actually read this on mobile devices most likely. Or it wouldn't catch people's attention because it's not really this big, captivating, bold graphic, like the ones that are most popular on YouTube. There are some like this that just really don't stand now in terms of the text being placed on the background image. Even though this is quite a big bold block of text, it gets a little bit lost in the background image they've used. Whereas if they may be just adjusted the transparency of this image in the background and then made this a dark text or put a solid block of color around the text, it might perform a lot better. Then there are some that are for beauty tutorials that just use really, really tiny texts over here that just no one would really be able to read if it was in a small version when you're looking at it on YouTube for example. It would be around this size on mobile maybe even, and then you can't really read what it's saying to you here. The templates that I have found to be the best in terms of Canva for YouTube are the tutorial thumbnails. These are the ones that actually do really follow this big, beautiful text rule that is gold on YouTube. Things like this would really stand out from the crowd in terms of being on search results. Not for every single one of these templates, but a lot of them are really great in terms of simple background image and really big, bold, captivating texts with even solid blocks of color behind them to make them stand out even further. I'm going to start with this one over here and start designing, so I can show you some cool little neat trick that I use for my own YouTube thumbnails. Now, I am going to keep this text, but I want to delete this background image because I want to start with a solid block of color. Then I'm going to jump into my uploads. I want to go ahead and select the actual image and the cropped up version of myself and then stretch that out, so it's the same dimensions. I'm just going to click and drag, and group this, so I can move it to where I want it. I want this to be big and large, and I actually only want to use one of my fingers to point to the text. I don't need them both, and I'm going to drag this to the side. That looks good now. I'm going to ungroup this, and I'm going to go over to my elements and find just a solid block of color. Make that my aqua, and stretch that out. That's just going to act as an in-between layer, between my cropped out image and my background image. Because I could just use myself like this, it looks fine, I really like it, but it's not quite as captivating as having a bit of a just grayed out version of this background. I just want to move that to the side. I'm going to adjust the transparency here. That looks good there, I'm going to move myself back into place and now I want to make sure that the text stands out from this background here. I'm going to use another block of solid color to put just above this. I'm going to use white and aqua, and I'm going to position that just behind me. I'm still pointing to the text and I've got this more dynamic background element here. Because this is italic text, what I can do is I can actually adjust this to be on a bit of an angle because I have angled texts as well. I want to be grabbing that element, I want to be grabbing this element, and I want to stretch that out. It's just near where I want the text bar at. Perfect. Obviously my finger needs to be above the text, but because I'm going to be changing what's written here doesn't matter for now. I'm going to make this, how to make Facebook videos. I could use a middle word here to create or how to make stunning, or how to make the perfect Facebook video, something like that. But for this tutorial, I'm happy to just leave it as is, and I want to make sure that the videos and the Facebook videos really stand out. I'm going to use a different color for that. Another cool little hack here for you is you can create more of a three-dimensional effect with your texts. If you just select the block, copy and paste, and then reverse the colors. What I want to do is I want to select this text above, make that dark and the text below and make that white. Now what I want to do is select it again and position that just behind. That's looking pretty cool already, but I want to make sure that I'm using my arrow keys here just to make that a really slight drop shadow look. But it looks really good already, but I actually want to add a few more graphics here. These are ones that I'm pulling through from Canva by searching for our Facebook, and making that nice and branded here. I want to add another element for video graphic here as well. These are in my recently used, but if I was going to search for them, I would just search Facebook and video and the icons just come on there. Again, I want to make sure that's a little bit more branded. It looks good. Make that a little bit smaller and copy and paste that, and add a different colored graphic. Then use my arrow keys again to line that. I'm going for a bit of a drop shadow on that. I want to make sure that my drop shadows are actually in the same directions as the text above it. Making sure that if these are angled downwards in terms of the drop shadow then I'm doing the same thing with my graphic here. That's it, that looks beautiful. I would make sure to then download that as a PNG file to make sure that it's the highest quality. Now I could basically just go straight into YouTube and upload that to my video as a beautiful, big bold thumbnail. Now just as an additional tip to make your thumbnail stand out, you may want to, at the end, just adjust the image of yourself or your client, whoever you're creating this for, to make sure that it really pops much like you would with your YouTube channel art. It's not entirely going to match the image of me that people are going to see inside the video because it's not quite as dry and contrasts, but that doesn't really matter because the goal of the thumbnail's just to get people to watch the video. The more bright and colorful that it can be, the more likely people are to click through and that's really all you going forward with this. 24. Design a YouTube End Screen [Free Template]: When it comes to end screens, you can use really simple ones like this one from Marie Forleo which is not really animated outside of her logo. Just a simple background to give it a little bit more of a dynamic feel, and then she puts music over this and put her videos, and her comet channel icon here inside of YouTube Studio. It can be as simple as that. Or you can get a little bit more complicated with it, which is what we're going to be doing today. Here's how it looks on my YouTube channel. This is the template we're going to be designing inside of Canva today. The first thing I'm going to do is I'm actually going to take a screenshot of this because that's how I start by designing almost anything, by creating a bit of an inspiration mood board inside of Canva. Jumping straight into Canva, you want to make sure you are designing inside of the YouTube thumbnail template. They don't have YouTube end screens as of yet. But the YouTube thumbnail template design is the right dimensions because that is the dimensions for YouTube. We can design in inside of here, but we will have to take a little bit of inspiration from YouTube itself because we don't have the designs inside of Canva yet at this stage. I'm going to go ahead and just name this End Screens. I know what's going on inside of my Canva account when I'm searching for my designs. I'm going to go ahead and get started by putting my screenshot straight in here. This is how I like to start. I would maybe actually include several screenshots of different kinds of YouTube end screens and add them to the first few pages of my design. As I'm designing, I can then refer to them and have a look at how they've done it and pull ideas from it into my own design. But in this case, I've actually just created a template for you that you can use to make sure you're designing for the optimum dimensions and everything is exactly where it needs to be in order to create your beautiful ends screens inside of YouTube Studio. You could either drop this template in which has the text on it. This will tell you this is the size of the Subscribe icon because that is one thing that you cannot resize inside of YouTube Studio. You can resize these video clips or playlist clips. You're going to be putting inside there, but you cannot resize this YouTube icon, so keep that in mind when you're designing. Everything else is safe inside of this orange area on the template. I'm actually going to be using the blank template of this just to make it a little bit less distracting. I'm going to place that on my design, and stretch it all the way out, and I'm going to lock this to make sure it doesn't move. Anything I've placed on top of this can then be adjusted for transparency to make sure I'm always designing for my main elements to be included in this area, but I'm going to show you exactly what I mean by that as we're going through. The first thing I want to place is my actual channel icon here to make sure that that is going to be in the right place. I'm going to head on over to elements. I'm going to go ahead and grab a circular frame so I can drop any photo in here and it's going to crop it into a nice circle for me. I want to make sure I have the right dimensions. Here we are. Better to be a little bit smaller than bigger. I'm going to drop that right in. I know that this is the size of my channel icon and that does not move, that cannot be resized instead of YouTube Studio. The other thing that I want to grab is some place holders for my YouTube thumbnails to make sure that the design of the outside elements is in the right dimensions because the YouTube thumbnails are in a bit of an awkward shape. It's not a square or circle, which is a little bit easier. It's quite rectangular and it can be a bit tricky. I always like putting YouTube thumbnails of my actual YouTube videos inside of these designs as placeholders so I can see exactly what it's going to look like when it's inside of my videos. It also makes it really easy to align so I can see exactly how much room I would have for videos inside of here if they were going to be on top of each other like these two are over here. I can go maybe a little bit bigger. Looks good, and now I'm going to be placing some design elements on the outside of these. I'm going to go ahead back on over to elements, grab some shapes and make sure that these are going to be darker than this background color over here, so it's not too distracting. Maybe choose the same color but then go a little bit darker with it here. This element that I'm grabbing at this stage can be a little bit outside of the frame because that's not going to affect what happens inside of YouTube Studio. That's fine. But I want to make sure that it's going to look beautiful when the video is actually placed on top of it inside of YouTube Studio. I want to make sure the dimensions are how I want them. Now keep in mind you are going to be eyeballing it inside of YouTube Studio. You're going to be placing these in manually, so they're never going to be quite perfect. You can see that this one that I placed inside of the video has quite a narrow edge on the bottom and then quite a fat edge here on the left side. But it's mainly just to give you a bit of an idea of where you want these. I'm happy with the way that that looks. I'm going to copy and paste that, and use it for my second element over here, and position that just behind it. Now I would maybe want the gap between them to be a little bit bigger just to make it a little bit more pronounced. That looks pretty good. Now I can go ahead and start placing in my actual background elements because I know that these are going to be in the right spot for me. This one I can move around now because I know exactly what size it is. I'm going to put it just to the edge here, so I know that that is the highest and the most left that it can go and it can keep going towards the middle of this orange area, but not outside of it. I'm going to go ahead and choose another colored block. Move that back. This is going to be my blue block here. That's going to go to the back. I can see the top here, this is roughly where I want it. I'm going to choose another element that has a bit of an outline for my orange block. Perfect. Now I can stretch that out. Again, using my top design here as a bit of a guideline. That's going to go backwards. Now I can start adding in my other elements including this frame for my actual video. That's going to keep playing as this end screen is. I want to make sure that I'm adjusting the transparency here so I can see where the frame is going to be. Again, this doesn't matter so much for this video because it's not actually restricted to these boundaries, but it's mainly for the design of it. It all looks nice and flows pretty nicely as well. I don't want to make it to go too far down or too far over to the left because I want it to still look nice and aligned with these other videos over here. Make that a little bit bigger just so it's also centered within the orange element here. I'm also going to place a dummy placeholder of a screenshot of me talking on top of that. Once again, this is just to make sure that I've got the dimensions correct because of these awkward rectangle shapes. You can see that I've already screwed it up a little bit. I can keep going up. But it does mean that I will just have to adjust a little bit, it was pretty good actually, so I'm happy with the way that that's turning out. I'm going to go ahead and adjust my transparency back. I'm going to change the color of this so it's not that hideous blue. That's looking good. Now let's drop some text in to get those nice calls to action that are often missing from end screens that are not designed professionally. They're not given that loving care that you are going to be giving your end screens and really prompting people to take the actions you want them to take. What next? I'm just going to make this bigger and also align my top and bottom widths here because they're too big [inaudible] to my right. I also want to adjust the line-height so it's not quite so far away from each other. That looks good. I'm going to put that over here. Now I'm going to grab my arrows and my subscribe icon as well. I'm going to head on over to elements. I'm going to put in the word sticker and arrow. The sticker part of that phrase means that it's going to pull up a lot of these moving elements for me, which is also, you don't want to be overusing the moving elements. I have a tendency to do this. I get overly excited by all of these amazing animations inside of software's like Canva, and then I just end up with way too many distracting elements on one design. You do want to be quite careful with the amount of graphics you're using that are moving because you don't want to be distracting your viewers from feeling like they have too many options for the calls to action you want them to take. But just using a couple can be a really good way of prompting them to do the thing that you are looking for them to do. Again, going up to our reference example here. Those arrows are a little bit smaller. I'm going to go ahead and lock this so that I can select. I'll just make them smaller. They're not too distracting, obviously, [inaudible] has already thought of this. I also want to grab an arrow for my subscribe element on the left-hand side. Let's go ahead and give that a bit of a twist to make sure it's pointing in the right direction. Again, that's going to be a little bit smaller. It's going to be roughly around here, and I'm also going to have a subscribe sticker. There're lots to choose from and do bear in mind that I am on the Pro plan of Canvas. But all of the elements that I'm using here today are completely free for you to use. I've specifically chosen ones that are available on the free unpaid plans, so you don't necessary have to upgrade your account in order to use these animated graphics, which is awesome. The last thing I want to do is grab a frame. That's going to be this last moving element that I've got around my channel art that makes it really nice and prominent in people's minds. There's lots of colorful ones here and I would avoid using color on color whenever possible, either use a white or grayscale background and then colorful elements on top of it or the other way around. Don't try to use color on color, never really ends well in the design world. Again, this element can be outside of the frame, but this channel icon cannot. I'm going to put this in the back and we're going to just adjust the transparency here to make sure I'm not moving outside of the frame. I'm going move this down. We're going to move this guy right here. If I want more of these dots to be showing behind my channel icon, I can just move it and this is going to move down a little bit. I can use it to snap it into place to make sure it's in the center. Again, this is going to be little bit less precise inside of YouTube Studio because you're going to be eyeballing it, but that's looking pretty good, very close to what I've got going on up here. The one last thing is that I've got a bit of a speckled pattern background on this side of things so I'm going to go ahead and have that in. It is blue currently, so you're not going to go to see it until I change the color. Now we can change it to white and we're going to position that all the way to the back and a little bit forwards so is just on top of the blue. Now I'm just going to align that with the blue background. Cool. I'm happy with the way that that's turning out. I know everything is within the frame. Now we're going to go ahead and copy this and remove these elements because I don't actually want them to be there. They're just placeholders so I don't need any of this there. I don't need this and I don't want that. I just want this template that I'm going to then use now inside of iMovie so I can show you how to add this clip here. Then, we're going to pop it inside of YouTube Studio so I can show you how to add your last little elements inside of YouTube. You want to make sure you're downloading this as a video and you only downloading the page that you want. It's going to download it as a six second clip, but that's okay because we're just going to copy and paste it to get the 20 seconds of your end screens that you want. Here we are inside of iMovie, but you can replicate this in any other video editing software that you're using. I use Final Cut Pro, but you can also use this in Premiere Pro or anything else that you're using. iMovie is just the simplest to demonstrate. You just drop in your clips. This is the 5.8 second clip. I want us to be a maximum of 20 seconds because that is the maximum length of your end screens. I'm going to go ahead and copy this and paste. This is the only slightly more difficult thing about using animated elements, is that if this was of static image, you can just make it 20 seconds and you're done. With animated elements you want to make sure that they look quite natural in how they're moving in terms of where their positioning is. It's not so much an issue with this because it just keeps on turning, but this arrow and then these arrows as well have to be lined up a little bit. What you want to do is you want to get to a point where they're in a natural transition and rant here, let's say so. At this point of the clip, the arrows are down so I want to make sure that I get to the same point here. I'm just going to delete this bit. Now that should be relatively flawless. Not a lot of people would notice it to be honest. If you don't want to bother with doing that part of lining this up, not a lot of people will really notice that tiny little bit of a glitch. I'm just a bit of a perfectionist so I like to line it up by using these arrows or this arrow and making sure that their movements are aligned with these clips as they're moving through. Now that that's done, you know that this beginning is aligned with this end, which is the same as this one. Now you can just use this clip and copy and paste it and make sure you get around 20 seconds worth. Of course, it has to make sense with what you're saying here. If you're not saying 20 seconds worth of content, that's going to be relevant to end screens then make it shorter. Just know that you cannot make it longer. Though this is around 20 seconds. It's a little bit over perhaps by a couple of seconds. I'm just going to make that a little bit shorter just to be safe. Now, what you want to do with your clip is you want to make sure you're detaching the audio to make sure that you can place that just underneath and grab this. I'm just going to place that right above my end screen here. This is also how I can make sure that it's 20 seconds. You can see this is 22.6 seconds, this is 22 seconds here. I want to make sure that it's 20 seconds, of course now I'm clipping it. You want to make sure it is actually the exact content that you want in there. But now we know we got 19 seconds and we're well within the boundaries. I want to select this area over here and put it in this picture in picture to make sure that I can place it where I want it. That looks great. Now if I was going to play that, it does have a bit of a fade in, dangers of iMovie I suppose. You want to make sure it appears straight away and the sound would be just underneath that. Then the other elements are going to go straight inside of YouTube Studio. That is how you would add it to your video. Of course, your video would be over here and this would just be the last 20 seconds. Let's jump into YouTube Studio and add our last few elements. Maybe you doing this on in live video that I've already got published just to show you how this is done. You want to head on over to where you're editing a video going over to end screen on the right-hand side and this is where you can place your elements so you can place your subscribe icon over here. You can see that this is not something you can re-size, but these videos, I can't actually resize these. These can be as big as you really want them and you can also just have one video in there if you want. In terms of deciding what videos to place here, you can choose just most recent upload. Forever, for as long as you've got YouTube, this video will keep changing so all of your videos will keep advertising whatever your latest video is or you can choose best for viewers that YouTube will then select whichever video is most compatible with the topic of the current video or you can even choose a playlist. Those are all the different things that you can choose here. But just so you know exactly what it will look like once your beautiful template is inside of YouTube Studio and then all you need to do is hit save and it'll be live and ready to go on your video. I have also created a template for you that you can use inside of your own Canvas account and customize to your own brand and your own needs. You have the design that we created today and also one other that is going to give you some inspiration for what you can do with your own end screens. Also every single time you add a new page, you're going to have this design already preset in there. Just make sure to check your coursework book for this link and it's going to ask you to use this template within your own Canvas account and it's just going to copy it for you. 25. Additional Business and Web Materials Overview: There's so many other elements when it comes to presenting a business online that don't actually involve content for social media. You've probably had a bit of experience with this when you click on a link on a beautiful looking Instagram profile, only to find a really hideous website that makes you lose faith in the credibility of that brand. It certainly happened to me and it is the reason why I think there's a big benefit in learning how to design and optimize content for web and create some additional resources that might be useful for your clients as well. If you're ready, let's have a look at how to design some additional resources for business and web for yourself or for your client. 26. Design a Stunning eBook: When it comes to designing e-books, the more that you can plan before you actually start designing, the easier the design process is going to be. It's really important for you to figure out what images will you want to use, have your texts ready, and any resources that you want to put inside your e-book, have that already in some Google Doc or a document just on your computer. Also, just be really clear on is this only going to remain as an online e-book or are you ever going to need to print this? In which case, it will affect the dimensions that this is going to be designed in. All of those little things will add up to make a really big difference. So if you know the answers to all those questions by the time you actually sit down to design, you'll know what you want the final product to look like. Canva unfortunately doesn't have an e-book section per se on its design platform in terms of providing you with a beautiful, almost ready to just plug and play customizable e-book. But there are a few options within the platform that you can utilize. One is the presentation section of Canva. A lot of these will have 25/26 pages because they're designed to be a PowerPoint presentation. They are placed horizontally. That's not ideal for every e-book, but there are lots of people utilizing these dimensions for e-books nowadays because they're actually really easy to read on a desktop screen and a tablet as well, which is probably where most people would read a really lengthy e-book that's 25/26 pages. It's a little bit too much to read on mobile screens anyway. If that's something that you might want to go for, go and check out their presentation templates because they will have all of these beautiful designs for you to work with. Ones that are within the niche that you might be looking to designing, so there are lots within the digital marketing space, the travel space, social media space. I have found a lot of inspiration here for my own projects. You can just hit "Apply all 25 pages" of any of these templates, and it will basically just create this beautifully designed document for you to then just customize with your own colors and your own images. Of course, I'm on the free version here, so anything that's got watermarks like these elements here I would want to make sure to remove and replace with free elements. But if I was going to just go ahead and put my own brand colors in, because this red is really prominent throughout the whole presentation I could actually say, change anything that's red in the whole template document to this beautiful orange. Then you can see as you're scrolling through, it's already made it customized to your branding and all you really have to worry about in that case is font colors, font sizes, font styles, and then any design element. Of course, it is designed for presentations, so it'll have a lot of charts, graphs, dot points, those sorts of things. So you would have to do a little bit of redesign, but you would then be able to just download this as a PDF. Of course, I don't want to be downloading it yet because its got the premium images in it, but I could download it just as a standard PDF or for print as well. Or I could actually download this as a PowerPoint as well, which makes it really great because then you can reuse that design either within Canva or within PowerPoint as well. That's definitely one option if you're looking to design horizontally. If you are looking to design in a more traditional e-book or a book style which is a vertical e-book, then there are few options within Canva. For me particularly I like to go with the A4 document template because I also know that if anyone is ever going to print it, it's going to print beautifully for them because it's designed in print dimensions, not in pixels. If I do design it as an A4, if anybody does decide to print it, they can definitely do that. These are more fliers, infographics, leaflets, daily planners, those sorts of designs. With this template you do have to start from scratch, but I will give you a really neat little hack that I like to do. We're just going to jump over to Creative Market. This is where I really, really like to just use this as a source of inspiration for my designs. You can definitely just go in here and actually purchase these designs because they are suitable to be uploaded straight into Canva and used within Canva. As you see these are 40 plus templates within Canva. Same with these guys, they'll have a Canva and an InDesign file for you as well. What I really like just taking bits and pieces of different designs from here and then making my own. There are two reasons that I like to do this. One obviously, I don't want to be spending too much money on my designs. With two, it really gets my creative juices flowing, and the best way to get better at anything is to practice. If you're constantly purchasing other people's elements, you're never really going to be able to practice your own skills, but you can definitely use their designs for your inspiration to create your own content. I would then go into all of these different templates that I really like, take some screenshots and create almost like a mood board for my design and then be able to pull from other people's creations for my own design. For this one, for example, I will just go over to where she's got the layout of the different elements. Then I would just screenshot this middle section here. I might go back to the initial search results and maybe screenshot a few different ones. For now, I'm pretty happy to just keep the one, and I would then just add it to my uploads. Then this is where I could to bring in some ideas onto my first page or first two pages of my design, just to have that as inspiration in front of me as I'm going through designing the rest of this. I'll copy and paste that and get the other pages on here. Again, it's really just to get some ideas about what I could design, I'm not copying the designs per se and it's a really important distinction. So you don't want to be taking all of these 40 pages of this beautiful e-book and replicating them exactly as that person has designed it. But it's really, really common for designers and even web designers to be pulling inspiration from different areas and different materials from around the web and then just using them to create their own unique beautiful creation. There's nothing wrong with you pulling inspiration, but don't go plagiarizing or copying exactly what somebody else has done because obviously this is their livelihood. They are putting that online for people to purchase. If you're going to go and copy it, then you're probably better off just purchasing their design and giving them the credit that they deserve. Using it for inspiration, totally fine. I would just then go ahead and start creating, and then I can always refer back to this first page for inspiration if I get stuck on how to design something. The important thing is I pulled in my images that I want to be using for this e-book as well, so I know exactly the color schemes that I might use to complement the images that I'm going to be using throughout my e-book in order to place text holders. Obviously for me, for this e-book it's just a demo e-book. I don't have my texts written yet. When I'm creating templates like this one where I don't have the text, I would just jump onto a Lorem Ipsum generator where it's a placeholder text that I can copy and paste into my design. It's not anything, it's not a language. It's just nonsensical words that I can place into my template that is going to allow me to get the design and the layout correct. Then I could just go in and send that to somebody who's going to be responsible for putting the text in or for me to be able to put the text in a little bit later. I'm just going to go ahead and jump in and start designing, and then we'll go over a few of last things at the end. That is how I would go about designing my own version of an e-book like this one. I've taken some elements. If you have a look at a design like this one, I've obviously taken some inspiration from here, taken some inspiration from here in terms of having a full image. Then the rest, I've just done my own designs that are somewhat similar to what this design was trying to do. Just in terms of a really simplistic layout, some colors that are matching the text and matching the image next to it using these quotation marks. Definitely a lot of my own work into it, but still having used some of the elements that this beautiful e-book has provided me with in terms of inspiration. I would then go and just delete that page because I don't need it anymore. I've got a beautiful e-book with my own branding at the bottom, because that's something I'd like to add to all my e-books. Obviously this is dummy texts at the moment. I would want to make sure to replace that with regular texts, but it's all looking really, really beautiful and exactly how I would want it. Whether this was an e-book for something that's a little bit more lengthy like this design over here which is quite text heavy, or even a book of resources. If I wanted to add some hyperlinks, you can do that really easily inside of Canva. You can add multiple hyperlinks to a page, which makes it really easy if you're maybe linking out to several resources on one page for using e-books for the same purposes that I do in terms of providing workbooks for e-courses and all those sorts of things. It's really easy. As soon as you download it as a PDF that link will then be clickable, and it makes it really easy for people to just access the resources that you are looking to link them to. 27. Learn to Resize Your PDFs and Images : I do also want to show you how to actually optimize your PDFs and any images for web because it can take up a lot of space on your website or even just in your Google Drive or on your computer if you're constantly storing really big files, just so you have them in the highest quality possible. Let's just start with the PDF here. I'm just going to go ahead download this. I will have two options here. I will have an option for PDF print, so I could try and download that, which will be a very high-resolution file, but it's also going to be really big in terms of size. That one is 6.4 megabytes. I'm going to go ahead and try to download a PDF standard, which is not optimized for print, but again, because this is an e-book, I'm not too worried, and now we're looking at 1.8 megabytes. It's quite a big difference between even just the two export sizes within Canva. Again, why it's really important for you to decide whether you're going to be printing this or not. But there is a resource that I want to point you to in terms of sizing down your PDFs. If you have Adobe Acrobat DC on your computer, which is a paid tool, then you can compress within that. But again, this is all about giving you guys free tools. Go ahead and jump on over to I'll link you guys to it in your workbook as well, so don't worry too much about it. But it's a really great resource for so many different things where you're able to combine PDFs, turn PDFs into PowerPoints, PDFs into Word document, Word documents to PDFs, all these different things that you could ever want to do with your Microsoft Excel documents you can pretty much do on this website. You are limited to a certain number of compressions and a certain number of moves on this free tool because obviously they want to prompt you to use their paid version. You could just jump on over to the compressed PDFs section, drop any PDF in, and it's going to reduce the size quite drastically without compromising on the quality of that PDF for you. You have two uploads for free per day, so make sure to utilize that if you're looking to reduce that file size, especially if you're thinking about sending PDFs of your e-books over to your clients through e-mail and you want to make sure that you're reducing that size as much as possible, or if it's going on your website to make sure that they're loading really quickly as well. That is a really great tool for your print documents and for your e-books. Then we're going to jump on back over to Pixlr, which we used in previous lessons to manipulate some images and to be able to cut out shapes. But you can do so much more with it in terms of optimizing your images and making sure that they are fit for going onto web. I'm just going to go ahead and open my demo image here, which is from Unsplash. Now 1.3 megabytes for a PDF of an e-book is actually not bad, but 1.3 megabytes for an image that's going on a website is absolutely enormous. That is a huge, huge difference in terms of the site speed that your clients are going to have and the user experience as well overall because some people might have slow Internet connections, in which case the images might not load properly. It might deter them from actually letting the website or that blog post load and they might exit out quickly, creating a really bad user experience. When you are putting images onto web, you want to make sure that you are resizing them and compressing them as much as possible so they're the smallest versions of themselves without compromising on quality. You do not have to really worry about this if you're posting on social media because Facebook, Instagram, LinkedIn, all these different platforms have their own compression that happens when you're uploading onto the platform. So you don't have to pre-compress your images. This is where you could precise your image before even going into the editor. I could put in that I want it to be maybe this size for web here and apply that because it was 4,800 pixels wide, which is enormous. If I want to resize it down even further, I could go into properties and resize image. Let's say I only need it to be 800 pixels wide because it's going in a blog post, it's going to automatically do the height for me because it's going to be in proportion. If I didn't want that, I could turn that off, but it's going to squish it down. You want to make sure that this is toggled on and click "Apply" and it's going to shrink it down even more. Then I could crop it if I maybe didn't want the silhouette of this woman here and I just want this beautiful image here. Then I could save that. I could save it for PNG or JPEG and then decide the quality in order to get a little bit of further compression here. Before going through to save though, I do want to mention that you can also adjust your image in terms of contrast, color, temperature, all of these things. Again, this is almost like a mini Photoshop and Lightroom, all in one as a free online tool. You are going to be looking to edit some of your images, especially the ones that you're taking yourself. These are obviously already beautifully edited because they're on Unsplash. Though the photographers have already put them through a lot of post-processing. But if you're going to be uploading iPhone images onto your blog post and you want to come in here and just edit them, you can definitely do that with this tool. Then we want to go ahead and hit "Save". I'm just going to save that as a JPEG and download that; edited. There's one more tool that I want to show you that is going to compress this down even further. It's not going to change the dimensions of the image, it's not going to crop it or re-size it, it is just going to compress the actual file size without losing on quality. All you have to do is just drag it into here, whether it's a JPEG or PNG file, and it's going to compress it down even more. If we take a look at these two images, so this is our compressed image. I'm just going to drag it to my desktop here. This image is our small compressed image and this is our large Unsplash image. I'm just going to zoom out so we can put them side-by-side. Yes, there's a little bit of difference in terms of, you can see that the hair is a little bit grainy here, and maybe there's a little bit of loss in the background here. Teeny-tiny difference though for the fact that with this image, if we actually look into the information of both of these images and we get info on our compressed image and our original image here, we were looking at 1.3 megabytes. That's 1,300 kilobytes versus 69 kilobytes. That makes a really big difference when you're uploading content onto your client's website or you're creating documents for their presentations and you want to make their presentations really, really beautiful, but you don't want to drag down the presentation size and the speed in which it loads with these really big bulky images. You can come in here, compress all your images, upload them into their presentation, and make sure everything runs really smoothly. Those are just a few of the ways that you might be using these types of tools. It's just a really good idea to be aware of their existence if you ever need to use them for anything while working for yourself, for your client. 28. Using Mockups: Mockups can add a lot of value to creating content for social media and also creating content for your clients websites, and e-mails, and anything in between. You've probably seen mockups before out there in the online universe, but essentially, they're prototypes of your designs in 3D physical format. If you're designing something like a magazine or a booklet, or maybe a business card like this one, or even a logo, maybe you're designing something that you want to show off on a mobile screen, this is when mockups can come in really, really handy because in an online world where you can't really feel or touch anything, sometimes it can be really great to be able to see it and be able to really get a sense of what the product is going to look like. It can also convey a sense of professionalism, which is why mock-ups are really often used in graphics. I want to show you two free online tools that you can use for your mockups, if you wanted to incorporate this into your clients business materials or their social media as well. The first one is really, really simple, it's just pulling images to your own splash and it's allowing you to place any image into any of these magic mockups. That's both for desktop and for mobile devices as well. As soon as you place one image into, let say the first image here, it'll also use that image for any of the desktop images throughout this environment collection. You can either upload your own image and it'll tell you the dimensions it would prefer it in, or you can actually just put in a URL. I can put in here and it'll grab a screenshot of my homepage to use for these mockups, which can be a really great way to maybe put a new website design up on social media. If I was redesigning my homepage, I could post an image like this one to say, "Hey guys, my website has a new look. Maybe go and check it out." This is much more captivating than just showing a screenshot of my website because it's much more dynamic, people can understand that this is something that they would be able to browse on their own computers as well. Then if I click "Through', you'll be able to see that same image on any of these different designs. Then you can also see that this one in particular, also has the option of looking at a mobile design here. If I was to click on this one, I could select a mock-up here. This one is not quite the right dimensions, so I might squish it little bit. But that's perfect. It's just chosen the middle of that and I could exit out of that and choose a different design, but this allows me to have two different mockups within one image. Now, if I go to any of these, it's going to have that mobile design in any of the mockups that allow for that. This is really, really great. It makes it really impressive for presenting graphics to your clients as well. For example, if you are mocking up a potential Instagram grid of different posts that you want to post for your clients, or even just an Instagram story graphic, you could come in here, put that into one of these mockups, and send that off to your client to say, "This is what it's going to look like when it comes onto your Instagram stories." It's a lot more impressive than just sending them flat graphics. Another one is the tool. Again, I'm going to include these resources in your workbook, so don't worry too much. You want to make sure that you are in the Free Mockup section because there's a lot of paid mockups here as well. These are great because they are a little bit more three-dimensional. If your client has an e-commerce brand, for example, and you may be doing some designs for them that are going to go on shirts or on any other types of maybe stationary or something similar, this is where you will go and really utilize these fun, colorful, 3D mockups of people. Let's just go ahead and select one, so I can show you what it looks like when you place your design in. Obviously, you would place a design in from Canva that you've designed or from another free tool, but for just demo purposes, I'm going to be using a photo of my head. I would just go in and upload my image, again, it's going to have the preferred dimensions there. But for the time being, I'm just going to select this image and then use their crop tool just to crop this out until it's completely full. I'm just using my face here because why not? I could also add some text to it, but you can see that this is a demo of what that t-shirt would look like, and if I had an e-commerce site, I could put this design directly on the site. If I was going to go ahead and select free download, it would tell me this is a no watermark high-resolution PNG, commercial usage is okay. That's important because you want make sure that when you're downloading things, that you are checking the licensing and you know that with these and with the previous tool I showed you, it's all okay for you to download these and send them off to your client or put it on their website or anything that you need to use him for is all right. Then of course, you can look into subscriptions, is if mockups is something that you're going to utilize a lot throughout your business and you don't want to worry about using Photoshop or any of the more complex tools out there. 29. Thank You: I hope you guys really enjoyed the course. You should have a real sense of confidence in knowing that you do not have to be a professional graphic designer in order to create beautiful and impactful content for your online presence. There are a lot of other tools out there in the online universe, so don't be afraid to try out some other tools. But the basic principles that you've learned in this course will remain the same. Don't forget everything that you've learned up until this point. The key is really just to practice. Leverage the momentum you have from this course and go out there and just practice. If you have any other questions or you want some feedback on your designs, don't be afraid to let me know. Thank you again for taking the course. I've really loved having you here and happy creating.