Business Card Design with Adobe Illustrator and InDesign | Martin Perhiniak | Skillshare
Search

Playback Speed


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

Business Card Design with Adobe Illustrator and InDesign

teacher avatar Martin Perhiniak, Graphic Designer, Illustrator & Educator

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

    • 1.

      Introduction Business Card

      1:55

    • 2.

      Theory business cards

      4:23

    • 3.

      Theory business cards - Interactions

      3:39

    • 4.

      Business card workflow start

      8:01

    • 5.

      Business card - Water detail

      5:48

    • 6.

      Different ways to set up Business Card Design

      5:28

    • 7.

      Utilising Clipping Masks

      4:51

    • 8.

      Business card data merge

      5:09

    • 9.

      Fixing data merge issues

      5:21

    • 10.

      Business card smartmockups

      1:48

    • 11.

      Conclusion

      0:46

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

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.

164

Students

7

Projects

About This Class

Would you like to know how to design professional business cards with Adobe Illustrator and InDesign? Learn about the process, theory, techniques and test your skills by working on the class project!

Join Martin Perhiniak (Graphic Designer and Adobe Certified Instructor) and learn his workflow and best practices he developed over 20 years working as a creative professional for clients like BBC, Mattel, IKEA, Google, Pixar, Adobe.

In this class you'll learn:

  • How to setup your artboards in Adobe Illustrator for a professional business card template
  • How to apply Graphic Design principles to your business cards to make them more effective and professional
  • Integrate type, images and shapes to make your compositions feel unified
  • Establish balance, harmony, contrast and visual rhythm in your designs
  • How to effectively generate multiple business cards using the Data Merge feature in Adobe InDesign

Who this class is for?

  • Anyone planning to become a Graphic Designer
  • Creatives aiming to improve their technical skills and understanding of design theory
  • You don't need to be a creative professional to take the class

What you will need?

  • Adobe Creative Cloud
  • Desire to make something awesome

Even if you’re new to designing business cards or using Adobe applications, you’ll find the simple and effective techniques discussed in this course easy to use and apply to your work!

Meet Your Teacher

Teacher Profile Image

Martin Perhiniak

Graphic Designer, Illustrator & Educator

Top Teacher

Martin is a Certified Adobe Design Master and Instructor. He has worked as a designer with companies like Disney, Warner Brothers, Cartoon Network, Sony Pictures, Mattel, and DC Comics. He is currently working in London as a designer and instructor as well as providing a range of services from live online training to consultancy work to individuals worldwide.

Martin's Motto

"Do not compare yourself to your role models. Work hard and wait for the moment when others will compare them to you"

See full profile

