How to Design a Board Game on an iPad (for beginners) | Jeremy Stephan | Skillshare

Playback Speed


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

How to Design a Board Game on an iPad (for beginners)

teacher avatar Jeremy Stephan, Student / Tech Enthusiast

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

9 Lessons (18m)
    • 1. Introduction

      0:51
    • 2. Overview of Board Game

      0:51
    • 3. Getting Started

      0:09
    • 4. Adjusting Document Size and Using an Online Template

      3:35
    • 5. Importing a Background

      2:15
    • 6. Consistent Color Scheme and Inserting a Border

      3:13
    • 7. Adding Images and Text

      5:15
    • 8. Example of Printing

      0:36
    • 9. Conclusion

      1:01
  • --
  • 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.

50

Students

--

Projects

About This Class

Board games are fun and bring people closer together. Making your own board game can be a fun adventure and an incredible gift that can be shared with friends and family.

In this video lesson, I want to show anyone how they can design their very own board game completely from scratch on an iPad. Image editing software can be tricky and intimidating, so everything that you will need to prepare a beautiful looking board game will be taught using Keynote, a free and easy to use application. 

Keynote on the iPad is 

  • Extremely intuitive
  • Designed for beginners
  • Has plenty of features
  • Will help you get creating right away

By reducing the friction that it takes to begin designing, you will be able to spend less time learning how to design and more time creating your very first board game. By the end of this video lesson you will be able to understand the core features that are required to make a cohesive project.

Meet Your Teacher

Teacher Profile Image

Jeremy Stephan

Student / Tech Enthusiast

Teacher

Hello, 

I'm Jeremy (23), and I am a medical student in Chicago. I love finding new ways that technology can make us more productive and creative while bringing us closer together. 

I want to share some of the applications and software tools that I've discovered that help enhance my life, whether that is productively, organizationally, or creatively. 

Technology is a tool, and learning how to use it effectively is empowering. If you enjoy my videos, please let me know by following my Skillshare profile and telling others about my lessons. 

