Designing a Digital Planner for free using Canva & Google Slides | Joanna Szram | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Designing a Digital Planner for free using Canva & Google Slides

teacher avatar Joanna Szram, Artist | Digital Planners

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

12 Lessons (1h 7m)
    • 1. Design a Digital Planner for free using Canva and Google Slides

      2:06
    • 2. Designing: Cover Page

      6:38
    • 3. Designing: Monthly Page

      4:26
    • 4. Designing: Weekly Page

      4:22
    • 5. Designing: Daily Page

      3:31
    • 6. Designing: Wellness Tracker

      6:10
    • 7. Designing: Lined & Graph Paper

      2:10
    • 8. Designing: Meal Planner

      2:33
    • 9. Designing: Index Page

      3:15
    • 10. Finishing touches & downloading

      3:21
    • 11. Hyperlinking

      8:13
    • 12. Testing & using

      20:02
  • --
  • 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.

125

Students

2

Projects

About This Class

You will need:

  • a free Canva account
  • Google Slides
  • any free or paid pdf annotation app, such as GoodNotes, Notability or Adobe Acrobat Reader.

il_794xN.3250813124_c26f.jpg

Today I will teach you how to design a colorful Digital Planner for free using Canva and Google Slides and how to make the whole process easy and fun.

This course is a perfect choice for you if you want to learn how to design a digital planner for yourself or for sale, for example in your Etsy store.

I will also give you my planner for personal use or for inspiration.

il_794xN.3250796036_ri85.jpg

The cool thing about learning how to create a digital planner with hyperlinked buttons is that you will be able to design a product that suits you 100% and includes your favourite, most useful sections.

You will learn how to create your planner from scratch, how to make the best use out of Canva’s free tools and how to make your planner look neat and clean.

il_794xN.3250796038_3gmu.jpg

We will start off by creating the cover page in Canva including a wooden texture background, a beautiful rainbow graphic and colorful tabs. 

Next we will move onto designing our monthly and weekly spreads, to-do lists and notes.

We will design the daily planner and after that I will show you how to create a wellness tracker with a mini meal planner, hydration tracker and more.

You will learn how to make lined and graph paper pages and meal planner page.

il_794xN.3298482275_ct1j.jpg

Once we have all of our graphics designed, you will learn how to transfer them to Google Slides and we will start the hyperlinking process.

Then I will teach you how to download and test the planner and I will show you a video of me using it on my iPad so you can have an idea of how wholesome it is to use a digital planner, especially one you made yourself!

We will also make a fun project together which you will be able to share with the class.

Feel free to run with your creativity and design your planner exactly the way you want. 

Meet Your Teacher

Teacher Profile Image

Joanna Szram

Artist | Digital Planners

Teacher

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
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.

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.

Transcripts