Level: Beginner

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

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 Business Card: You want to know how to make a professional business card and get it ready for print. Perfect. This is exactly the course you are looking for. I'm Martin, I have over 20 years of experience as a graphic designer, illustrator, and ADB certified instructor. I have worked with companies like BBC, Disney, Google, Ikea, and I cannot wait to share my best practices with you. This is a streamlined hands on course focusing on a real life design project. I will be walking you through everything step by step, and you will get all the exercise files so you can follow. In case you prefer not to copy me, you can also follow my workflow using alternative assets provided and create something completely unique that you can showcase in your creative portfolio. I am pretty sure this course will inspire you to create something amazing. We will start in Adobe illustrator and design a clean and modern lobo, which we will use for the rest of the project. Next, we will set up a template and design the front and back of the business card and learn how to create engaging realistic mock ups of our final artwork to impress our client. Finally, we will learn how to use data merge in dB in design to betch produce multiple business cards for all the employees of our client. This is a massive time saver which can make a workflow much more efficient and professional. Besides all the technical stuff, we will also cover some important graphic design theory that you will be able to apply in any of your future creative projects. You can join this course without any prior knowledge in graphic design illustration or DOB applications. But to complete the project, you will need access to DOB Creative Cloud and the desktop or laptop computer. But now it's time to start creating, so I will see you in the next lesson. 2. Theory business cards: Business cards can be considered part of the identity design, since most of the elements defined in a brand guide, including the company's logo, the color palette typography will all be used on a card. However, it's such a standout and characteristic print product that it is worth talking about it separately. It has a long tradition dating all the way back to the 15th century, originally called visiting cards, and then later on trade cards. But compared to this, the standard sizes that we use nowadays are much smaller, and the advancements in printing technologies allows much more creative freedom when designing them. The two most common format for which we can see a few examples here on the board are landscape like these two right here and portray, for which we can also see a few examples. Business cards out of all the print products tend to be printed on the heaviest or thickest paper. This is to make sure that they are durable and they can handle the wear and tear. Besides the paper thickness for extra protection, lamination is almost always used, either mat or gloss. In case a business card needs to stand out, all the print techniques that we talked about can be applied like foil stamping and bossing. We can see a nice example here. Where the brand name or the logo is embossed and it actually shows up on the back, the reverse of the text. This is actually something I mentioned earlier on in another video that you just have to keep this in mind whenever you are using a print product where both the front and the back is going to be seen and used. But like always, it's not only about the special printing methods that can make a business card standout. It's mainly up to the designer's creativity, and we can see even a completely minimalistic design, can work really well. And in this case, it also seems like it's uncoated paper that was used to make it even more pure, simple, and natural. And in case of a business card, that actually can be an advantage because that will allow people to write on it. And if you ever been to an expo or exhibition where you met a lot of people and companies and you got so many cards from them, you may have also tried to write down some notes on their cards just to remember something specific that they mentioned to you. So in case of an uncoated paper, that's much easier to do. And also in case of a minimalistic design like this, it almost invites you to take some notes here in this empty frame. Another thing worth keeping in mind with business cards is that on the front, you want to reduce the amount of elements, and that can be a little bit more decorative. While the back of the card is where you have all the information. And since this is going to be slightly busier, you can reduce the amount of decoration here. And generally, it is also a good idea to keep one of the four corners pretty much empty. So that's a good proportion of negative space within a card. What you also want to make sure is that you have enough margin, so the text doesn't get too close to the edge. I would say that this is almost a bit too close to the edges, but it still works. Now, there's also a couple of terms that printers would say when it comes to printing business cards. This card, for instance, would be a one per one, which means one color on the front, one color on the back, which is black in this case. If you had nothing on one of the sides, that would be zero. In case you are using four color print on one side and only black on the other side, that would be four slash one. Full color front, one color on the back. By the way, this is also a nice example of a portrait format business card, which works really well with this vertical logo that can be scaled up because of this format. You can keep the information minimal on a business card, so just have the name, the job title or profession, and some contact detail. But in case you are including more information, you should still not exceed the standard seven elements, which would be the logo and the brand name, tagline, the full name of the person and job title, which in this case is actually missing. Contact details, including address, e mail address, website, and social handles. 3. Theory business cards - Interactions: Another obvious thing that most business cards would utilize is to have some kind of interaction between the front and the back of the card. So you would want to link the two sides to each other, either by using the same colors, similar elements, or similar typography, or you can include elements, like in this case, these blue pain strokes, that would almost feels like continuing from one side to the other when someone is turning it back and forth in their hand. The standard size for business cards in the US would be 3.75 " by 2.25 " with one eighth of a bled all around it. And for instance, in the UK, the standard size would be 85 millimeters or 3.35 " by 55 millimeters or 2.17 ". And again, the bleed size around all the edges would be 3 millimeters. And by comparing these two sizes, we can see that the US standard is larger. So it's wider but also taller, slightly. But whenever you are designing business cards for an international company, you might actually need to create multiple versions for the different sites around the world. Now, prior to the COVID 19 pandemic, approximately 7 billion business cards were printed every year around the world. And during the first year of the pandemic, it's estimated that the worldwide business card production fell around 70%. It's a huge drop, but, of course, it's understandable because most people didn't meet in person. However, the sales in 2021 already came back to almost the original numbers from before the pandemic. And last but not least, I wanted to show an example of a print on demand company who does exceptionally good business cards. It's more.com, which is available in several countries around the world. And the main reason I'm showing it is because it has a very good overview of the different types of business cards that you can get printed. So Straightaway, we have these categories for the standard format business cards, within which we can already make a distinction by introducing special materials, gold foil, raised spot gloss, even letter press business card. But they also offer square business cards and even mini cards, which are tiny business cards. And this is the format they're using, so it's a 70 by 28 millimeter card. And you can see, as I mentioned, the paper weight, even for the original or default format that they're using, is quite heavy, 350 grams/square meter, while their lx addition would be 600 grams/square meter. This thick paper is actually really nice. This is what we also use on our business card, In case you are planning to use a print on demand side like Mu, you will always be able to find and download their Disney's guidelines which you can use on your computer. I would normally recommend using Illustrator or in design, like we covered in the special printing techniques section, whenever you want to use any of these special finishes, you would need to supply two separate files, one for the artwork itself, and one for the special finish. But now that we cover the essentials that you need to know about business cards, let's take a look at an actual workflow where we are going to build a business card and illustrator, and then we will see how to use in design data merge function to generate all the different variations for all the employees for a company. 4. Business card workflow start: When it comes to designing logos, it's always recommended to start with sketches on paper. Or if you have an iPad, of course, you can use procreate or Photoshop on the iPad and do the sketches digitally. But I highly recommend not to start in Illustrator, even though this is the tool where we will end up in because you will be limiting yourself and you will probably end up creating less concepts and ideas than if you are just freely sketching, not paying attention to small details. Another week once we get to specialization and look at identity design and logo design in more detail, I'm going to show you how to approach this ideation phase and the process of turning your sketches into vector artwork. But for this project to keep things simple, I'm just going to design a logo as if we already have the designed direction. So the company is called New Hanover properties, and we can just put the text down here, so we have that ready. I like to keep the text in two separate text frames. That way, it's just easier to move things around and align them. And I'm going to use the font that I included in the exercise files. Called Hevits for the main name. And for properties, I am going to use Din 2024 regular. I will set this to all capitals in the character formatting options, and then selecting both of them, I will just increase their size and align them horizontally in the center. Okay. I think that's going to work quite nicely for us. And for the text, I would like to use this darker blue color. Of course, we can maybe use this other swatch as well just to have a subtle variation there. And by the way, the document called Logo Design start is where you will already have the swatches that I work with to make it easier for you to recreate this logo. Now, to keep things simple, I decided that this logo will be using very simple geometric shapes. So, let's start with the tree. We need the ellipse to afford that. And holding down the Shift key, we can draw this perfect circle. And we will actually need a duplicate of this. I'm just going to click and drag, and then pressing Shift X, I can swap the colors. So now we have a straw color to work with. And the straw color, I'm going to change to that darker blue. And then align these two to each other, but with a subtle offset. So I would like to create this type of offset. But I'm going to just have this shape selected and increase the thickness of the line a little bit more maybe 15 points in this size is going to work, and I'll just resize this shape also. Something like that will work nicely. Now, I will use the line tool and just draw a straight line from the bottom center point of this circle. Holding down Shift key, I can make sure it's going to be straight. And then using the hydroper tool why this line is selected, I can sample this other ellipse to get the same line thickness and also color. We can duplicate this line. Again, using the selection tool autor option key and drag it and then rotate it to the side holding down the shift key and just drag it out. This is going to be the ground in the illustration. I'm going to start using the stroke setting called round This is going to make the edges rounded, probably, I will need to reduce slightly the thickness. Now I can see that 15 points was a little bit too thick. Maybe 13 points is going to work better. Next, I'm going to draw a rectangle. For this, the shortcut is M on the keyboard, and then I'm going to draw this up. Here, this is going to be a building, and then we will need another one of this. But this one, I am going to slightly change using the direct selection tool. I will select the top right corner and then use the shift up arrows to move this up a little bit like that. And then before we add one more shape, let's just move this slightly to the right. We need another building. Again, I'm just going to duplicate this rectangle and just adjust it down to somewhere around. There, and we will add some field colors in here similarly to the tree. But first, I will also use another line. Again, just duplicating that one that we already had on the tree and then place it up here, and then click and drag to duplicate it. And there's a useful shortcut if you press command or Control D, after you duplicated an item, you can just keep repeating that step. So this way we could create multiple copies or instances of the same line. Finally, I would like to have another tree on the laf for which I'm going to duplicate these shapes. But for this one, I am going to also duplicate the circle one more time, and having these three selected together, I will use another tool called Shape Builder tool, which we covered in a lot more detail this week. And with this, I'm going to hold down the old key, and just click on these two sides. So this way, we will end up having two of these shapes. We only need one of them, and we can always resize this if we wanted to. Just make sure that the stroke size stays the same. So whenever you are transforming objects, make sure the scale strokes and effects is turned off. This is a feature that you will find here in the transform settings or in the transform panel. Or in case you accidentally change the size already. You can always select multiple objects and just set the stroke size to whatever you need. You can even type it in there. All right. So let's just move this back here, and I will actually move this down slightly like so. This tree can be slightly smaller, and we can move all of these objects slightly to the right. I accidentally move this line. So let's just set that back where it was. Now, let's create another rectangle, which we will use for filling in this detail with color. For this one, I'm going to press Shift X and then select this color for the fiel. And I will also send this to the back. So right click arrange, send to back. We can adjust this slightly, maybe we come down to there. Will do the same for this other rectangle here. Again, I will just duplicate this shape that we already used. And for this, I'm going to use this other red color. We will also need a field color for this shape here. So I will just duplicate it, press shift x, and then change to this darker red color. Again, let's move this to the back, arrange sent to back and maybe using the shift key. I'm resizing it slightly. So. And last but not least, let's create a field color for this shape as well. I will click and drag shift x to swap the colors and then use this lovely orange color, and I will just reduce the size a bit and again, send it to the back. There's a useful shortcut commando control shift left square bracket with which you can very quickly send details in the back. Let's just make this slightly smaller. Like that, and then maybe just select the top two points with the direct selection tool, I'm holding down shift key and just press upper a couple of times until it is the right size. And then just one minor thing that we can do here, having this shape selected, I will use the eraser tool. You can find this here in the toolbar or press Shift E. And while having this tool selected and the shape also highlighted, I will hold down alter option key and draw a rectangle around here to delete from that selection. 5. Business card - Water detail: Now, this logo could already work, but I feel like we can add some more flavor and interest by making it look like there's water underneath the buildings. So I'm just going to move the text down so we have more space here to work with. And first of all, I'm just going to duplicate one of these shapes, bring it down and then align it to somewhere around here, then press shift X to swap the colors. And then we will duplicate this stroke, and change the stroke color to white. Then we have to also make sure that this is on top of the block, so bring to front. And let's try to align it close here to the top line. Let's repeat this once again. But now selecting both of these jokes, we can make sure that we have an equal distance between them, and then just press command or Control D a couple of times until we have this pattern. Now, we don't actually need these lines. These were just used to create the gap between the white lines, and we don't actually need this last line. We just use it to align the shape to the edge of it, and then we can delete it. The main reason that we are using these lines so that now we can delete from them. For that, I'm going to use the scissors tool, press C on the keyboard, and then you can split these lines using the section tool, we can delete bits of it. There's a first split there. Then we can do another split maybe here. There. Again, delete this section by selecting it and pressing back space. Then one more we can do here. Once again, delete that bit there, and we can use the direct selection tool, select individual points, and then just move them around with the arrow keys on the keyboard. I'm going to repeat this on this other shape here. Again, using the scissors tool. I'll just crop into it here. Maybe move this more to the left. Then again, we can use the scissors tool, cut this shape here. And then cut it again there, delete the one in between, and then we can do another cut this way. And then let's just repeat this one more time at the bottom, cut this part out, and maybe another one here. So we can delete this again. And now we can just refine these lines so we can use the direct selection tool, and move these points around a bit just to make it a little bit more random like that can go there. This can go a bit further out. And I think this can be slightly smaller as well. And just move this whole thing further in the middle. And now, select all of these shapes together. Go to the object menu and choose Expand. Which will turn the strokes into field shapes, and then we can go to the window menu and choose pathfinder, which is similar to shape builder. But here we can just simply click one on this icon to subtract these white lines from the block of shape behind it. So this is now turned into a single object, a single compound shape, which will make it easier to work with. And now we can just switch to the eraser tool as Shift E, and holding down the old key, we can just chop bits off of this shape. I'm going to chop this part out. We can cut into it here, can cut into it there again. Then we can repeat the same thing on the right side. Chop that off, chop into it once again, chop a bit more off, and then maybe somewhere around here or maybe a bit closer inside. Okay. Now we can use the direct selection tool and make selection of the areas where we have sharp corners. So holding down the Shift key, I can add these to the selection. Again, adding these all in the selection. And once we have all the sharp corners selected, we can just drag one of these corner rigids until we create perfectly round corners. I feel like this is the only point here that ended up a little bit deformed, and that is because I ended up creating this shape a bit too close to the other rounded shape. So I can just undo this last step and then move these a little bit further out. Also, these ones can go a bit further out. And now let's just repeat that selection that we had and repeat the corner it's technique. And I think we now created a very nice water effect here, so we can move our text back. And we can make sure that everything is nicely centered by having everything here on the top selected and then grouping them together with command or Control G. Also, the text can be selected and turned into another group, again with the same shortcut. And then having both of these groups selected, we can just choose horizontal align center. This way, we make sure that within the groups, the objects are not moving when we are aligning them. It's just simply aligning the illustration with the type at the bottom. I think the name can be slightly bigger, so I will double click here to get inside the text and then holding down old and shift together, we can just increase the size a bit and then move it up. Yeah, I think that works well. We can add a little bit of space there in between, and I think we have our final design ready. So in the next video, we can move on and use this illustration on the business card. 6. Different ways to set up Business Card Design: All right. So here we are in illustrator, and I'm going to show you two different ways of setting up business cards. One of them is going to be using trim marks, and the other one is going to be using art boards with bleed on them because this is one of the first and most important aspects of setting up business cards to make sure that you have bleed around them. This is usually 3 millimeters extra edge that is printed to make sure that at the end in the final result, you have perfectly printed colored edge on the business card. And obviously, if you have white background, it doesn't really matter. But when you have color background or details patterns like these ones here in the corners, you want to make sure these are printed correctly. Let me show you first the trim mark setup. This is something for which you will need two separate rectangles. So I'm not going to talk about the actual sizing because it really depends where you are. There's different sizes used in the states, different sizes used in the UK and in the rest of Europe as well. So it really varies. And of course, you can also have vertical and landscape formats. So there's no point in really going through the sizes. But what's more important is to make sure you know how to set it up and get it ready for print. So the first thing is to have two rectangles added. One should be 3 millimeters bigger than the other one in all directions. Now, the way you can do this is once you have your actual print size, this is the red rectangle here. You can copy and paste that rectangle. Command C, command F or control C control F. Then I'm just going to set this one to a different color. And to make sure that this is bigger, I'm going to transform options, take off the chain, make sure that the center registration point is selected or reference point. Then for the width, I'm just going to type in plus six enter and then the same thing for the height plus six enter. There you go, there's the 3 millimeters extra. This means that we have three on top, three on bottom, and the same one left and right. I'm just going to copy this rectangle here on the right as well, so it's the right size, A align it to the center point. Now, if I start moving elements like these ones here, I can just drag and drop them and also resize them. This will be here on the business card and we'll have our logo in the middle. By the way, I would like to see who knows where these names are from the name on the right, and also, there's a hint here with the company name as well. You can let me know in the comment sections if you figured it out. But now that I have the elements in place, I can move the red outline on top of everything so just we can see it. This is going to be the detail where things will get trimmed. But to be able to print this out, we need that additional detail outside the red outline. That is why I'm going to select this red rectangle and I can actually select the other one here as well. And when I go to the effect menu and choose crop marks, both of these will be turned into the crop marks or an effect will be added on them, which will highlight where they will need to be trimmed. Once this is printed out, this is exactly where they will need to be trimmed. Now, having the trim marks here is great, but you have to be careful not to leave that red outline there, obviously. That's something you don't want to end up having in the print. So what I normally do is to move these red rectangles onto a separate layer. So I'm going to duplicate them. The ones that I keep on this print layer, I'm going to set to no visibility. So they are not visible, but the good thing about the trim marks effect is that those will still be visible, and they will also be printed. But once I have them set to invisible, I can copy them. And this is not necessary to do, but I quite like to have a separate layer with these duplicates on them. And you can see, I'm going to have these duplicates placed on that new layer. So now that we have them selected, I can set the stroke back to being red or any other color that you prefer to indicate where the actual card edge is. But this layer, I'm going to double click on this new layer and I'm going to turn off the print option. This is going to be just my card edge layer, which is not going to be printed. Whatever I have here is not going to be visible in the print. When I turn it off, this is actually what's going to be visible in the print. But while I'm working and if I want to see where the edge is, I can turn it back on. This is a safe way of setting it up, and I would even lock this layer so I can't move it around accidentally. The same goes for the trim marks as well. So if I find the trim marks, there's one, there's the other one. These can actually be also on a separate layer. So if I want, I can put them there and just call them trim marks. These can also be locked, so we don't again accidentally move them around. 7. Utilising Clipping Masks: Now, another thing that I would normally do, which just helps to keep things tidy is to create a clipping mask, and that's why I have this other rectangle here, which again, should be on top of everything else, and then by using the shift key, select everything else that is in the background or that is close to the edges of the design, and then use command or control seven, which is the clipping mask keyboard shortcut to define the area within which we want to see the illustration. So here in the layers panel, there's my clipping group. Within that, I can still select the objects. If I switch here on the top in the edit contents, or if I go to the group itself, I can still access these shapes and move them around freely, even rotate them, scale them. But now because they are in a clipping mask, it's much easier to see how it's going to look in print. Once again, if I turn off the card edge, that's what I would get in the final print, the printers will know exactly what to do with the stream marks they will be able to crop it like that. Now, the same goes for the right side as well. If I want it to have obviously the name on this side, and maybe again, the graphics from here, I'm just going to copy one of these patterns and paste, move it here on the right side, and then maybe have the logo as well on the top right. Normally, it's good to have one corner of your business card a bit more empty. At least from the four corners, one should be a bit more empty. Otherwise, it just feels a little bit too busy. I'm just going to copy this logo mark. Here, I'm not going to use the actual name of the company. I'm just going to use the logo mark, and let's just put it somewhere here. Nicely aligned to the name. It could even be here at the bottom if you wanted to. But I think that's should work nicely. But again, one important thing is I'm going to make sure that I create the clipping mask. That just helps me to visualize better what's going to end up in the final design. Once again, I select that rectangle, place it on top. That's command shift square bracket, or right click range and bring to front. Then shift click on the other object, and then command seven or control seven to create the clipping mask. Once again, we can check without and with the card edge. That's basically it when you're using the trim marks effect. But of course you can also rely on artboards to set things up in illustrator, and there's no real advantage in either of these. It's really a preference, whichever you would like to work with. I'm going to show you that as well. I am going to zoom out a bit and I will select one of these rectangles. Maybe one of the rectangles we have here. I'm just going to unlock. Copy that. I can even copy everything in here. Maybe that's an easier way of doing it. Just copy all of this. Old click or option, click, drag it down. Now that we have it ready there, I'm going to select that rectangle which we have for the trim marks. If I use the artboard tool, that's shift, that's the shortcut for it, all I have to do is to click anywhere here and then align it to that rectangle. That way we will have the artboard set up. Like that. And now that we have the artboard in place, we can go to the file menu and choose document setup because this is where we can set up the bleed. All I have to do is to increase this value up to 3 millimeters and once I click, we will see these red outlines on all of our artboards. This means when you're saving this as a PDF at the end, you will be able to include the bleed settings and you don't actually even need the trim effect here or the trim marks effect here. We can get rid of that rectangle. I got rid of the trim marks. Now, if I were to save this as a PDF and get it ready for print, I would do the following save as. From the file menu, choose PDF. In this case, I'm going to only save the second artboard, and then I'm going to click Save. In the settings here, I will go to marks and bleeds, make sure that the used document bleed settings is on and then turn on the trim marks. If I then save this PDF, it's going to generate the trim marks for us. 8. Business card data merge: We will be taking this to the next level, and we will actually generate all the different versions for the employees working at this company. So let's say the mockup that we designed last time or we created using the smart mockups website was convincing enough for the client and they love it, and they would like to have it all generated and ready for print. Let's say they have around 67 employees, and we need to send them all those versions with the job descriptions, the phone and e mail address, and all that jazz. Now, this is a fictional company obviously, and I came up with the names as well, or I didn't actually came up with the names. Some of you might know these people from somewhere. But yeah, so why am I an illustrator? And why did I start the whole project in illustrator if I already knew that I am going to work in in design. Because it's much easier to do the design itself in illustrator. While in design is great at doing the preparation or the PDF creation, thanks to its feature called data merge. And that's what I'm going to show you how it works. It's very simple. All you have to do is first of all, place in the artwork into an in design document. Now you can do this by exporting an illustrator file or an EPS file, and then just place it into in design. I even locked it so I don't accidentally move it around. And if I press W, we can see this is how it looks without all the outlines. So it has the tre marks already placed there. Thanks to the effect we used in illustrator. Notice that I removed the copy. I don't have anything here apart from the logo on the left. But on the right, we just have a text frame ready for the copy, the employee's name and all the rest of the information. But notice that I also have a panel here on the right code data merge. Now, if you don't know where to look for this, this is actually in the window menu, utilities data merge. These are probably a little bit more obscure, more advanced features that not many of you are familiar if you're already using in design, but haven't done these type of things before. So it's actually a very simple feature using data merge. Now, what you need for it, first of all, is a text file, an actual text document, and I'm going to show you this here on my screen as well. So this is the text file, and this is actually something you can export from an Excel spreadsheet or a Google spreadsheet. And all you have to pay attention to is that the first row first line has to have the names or the descriptions of each of these entries. So we start with the name, then then comes the next entry, which is the job title, and so on and so forth. You can even use data merge to include images. In those cases, you have to use the at sign, you would have to type in at and then the name of the file, let's say, it's something like dot JPEG, and you would have the fine name here, or I can just type in fine name This way, whatever fine name you define will be imported into your in design document using the data merge. But let's not complicate things, so I'm just going to delete this and we will just rely on the text at this moment. You can see that we have one, two, three, four, six people, six employees, and as I said, some of you might be familiar with these names. We will be importing this. But the way we have to do that is by coming back to the design document and go to the data merge panel menu. And choose Select data source. Once you click on that, you select the text file. It's important, it has to be a standard text file, so it cannot be a rich text format. Not an RTF, it has to be TXT file, or I think CSV also works, if you're exporting from Excel or Google Docs, once you click on Open, It's going to list all these entries here on the right. So we have the name, job title, e mail address phone number. Now I'm going to drag and drop these into my text frame, and I'm just going to zoom a little bit closer so you can see it better. So there's the name. And this is like a variable. So based on the information that we have in the text file, it will be able to replace this placeholder. So I'm going to press enter then drag and drop job title, press enter again, dividing the lines, e mail address, and then the phone number at the end. Now, I also can select these placeholders and format them. The best thing to do is to use paragraph styles for these. I already have a style that I defined for the details, and then for the name, I have a different style. There you go. Again, it's based on the styles that I established in Illustrator. I just used the Creative Cloud library, and then I saved the formating as a paragraph style in Illustrator, and I just brought it in here and in design. So you don't have to recreate anything. Most of the things you can just save into libraries. 9. Fixing data merge issues: Now that we have all of this in place, we can actually go back into the data merge panel and click on the preview, and this is such a cool feature. So once you click on the preview, notice that it replaces already these place holders, relying on the first line in my text document. So say the addler was the first one here, and all of the information comes in nicely divided and formatted the way I set up the document. So not only that, but I can also use these arrows to go through it, and I can spot already some issues. I can see that some of the names are too long, so they won't fit. So in this case, what I'm going to do is to resize things a bit. First of all, I need to make sure that I don't go too far here because the tram mark would chop it off. So I'm just going to put a guide in here so I can see exactly where the edge of this card is, and I definitely don't want to get close to that. So I'm going to keep my frame a little bit further away, something like that. Of course, we could even have a more defined grid if we wanted to. But for now, I think that serves the purpose, so I know exactly how much space I have. So instead, what I'm going to do is to move things a little bit around. First of all, this logo should go a little bit further to the left as well. Now, because I have this placed in it's an EPS file, and I have placed in into in design, there is a shortcut. If you option or old double click on the placed vector artwork, it will open up an illustrator and you can do the changes there. So I can move the logo maybe slightly to the left. Save this document. And then when I switch back to in design, it's going to already update itself. So we can see that it moved to the left. So we can also move this to align with it. But then I'm also going to change my paragraph style that I used on the name. By reducing the size here, we can get probably something like that is still going to work nicely. I think that's fine. Maybe we can also reduce the details size now because it just feels a little bit too big, so I can reduce that to 12 points. All right. So now let's have a look. I still have the preview option on. I can just go to the next name, Arthur Morgan. We have Dutch who has a quite long name. So let's just see if this fits in if I move this a little bit further. Okay, I think we can get away with that, his name is going to fit, and then we can check all the other ones and they are actually fine. So now I can see that all of the names are working. It's time to actually turn this into a PDF. So I'm going to save this document, and that's important. I'm just going to save it. Actually, we have to turn off the preview, then save it, and then use this little icon here on the top, the one's called create merged document. So once you click on that, it will give you a couple of options. First of all, how many of the records you want to include. So we can say we only want a single record, maybe we want the third one. Or maybe we want all of them, which is six in this case, so we can choose all records for that. Or a range, we can type in, let's say, two to four and six. So you can do even comma and then do it like that, just like when you export pages from in design, and you can also decide how many records do you want on a page? So you can even have multiple records on the same page. But in this case, I'm just going to stick to single record. There's obviously a lot of a door options here, but I don't want to go into too much detail. Let's just see what happens if you click k. In design is going to tell us that there was no issues, so there's no overset text when these pages were created. But when I click k, you will see here on the right side, we now have a new document with six pages. I can flip through these pages and I can see the final results. Everything is nicely imported. If I zoom out, we can also see here's the six pages 1 after the other. Now, the best thing about data merge is that obviously, I can now save this out as a PDF and it can go straight to the printer and they will be able to generate all of these ready for my client. But if there's a new employee joining or let's say another hundred employees joining, all I need is an updated version of that text file, and I can even just go back to the original file where we already have it all imported and just go to the drop down and choose update data source. So let's just try this out. If I go back to the text file and we put someone else in here, let's do Jose Matthews. I think his name was. Let's make him an advisor. Now if I save the text file, and I come back here, I can even turn on the preview, go all the way to the end. You can see that the last one is actually not him. But once I go to the drop down and choose update data source. Now if I go all the way to the end, there's actually now seven records, and we can see the name that we just added. It's very easy and quick to then generate new business cards for new employees joining the company. 10. Business card smartmockups: I wanted to also show you a really cool site on which I'm going to create a couple of mock ups for these cards. So the sign that I'm going to use is called smart mockups, and it's a brilliant site with lots of different mock ups in all kinds of different categories. So you will find digital print, apparel. And then once you choose the actual type of product that you want, in this case, we just select business cards. We will see 38 different mock ups at the moment. We can also filter for photos or isolated mock ups, which will have transparent backgrounds, and of course, we can also switch between free or premium. Now, most of the mock ups you will find here are premium. It means that you will have to pay monthly fee to be able to use the site. If you're interested to get their subscription, you actually get 20% off as a loyal. Yes, I'm a designer fan. So let me show you how it works once we upload the design. All we have to do is to select one of these. Let's just say I'm going to select this design here, and then I'm going to upload my design from my computer. And once it comes up, we can still crop it, and align it, we can scale it up and down as well until it gets to the right size. And once I say crop and continue, we can immediately see it in the mock up. But here comes the best part. If I want to see all the other mock ups, I can just cool down and immediately see all of them. If I want to check them out, I just click on it and boom there you go. I just love how easy it is to quickly switch between them and really find the best format that you can show to your client. There are some really nice realistic looking mock ups like this one as well. I just love how the shading and everything is created. 11. Conclusion: Well done for finishing this course. I hope you had just as much fun going through it as I had recording it. And of course, don't forget about the class project. Because remember, practice makes perfect. I can't wait to see your work, so make sure to submit it. And in case you like this course, and you would like to learn more from me, then there's plenty of other courses that you can find here. Go and check them out now. I can't wait to meet you in the next one.