Peace.

 

                                                ... See full profile

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. Introduction: How's it going, Friends. In this video lesson, I want to show you how you can create and design your very first port game entirely from an iPad. Now, if you're anything like me, maybe using professional video editing software is a little bit intimidating. That's why myself, as a beginner, wanted to show and teach others how you can get creating on an iPad using keynote, which is a free software application. It is pretty easy to use now. I want to take you through some things that I learned on my journey so that you can get set up and start creating on your own to. 2. Overview of Board Game: now, before we jump in, I wanted to show you what I was able to create. Using my iPad. As you can see, just using keynote, I was able to design and create a pretty professional looking board game. In this adventure saga based off the Lord of the Rings, players must cooperate together to escort photo from bag in two more door facing villains. Inquests along the way, this fun, simple idea sprouted into something. It was super fun to create. So I hope that by showing you this, you're able to see just what's possible using simple to use application. 3. Getting Started: Now that I've shown you what I've designed and created on the iPad, let's open the keynote application so that you can begin creating, too. 4. Adjusting Document Size and Using an Online Template: and one of the first things that I want to show you how to do is adjust the document size. So when you open the keynote application will select, create presentation will select the basic white and from here in the top right corner, you'll see the three dots, and that's the more menu, and we'll go to documents set up again. We see a bunch of themes what we're gonna ignore those for now and go to slide size from here. There are some preset values which may be useful depending on what part of the board game you're creating. But I want to show you the custom feature because this gives us the ability to adjust The size of the document to any template that we want to upload will leave this at its standard settings. For now. Now that we know how to adjust the size of our document, let's figure out what those values need to be. Based on the template that we decide to import into Kino. It's a press the home button. Go into your Web browser. If you go to print played games dot com. They have a whole bunch of templates that we can choose from. What I will be showing you today is from their plane card templates page. But just know that a lot of the principles that I'm about to teach you apply to many of their different templates. Depending on what board game you decide to create, we scroll down. You have a whole bunch of options within the plane card template. I'm gonna be showing you the standard poker size cards, and I recommend downloading. This is either a PNG or Ajay pig file. When you select the download button, it'll open up into a new tab, and you're able to press and hold and save the image to your camera roll. But if you scroll down in middle of the template, you'll see some very useful information. The file size Resuming on this, we can see that this is meant to be printed on 12 by 18 inch file, so we're gonna want to adjust our document appropriately. Now, inches, two points is a handy conversion for this. So if we going to Google and we type in 12 we see that that's 864 points. If we tape in 18 it's 12 96. So now we know how big to adjust our document within Kino 12 96. That's 864. That is, our custom slide will click done here and done in the upper right corner in our document is sized appropriately. Now, if we want to import that playing card template will select. The plus button will insert a photo or video. We'll go recent should be here. Here it is, and as you'll see, the document lines up perfectly, allowing for some slight bleed around the corners. 5. Importing a Background: Now that we've successfully imported the template into our document, let's start to make some style edits. The first thing that we should do is insert a background for our playing card holders. Now we could insert an individual image into each one of these playing cards slots, but I actually find that it's easier to import a uniform wallpaper. It'll get applied to each plane card. I'll show you what I mean. We go back into our Web browser, will see that I typed in map of Middle Earth. I find that maps or wallpapers serve a really good purpose for this backdrop. Now, I selected this image because it's not gonna draw too much attention to itself. Just gonna be a pretty good backdrop, and I saved it to my camera roll. I would go back into keynote press, the plus icon, an insert photo or video. We can locate that photo and imported into our document. Now you'll see this background doesn't fully cover the span of are playing cards, so we want to adjust the size. You see I'm going over the document size, but that's just the principal area, and we don't really care. The background gets printed fully or not. What you will notice is that we can no longer see your template in this manner. So to correct that Slept with Pete Brush Icon, go to style tab and adjust the API city. This will make the document more transparent. Somewhere between 85 90% I found, is a pretty good sweet spot without Degra gating. The image quality but still maintaining the ability to see her 10 foot outlines not to prevent our wallpaper from moving too much will also want to go back into dispute. First have going to the arrange icon and lock this in place. Now any further edits that we do will be on top of this backdrop. INTER backdrop won't move. 6. Consistent Color Scheme and Inserting a Border: with her background in place, we're ready to begin inserting other elements into our design. One of the most important things with a board game is to create a consistent color scheme, and I want to show you how to do this. Before we insert any text or images, we go to the plus icon and go to the shape tab. Let's insert a basic square square, comes black by default, and let's move it into our first plane card holder resize the square so that it fits within the bounds of the light green template. Now that it's in place, we want to begin creating this consistent color scheme. Press the paintbrush icon, go to fill going to color, and you'll see a whole list of colors here. But there's actually a second page that we want to go to, and you'll see this little I drop marker. What this will allow us to do is select any part of our background image, and it'll mimic that color. Exactly you see is I drag my finger across the screen. It's using that color, so pick a part of the background and select it. Now we're well on our way to creating a consistent color scheme that we can insert text on top of and having overall cohesive experience. Now you'll see I added a border here, and I'm gonna show you how I did that tap the plus icon and insert a simple line. And I just find this up along this light blue sides the second part of our template here. And I did that for both sides and the top in the bottom, and I made a few style edits, and I'll show you what I did. So we go into a paintbrush icon, you see that there's a few different types of lines that we could do. We could do a dotted line, straight grey, one kind of fuzzy red one. And I chose this kind of fuzzy black one. You can adjust the width of it here. I left it at six point. But the most important thing again is that consistent color scheme. So within color in that same menu, I use the eye drops to select a darker portion of the background. So, like somewhere in the hills like here, and I just did that for the rest of the border, so I will just delete that. But you can see now are playing card stands out a little bit more, and we will move into the next element of our card. 7. Adding Images and Text: you'll see here that I've just copy and pasted the border and box that we used in our first playing card holder and copy and paste it into the rest of the plane. Cardholders. We're now ready to add images and text into our document. Let's start with an image. We go back into our Web browser. You'll see, I just typed in. Gimli was a character in The Lord of the Rings. You can type in any image that suits your board game preference here. I've selected this image and saved it to my camera. Roll like before will go back into keynote, press the plus icon and insert a photo or video. As you'll see, The image is too large for the space that we want so we can resize it. You may find that the image that you select is too wide or too tall for your image needs. So what you can do is double tap the image and crop it. You can also make viewable area larger or smaller. I'm gonna make it a little larger here, Preston, and see if that fixes anything. Still noticed that the images too tall so I'm gonna crop it to be a little bit shorter now it fits within that green template that we have set up before now. There's also some image options that we can select to make our board game pop a little bit more. These are some pretty simple effects to do. If we just select our image and go to the paint first tool, we can go to style and we can add its own border. We can add some shadow. You can even add some reflection. I'm gonna get rid of the reflection, but if you play around with this, you can make some pretty unique in simple image. Edits to help make your board game pop. Now we can add some text as well. If we double tap the square that we initially added, you see that you're able to start adding text here. I'll just put some sample text in here. So the reason why I wanted to add that is because the default is likely going to be too large for our purposes. So if we go back into the paint brush tool and we select text, we have all over text editing options, A really useful one is to select shrink text toe fit. This will mean that it'll do its best to shrink the text to fit to the image. Still, our sizes too big here, so we'll want to adjust it here. We can also do some other basic things like but just the color font to be a little bit more board game field. We can also add a border around this box that we included itself. If we go back into style now, that border is probably too thick. But you can you get a sense here that way, already have designed something. It is pretty manageable. They're after a bit of tinkering. Here's the page that I was able to create using the same principles that I showed you from before and just to provide another example. Here's another page except the images on the bottom. But what you'll notice is that the text box has this Grady in color scheme, and I just wanted to show you what I did to create that, because it's still using the same principles as before. If we select the box and go into the paint brush tool going to fill select radiant, I selected the start color to be a color that I found within the image this darker green inside of Air Jordans Cloak In the end, color is part of the sky blue. So it creates this again this cohesive effect of the color scheme matching whatever image you choose. 8. Example of Printing: next, I want to show you an example of what it might look like to get your work printed. Here is a 12 by 18 inch sheet of poster paper. Next to it is a standard 8.5 by 11 inch shade of paper. Once you send your work to get printed, you can cut it out and you're well on your way to having a finished product in plain your very own board game. 9. Conclusion: so, guys, I hope by watching this video lesson, I was able to help remove the barrier that might be there That would prevent you from creating your own board game. Professional video editing software can be imposing and by using a simple to use application, my hope is that you're able to spend more time creating, and in this time of uncertainty, it's a great time to use some creative energy and see what our minds are capable of. I hope that you create your very own board game, and it services a vehicle so that you can spend more time with friends and family. Thanks so much for watching and let me know if you want to see more videos like this one. I appreciate it and have a blessed day.