How to Present Logos with Mockups | Jeremy Mura | Skillshare

How to Present Logos with Mockups

Jeremy Mura, Brand Identity Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
10 Lessons (49m)
    • 1. Class Trailer

      1:05
    • 2. Where to find high-quality mockups

      5:47
    • 3. Using Adobe Bridge efficently

      3:22
    • 4. How to use mockups

      10:41
    • 5. How to Save High-Res mockup for presentation

      5:35
    • 6. Creating your own realistic mockup

      1:36
    • 7. Importing and editing your mockup

      3:53
    • 8. Adding a logo to your mockup

      3:51
    • 9. Customising layouts and objects

      12:17
    • 10. Learn More

      0:49

About This Class

You can have an amazing design but presenting it to the client is crucial to selling your idea and completing a project. Mockups help you present your logos in a professional manner and it helps the client visualise the concept in real life. You can create your own, by them or even use free ones no matter what using mockups will improve your portfolio, your presentation and value you will give to your clients.

In this class, I will show you my process of using high-quality mockup kits and also creating your own if you’re feeling inspired.

Key Takeaways:

  • Where to get good quality product mockups
  • How to present your mockup
  • My process for using mockup files
  • Tips for customising the look
  • How to save your mockups for digital use
  • Bonus: Creating your own realistic Mockup for a logo

All you'll need for this class is Adobe Illustrator (free trial), and Photoshop (free trial), Adobe bridge is optional a phone, notepad.

Transcripts

