How to Design Business Card With Photoshop | The Creativity Room | Skillshare

Playback Speed


1.0x


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

How to Design Business Card With Photoshop

teacher avatar The Creativity Room, graphic designer and video editor

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

      0:30

    • 2.

      The sizes of the business card

      3:49

    • 3.

      How to add the text and the photo

      9:13

    • 4.

      How to add the icons in a beautiful way

      7:04

    • 5.

      Make business card using rectangles

      4:18

    • 6.

      Adding the icons and beautify the design

      9:35

    • 7.

      Front design

      6:09

    • 8.

      Back design

      4:26

    • 9.

      How to put your design in mockup

      2:05

    • 10.

      How to design your own mockup

      6:27

  • --
  • 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.

89

Students

--

Projects

About This Class

Welcome to the course

this course is designed to learn you how to make beautiful business cards, and we are going to practice by designing three business cards

this is all that we are going to learn

1-the sizes of the business card

2-how to design a beautiful business card in no time

3-you're going to practice designing a business card by designing three business cards

4-how to design your own mockup

5-how to put your design in a mockup

6-where to find the elements and mockups

7-where to find inspiration

8-by the end of the course, you will have good skills in photoshop 

Meet Your Teacher

Teacher Profile Image

The Creativity Room

graphic designer and video editor

Teacher

Related Skills