1. Design a Digital Planner for free using Canva and Google Slides: Hi everyone and welcome to my online course. My name is Jo and I'm a digital artist and illustrator. Today, I will teach you how to design a colorful digital planner for free using Canva and Google Slides, and how to make the whole process easy and fun. This course is the perfect choice for you if you want to learn how to design a digital planner for yourself or for sale, for example, in your Etsy store. I will also give you my planner for personal use or for inspiration. The cool thing about learning how to create a digital planner with hyperlinked tabs is that you will be able to design a product that suits you a 100 percent and include your favorite most useful sections. You will learn how to create your planner from scratch, how to make the best use out of Canva's free tools, and how to make your planner look neat and clean. We will start off by creating the cover page in Canva, including a wooden texture background, a beautiful rainbow graphic, and colorful tabs. Next, we'll move on to designing our monthly and weekly spreads to-do lists and notes. We will design the daily planner. And after that, I will show you how to create a wellness tracker with a mini meal planner, hydration trucker, and more. You will learn how to make lined and graph paper pages and meal planner page. Once we have all of our graphics designed, you will learn how to transfer them to Google Slides and we will start the hyperlinking process. Then I will teach you how to download and test the planner. And I will show you a video of me using it on my iPad. So you can have an idea of how wholesome it is to use a digital planner, especially one you made yourself. We will also make a fun project together. that you be able to share with the class. Feel free to run with your creativity and design your planner exactly the way you want. Have fun with the class, and I will see you in a second in the video number two. 2. Designing: Cover Page: Test dot, head over to canva.com and click Create a design typing your preferred project dimensions. I recommend the size of 8.5 inches by 11 inches. Fastly, we're going to choose the background for our plan, their photos from the tool selection panel on the left. I'm going to look for a wooden surface like background to go ahead and experiment if you feel like it. Let's type it into the search bar and filter our results by clicking on this icon here. We can now choose to only see a certain color, orientation or price. Let's select free and apply filters. I quite like this photo, so let's click on this. Now we're going to right-click on it and then choose Set Image as background. For our background is ready. We are going to add the planner right here and the tabs on this side right here. Choose elements from the tool selection panel, where after lines and shapes, select CEO and pick the rectangular shape. Let's change the color of it to something brighter. Feel free to use any color you like. Try looking for some paper textures in the photo section on the left. Apply it to your planner and see if you like it. Let's put our planner in place by dragging it just a little bit away from each of the edges. The idea here is that the planner lies on the table and we can see the table in the background. Now, let's use the Position button to align it to the middle of the page and adjust the page a little bit. For this next part, you are going to use the binder rings one PNG file that I made for you. Now we're going to add the binder rings to our project. Head to the upload section on the left side, upload media and device picked a file and click Upload. Let's put it in our project. By clicking on it, I adjust the size and the position of the binder rings until you can see it gets aligned with the page quite neatly. And this next step, we're going to design our cover page to do that, head to elements and let your imagination run free. I am feeling like rainbow, so let's go with it. But you can pick whatever you like. And it applies to the whole planner. I want you to like is to design it to your tastes. So good, as creative as possible. I'm going to make sure my rainbow is in the center of the page. Now it's time to other rectangular shape on the bottom of the page. This will hold the title of the planner, the size of it, and place it in the center of the page. Now it's time to add our title, choose texts from the tool panel. Have a look through some cool font combinations, or add a heading and pick a font afterwards. I quite like this one for the title. Let's add our title, place it in the middle of the rectangular, and adjust the size. I also decided to change the font color to white. I think it goes better with this color palette. You can also use kind of a text effects for the title that stands out more. Let's group all three elements on the cover page, so it's easier to move them later. To do that, select and three of them by holding Shift and clicking onto each of them. Then pick three little dots right here to open more settings and click group. This helps us to align all of the elements to the page. Now let's create a tab still live on the right side of the pages to do that Pk rectangular shape from element and make it small enough so you can have 12 of them lined up on the right. Then copy it. So you have 12. You can change the colors as you like. If you can't fit 12 and select as many as you copied so far and adjust the size of them. One move and then copy more until you have 12. Let's group them by selecting them all and clicking Group. Now, by choosing position and backwards, we're going to put the tabs underneath the page, just as they would have been in the physical planner. I'm also going to move my tube's a little bit to the right so they are more visible. Now it's time to add the names of the mumps onto our tabs. Pick the font of your choice, type John or January, and less rotated 90 degrees using the rotate option underneath the word. Place it on the first stop. Now, still like the first stub and the world and the like, center and middle using the position tool. I also think I actually preferred the names of the mumps in capital letters and in slightly smaller font size. So let's change that. Now. Make 11 copies and place each of them on each tab, changing the names as you go along. We're going to align them nicely by selecting them all clicking position and then tidy up and group them together is one of my favorite tools in Canvas. Always makes everything look neat. If you decide to change the font of the elements that are grouped together, make sure to follow these older ones. Have them all selected to click Ungroup, but do not click away. Anyway. Three, picked a new font for group them back together. And this is our cover page, done. 3. Designing: Monthly Page: To create a new monthly page, we're going to duplicate the existing cover page as they will all have a very similar layout. Because this is our first page inside the planner. We will need to change the binder rings just as they will look in the physical planner. For this next part, you are going to use the binder rings 2 PNG file that I made for you. Let's upload the binder rings, add them into the planner and adjust their size and the placement. Looking great. Now it's time to add a header. Pick one from the text menu and adjust the size and style as you wish. I went for a fairly bold font. I think it looks perfect for this purpose. I'm going to type January into the textbox, over into the top-left corner. Experiment and try and place it in the middle or towards the right and see if you like it that way. The next step involves creating a monthly spread. I will show you how to create one that includes 4 and 5 weeks. Head to elements, pick lines and shapes. And pick the first one. You can adjust the line weight here. Let's change it to 1. You can also pick a different line style. However, in this case, the line that we already have will look great. I'm going to change the color to gray and adjust the transparency so the lines don't look so sharp. Let's rotate it 90 degrees, adjust the length and place it on the left. We're going to make seven copies. Place one on the right side of the paper, select them all and tidy up by going to the position tool. Then we're going to group them so it's easier to move them up. I want to adjust a width of this spread slightly so I ungroup the lines, move the first one a little bit to the left, select them all and tidy up. The next step is to create the horizontal lines. We're going to copy one of the vertical lines, rotate it 90 degrees and adjust the width to do width of this spread. We need to copy the line four times. Move the last one to the bottom of the spread, select them all and tidy up. If you would like to add another week into the table, ungroup the lines, copy one more line, select them all, and tidy up. Now, let's add a rounded, rectangular figure top of the table and adjust its size. This element will hold our weekdays. I will copy one of the months, rotate it and use it as a weekday. Then I will adjust the writing placement and width, copy six times and change the name of each weekday. Next, we're going to create little boxes for each of the days. Copy the pink rectangular, make it tiny, adjust transparency, and move it to the corner like this. Let's copy it six more times for each day of the week. Select them all, tidy up and group. Now, let's copy this group three or four times, depending on the number of weeks you decided on, then select all of the groups and tidy up. And that's our monthly page completed. 4. Designing: Weekly Page: To add a new page, we can either duplicate a monthly page and erase the content of the paper. Or we can add a blank page and paste the background, tabs, paper and the binder rings. Let's copy the header, align it to the left and make it weekly planner. Now, we're going to make a weekly spread on the left. To do this, we're going to copy one of the existing lines from the monthly page. This way it's easier to keep the format of the lines consistent all the way through the project. Move the line up and make it approximately half of the page wide. Copy it again, rotate 90 degrees and adjust the length. Now we will need to create another line on the bottom and another one on the other side of the table as well six more lines in the middle. We're going to copy and paste the font, adjust it and place it into place. I quite like my week days on the side, like this. Let's make six copies and adjust them accordingly. I also like to add a thin rectangular underneath the weekdays, just like one on the monthly planner page. I will copy one from there and put it behind the writing. I also want to adjust the lines in the weekly spread. These horizontal ones are a little bit too long. Let's also move the left side line a little bit closer to the middle. We're going to add a few elements on the right side of the page. Let's start with the to-do list. Let's make a header first, and then add the lines. As per usual, we're going to copy one of the existing lines and adjust it to our liking. Next, we're going to add a tiny checkbox for every item on our list. Head over to elements, add the outline of the square and adjust the size and the position. I'm also going to change the color of the boxes to gray. Let's group these two together, make some copies and align them nicely. We're going to add notes and next week sections right now. Feel free to have your elements the way you like it. This is just one of the ways. I have now copied the pink rectangular and I'm going to find a space for them both. Play around with the colors and transparency. I like the both color block sections to be a little fade. Now let's add the headers to our little boxes. I'm going to make one for notes and one for next week. Then, we're going to distribute them vertically using the position tool. And this is our weekly planner done. Good work. 5. Designing: Daily Page: To design the daily planner, we need to copy the background first and position the elements accordingly. First thing we're going to do is our to-do list for the day. We can just copy the part of the already existing one from the weekly page. I'm going to put my list to the left. Let's make a daily schedule now. Ungroup one of these, copy the line and move it to the right. Adjust the position and the size bearing in mind, we'll need one short line for the time and one longer for the task. Perfect. Now we need some copies. I think five will be enough. And the header. And our schedule is done. Let’s group back that first line of to-do list I think we can afford the lines to be a little bit closer together, and I think we can lose a couple of lines from the schedule and add a few to our to-do list. Now we are going to add another section underneath the schedule - priorities. Let's copy a few straight lines and tidy them up. The next thing to do is to add the goals, notes and tomorrow sections. Luckily, we can copy and paste all of them and change the names. Remember to make sure all the elements are aligned neatly and the colours and transparency match through the whole project. It's perfectly fine to go back and forth, experiment and change things. I decided for the last section of this page, I will create a mood board. You can add a rectangular shape and adjust its transparency or just leave it blank. Perfect! It looks like everything is matching the previous page so let's move on to the next one. 6. Designing: Wellness Tracker: The next on our to-do list, (pun 100% intended) is to create a wellness tracker page. Once you have your new page prepared, change its name to wellness tracker. Let's start with a lined text box and a question you would like to ask yourself every day, such as, how am I feeling today or what do I want today to be like? The next section on our wellness tracker is the mood tracker. We're going to start with adding a header. Then let's add a cycle and make it tiny, like this, and make sure it's much in our previous elements. We will need to make four copies and tidy up. They don't have enough space in between each other, so let's fix it. Perfect, now it's aligned with everything else. We are going to add a mini self-care tracker and the fitness tracker, which will look just like the top element on this page. I'm going to move these two to the right as I'm planning on adding a mini meal planner below and I think it would just look better like this. If you think you're like me and can have more than five different moods everyday go ahead and add five more. I always like to make sure everything is aligned nicely before I continue. Right, now that all looks good so far, we can make a start on our mini meal planner. We're going to create a spread that is three columns wide and four rows high. Let's make our columns and the pink rectangular underneath where the headers will go. Let's make our rows now and create the headers: time, meal planner and hydration. Adjust the text and the position. Let's also remember to align all of the lines. Great! Next thing to do is to add the meal times in every row: morning, midday, afternoon and evening. I sometimes use breakfast, lunch, dinner and snacks instead. Now, we're going to add a hydration tracker. Type water into the search bar in the elements menu and pick this symbol. Unfortunately, there isn't a free outline for the drop of water, but don't worry, there's a really easy and quick fix for it. Change the colour of the element and copy it. Make the second one slightly smaller and white. Now, select them both, go to the position tool and align them and then group them both together. Perfect. Now we have a shape that can be coloured in. Let's adjust the size of it so it can fit into the hydration row and make four copies. To group them all together, we need to ungroup the individual water drops first. Let's select them all and ungroup, and then select them all again and click group. Now we can move them around as one element. Let's align it with the lines above and below and copy across all of the hydration rows. Make some adjustments to the spread if you like. The next thing we're going to create is the section to track the duration of sleep and energy levels. Let's make a couple of headers for them. Let's add a short line underneath the sleep section and some shapes underneath the energy. I will go with a star. I'm going to change the colour, transparency and the size and make four copies. They should be similar in size to the shapes in the mood tracker above. Let's align them and this section is done now. Before we add the last section, let's tidy up the elements a little bit. The last section to add is notes and you can create it by copying the fitness tracker. Voila, we have a wellness tracker now! 7. Designing: Lined & Graph Paper: Firstly, let's prepare our background. Great. Now we can change the header and start by copying some lines from the previous page, ungroup them and adjust the width of each of them. Let's make enough copies so the whole page looks like a lined notebook. In the end select them all and tidy up. That's your lined paper ready. Now, to create a graph paper we will need to duplicate the entire page. Let's change its name to graph paper. The next step is to copy some lines, group them and rotate them 90 degrees. Let's align them nicely and make the vertical lines longer. Copy and paste more if needed. Perfect. Now, we need to make sure all of the lines are aligned nicely. If you want, you can select four outer lines and change the weight of the line to make it stand out more. Great! These are our lined and graph papers done. 8. Designing: Meal Planner: Meal planner time! It will have a very similar structure to the weekly planner so after preparing the background, go ahead and copy that weekly spread into the new page. Make the entire spread a little bit shorter so there is some room for the headers. Don't forget to tidy up the lines and adjust the text boxes so they are the same width as each of the rows. Let's take care of the headers now. Copy the pink rectangular, adjust it and place it on the top of the weekly table. Now, let's create four columns in this table, one for each meal type. Adjust the font and once you're happy with it It's time to add the grocery list. Simply copy one of the lists from any of the previous pages. Add as many items as you like. Great! Now, we're going to add the new elements on this page which is notes. Use one of the previous rectangular shapes, are a lined text box and give it a header. Don't forget to make sure everything is neatly aligned. And this is our meal planner ready. 9. Designing: Index Page: Before we carry on, let's make sure we have the right number of monthly pages. To do that make 12 copies, change the names of the months and on the top of one just remove the header. It will work as a blank template. Well done for getting so far and having nearly all of your pages made! The last one to create is the index page. It will be like a table of content sort of thing, but clickable. Remember, you can design your index page the way you want it. I'm going to start with duplicating the rainbow graphic and pasting it here. Now I'm going to add a rectangular space for the name. Let's also add this planner belongs to text just above it. Now, have a think hyperlinks for which pages you'd like to include on your index page? Add a text line for each of them in the order you want. I also decided to add the usual pink rectangular. underneath each of the lines to make them stand out more. I think all of the lines will look good on the left, so I'm going to move them over here. Now I want to add something like a mood board and maybe a couple more lines. Before we wrap this page up, have some fun and experiment with all the elements. Once you choose the layout let's add some graphics on the bottom. I'm just going to copy the rainbow to make it smaller and duplicate a few times, but you feel free to do whatever you like. Perfect. Our index page is ready. 10. Finishing touches & downloading: Right, let's create the tabs that we will live in the top-right corner on every page. Let's copy previous tab and rotate it 90 degrees. Perfect. This first one will link to the Index page so I will name it now. I decided to add a couple more: one for the lined paper and one for the graph paper and adjust the colors. Feel free to add as many tabs as you like! For the last part, we are going to accent the tabs for the pages they're on. You'll see what I mean in a minute. Let's start with the graph paper and work our way up. Select the top tab that says graph paper and move it to front using the position tool. Perfect. Now it looks like a real tab. We're going to do the same thing with all other pages: index and lined paper as well as all monthly ones. Good news - you have just finished digital planner! Well done. Before we move to the next step, which is saving and hyperlinking, make sure you're happy with everything and all of the elements and text are nicely aligned. All good? We're going to save our design as PNG files for now. To do that, press the download button in the top right corner. It will bring up a few options. Make sure you select PNG as a file type and select all the pages. Once you did that press download and save your files. You will need to unzip it to be able to access the files. This is all the work in Canva done! For the next part, we're going to use Google Slides. 11. Hyperlinking: Start by heading over to your Google Drive and adding a new Google Slides document. Firstly, let's change the name. To adjust the size of the page, we need to go to File, Page Setup and custom. We will use the same size as we did before, 8.5 in x 11 in. Let's also get rid of these titles as we won't need them. We are going to start uploading the PNG files we have saved from Canva. To do that, go to insert on the top panel, then image and upload from computer. Go to the folder you’ve saved the project in and upload the first image. You can notice that for some reason the file doesn't fill the whole page so we're going to adjust it right now by dragging it into the corners, like this. To avoid having to format every single slide, let's duplicate them instead and replace the image by right-clicking on it and replace image. Now, upload a second image and the formatting will apply. Carry on until you replace all of them. We're going to start adding hyperlinks. Now, let's go back to the first slide and zoom into the top right corner. Now, let's add a shape by clicking here. I'm going to pick this one. To create a desired shape select its outline with your cursor. This whole area will be hyperlinked. Click the fill colour option and make it transparent. We will do the same thing for the border colour. Perfect! Let's duplicate the shape across both tabs. Select all three, right-click and align vertically to the middle. We will need to add a shape each for every monthly tab on the right side. Copy one and rotate it 90 degrees. Adjust the size and duplicate across the rest of the tabs on this page. Now, select all of them and align and distribute evenly. Great! We can start adding links now. Firstly find out which slide the January page is on. It’s slide number 5 in this case. Select January on the first slide and click Insert Link and then go to the slides in this presentation and pick slide number 4. Our first link is ready. Repeat the process for each of the months and pick the executive slide numbers. Google Slides makes adding a link to an element that is placed towards the bottom of the page very difficult because the drop-down menu doesn't move. To fix it, either zoom into the page and try to have the object towards the top of the page or move the object a little bit away from the bottom edge, add a link and move back. When you're done, we're going to move on to adding hyperlinks on the top of the page. The process is identical. Make sure to pick the right slide numbers for each tab. Let's select all of the hyperlinks and duplicate onto every single page. Great work! The last thing to do is to get rid of a few hyperlinks. The reason for doing this is we don't want a page to be linked to itself as sometimes it causes issues when viewing and using the file. Let's head to the index page and remove the link on the top for the index page. Now, let's repeat the process for all the monthly pages, lined paper and graph paper pages. These are the ones that they have links to themselves. Perfect. This is our planner officially done and ready to be downloaded and tested. To do that, go to Files, download and PDF document. Save it to your drive and transfer it to your iPad or tablet. 12. Testing & using: ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...