1. Class Trailer: Hey, guys. My name is Jeremy. I'm a designer and illustrator from Sydney, Australia. In this course, I'll be showing you how to create some realistic mock-ups that you can use to present your logos in a professional way. Especially if you want to share with clients or you just want to have a mock-up for your own personal use or even if you want to boost your portfolio, this class will really help you out. I'm going to show you how to print some realistic mock-ups by jumping into Photoshop. I'll show you how to use some premium ones where we can actually manipulate and edit it to make it add our logo today in using color and texture to make it look really realistic, and also, make it pop and stand out. I'm going to be showing you a bit of my process on how I go with it. We're going to use Adobe Bridge as well as Illustrator. I'm going to show you how to save the files out so it's ready for presenting to your clients. We'll also going to be creating our own mock-up in this class, which is really cool. Because it's the first class of 2019, I'm going to be doing a giveaway. I'm going to give away one-year premium Skillshare membership for the student who creates the best mock-up, and I'm going to give you guys two months to complete that. The resources and information is in the project section below. Definitely check that out. I hope you guys enroll in the class. I look forward to seeing your projects, and let's get started. 2. Where to find high-quality mockups: I want to be showing you guys some places online where you can actually buy mockups, as well as, some sites that give you free mockups that you can use for Photoshop or even illustrators. It's really good to invest in mockups because you can always reuse them, especially if it's like personal work and client work, it's very important to put your logo designs and even illustrations, or branding on some good quality mockups. You want the files to be well organized, and sorted, and neat because some free mockups, they're not always the best. I'm just going to show you a few sites that I've used in the past that have really helped me and the first one is mockup.zone, you can see here they've got bundles and packs here, so it's got packaging, they've got print mockups which are really cool. It's got a lot of magazines stuff and books and a stationary and a zero gravity, even some older ones like outdoor advertising mockup which is super cool and they even launched a new thing called Artboard Studio, which is pretty cool. These guys are really awesome, sometimes they have some sales on, you can also get like the whole shop, so all the packs in one, which is pretty decent deal like you can see for $100, and you'll pretty much have everything you need to present your logos to clients. So these are really organized files in Photoshop, they're super good, super easy to use, and I love it. Number two is creative market, I've got some products from creative market as well and they've got a lot of product mockups. As you can see here, they got 41,000, that's a lot. You can see here, if I scroll through, they've got some of the popular ones at the top, so you can see they got apparel bundle, with like shirts and singlets, so if you're into clothing or you have a fashion style that's good for you. You've got mockup cakes, wedding stuff, packaging, even like cars and envelopes, posters, wall frames, anything to do with print and they've got this huge stuff and they got obviously, like digital stuff as well, so there's plenty. You can always just go through their search through and check them out. You just go to graphics and you go to product mockups and you'll definitely find all the stuff there. Number three is elements or Envato, they've got two sites, they've got Envato elements and they've got this one envato market, they are from the same company, their just two different sites. You can see here, you can filter the mockups. So if you've got a browser, you can choose what you want here, you'll come up with these refinement, on the side is filters and you can just select product mockups, and you'll get all these cool mockups here. Sometimes you need a specific thing like a van, or a B can or a certain shape or, or packaging thing, these few sites are good for that if you need something really specific. These cost, as you can see, look five bucks, six dollars, some cosmetic is absolutely is pretty cool. So it's up to you what you're going to buy like single things or buy a pack, but it depends on the project. So here are some other free sites where you can get some stuff, freedesignresources.net and the first tab on the top left you can see mockups. These ones are all free ones and I've liked these ones, they are pretty cool. I've used a fair few of these before. Like even, that's pretty cool, UI-kit, t-thirts, business cards, even a Christmas present is pretty cool. Floating business card, that's pretty sweet. iPhone mockups, a bit of stationary, I like that, that's awesome. So yeah, this is really good, free mockups and you just click on them and you can just download it really easy. So you can see just download and obviously, most of these mockups, some of them are fully free, some of them are actually samples from other products, so you can see it says full version here, you might have to go to the site and it'll take you to creative market or maybe an artist's page who makes it and where you can buy the full kit. So where it will have a lot of different stuff as you can see here. Just using this as an example. So I will have a lot more mockups but the one on here might just be a sample, might just be that one mockup instead of all of these different ones. So just keep that in mind when you're on freedesignerresources.net. Another cool one is freebiesbug.com, you can see they've got some freebies and free fonts and heaps of stuff. Click on the first tab, you've got free PSD and then in that you want to click on mockups here. They have a lot of digital mockups like iPhones and MacBooks and all that cool stuff in the digital world, iPads and I love that type of stuff. They do have some other ones like packaging and stuff, but they really focus more on the digital side of things and apps and technology. Another sweet one is creativebooster.net, you can click on all freebies, they've got mockups. As you can see here, you can search if you want specific ones. They've got also other templates, phones and you can also submit a freebie if you're creating your own freebie. So we'll just quickly scroll through here. You can see your business cards, you've got a sign board, that's pretty nice. Some packaging, we'll just click on it and see how the page is, so it'll show you, you can share it. You can visit the download page, which should take you to another page which is pretty sweet. One more site is Freepik as well, Freepik is awesome. You can get a premium subscription which will give you the licensing, so the full licensing. If you didn't have premium, you can download stuff for free, all you have to do is just attribute the design to their name, or you can pay for like just a standard account, which is pretty cool. But a lot of the stuff is free, you can just click on it, and download it, just customize it and stuff. So [inaudible] and mockups they're always uploading fresh new ones, always keeping up to date. So I love Freepik, they're awesome and definitely check them out. So yeah, there's just a few sites where you can get some mockups and they're going to be super helpful for you. You don't to spend a lot of money, you just have to make small investments or just find the right ones, search for these pages to find the best top mock-ups you can use, even if it says all free and start booting at your library so you can use them for. 3. Using Adobe Bridge efficently: The three main programs that I am using is Adobe Illustrator CC, Photoshop CC, and Bridge CC. I had the W Credit Clouds, so I have access all the apps they use. If you did not have the latest versions, that is totally fine. You can still use the same methods and processes that I'm using because the version has not changed too much over the years. They still have layers and all that cool stuff. I love using Bridge because in my folders, it is easy to navigate through folders, to label things, and to add stars. It is double-click and change the grid and the views as well. You can increase the size. It is really handy when I'm trying to jump in and look for mock-ups. I can click-through photos and look through my mock-ups. If I want to look, I can press "Control L". If you are on a Mac "Command L" and you can sift through those images in a big view, which I really like. I can also go to change the view and I can go to show items from sub-folders. If I click on the photo I want and an app that just told again show items. It will show everything within those folders. Make sure everything is named. If you have a lot of mock-ups is good to flick through them all. How are we going to use a mock-up? I'm going to use one of the mock-ups from mock-up zone. I have just one here. You can see I have three different folders. I have one folder, if I zoom in here. This one allows you to use any of the elements or objects as single layers. What I can do is I can drag it into my own file or Canvas. I can select the ones I want, pretty much drag and drop and mix and match to fully customize the layout of the scene I'm trying to create of the Mock-up, which is really cool. But that takes a bit longer. If you want a more custom field or you have a certain project for a client, then that is really helpful. It also came with another photo in the branding showcase generator, which is one of their pacts. It comes with ground textures, which is really nice. These are high-risk photographs, which I can use: concrete, it's got some wood, some paint, tapas stuff, plastic and it cool patterns that I can use in the background of some of my shot. If I'm working, for example, for a gym, or something like that I can use these cool cementing and have whites in the mock-up, which is cool, so it is relevant to the client. I can also go through ready-made stages. If I click on this folder here, I can go through here and you can see they have some ready-made ones that they have already done. All I have to do is switch out the logo on the branding of the text. As you can see, is example of something I can do. You can be playful with it. That is what I love about this pack. They have also a third folder, which is really awesome as well. It has got some Photoshop mock-ups that they have already created as well. I can sift through them. I can go on this view, organize this look, I can zoom in, it is easy for me to navigate. 4. How to use mockups: I've gone for this just simple business card and I'll double-click that. What's going to happen is, it's going to open that file into Photoshop. If you don't have Adobe Bridge you can literally just go into your folders and double-click the file as you would normally, and you're going to get this file. The good thing about these mockups is because they are premium mockups, you can see on my right-hand side I've got all my layers. I'll just drag this out so you guys can see a bit easier. They've color-coded it for me so you can see all the yellow, that's the main design of the elements. All the shadows, the actual object itself, the red, which is labeled at the top, is a light setup, so it's got all the lighting. If I turn this off, you can see how all the lighting is very flat. As you can see there, but for certain, turn on the color balance and all that stuff and levels, it makes it look how it's meant to look really nice. The colors it is there to help me identify where everything is and it's really helpful, makes it easy and faster. You can see here I can go and turn off the logo or the colors there. I can turn the object off, the shadow. Same thing for the business cards, you can turn the shadows off there as you can see there, then you can customize them. I can add my own shadows if I want. If I want to change the lighting to the left side and make it pretend that it's sitting from here, from up there, down, then I can do that myself. The key thing is we have layers. This is important. What else you have to recognize is about a smart object. What I can say here, you can see this layer is called ground texture. You can see here in the right corner of the little thumbnail, it's got a little gray box with like a document, that means it's a smart object. When I double-click on it, it's going to open a.psb photo or file, as you can see, it opens another Window. So I can drag the Window like that to slot it in or I can just have it out like this, make it smaller. This is for a ground texture, it's the bottom layer and it's going to add a texture to pretty much the bottom of the business cards. Now because I'm in Bridge I'll go back to my textures folder. You don't have to buy textures, you can take your own photos or you can use stuff online. Just go on splash.housetextures. I'm going to pick something, I'll pick this cement type of look. What I can do is I can drag it into this file here. So I've dragged it into this PSB folder. I'm just going to scale it to the center, drag it up like that, and press Enter. What I'm going to do now is I'm going to stay selected on this layer, but I'm going to press Ctrl + S to save. You can see these little asterisks, that means it's unsaved yet, so whatever changes you've just done, it's not saved. What I'm going to do is I'm going to press Save and it's going to add it to this overall scene that we have up here, so Ctrl + S to save it. You can see it's going to load and do it's thing because it is a high quality texture or background, so it's good to have a faster computer. You want a good CPU and you want a good RAM. Now I can actually move this or I can close that Window if I want but I will just leave it there on the side. You can see now the texture is added to the scene to the bottom of the ground, which is so cool. If I turn it off, you can see the difference there. You can see I have my texture there. If I don't want my texture, what I can do is turn it off and I can actually just change the color of the background or the bottom. You can see here there's usually a color layer on the bottom neath. If I it turn off, you can see it's just got the transparent pixels behind that. What I can do is I can select this box, I can double-click on it and you'll get the color picker. Then what I can do is move around and select the color so you can match the branding to your client project or whatever you're doing. Orange looks cool and I press Okay, and now I have that color. You can see because the texture's on top, it's overpowering, but if I go to my texture and my blending modes, if I click on this and click the blending mode I can go multiply and the texture is going to come through with that color as well, so it multiplies over the texture. Now you can see you've got that grungy texture looking super cool as well. I'll show you a quick shortcut as well. You can see on my left-hand side I've got these two squares. They got the full color, the foreground and the background. If these have colors on them already, I can press Ctrl + Delete or Cmd + Delete if you're on a Mac. With my color layer selected, it's going to change the color. I'll press Shift + X to switch the colors as you can see there. Like that's super easy way instead of going to the color picker and then coming through here and selecting what I want. Now we have our background sorted. What we want to do is we want to change this in Adobe and logo to this business card mockup. What I'm going to do is I'm going to go to business card one layer. You can see it's got all the colors and stuff. What I'm going to do is go to this layer, as you can see, it says replace. Sometimes it will say put design here or lay design here or replace design. This is a place holder and once you double-click on it, it acts as a PSB file just like a smart object would. I can have my logo here. So I'm going to illustrate it. I'm going to select the logo, which is just my logo that I want. I'm going to turn this layer off because I don't want that logo there. I'm going to paste it and I want to keep it as a small object. The thing with the small object is that when you scale the logo or the vector object, you're not going to get it pixelated, so it pretty much retains the resolution. It retains the detail without making it pixelate. I can scale that up or down and it's going to act like a vector. So you want to make sure that's not on pixels. I'll paste it in. I'll make it smaller. You don't have to hold Shift anymore, You can just drag it because Photoshop updated it. Put it in the center, press Enter. You can see the size of the business card is pretty much most of this square here of this size of this file, so I don't want to make the logo too big. Once again, select the file, press Ctrl + S to save, close that, and boom, I've got my logo there, which looks super red, super cool like that. It looks like that because it's got these overlays here. So you can see here it's got these details, this color, and features in an unboxing effect. If I wanted black, or if I wanted silver or gold cable like that. I like silver because I just want it plain, just something simple for now. So that's the bottom of the card. Maybe I want something else for the back of the card. So what I'll do, I'll go to business card stack, which is this one. Same thing, I'm going to go to the replace layer, which is the small object layer, then once again, I'll turn this layer off and add the designer one. I'm going to go to Illustrator, calling my design, jump back to Photoshop, paste it in, scale it up. If you have smart guides on, usually just clicks everything together, click Save. It's too big as you can see here on the main mockup, which I don't like. So what I'm going to do, show cut is Ctrl + T or Cmd + T. Make sure your layer is selected and it's going to go to the transform mode. So you can see, you'll get the boundary box there which you can scale it again. I don't want it too small, so I press Enter, I press Save again. I'll just drag it a bit up. You can see that as I'm saving, it's moving. It looks super cool. Close this, I'll turn off the gold and leave it on silver, which is all I want, as you can see there. We just made out two business card mockup, which looks super good. I can go ahead and play with the pencil as well, so I'm going to double-click that. Maybe this time I just want the icon. Maybe I just want my logo mark here, I'll go paste it, scale it down, put it roughly there, save it, and then we have my little logo mock there. I'll turn the gold off. Ensure the layer's on. We have a little logo. It looks pretty cool, it looks fresh. Looks so realistic. There we have it. Within just like 10 minutes, you can create great looking mockups and apply those principles. Just within 10 minutes you can see we've created this professional looking mockup. You can always go back, edit the colors, edit the texture, play around with it. If I want a more minimal I can just do it like that. I can jump the opacity of the texture if I want, if I want it a little bit more subtle, jump it to like 40 percent, so just keep subtle. There's so many possibilities, but overall it's going to make your work look professional. You can use it in your portfolio, but it's really going to be beneficial, especially when you're doing client work because you have to show the logo in a way they can visualize it. Say small format, whether it's on a packaging or on something small business card, and you want to do big format, so you want to show on billboards and big poster signs and all that cool stuff. There's so much things you can do, but it's all awesome. 5. How to Save High-Res mockup for presentation: Once you're happy with your final design and you've done your mockups in Photoshop. Obviously you're going to be doing multiple mockups on this one, but you want to have small format, you're going to have large format ones. We're going to save it in a format that's actually going to be easy to transport into Illustrator or InDesign because drag and drop it in like an image. What we're going to do is we're going to save as. So you can go to "file", "Save for Web". The [inaudible] , [inaudible] "shift control" as if you're on a Mac, you'll be "commanded" option. You get this window pop up. Because the sum of the mockups are very large, it might take a little bit, so you want to "Minus" the zoom. Just click on this little "Minus" button and it will just zoom out for you. You can see how the size of the document is 4.7 or 4.69 megabytes and it's a JPEG. When it got to the top right corner, we want to see, we don't want PNG, but we actually went JPEG. The quality, we want to keep it at 90, you can keep it around 80, 85. What that's going to do is make the file smaller. This is such a high resolution mockup, you actually not going to notice the detail loss. So you only got a notice that unless you zoom in like heaps, if I jump it to about 70, you can see how it gets a bit more blurry, bit more pixelated. That's okay. But it's going to drop down the size. So if you computer is lagging or you can't handle it, then you know you can put it down to 70. But you know anywhere around like 85 is good enough and the quality is still going to be there. So "Zoom Out" so you can see that it still looks really good. So we'll just leave that around 85. You want to take on optimized to the files, be bit more smaller. We can see our resolution is 5000 by 3000. So, it's a bit too big because you want to jump down the size. Because if we drag it into Illustrator, then what's going to happen is it's going to clog up your file and make the file bigger. So I usually jump at around maybe 40 percent and my document that I'm using is 1920 by 1080 in the presentation when I save it as a PDF. So this is close to that. It's arrive, it's be bigger because the bigger the large it is and we can scale it down. It's going to retain a lot of that detail. So that's cool. We're going to "Save as" save it in the folder. I'm just going to save it over that. Over the old one. What I'm going to do is go to Illustrator, you can see I've just got a fairly really basic just template. Then what I'm going do is I'm going to go to the folder and find the file. What I'm going to do is just "Drag and Drop" it into Illustrator. As you can see there, it's big. It looks really good to see that the details will there. I'm just going to scale it down. So I will go to the corners and just holding "Shift" and left-clicking and dragging, just holding it and just scaling it down. Drag it to the center. Then I'm going to hold "Alt and Shift" or "Option and Command" and "Scale" this one up like that. I'm just going to place it in center, roughly. It's okay if it goes over the apple, that's totally cool. You can place that feather of our mockup ride on our template, which is super cool. That's awesome. So we have that done and obviously you have multiple mockups but it's looking really good. What I can do now is actually go "File", "Save As", and I can click "Adobe PDF" safeguard the drop-down PDF will "Save all". Guess you can see that. What we want to do, because if you have a lot of mockups, the file is going to start to get really big. You don't want to send like 830 megabyte file to your client, especially that don't have good internet. So we want to make sure that we're using a preset that's going to be small enough up retaining the detail. So I've got a preset safety already. It's called "Digital". So because I'm not going to be printing this in a high-quality. That's okay. We want to set it up for digital so I can send it over an email sent to presenting it on Skype or whatever while talking to the walking into the client that can quickly download it. It'll be quick. So I'll go through these options. You've got general, you can see optimize for fast web is turned on. You can turn that the PDF after saving, you can turn it off if you want. They go to "Compression". As you can see, my compression, I put it to "Down sample". The "Compression" is on JPEG. Usually if you're printing, it's going to be, there's going to be like no compression. Usually it's like on "Zip" or it's on "None". The image quality is on "Maximum". I pretty much set up for the same for this one. Then this one down here, that one's zip because this is just for monochrome bitmap images, which we pretty much don't have any of that in the file. "Compress" text and lineup that stick down. Then maximum ablaze, apple, it's fine and everything else should be fine. So that's all sweet that can palatability at asleep on that on 6 because it should be standard. I'm going to go to "Save PDF". So now I can just open up the PDF and you can see the presentation's over there. With our mockup, you can see, they are high-quality mockup looks really good and you presenting. So your client can be like wow, which is super awesome. Now if I go back, I can go check the size of the document. The size is only actually two megabytes, as you can see in the bottleneck, which is super good, that means you can download it quickly when you send it in an email or whatever way you send it. That's how you save at your document. 6. Creating your own realistic mockup: Guys, this is my setup. You can take on my Sony A7 on my tripod and you can see what it looks like. Just very basic. Just using pencils and cup and just basic notepad. So you can see that's pretty cool, very simple. You want to try and keep everything straight. So I'm probably going to move my camera and make it just fully, completely straight on like that. The key is you don't have to use a camera. You can just use your phone or if you have a DSLR or whatever and try and hold it steady and be directly on top of your mockup because you want it to be like flat and straight, and so from a top I beds view, which is very important. So try it out. Just find some objects around your household. If you have any creative utensils or things like pencils or pens or whatever, and a notebook or something where you can pretend to put a logo on top of that. That will look well, do that. You can create a cool-looking mockup. Can you see? Just playing around. This one is more for a [inaudible] type of effect. Here I've got my camera once again. It's good to make sure that you have a white table because it's a lot easier, because you can add backgrounds and you can actually cut the objects out if you want to edit it and stuff. That makes it a bit more easier. But you know, you can play around using kitchen bench, use whatever you can find around your house. It's something really cool and fulfilling when you create your own mockup and put your logo on it. It's like wow, I created that. Just give me some tips. I want to take some more photos and then we're going to jump into Photoshop and I'm going to use these and see how it turns out. 7. Importing and editing your mockup: Once you have taken photos from your phone, or from your camera on the mock up that you created. Whether you took photos in your living room, or your desk, or wherever, doesn't matter. For me, I'm going to bring it into Bridge because it is the easiest to import, because I have got a DSLR. So I am going to; file, get photos from camera. I'm going to the device, and I'm going to select camera, or card reader. If you are in Bridge, and nothing pops up, you can just click refresh list, and it will refresh. Now you can see all these photos that I took of those mock-ups. I want to uncheck all, and I only want to select these photos that I took. Hold "Shift" to select them all. Now what I'm going to do, I'm going to find a folder, so camera import. It's the 25th of 119, and I'm going to say, Skillshare. So I just know where the photos are going to go. I have a main image here now ready to go. If you are using raw files, then you might get a pop-up with them; the filter, and you get camera filter. Do not worry about that. The photo can just be a JPEG or whatever it is from your phone, that's totally cool. We're in Photoshop now, and what I'm going to do is, go to the bottom right into the layers panel, click on the little circle, half circle there, and then we have all these adjustment layers. First off, I want to get a Levels, and just fix the level, so I'm going to drag the top slider in, and if the bottom one you dragging in you see the shadows get darker. We don't want that. We want sort of the mids and the grays. We don't want the shadows too harsh. So I'm going to bring the middle slider up a bit. Cool, so we have got that. I'm going to select the adjustment layer again, and I'm going to Brightness, and Contrast. You can see, increase the Contrast is more sharper with the shadows, and the whites, and if we decrease, it goes more subtle. I'm just going to decrease the Contrast a little bit. Now what I'm going to do, is actually go to color balance, so you can see that if you might have too much daylight, daylight is really good. Sometimes you might get some yellow or blue tints depending on the time of day, and what your lighting source is. If it's a artificial light, or not. So you can just adjust these, you got Shadows, Ringtones, and Highlights. If I just click on Highlights, and I will just go through here, and you can see if I wanted like a certain tone, then I can pop it is like blue, or whatever, or if I wanted like purply red. So I'm just going to adjust it slightly. The colors, or go to mid tones. So just slight adjustments, so you can see there was a bit muddy with the blues, so just adjusted it, and add a little bit of yellow, a little bit of red in there, looks a bit nicer. Obviously, you can add more, you can do curves. You can play around with the photo filters, and all that stuff. But we are just going to keep it simple, and easy. What I'm going to do, I want to copy this, it is a bit too much space on the left-hand side, so what I'm going to do, go to my left-hand side of my tool bar. You can click the Marquee Tool, the rectangular one, the shortcut key is M as well. I'm just going to drag out like that. So what I'm going to do is; I have my selection, I'm going to press "Control T," and now I can actually move the Mark key wherever I want. What I'm going do is just bring it in slightly like this, and I'm just going to go press "Enter," and then you go image Crop, and it should cut that image like that. 8. Adding a logo to your mockup: Now, what I'm going to do now is add my logo, so I'm going to go to Illustrator. You can see I've got my logo here. But what I'm going to do is I'm going to change it to black color. I'm going to select it, control C. Now I want to do is press control V. Make sure "Smart Object" is selected. Press "Okay". Now, I'm going to rotate it like that to fit the page. Scale it up a bit. This doesn't have to be perfect. I want to make it look as realistic as possible. We've added our logo and that looks cool. But you can see it's not really blended in with the paper there. What we're going to do, got your Layers panel on the right-hand side. What I'm going to do is double-click on the layer, not on the thumbnail, but on the actual layer. Double-click and you get these layer styles, you can always add Bevel. What we're going to do, I'm going to get my right-hand side onto the Layers panel. You can see my vector object. I can just double-click and rename it logo. First things first, what I'm going to do is go to my blending modes, this little drop-down menu above layers. You can see here, click that and we want to select Multiply. We also want to jump the opacity a little bit, so I'll put it in 90% like that. What I'm going to do now is actually create a vector mask, so I'm going to click this little square with this empty circle in the middle. Click that. This will create a vector mask. It pretty much means I can hide or show things whatever is on the layout. I'm going to select my brush. You can press "B" for the brush. If you press "Caps Lock Off", then you should see it. You can actually click on your brush settings and you can actually make the brush thicker like this, wider or thinner actually. You want the hardness to be on 0. What I'm going to do is make sure my color is set to black on my foreground here. What I'm going to do is to make sure my vector mask is selected. I click that. What I'm going to do because there's lighting hitting here, you can see that the logo, there should be a bit of light to make it realistic. What I'm going to do is click here, find the spot and then click, so it's sort of like it's fading with the paper there nicely. You want to make sure that your opacity is low, so you can see if my opacity is really high, it's going to get rid of a lot of the logo, but we don't want that. I'll go down to 20% and just click once, maybe twice, yeah, twice. You can see sort of like fading out a little bit there because it's like the light is hitting the paper. You can see how the paper also bends a little bit. If you want to even go even further, you can leave it at least for now, it looks pretty decent. You can also just do normal warping. You can see I've made a duplicate by pressing control J so I have another layer. What I'm going to do is right-click the layer, click "Rasterize Layer". What I'm going to do now, go to Edit at the top-left menu, press "Transform", and go to Warp. This pretty much allows us to warp this and see it moved it a bit. You can see the page sort of has a roundness to it. I can move these handlebars like this. It doesn't have to be perfect. You can just drag sections from here. I don't want to tilt too much, but you get the point. I press "Enter". You can see it's a bit warp there just to make it a little bit more realistic, so yeah. 9. Customising layouts and objects: Here's the second photo that I took using my camera and sometimes you may get objects that you don't want so we can actually cut it out using the Pen tool and customize it and create your own mockups using photos or images you find online. You can see, I've got my file here that I've opened up from Bridge, and it's just a raw file here, but you can bring in your JPEG, if it's from your phone, you can as bring the JPEG into Photoshop, as we can see here and what I'm going to do, we have a lady's panel on the right hand side. You can see the lock. We want to turn that lock off by left clicking on it and now we've got this image and you can see here we can duplicate it just in case we don't make a mistake or something, so you can go Control J or Command J. We can just go and mockup and the other layer we can just turn off the eye. What I'm going to do is I'm actually going to cut out this notebook, because for me the easiest item, and what I'm going to do is press "P" for the Pen tool. As you can see, you get the pen tool up and what we're going to do, we're going to start to trace around these object. I want to say this has to be exactly perfect but I'm scrolling out and scrolling up and down by holding Alt. Makes it super easy. You can hold Shift as well to make the line straight, but you can also holding the Left click, you can actually drag and move and you'll get a handle which will make the curves. You can also hold Optional O. Maybe I don't want this handle here. I can hold it. Left-click once, it will get rid of that handle so I can start fresh. Left-click on this and start again with the curves. That's pretty much I use the Pen tool in Photoshop, it works the same as you would in Illustrator. But once you've mastered that, you pretty much can do most things within here. Now we have our path as you can see here, it's going all around our notebook or whatever object you're using and what we want to do is turn this into a selection. I'm going to get on my path panel on the right-hand side. It's like right next my layers. I'll go to Window and go to paths, if you don't have it on your toolbar and that should open it up and you can see, I haven't clicked anywhere else is see the selection, the path is still there. But what I'm going to do on this path layer here, you can see it has Work Path and you see the little thumbnail. What we want to do is holding Control, or if you're on a Mac, it's command and we're going to Left-click once. You can see when I hold Control that my mouse changes, you get a little square there. I want to Left-click once. It's going to turn the path into, they call it the marching ants because you can see it's moving, but it's pretty much a selection. It turns in towards selection. We get back to our layer panel and what I'm going to do, go to the bottom right-hand corner and click on this rectangle with the empty circle and that's called a Layer mask, I'm going to click that. And pretty much what it's done is masks everything out and it only has the notebook selected now. What we want to do now is we want to convert these to a smart object. Smart object is good because then we can scale it up and down and it wont lose its quality, it will stay as you've created it. It's good to take photos in the maximum quality you can, use the phone that has a decent camera, but if not, then you can play around with what you have. I've got this layer panel. I'm going to right-click on the Layer panel. Try to on this little gray area, right-click. We're going to go convert to smart object. Now you can see it's pretty much deleted everything in the background that was from the original so all this stuff around is deleted it. I'll turn that bottom layout off. Now it's just pretty much flattened it and now we have a smart object of just the notebook now. Now, if I can press "Control, T" which is transform, I can scale up the object, I can move it around the way I want it, If I want to make like a collage or something like that, or like a hero banner or something called like that. You can see that I can edit it, which is amazing. But what I want to do now is I'm going to add a background. We can just stay in this document you don't have to transfer it to another document. I'm going to delete the bottom layout, so we just have this mockup. Just going to select it. I'll move it back because at the moment it's not looking realistic. We have the notebook, which is a real notebook that we took but now we're going to make it look nice into a mockup that we can use. I've got the notebook there. What I'm going to do now is I'm going to go into some photos that I've taken from one of my products called the Rustic Logo Scene Creator, which is pretty cool. I'm going to go inside of it. I'm going to get to my ground textures and while I use one of these textures that I've used, I'll just bump up a view. You can see I've got all these cool texture here, I've got some wood, some concrete, some interesting stuff. I'm probably going to go for these plastic. That rook well looks good too. I'll just go for the rock wall, I'm going to click and drag that in. Press "Enter" See that nice texture that I'd taken. I'm going to drag the layout to the bottom. As you can see, this here now, the notebook is on top. What I'm going to do is press "Control T" or "Command T" so I can scale this notebook, the way I want it. What I'm going to do, I'm going to add a color, fill over my backdrop because it's too harsh right now. So I'm going to go to click this little circle, this half circle there and then I'm going to go to solid color. I can play around with the colors. Maybe you don't like brown or something or gold. Press "Okay" I'm going to change these to multiply, as you can see that and I can drag down the opacity so it's not too harsh. I can also play around. You can do overlay. I'll just go scroll through these blending mode so you can see what it looks like. Usually, I tend to just to do multiply. That's nice. Make sure turn that on. I jump into about 50 percent. That's cool. I'm going to scale this back in the middle just like that. Now, what we want to do, we want to make it at a shadow. What I can do now is I'm going to go to my layer. I'm going to double-click on the Layer of my notebook here. What I'm going to do is I'm going to go to drop shadows on the bottom. What we want to do, you can see, you can play around with all these options maybe most of you know how to work with the drop shadow, but if you haven't, I'll try and just show you what you can do. You've got the opacity here. I tend to not have it too high. You can do the distance which extends the shadow so you can see the shadow is coming here in the notebook. You go distance increases the distance away from the object. I've got spread so it adds a stroke on top of that, spreads it out a bit. You've also got size; and what size does it pretty much feathers it out so it makes it more smooth and that's what we want, we don't want a harsh shadow depending on the look you're going for or depending on the project, but usually a shadow is diffused, it has a diffused glow to it's not like very harsh unless it's like the Sun is directly above it or on the side and heating it in the middle of the day, that's when you have harsh shadows but if it's not in a realistic environment, you don't have to harsh so we'll make it soft. I've got 49 pixels, the distance, or make it too much, maybe 15 pixels. You can see I can make it really dark but that doesn't look too realistic so we just go about 50 percent looks all right. It should be over down, and pretty much that it. I press "Okay" now we have a shadow and it looks like it's on that tech shop. I can scale it, I can move it around, I can make it really big if I want. Like this, so many possibilities, it's amazing and this is how you pretty much manipulate to create your own mockups like that. You can see now, as I'm rotating it, you can see how the shadow is still on this side so depending on where your lighting is, if it's coming from the top left or the right or the bottom wherever, you have to adjust the shadows. I'll go back into the shadow and I'll change the angle. You see how the angle here, make sure you've selected drop shadow. I would change the angle and it's going to flip it to the other side so roughly, 120-ish is good. You can see the shadow now. Now, it's on the other side where I want it. That's pretty awesome. That's how you manipulate, you can edit, and I'll just want to show you a couple of examples from my product that I've used. You can see here, I've got some premade scenes that I've done and I've got all of these different objects, which I'll just show you in a second objects. You can see, I've cut out all these different objects that I can go ahead and use. I created this product last year and I took some photos from my grandma's shed. She had all these old rustic stuff, and you can see all these cool things that we can use. I've got an adjustment layer so you can see how it looked and then I adjusted the colors used in a color balance, brightness, contrast, photo filters so you can see the major difference there. Then I literally cut out all those objects with the Pen tool and then what I can do now is I can literally, whatever object I want, I can select it and then I can pretty much drag these photo, all these layer going into this scene I want and drop it in. Make sure I'm going to select the whole layer, not just the shadow. You can see it's got the item then the shadow. I'll scale this down and within minutes we can have our own cool little rustic scene, and obviously, you have to add some adjustments and stuff but that's pretty cool, but you guys get the point there. Looks super cool. Back to the premade scenes, you can see I've made some scenes and you can see these objects are all separate objects, like that. This is so powerful because you can create your own mockups, you don't have to buy stuff if you don't want. It's a lot fun, you have more creative control. You can just play around experiment and you can create for certain projects that you need, set and look. You can create your own mockups or you could just throw in your logo. 10. Learn More: Thank you so much for joining the class. I would really love it if you guys could follow me. You'll get updates on new classes that are coming up. As you can see here, you just click the "Follow" button up the top left corner. Once you've watched a few videos, you can then review the class and that will really help me out so I can improve and make the classes a lot more valuable and beneficial for you guys. You click on the review tab down here, and you'll see a little button that says "Leave Review" on the right-hand side. You click "Leave Review". You'll get some prompts and it's really simple to review. You can just click on it. The classmate meet your expectations, you can put the level of experience you suggest, as well as what you liked about the class and what could improve. You can just select these little bars here. Also you can leave a comment down the bottom here. That will really help me out. Give some constructive feedback. I will really appreciate that. Thank you guys for watching. I look forward to seeing you guys in some more of my other classes.