Design Graphic Design
Level: All Levels

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 : Welcome to the course. In this course we're going to learn how to make business cards. And by the end of the course, you're going to make this. In this course we're going to learn everything about making business cards. We're going to learn how to design your business cards and we're going to learn secrets to make your design look beautiful and clean. We're going to learn where to find inspiration, elements, icons, and photos for your design without any further, let's get started. 2. The sizes of the business card: Hello, Welcome to their phrases and I'll discuss in gerontology and the sizes of the response curve. So the standard size of the business card cows with the 3.5 by two inches. But inside Photoshop we have to add deplete the platelets, the areas that the parenteral categories from the paver or from the business cards. When you open your Photoshop changes from pixels to anxious, maybe worth 3.75 and the height two points, 25 like this, and CD orientation to horizontal like this, make the resolution 300. And when you experience your business cards can employ more risk in beautiful and change the color mode from RGB to CMYK. And you can change the title to business card and save it like this. Those changes their business card and re-save, refuse it. And whenever you want to design a business card, you can just go to the saved and Bosonic create to create a document instead of writing the sides, the sizes again and again. So now we always create like this. So now we should say the crop marks, the marks shows where are the areas that the printer will cut it. So we can make sure that the elements like the logo and the other elements aren't disclosed. Cd8 edge of the business guys, yarn to say the plate lines to 0 by end-to-end to five. Or you can ask your printer about the deadlines. Now we're going to open the calculator and abstract the blade line of both the wets and the height of our documents. Go to View and new guide, create a vertical guide at the 0.125 inches. Click on Okay, then go to view new guide again and create another vertical or a guideline with the three points with a 3.625 inches press Okay and go again to review a new guide. And since there's the horizontal and evolution of one to B25 inches, press L K. Go to view new guide again. I said there was 2.125 inches and press. Okay, now go to the rectangle tool. Click right here and create a rectangle like this. Make it without fill and add a Cicero, make a black stroke like this. Say this drug as something like this, press Control an edge you cannot produce cultural or Coumadin H to hide the guides and print them back again from the same shortcuts. So now we can go to the View the ionically or guides like this. Now we have this rectangle right here. So we have to make sure that the, our logo and the other elements aren't close to the press Control or Command S to save the PSD file, go to the file name, the point right here and Glaucon, this PSD t, not EBSD BSC team because we want to save it as a template and instead of project, so click on Save. So now we have this file or I tell the difference between the BSD and the PSD file is the PSD. I can use it, for example, when I made a business guarding and I need these business cards with the same layers, with the same elements inside this project on set this document, I want all of it in a, b is 0 and amplicon, the BSD and Robin and see all of these layers and all these nope, is the business card and all these stuff. And if I wanted this, I can save it as a PSD, whatever I wanted as a template. What I mean about the template is something I want to use it more than one time and I don't want it. I don't want to change it or don't want to focus on MLA and APA guides. And I need the sizes of the business cards. So I wanted to save it as a template so I don't want to, for example, waste my time on searching for the sizes and putting the guys and all these stuff. I have a template and I'm going to just click on it and design my business card enough, our pharmacy, the business card and the layers and all these stuff. I can save it as a VSD. This is a difference between IVSC and the VSAT. This is everything with this lesson. And the next thing I want to start designing their business card. I hope you enjoyed and learned something new CNA assistant, Bye-bye. 3. How to add the text and the photo : Well, hello there. This is going to start to make the business cards sold SSRI. Firstly, you will have to download the project folder. And inside this project folder you will find this photos. We will start with this photo just to bring it and Dragon, but it's inside Photoshop like this. Just put it right there so the photo will be right over there, who has control and T2? See the transform controls and press Alt and click and drag like this. And I'll put it somewhere like this. Okay, This is really good. Now we will go to the solar idea rectangle tool, then just click on it, go to the phil right over there, and change the color to white like this. Then just click and drag to make character angle like this. Then rotate the Rectangle, press V to all when they're Move tool or you can go to the move tool from their adenovirus control and T and asserted a little bit, rotated like this itself to you. I'll just rotate it like this. And now we have this empty space right there. I can't press, click on this layer IT or enterprise control to turn on this auto select the anti-clock right over there and it will auto select this layer for you. We can make it bigger a little bit if you want. Sorry, you can't just just take a look now. I'll just make it something like this, deserted this more. Or know, something like this. This is good, I guess or so now we know from this down. Now when we have to add the logo and the text solar CSR, they just click on this folder and copy this text right here. It is on trial and see then press T to open the text file inside of Photoshop, click either the enterprise control and VTO, Copy it and press Control a to select all the text from here. And from here you can change the color vertex, just make it a black like this press Control and TMA gets smaller and just seeing the place, It's the place of the layer. Click on it and drag it like this and put it right over there as controlling TMA get a smaller where to try it over there then to Jane. Just suppress T, click on the text control a to select all the text from here to scale and select the font. So for me, I'll select this font here and you can select any fonts, the ones risk control and make them smaller like this. And this is going to be the headline material anthemic it a little bit bigger. So we've done a from the headline, we can just add the logo, or we can add the second line right there. Let's go to the text folder and copy this text right here, Control and C, rusty, I click right there controlling v to base his control and t make it smaller like this. So this is foiled in thick. This is now going to be thick like this. This is going to be a little bit thinner or thin, a little bit thin. So I'll choose maybe also a little bit boiled. This just make it smaller and this also just change the opacity a little bit. Yeah, something like this. So we're going to leave a like this. We don't know from this text right there. Now we can add the logo. So before we add the logo, I think I'm just going to change the spacing between this and this. Just select or click on this text Control line to select all the text. And then you can press, go to the window. Then here we have the character, just click on it and you will have dug dismantle. And from here I'm just seeing the spacing between the awards like this there. So from there you can change it just to ensure the arrows on your keyboard. So I think this is good. Let's just take a look. I think this is better. This is better now that it's separate. Control and click on both of these stakes right there. Best country on a G-tube with the group and name. It checks like this. And here we have this rectangle and here we'll have the photo right there. Just select both of them. They Nebraska Control and J, put them the amino group or you can just select them and click on this icon to the amino group and name it background like this. Now we can add our logos. So now I have this logo right there. So we're going to change the color of the logo and also we are going to make selection for the logo. Now, we have this white background. We can leave it with this white background and just change the color. But now we're going to election for the steels, go to them to stay in the place, I guess, and put it right over there. Then go to the Select Color Range would the color, and you can select a certain color from the photo. So just click right there with this eyedropper. And here we have the fuzziness. We can change the fuzziness and here we can see our selection for and add more for our selection methods software. We can change that from the fuzziness foreign and make our selection software or something like this. It more or our selection with the either where it is, you can select only one color and you can select more than one color with this eyedropper. Just work on it either with this plus icon right there. Yeah, like this and make selection chain the fuzziness alveoli and here mechanic like on this image if we want to see the image or we want to see the selection. And here we can change this view of our photo right there. We're going to make it like this anticlockwise around our selection and add some. In areas like this, I think this is much better than it. I'll press OK. And now we have the selection tool. Click on this icon just to make a layer mask. So now we have this selection of VC that we have some white on the ETH. We can go to the layer mask and go to the filter. Other minimum, minimum if you want to remove from the layer mask. If you have a white image, for example, and you want to remove them off or a minimum if you removed apart from the genuine them, you can go with maximum. So now we're going to click on minimum and we can't change it from here to one or two. I think we don't have any problem. I think is good. Now I'll press Control and I click right over there. Then I'll go in, I'll press P to open the brush tool. Now, it is a layer mask. It's a smart object, so I'm going to go into rasterize it because it will lose the quality, I guess so I'm going to add another layer and our best pizza on the brush tool. And I click Control and I click right here to make selection for our logo, then what the black color, whereas D to make this default black and white. And you can paint like this. And I'll just go with the settings of the brush and turn off this noise. You don't have to do that because I don't think you you've changed this from the settings. So yeah, that's just changing like this. Just make the hardness 100, you kinda press Control Alt and radically and window tool chain. Hardness. What is the hardness? Let's just press Control and D to de-select analysis of being the hardness. If I have the hardness at 0, all tried to click and go up with your mouse, you will have the hardness 0 if you click, are really solved a few just make the hardness on Android it's gonna be like this. So this is the hardness press Control and Z to go back and let's go further press Control and click on the logo on the layer mask because you want to. And we have the selection in the layer mask then just mix up the Hindu can make selection on the sparse because we don't want this bar to either going to bring the logo I there, make it smaller and I'll, I'll press Alt and click on the Layer Mask. Now we have this part. We, if we didn't remove it, it's already selected or we already can see it inside the layer model. So we're going to turn them on with how we can remove it with a black Clara VSP to open the brush tool with the black color to remove them, to remove them from the layer mask just like this, make the hardness 100 because we don't want it, we don't want to remove some of the logo like this. So Control Z to go back and make the hardest 100 and just remove this stuff right there. I think this is good. Yes, This is really cool. Pest control. Click right there, go. Click on the layer like this, pizza on the Brush tool and the other, another layer and bend to the black. I think this is enough and you can't do another thing as well. You can press Control and click right there, then go to the Select Modify, Expand, for example, to R1 itself to you. I'll just make it one, the United rider over there and I'll add more. I think this is better to leave it like this, then remove this IS make our logo bigger. Select both of these layers, this layer and this layer. You can use any of them, Mariko and just rasterize this layer and press Control and paint on it and it's up to you or you can use this one. That's up to you. I'll just use this one. And if I lose the quality, I'm going to use the other one, the, the quality is irrelevant. So I'm going to use this one control and team make it bigger like this. Now we go into what, the logo right there. We want the space between this and this, the same space between this and the logo B2 in-between the bleed right there in the logo. So press control and are to open this rollers right there, entre an artery or move them, just put a guide right there. Then press return and the move tool and change the place of this logo right there. Would you like us, for example, press Control and D, if you want to change the size like this, I think this is much better, then I'm going to rasterize this layer, then arabesque control and alvarez veto of Nebraska tool and I'll paint like this with the black color and fuel. See that this is enough. Yeah, you can leave it yet. This is another gas. Now we don't have a hobby. Want you to learn something new CNS assembler. 4. How to add the icons in a beautiful way: Well, hello there. And this is saying antimony, the back of the business cards. So LSR will have this photo. Would the project files just Dragan but in your Photoshop like this, and just make the photo bigger a little bit like this. Then press Enter, press V to go to the move tool, then go to the rectangle tool right there, just like laconic, then right-click if you don't have effects on the ellipse like this, brush radically Diana click on the rectangle, make a white rectangle like this, just cyclical right here to go to the fill, then go click right there, and then change the color to white like this. Then the Nebraska, Ontario and T and rotate this rectangle like this, and then click and drag like this control anthemic, this photo bigger. Click on the text document, go and copy this, the enterprise T to open the text tool, then nucleic rest controlling V to copy the text and just change the place of the layer. Just drag it and put it above the rectangle layer, then go to breastfeed and tier, you have the color of the text and make it a block like this. There is control and tea maker is smaller like this. Go to the text document in Bobby this layer, this, they are going to be thin. There's just less controllability and GND size of the text and press on the receipt of the TXO press Control and click on the text press Control a to select all the texts then Gore either and change the font to this one. And I'll change the aisle, I will change the type of the texts and make irregular like this. Then just put it right there, make it smaller. Or you can put it, for example, right there. Let's just change of lifestyle like this. So yeah, this is good. Then let's bring the icon and the confirmation of the character. So we have these four icons. This is for the e-mail, this is for the phone, this is where the application, this is for the web. So select all of them by click on Control or Command on a Mac. Then click here and click on all of them, then their academic, and put them in Photoshop. Now when you put them in Photoshop, you will have velocity. It will add one layer and by an icon then it will ask you to resize it with this transform controls, but it's better to die resize it and make it smaller right now because if you make it smaller right now, when you add the next icon, the icon gonna be really big and it's gonna be a really difficult for you to make all the icons with the same size. So press Enter for all the icons, then select all of them. Click on the first one and a red shift in cadherin on this icon. It will select all the icons between the first one and the last one that you select the shift to add to the control you can select, for example, 12. But with the shifting glucuronide, hair brushes, particular criteria to select all the icons then make them smaller and put them right here, for example. Then just cyclic on this, for example, and change the place like this. Go to the next one, angle to the last one. Also change the size like this. We haven't problems with us as we get to make it smaller again, press Shift and select all of them like this. Now we will use the guides who make our icons more clean and press Control and R2i, this rollers then click height here and drag to make a guide like this guy right here. And bring another guidance. But it right here. And let's just try to this guide like this, and try to change the place of the icons just with the origin or keyboard change the place in both the icons with this gradient, g in the place of this gradient with it right here. Then we have problems with this call, with this number icon just to click on it, this is a phone call icon. Then came the place with the IRS on your keyboard. Now I think this is good. I'll just put the information by clicking on the T2 over the deck soul, then click, in other words, the conformation of the card. So I'll put it in, I'll pack for when you are trying to add the information, make sure to wear the guide right here, and I guide you right here and try to make the information in the middle are kind of press Control and teaming the information bigger, don't make them bigger than, don't make them, for example, a p, Let's just press Control and tea don't make them, for example, like this. Now it's just across the guidance. It's not inside the guy tried to make them inside these two guides inside this rectangle. So for example, if you leave them like this and you'll make, for example, another one for this and another ONE for this. And it's gonna be a mess and make sure to but a guide like this and put him inside the guys, by the way, if you can't hide the guides by pressing Control or Command D and H to hide the guides and to bring them back. And also again, you can go to the View, view. Then here we have the Clear Guides and it will remove all the guides in your documents cilia ago and butter guides right here and a guide right here. And do this with all these icons and try to put this inside the guides like this, even if it's smaller. I mean, if even if it's like this as part of a snuggling to be bad, but don't try to make them bigger than this guide or this rectangle. So yeah, I'll also put a guy with a guide right here and don't make these, for example, this number across this guide like this. And also when you have a location, don't make the allocation across this guide and be right here. So let's press veto on the brush tool. Don't put the, for example, the location across this line here, this guide and also the email don't lie the e-mail across these a guide. So this is what I was about to child. So yeah, I'll fill all these information and out by Friday. Now we then know from the information from all this information, if you see that these breast counter and H2 Heidi guides to see that these information are really big. You can, for example, make the text smaller. For example, I have this, whereas the texts, I'll just select all of them by Glaucon the first one, then press Shift and click on the last one, press Control and D make them smaller like this and try to replace them with your arrows on your keyboard like this. And the same for this surface control and nice to see it. And now it's beautiful also you can make all these, for example, the icons in the texts follow of them. You can make them smaller, just put them integral bike layer, click Selected of them then Nebraska control and G or click on this icon to pedometer group. So this group movie, this is for the text and this is where the eye like this, select both of them as put them in a group and press Control anti-A and maybe smaller if you want, if you want, if you wanted them to be big, I know prop I think just suppress control and R2 see the rollers and bought them. I think this is really good. So now we've done from the pack of the business card, I hope you enjoyed and learned something new. Cnn, SSN, Bye-bye. 5. Make business card using rectangles: Hello everyone. And this is an automated and other business guys are necessary. We will have this logo and their associates, whether targeting, but it's in your projects press Control and T by commodity in the Mac, the anapest old and make it smaller like this. If you want to have, if you want your logo to be in the middle, make sure to go to this light settings. Then we have these three icons. If you can see this outline settings and it's great Like gaseous, just go to these three icons and change this from selection to Canvas. And you kind of like right here and I22, your logo in the middle. I mean, if it's right here, we can just say click like this and like this, you'll put it in the middle of the entities regular boy of press Shift and drag it like this to make it to drag it up like this. Then go to this, a rectangle tool. You can go to the routing rule 12 by press you. But if you are, for example, on the Ellipse tool and you want to go to the rectangle tool, the shortcut you can press shift the new switch between the tools area can go right here and the grand the lab solar right here. And you and I go to the rectangle to Spes Roddick linkedin, go to the rectangular, press Alt or prefer repeats all just cyclic DNA breath hold Shift to make it perfect rectangle like this and the OTD fill, you can change it from here, you can change it from here like this, or you can double-click like this and change the fill, sorry, double-click on this icon and you, you can change their fellow and you can choose a color from here with the eyedropper tool. So let's just cancel press Control and D to make this rectangle, it bigger like this and dragging, but it right here. And let's just, sorry, just make it bigger and rotated like this. So this is enough for this rectangle. I think this is good. Yeah, then press Alt because we want to make a cup of this rectangle. Press Alt or Option, click anti-drug like this. And we have this rectangle right here. The copy of the rectangle just to drag and hoop at it under the stair there again with dynamic is shortly before the anion, the color of this rectangle by double-click on the icon and now it's red. Just make it dark like this press Control and tea may just go right here, rotate it like this and make it bigger if you want. And I think this is good. I'm going to leave it like this. You can change the color by double-clicking, change it if you want. Now, let's just select both of them and just drag them like this. Just play with this one with the areas in New York over the kanji, the place if you want. So now we got to make another rectangle, and this rectangle is going to be white. So just add another layer and with the rectangle tool, very few of us. If you want to go to the rectangle tool, the shortcut, the enterprise, click right here, press Alt Shift and make a perfect rectangle like this. And there's rectangle go into BY just debug is contralateral control and D or Command D t2, our transform controls. Just spot the rectangles somewhere. Here. I think this is good. Just make it even bigger. I think this is good. I think we're done. Now we done press VT0 And the Move tool paths, all an eclipse criteria and Mexico before this rectangle and drag able to, to under this rectangle double-click. And now it's why just drag it like this to make it darker and throw anti and also this play with it like this. You can press Control and play with the Transform controls a little bit just to get the result that you're looking for. And I think this is good. This is the ragged like this. It I think this is good. Yeah, this is good. Nausea, select all of them then erase Control or Command digital domain ground. We can rename this group. I double-click on the group and on the name, then go to this logo icon and butter in the middle oDesk aligned settings. Another thing we can do it, we can, we can do it. We can go to the filter and we have this pinout on the background layer go to, you can go to the Filter Noise, Add Noise and just add a little bit of noise just to give it a good texture. I think, yeah, if you can't do that, if you want, this is before and this is the FSR, it's up to you, so this is evidence. You can also change the color of your background if you're on Canvas, for example, respite on the brush tool and choose a color, something like this color or no. When are we done? This is evidence where this isn't something you'll see on an assessment. Bye-bye. 6. Adding the icons and beautify the design: Well, hello there and assemble and to make the lack of the business card. So let's starting personally, there are some changes in the workspace. I mean, annual or if changes are made to the color right here and the navigator in the adjustments Character panel. You don't need to have the same mortgage space since we're what they worked with space there is feel comfortable with it. So for an hour SSR making the business card is silver essay will opera x2 to urban water rectangle tool. And if you want it, we want to switch between these tools. We can address serif fonts, neural control shift, and you're like this switch between the joules. Now other rectangle tool, click the Enter, press Shift and drag like this to have this rectangle, this rectangle going to be read. So go to this row and stroke ITO. Then click on this icon to remove the stroke and go to the fill and choose the red color like this. Let's just change this red. Okay, sorry, double-click on this icon right here, little icon and change the random. Make it like this. Press Control anterior rotate your date, your rectangle, right over there. So now let us back to the rectangle tool or the another layer and go to the rectangle tool press Shift, lake Nicole press Shift to drag like this to make a perfect rectangle. Then octane this rectangle just make it with acids heroic and make the field wide. This control and teeth or Command T on the Mac to open the Transform controls with the rectangle right here, just make it bigger. Press veto of the Move tool, click on the Vestal little rectangle right here and just move it so soon put it like this, press all in a drug like this, the input D rectangle and dirty first one to first wire rectangle, then change the color to a gray like this. Press Okay, The anti-bias fee to all the Move tool, pest control, and T to transform controls, rotate it into just I mean, it's just put it right here like this, or rotated fingers is good. Then go to this rectangle, then press Alt or Option, and drag in another rectangle with this rectangle under the red rectangle, the first rectangle. And just make this rectangle darker like this. And just make some adjustment to have a good result, the result I were looking for, so I think this is not bad. You can leave it like this if you want. So you got to make it NHS. They wanted, if you are, for example, if you want to put these rectangles, if you want to put them in the right side, you can just select all of them by clicking on the first one, press shift on the last one. And it will select all the layers between the layers that you selected, the address control and G2 with amino group. Whereas controller to urban transport controls Press radically flip horizontal then leg shift, anti-drug like this. And you can put in, for example, like this on the right side is cell, It's up to you. And yeah, so now this is start with the without adding the icons versus our DNA in press T to open the text tool like your name or the name of the company I have. This is called the name of Thetas still is Type tool, but I call it ethics also. I was to call it excellent. Let's add the next day ethics thrust control, anti-market is smaller, so yeah, we're going to make the name boil. Glaucon. This takes the enterprise Control and S or Command a to select all LaTeX, just change the font to any bold font. So this one is good then as control anti-market, smaller or bigger, it's up to you. Then we have this graphic designer type or text then began to change the font to something. Can you can choose a serif or sans-serif fix itself to Agile sues the sensory cortex, then control and hoping this is not bad, I mean, they'll control anthemic. It is smaller, but it, if so now we are almost done. Let's just select whatever name make them bigger. Yeah, I think this is good. Make this web redesign. It takes the outputted enter this, and it takes name and name text takes name. I'll just put it right here. The name going to be black. I just chose a black color like this. You can name the color from here if you want it to be black, just Indians from here like this. And here you will have this graphic designer. We can press T and click on the Type Tool Tito and the title in a press Control or Command a to select all of the TXT. Just choose this color press. Okay, and now we've done from this. So now we can add our icons in and we can add the information. So this asserting, now I have these icons, just drag them and put them near Photoshop. Press Enter, Enter, Enter, Enter, then select Olive emphasis, but Tim, above, both of them above everything, press Control T and smaller than my guess. So I think I'm going to just put this graphic designer but it right over there thing that's gonna go better. Yeah, then go to this press Shift, click on the first icon, click on the last icon to so like all the icons like this make them relevant, smaller, like this, more smaller maybe, yeah, I think this is good professors select any of them, just drag it under all the icons like us then another one and another one, or just select this email icon, but it right over there and the last icon, select all of them, make them smaller this. So go to the Rectangle Tool, go to this and nucleic press Shift and drag like this to make a rectangle. And this rectangle going to be also read. Let's just make it without stroke and default going to be a red like this one. Just click on this icon. Okay, so now this is the phone icon, so I'll just put this phone call icon, but it's under the rectangle right here. Then I'll select both of them. And when you select both of the implicant, this icon and this icon. So now the phone call icon going to be in the middle of the rectangle. Now we don't click on this one coal icon press Control selected firstly the press Control or Command click on the icon to have this selection. Then go to this rectangle has on this mask icon, and you will have a mask like this. So now we're going to invert the mask. We're going to press Control I to invert the mask. And we're going to July this phone call icon like this. And we're going to do that with all these icons. I think this should be bigger, so I will go back and make it, sorry, that's just press Control and D to de-select, make this icon bigger. It has Alt to make it on the center. Then press Control or Command and click on the icon, go to the rectangular browser on my layer mask and the mask icon to make a layer mask press Control and i o chroma and denied to invert the selection and delay this phone call icons. So this is better. So we're going to do this with all these icons. So also go and sorry, other rectangle like this. Then press click anti-drug, then press Alt and nucleic anti-drug, press Alt and nucleic acids omega Toby from the same rectangles. So let's bring the email icon. So let's just select vessels, all the icons, and make them a little bit bigger because we made the icon of the phone call and bigger. So we're going to make these icons eager as well. So select the email now and the rectangle. Then I click on this aligned settings, click on this and there's two, put the email icon in the middle, then click Control and click on the email to make selection. Go to the rectangle, the layer mask like this. In virtue your layer mask and do the same with this location icon. Now, we will press Control on R2, see this rollers, rollers and put it right here. And we go into with these icons on this roller like this just to make our design and clean. So now we're going to go to this angle marquee tool, click like this, press Shift and drag like this. We have itis rectangle. So we're going to just make it a smaller, a little bit press Shift mixture to press Shift to make a paraphyletic tingle. Now we have this rectangle right here. Bring a guide and put it right here on the selection. Then also this rectangle marquee tool click and press Shift anti-drug like this, this, and when you with this rectangle marquee tool right here, this selection, when you're wearing right here, bring a guide and put it right here, press Control and D or Command D to de-select it and select both of this and this text and just press Shift and drag it above. Important on this guide like this. The same with this icons. We have to put them on this guy right here, press select all of them, press Control or Command. And teachers dragged him up our light, the LRA and make them smaller press Shift Enter synchronous, want either of this. Now we have our design like this, can either add the information. So let's asserting also make sure to put the guide right here and right here and put the, this ETX in the middle of the rectangle, this guide. So, yeah, another thing we're going to do it, we're going to drag a guide and put it right here. And the next sticks the e-mail going to be on this guide. Now we've done everything is beautiful, clean and tidy. This is everything with this business card. I hope you enjoyed learning something in USU and an SSN. Bye bye. 7. Front design: Allover, and this is signaled to make the face of the specific sky. So let's just starting firstly, we'll have the sodium. There's lots of other drag an embodied in your project analysis aren't impressive. We will start with making rectangle. Again, all of these business guy, we made a lot of rectangle. So the surrogate of the Rectangle Tool is you suppress you to have an irregular tool. Click tenor, bass shift back like this, and the color of this rectangle down to be like this. Then press Transform controls so you can open the Transform controls by the shortcut, which is what? Yes, you guessed survived. Yeah, it's Control D or Command D and T in the maxilla. They're controlling tier, rotate it like this and put it right here. We then, from the first rectangle, press Alt, or they just changed the place like this, press old flake, drag like this. But the second one right here, you can flip it if you want to flip it horizontal or vertical. It's up to you to choose. Make the pink that UCA tried, just make some changes. Now, we're going to make another rectangle and budgets right here, it's going to be a blue like this. Then we're going to add the darker blue. It's going to be like shadows. There's a lot of ways to do this thing. You can't, for example, double-click criteria. And instead of making a New York thing, I did drop shadow like this and disruption so we can make it like this. Our example make it darker and just play with the distance. And you will have like, sorry, like best shed or this. You can also change it like this as you want. So you can make it, for example. You can, for example, make it like this. Then press Okay, look right here, right-click, then click on Create Layer. I think when you click on create light will just show you an error. I don't know what it tells you, but it's just something then you're going to just suppress. Okay, so now we have the drop shadow that we made it shortly before. And we will say it's right here and we can change the bias like this. There's a lot of ways, there's a lot of things also to do it. For example, let's also the replica. We can add Bevel an embedded depth for example, for this, for this rectangle, we can, for example, change the angle, for example, like this to us, some mechanics later art for example, some depth with their business card rookie, there is a lot of other things you can do it, there was a lot of ideas, there's a lot of metrics. We have a stain right here. We can turn on bivalent in bursts, play with a scene like this. So it's up to you, but for now, we're not going to do anything with this began just use the rectangle to know we're gonna totally want and what you want, you're comfortable making a rectangle. I'm broke down over the market tool, press veto on the brush tool and paint within those sounds. So effective at making rectangles better than the way there are exponential. Because if you made a rectangle like this and you make it bigger, it's going to be a little bit pixelated when he made a rectangle like this going to be a vector and it's not going to be pixelated when you scale up on you make it bigger or smaller. Let's make another rectangle. The circle angle going to be with this color control and t put it somewhere like this and make another rectangle. Press Alt or Option on the Mac to make a copy or the rectangle, but it's wherever you want. So now we go into it kind of shadows to this. So it will go to this rectangle, for example. And we're going to also add another rectangle, Control and J to make a copy the agenda color to dark blue like this, then just change the place. But it's, for example, rotate it and what is what is right here. Whereas also any click and drag then what this rectangle alter option to omega, copy the military district angle up all this rectangle right here like this, and also rotate it in gender plays and I will get there Right there. Good results. So go to the move tool. After you're done, go to the Move tool and play with the whereas in your keyboard until you get the result that you're looking for and result, and do the same thing with this rectangle right here, but it's all these rectangles. If you don't know, for example, whereas this rectangle right here in these layers, kind of risk control TO turn on this auto select and click on directing or for example, now I want this rectangle. I will cook controlling click on this rectangle. Now I can move it, I can see it right here. Let's rotate this rectangle. Now either from the face of the business card. We can also as well as a lot of things for this phase. For example, let's just all these rectangles, for example, in a group and then make a layer mask and the layer mask breastfeed on the brush tool. They're not the black color on the layer mask or more of these rectangles. For example, you can make sure to remove the logo. So we can, for example, make the backup their business card like this and we can put the information, for example, right here, sorry, again, for the information for example, right here, we can do a lot of things. We can, for example, consider this is the face of the recent card. It's already been faced. Then click on this group has control AND gate or make a copy press V, click and drag like this, press Control and D flip horizontal and put another copy for this business card right here. Then go to the layer mask of this hair. Copy, remove the logo and or move the rectangles right here, then play with the IRS on your keyboard and until you get a good result like this. Whereas feed on the Brush tool to remove this again. And we have like this business card. Business cards, we can also double-click on this. We can add a drop shadow and this worksheet, again, this speed is going to be 0, There's going to be black as some size and distance. We have Fx, Fx right here. We can press Alt or Option, click drag and but this fx on this agro, we got, for example, we have this, the logger idea, but it out of this group. And now we have this result. We can Personal just double-click on this one, change the opacity goes. I think it's too much. So yeah, there is a lot of things you can do it with the business card yeah. Itself to you. Now I done this is a reading glasses on. I want you to learn something in you see you in an assessment. Bye-bye. 8. Back design: Hello everyone. In this assignment too many, the back of the business got less assigning. Firstly, let's go to the rectangle tool and we always did shorter. So what is the shortcut to get them? Yeah. Right. It's you pursue Tobin the rectangle tool and click grass Shift to make it perfect rectangle, then they can drag. And now we'll, you'll have, I guess rectangle. Now it's just a rock without felt. We don't want illicit drug. So we're going to click right here and move this tab and we're going to go to the fill and choose this color, whereas it this color right here, It's just a block. This just go to the swatches. There is a blackbody. It's not a pure black. It's more like your'e, so yeah, just suppressed. Okay. Press Control T or Command T and M as to what your oven transform controls. By the way, you can go to the VI press Vietnam and the move tool. And here we have showed the transform controls learning can click and turn it on whenever you select the player, it will show this Raza uncontrollable that are pressing control and teeth. So it's up to you if you add Doner, there is, it's really confused when you design something large project and you'll see the transform controls. Yeah, I think it's better to use to work with the shortcut Control T. And instead of this, this option, so it's up to you or for me, I'll just turn it off the analysis, the shortcut Command or Control and D then just rotate your rectangle like this, but the rectangle right here. So now we've done on the first rectangle. Then after you get that go and make another rectangle, add a new layer from this icon, the anabolic shift to my quad, a perfect rectangle. Yeah, that's cool. And also without cetera, OK. And when they fill and this is going to be the fill risk on their own. It maybe let's just make it bigger and let's just put it under Beziers, put it under this, a single database control and teaching the size of this rectangle. So now, now we can play with the arrows on your keyboard or you can do it too. If you are on the rectangle tool, go to the move tool, you can use the shortcut, it's sweet or when they move to also just to play with the DRIs in your keyboard to have a good result like this one or any result that you're looking for. Neon. Now we done from this, It's suppress all to make a copy. Now press Control and T rotate it like this or not rotated, just leave it like this and I rotate it a little. Yeah, I think this is much better. Let's just play with it. Whereas in your keyboard replay and also I think this one, I think this is good, yes, stat skill. So now we go into another rectangle, just go to the same rectangle, this rectangle right here, the last one, press Alt, click and drag, then press U to urban there. What the Rectangle Tool and go to default, go to this icon filled in this icon and J the fall to go to the swatches and we have this one right here. Just choose. I'm gonna choose it and then press Control and T just rotated can choose any color you want to choose the right color, yellow color, the yellow color, I think it's I think yellow color or not work yellow algae, you can try it a few months. Let's just adjust this one controlling t bigger, dated. Yeah. So now we can also apply with the IRS in our keyboard until we find the best result. Okay, yeah, I think this is cool. We can also press Control or until you can press Control in, for example, do like this just to get the result that you're looking for. Just, I can't do this. Brass Alt, click and drag like this. Press Control anterior rotated like this. And this one also going to be under all the layers like this, play with the IRS in your keyboard and you are, when you are fewer and if you are in the rectangle tool or any of the other tools, it will not work. You should be on the move tool. So you can play with the tingle and move it with your, with the arrows on your keyboard. Now we can add the LMS. We're going to add DNA. Now we don't know from the name in the ED job, so we're going to add some guides, so make our design tidy vertically. We have to but the information, but before that, just put the guides then guide right here, bringing your garden with this right here. Bring your guide and put it right here. And now let's add the spring you guiding, thread guide right here. Now we can with the information from his business, the back of this business guy that I hope you enjoyed last hoping you see you and NSSS. 9. How to put your design in mockup: Hello everyone. In this assuming autonomic Hadoop with your design, your business card design in mockup, business card mockup. So we have this website called the Free big answers for our business card mockup. And you will see all these mockups right here. You can use them. Here we have filters that we can, for example, there are, some of them are our friends, some of them are another free. If you see this crowd right here on the business or the mockup, it means it's not a free and you have to pay for a subscription. So here we just want to see only the free ones. You can just click on this and now you will see only the free mockups. I just click on them and develop them for free and use them. So now we will go to Photoshop and see how we can put or design the mockup. So let's go now for example, we have a smoker criteria. If you went about our designs inside the small cup, inside these two business cards. And we can do that by going to this two layers, the front design and we have the bag design. It's usually when you have been a BSE about a mock-up, you will see like this from design impact design. And then we'll see them Nozick, a red colored like this. And it's a smart object. Just double-click on it and it will take you to another tab. Here you can put your design. After you put your design, you can just press Control or Command and S and it will what their business card right here. So a lot of doses, right? Let's just bring a design business garden. We have these two designs. For example, let's just press enter and enter, select butter, then press Control or Command C to copy them. And let's delete the old business card. And this is, this is for the front for the phase. So we're going to make this figure can just change the skill. So now we have this one. Let's go with it. Now we want to save it. We want to see it right here. And just It's Control gamma in S. And you will see it's right here like this. We have this or business card and we can go to the APAC design and add our design like this and the same make it bigger and press Control and S go to the mockup. And here we have our designer right here inside the mockups. So now we know how to put our designs and mock-up. This is everything but this isn't. I hope you enjoyed and learned you in lesson Bye-bye. 10. How to design your own mockup: Hello everyone. This assuming you want to learn how to make your own mockups, Let's society. Firstly, we start with adding the color of the background. So again, to add a solid color like this. And with this solid color, we can choose the color of the background, any color we want. And we can change the color by just typically on this icon and change the color and make this sound. Now we've done it from the color of the background. Now I have to add the business card. Now there's two ways to make a mockup. For the business card. We can, for example, other rectangle, just add a rectangle like this. Then after you, the rectangle, convert this rectangle to Smart Object, then double-click on this rectangle and now their business card right here and press Control and essay, and we'll see their business card right here. So let us try to add a business card. For example, we have this business, Let's just make it bigger and press Control. And S Now we have the business card or ITU, or there's another way you can do it. You're gonna the business cards and convert them to the smart object and you add the business card inside this smart object. So now I have these two business cards and they are already a smart object right now, what can just double-click on them? And the business card. For example, if I want to change the business card to another Rontgen, just double-click on the smart object and change it. So we're going to J the names. This is the France InDesign, this is the back. So now the business card kind of flat. We're going to have to make it more. We have to add more depth or make it maybe we can say a more 3D, so we can't do that by go to the planning options. We found double-click on the layer right here, just a basically and it will take you to the Blending Options. You can go to this fx Blending Options right here, and you will see these options right here. For now we're going to add a drop shadow like this and play with the distance and till when play with the distance and the size until you get the result that relevant for us just to play with them in this sense. And also I'm gonna change the angle to something like this. And now we're going to add another drop shadow for you will not see a three of these drop shadow. If you can see another adopt shadow right here, just click on this icon and it will add another drop shadow for you and you can delete it. So by this icon right here, trash icon. So we're going to add another adoption and the structure, they're going to be like this. Let's just make it a black. And the speed going to be something like this. And you're going to US Marseilles and play with the angle like this. And we're going to add another drop-shadow. Drop-shadow going to move on to other in Marseilles. And more distance like this, play with the opacity and the size as well. Now we almost done, we can, for example, are the bevel and numbers. And this is going to add more depth or business, or for our business card just to play with these options. Changes to enter pebble like this and make this smooth like this, and play with the angle and with this option. And so you get, I got the results for me. I think this is going to be you can just set it without the numbers is up to you. So now you're entrepreneurs, okay? Now we want to apply the same options are the same effects on this business card. We can do that by just Alt or Option on the Mac. And click right here on the effects and copy it and put it right here. And now we have the same effects on both of the business skirts. So now weakness. Just click on this small arrow to hide the effects. Now we have a Maga began G, the business card. Let's just change this to red, right-click and make it red. Now we have this symbol mockup. We can change the color of the background. We can change the business card inside this mock-up, but we can add more details, we can add more, we can add the shadows, we can add a texture for the background. So yeah, now for example, we have this texture right here. We can add it to our design. Let's just drag it and put it right here. And let's change the name to texture. This, then double-click on this section. When the clinic options, anyone have the blend deaf, just click on this arrow right here and then drag like this or before you drag to suppress or Alt and click and drag a little bit like a drag until you get the result that you're looking for. For example, now we have this texture, It's not bad. So like this, we can add a texture for our design. And now we're going to add a shadow. We have this shadow right here as far as three, or sanitary bathroom turn on linear motifs. That's just press Control and D, flip horizontal and just rotate it maybe a little bit and make it bigger then go and I'm gonna change the blending mode to multiply it out this cell. Now we have this color or this part of this tree right here. We have to remove it. We can remove by double-click on the tree layer. And here we have this when they click on this white color, just press Alt or Option click right here and drag like this. Let's just take a look like this then after you've done a breast, okay, Well can you can also change the opacity. And now we go into Adam, some adjustment. We're going to the curves and play with it like this. And also you can add the color lockup. And here we have filters just to click and drag with your arrows. And there are some vectors, a few ions. And also you're going to change the opacity of the filter. There are some good filters right here. You can apply with their heads with this hue and saturation and vibrance as just to play with the brightness or the contrast. So this is before the adjustments, and this is after the adjustments. You can name it adjustments if you want and put them in a group. And this is the shadow. I don't want the iteration shadow. This is the front and the back of the design, and this is the texture. This is the color of the background also, you can change that and so on. Yeah, so now we've done this is everything. Before we end this video, I just wanted to tell you that if you change the color of the background right now, the texture gonna apply live, yes, Why? Because we apply the blend def, we just want to underplay and the implant depth on this underlying layer, it's an it's an a blend layer with the layers under this layer. So we have to play with this layer option until we get the result, the good results, for example, this is just supply like this. Let's see what we can have. Now we have something like this texture. Now if we change the color of the background, nothing will change and we will have the same texture right here. So this is everything about making mock-up Canada. Lot of things you can add an objects, you can advance. All right, here you can steal some elements from Freebase and put them in your design. So this is everything for this lesson, I hope you enjoyed learning something new. Cnn, SSN.