Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Hi, I am Mike Rankin and welcome to InDesign FX. In this week's effect, we'll see how to make a trading card template that you can customize the design of and fill in with your own photos and text, like these ones that I created for the movies in the InDesign FX series. So, let's see how it's done. I'll go to the next page of my document, and I just prepared a little text in advance here that I am going to put on the card. The first step we want to do is to create the overall card shape and make it the right size. So I'll take my rectangle frame tool, click in the document, and the standard size for a trading card or baseball card is 3 1/2 inches by 2 1/2 inches.
So that's what we'll enter in here, 3.5 in and 2.5 inches. Okay, I'll go to my swatches panel and I'll fill it with this dark purple color. I'll have to click up here to exchange the stroke and fill, 'cause the stroke was foremost there. So now I have the purple fill and no stroke. Next I want to make a rectangle to hold the photo for the card. And I want to make it so that there's an 8 point border around the top and the sides. So I'll take my selection tool. I'll copy and paste in place, so press Command Shift Option V, or Control Shift Alt V, so I have a second copy of this purple frame stacked on the first one.
And I'll go to the control panel and set the size that I want for the inner rectangle. I'll set the reference point to the top center, and I'll change the width to 236 points by 138. And I need to nudge it down eight points, so in the Y coordinates I'll just type in plus eight. And there, now I have my nice eight point border around the top and the sides. I'll change the fill here to fifty percent black, and let's zoom in on it a bit and give it a stroke. Up in the control panel, I'll give it a three point stroke. We'll use the style thin, thin.
And over in the stroke panel, I'm going to set a gap color, because I want a color white in between the two parts of the thin, thin stroke. So I'll choose paper. That looks pretty good. I'll also make sure that the stroke is aligned to the inside. That'll preserve my eight point margin. Alright, now I'll position the type on my card. Put InDesign effects over here. Bring it to the front. That looks pretty good. I can always nudge it around later. And I'll go to the swatches panel and change the fill from black to paper. Can also position the title.
Right about there, again bring it to the front and do the same, changing the fill color. There we go. Now I'd like to add a little decorative element over the logo here. So I'm going to create some bubbles, because that's one of my favorite InDesign effects, creating translucent objects. I'll press the L key on my keyboard to get my ellipse tool. Click in the document, and I'll create an ellipse that's 70 pixels wide by 60 pixels tall. I'll fill it with 50% black, move it into position, and over in the effects panel, I'll change the blending mode from normal to hard light.
And that's why I chose that 50% black color, because 50% black disappears when you apply the hard light blending mode, but you can still see shades that are lighter or darker than 50%. So, that's how I'm going to create my bubble. Move this over a bit and double click to open the dialogue box. I'll select a Bevel and Emboss. I'll make it a lot larger. About 28 pixels would probably be good in this case. I want the light coming straight down from above, so I'll have a 90 degree angle. And I want a shiny bubble, so I'll use a 78 degree altitude.
And this shadows a little dark for me, so I'm going to reduce the opacity. That's a little too much. I think I'll bring it back a bit just so I can see the bubble. That's a little better. And now, I'll also apply an inner glow. I'll increase the size from 7 pixels to 20, and that looks pretty good for my bubble. I'll click OK. Now I can easily copy and make new bubbles, if I want to, just by holding option or alt and dragging. And then I'll hold command or control plus shift to scale it down proportionally. Make a second bubble. Do a nice little small one like that. Now I should note, to get this effect to scale properly, you have to have your preferences set a certain way.
If I open InDesign Preferences, General, under Object Editing, I have to choose adjust scaling percentage. That makes effects scale properly. So in this case, the highlight on the bubble scaled properly. So from here, you can fill in a photo and change the title, or you could even use a printing template and lay out a whole sheet of these cards and print them. Or you could send your design to a professional printer and have it printed on cardstock. You can have a lot of fun with trading cards. So here we saw how to make a custom trading card template that you can fill in with your own photos and text. I'm Mike Rankin.
I'll be back in two weeks. Thanks for watching!
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 51108 Viewers
117 Video lessons · 38910 Viewers
113 Video lessons · 81631 Viewers
65 Video lessons · 11779 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.