title
Creating Adobe Photoshop Templates for Mockups (Full Process!)

description
Download the template & resource files here: https://s3.amazonaws.com/coursetro/shirt-template.zip -- In this tutorial, I'm going to show you how to create those snazzy mockups for Adobe Photoshop that people use to showcase their artwork. In this case, I will show you how to create a t-shirt mockup with smart object layers, but this process is applicable to any medium, including office stationary, coffee mugs; whatever you want! https://coursetro.com - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS weekly! My site: https://designcourse.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Coursetro.com. Come to my discord server or add me on social media and say Hi!

detail
{'title': 'Creating Adobe Photoshop Templates for Mockups (Full Process!)', 'heatmap': [{'end': 796.065, 'start': 750.917, 'weight': 0.928}, {'end': 902.707, 'start': 863.439, 'weight': 0.834}], 'summary': 'Covers creating a t-shirt mockup template in photoshop, setting up a white long sleeve shirt for a photoshoot, cutting out objects and selection techniques, fabric artwork enhancement, and enhancing t-shirt imagery, offering insights and techniques for potential business opportunities and realistic effects.', 'chapters': [{'end': 281.376, 'segs': [{'end': 35.158, 'src': 'embed', 'start': 14.366, 'weight': 0, 'content': [{'end': 25.551, 'text': 'And some of you expressed interest in learning how to create your own mockup templates in Photoshop so that you can potentially make money selling them or offering them for free in exchange for an email whatever.', 'start': 14.366, 'duration': 11.185}, {'end': 28.213, 'text': "there's a lot of ways to actually make a business out of it.", 'start': 25.551, 'duration': 2.662}, {'end': 35.158, 'text': "um so what i'm going to do is show you how to make this t-shirt mock-up template where people can open it up in photoshop real quickly,", 'start': 28.213, 'duration': 6.945}], 'summary': 'Learn to create t-shirt mockup templates in photoshop for potential profit.', 'duration': 20.792, 'max_score': 14.366, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi014366.jpg'}, {'end': 142.534, 'src': 'embed', 'start': 89.658, 'weight': 2, 'content': [{'end': 97.442, 'text': 'You could probably even get away with these days using your smartphone if you have one of the newer ones with the 4K resolution and all that stuff.', 'start': 89.658, 'duration': 7.784}, {'end': 101.283, 'text': "So I'm going to real quickly show you using this camera.", 'start': 97.482, 'duration': 3.801}, {'end': 105.165, 'text': "I'm gonna record myself talking about laying this.", 'start': 101.283, 'duration': 3.882}, {'end': 106.886, 'text': 'what do you call this??', 'start': 105.165, 'duration': 1.721}, {'end': 111.628, 'text': "This shirt right here on my messy floor, and we're gonna take a picture and then we'll edit it.", 'start': 106.906, 'duration': 4.722}, {'end': 115.251, 'text': "All right, so make sure you subscribe here if you haven't yet, and let's get started.", 'start': 112.068, 'duration': 3.183}, {'end': 120.036, 'text': "All right, guys, what's up? So here's this shirt that I have.", 'start': 115.271, 'duration': 4.765}, {'end': 125.982, 'text': "It's just a white long sleeve shirt with an interesting material on it.", 'start': 120.056, 'duration': 5.926}, {'end': 127.303, 'text': 'Let me get up close.', 'start': 126.382, 'duration': 0.921}, {'end': 128.404, 'text': 'Maybe you can see.', 'start': 127.363, 'duration': 1.041}, {'end': 131.982, 'text': 'Yeah, there we go.', 'start': 131.201, 'duration': 0.781}, {'end': 136.467, 'text': "So I've just laid it out here on my kind of messy floor.", 'start': 133.103, 'duration': 3.364}, {'end': 142.534, 'text': 'And basically the goal here is to get it set up properly.', 'start': 136.487, 'duration': 6.047}], 'summary': 'Demonstrating smartphone camera usage for high-resolution recording and editing.', 'duration': 52.876, 'max_score': 89.658, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi089658.jpg'}, {'end': 230.497, 'src': 'embed', 'start': 197.715, 'weight': 4, 'content': [{'end': 198.596, 'text': "All right, so let's do that.", 'start': 197.715, 'duration': 0.881}, {'end': 202.861, 'text': 'All right, so I snapped like 13 different photos.', 'start': 199.619, 'duration': 3.242}, {'end': 208.545, 'text': "Now I'm going to, we're going to take a look at all of them to identify the one that we want to use most.", 'start': 203.101, 'duration': 5.444}, {'end': 213.589, 'text': 'So here we are, we have this, I did like a perspective one on a few of them.', 'start': 209.006, 'duration': 4.583}, {'end': 215.71, 'text': "Let's go ahead.", 'start': 215.11, 'duration': 0.6}, {'end': 217.812, 'text': "That was one.jpg or here's two.", 'start': 215.87, 'duration': 1.942}, {'end': 219.893, 'text': "Here's the second one, which is kind of just like a forward one.", 'start': 217.872, 'duration': 2.021}, {'end': 221.835, 'text': "And I'm just looking at the shadows.", 'start': 220.314, 'duration': 1.521}, {'end': 223.452, 'text': 'Get out of there.', 'start': 223.032, 'duration': 0.42}, {'end': 224.013, 'text': 'There we go.', 'start': 223.612, 'duration': 0.401}, {'end': 230.497, 'text': "Just looking at the shadows and just how, you know, if I see one that really sticks out to me that I like, you know, I'll choose it.", 'start': 224.793, 'duration': 5.704}], 'summary': 'Captured 13 photos, comparing for the best one.', 'duration': 32.782, 'max_score': 197.715, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0197715.jpg'}, {'end': 285.319, 'src': 'embed', 'start': 260.898, 'weight': 5, 'content': [{'end': 268.806, 'text': "and it has this kind of big crease right here and that's going to allow us to do some cool stuff to the smart object layer with the liquify tool,", 'start': 260.898, 'duration': 7.908}, {'end': 269.567, 'text': "and you'll see how that works.", 'start': 268.806, 'duration': 0.761}, {'end': 271.148, 'text': "So that's the one we're going to use.", 'start': 269.967, 'duration': 1.181}, {'end': 274.851, 'text': "I'm going to make these available for you to use as well.", 'start': 272.249, 'duration': 2.602}, {'end': 277.653, 'text': 'So you guys can follow right along.', 'start': 275.852, 'duration': 1.801}, {'end': 279.174, 'text': 'Just look at the description here on YouTube.', 'start': 277.673, 'duration': 1.501}, {'end': 281.376, 'text': "So here's to our 10.jpg.", 'start': 279.495, 'duration': 1.881}, {'end': 285.319, 'text': 'And this is for this next step.', 'start': 282.237, 'duration': 3.082}], 'summary': 'Demonstrating use of liquify tool on smart object layer for 10.jpg.', 'duration': 24.421, 'max_score': 260.898, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0260898.jpg'}], 'start': 2.722, 'title': 'Creating t-shirt mockup template and shirt photoshoot setup', 'summary': 'Discusses creating a t-shirt mockup template in photoshop, highlighting potential business opportunities and the accessibility of the process. it also illustrates setting up a white long sleeve shirt for a photoshoot, capturing 13 photos and selecting one for further editing in photoshop.', 'chapters': [{'end': 111.628, 'start': 2.722, 'title': 'Creating t-shirt mockup template', 'summary': 'Discusses creating a t-shirt mockup template in photoshop, providing insight into potential business opportunities and showcasing the process using a camera, emphasizing the accessibility of the process even with a smartphone.', 'duration': 108.906, 'highlights': ['The process of creating a t-shirt mockup template in Photoshop is explained, highlighting the potential for selling or offering them for free, creating business opportunities. The chapter discusses creating a t-shirt mockup template in Photoshop, providing insight into potential business opportunities.', 'The accessibility of creating mockup templates is emphasized, as it can be replicated for various other mediums such as office stationery, identity mockup templates, poster boxes, and coffee mugs. The process can be replicated for different mediums, expanding the potential business opportunities and customization options.', 'The demonstration of the process is conducted using a Panasonic Lumix G7 camera, with the presenter mentioning the affordability of the equipment, suggesting the possibility of using a smartphone with 4K resolution for the same purpose. The accessibility of the process is emphasized, as it can be demonstrated using an affordable camera or even a smartphone with 4K resolution.']}, {'end': 281.376, 'start': 112.068, 'title': 'Shirt photoshoot setup', 'summary': 'Illustrates the process of setting up a white long sleeve shirt for a photoshoot, taking 13 photos and selecting one for further editing in photoshop.', 'duration': 169.308, 'highlights': ['The goal is to set up the white long sleeve shirt properly for a photoshoot, ensuring it appears authentic and realistic.', 'Took 13 different photos during the photoshoot to select the most suitable one for further editing in Photoshop.', 'The selected photo, 10.jpg, with a big crease, will be used for editing with the liquify tool in Photoshop.']}], 'duration': 278.654, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi02722.jpg', 'highlights': ['The process of creating a t-shirt mockup template in Photoshop highlights potential business opportunities.', 'The accessibility of creating mockup templates can be replicated for various other mediums, expanding potential business opportunities.', 'The process can be demonstrated using an affordable camera or even a smartphone with 4K resolution.', 'The goal is to set up the white long sleeve shirt properly for a photoshoot, ensuring it appears authentic and realistic.', 'Took 13 different photos during the photoshoot to select the most suitable one for further editing in Photoshop.', 'The selected photo, 10.jpg, with a big crease, will be used for editing with the liquify tool in Photoshop.']}, {'end': 583.692, 'segs': [{'end': 337.44, 'src': 'embed', 'start': 309.912, 'weight': 0, 'content': [{'end': 317.635, 'text': "if you're taking a picture whether it be a t-shirt like we did or a coffee mug or whatever use a higher contrast background.", 'start': 309.912, 'duration': 7.723}, {'end': 322.237, 'text': 'It makes your life easier when it comes to cutting stuff out of the background.', 'start': 318.395, 'duration': 3.842}, {'end': 330.939, 'text': "So what we're going to do is a good candidate or a good tool for cutting this out because this background isn't completely flat.", 'start': 322.777, 'duration': 8.162}, {'end': 337.44, 'text': "If we try to take the quick selection tool or the magic wand tool rather, that's going to happen.", 'start': 330.979, 'duration': 6.461}], 'summary': 'Use higher contrast backgrounds for easier object cutting in photos.', 'duration': 27.528, 'max_score': 309.912, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0309912.jpg'}, {'end': 378.651, 'src': 'embed', 'start': 349.684, 'weight': 1, 'content': [{'end': 355.108, 'text': 'So to get started, make sure first that you have everything in view that you want to cut out.', 'start': 349.684, 'duration': 5.424}, {'end': 362.434, 'text': "Make sure you're not in this type of situation because moving around with this magnetic lasso tool as I just discovered is a pain.", 'start': 355.489, 'duration': 6.945}, {'end': 364.055, 'text': 'I had to restart the damn video.', 'start': 362.534, 'duration': 1.521}, {'end': 372.041, 'text': 'So you just left click and you go along the edge as close as you can within reason, but you can go pretty quick.', 'start': 364.355, 'duration': 7.686}, {'end': 378.651, 'text': 'And it does a pretty good job of automatically adding what look to be anchor points,', 'start': 373.408, 'duration': 5.243}], 'summary': 'Using the magnetic lasso tool for cutting out objects in a video, which allows for quick and efficient selection around the edge of the object.', 'duration': 28.967, 'max_score': 349.684, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0349684.jpg'}, {'end': 477.971, 'src': 'embed', 'start': 419.834, 'weight': 2, 'content': [{'end': 431.643, 'text': 'So what we can do now is if we come right down here at the very bottom, we can create like a solid color out of this section.', 'start': 419.834, 'duration': 11.809}, {'end': 433.486, 'text': "Well, we don't really want to do that.", 'start': 431.663, 'duration': 1.823}, {'end': 435.849, 'text': 'We kind of want to invert this instead.', 'start': 433.526, 'duration': 2.323}, {'end': 448.416, 'text': "So what we can do, by the way, let's get rid of that instead is hit control shift and I, that will invert the selection.", 'start': 436.55, 'duration': 11.866}, {'end': 453.54, 'text': 'You can also access that up here from select and inverse.', 'start': 449.557, 'duration': 3.983}, {'end': 455.662, 'text': "That's the same thing, control shift I.", 'start': 453.56, 'duration': 2.102}, {'end': 460.145, 'text': 'Then you can go ahead and do that same thing to create a solid color background.', 'start': 455.662, 'duration': 4.483}, {'end': 466.35, 'text': 'All right, so now this gives you the option of easily changing the background color.', 'start': 460.165, 'duration': 6.185}, {'end': 471.514, 'text': "So I'm gonna leave it right around this just very desaturated mid blue right there.", 'start': 466.991, 'duration': 4.523}, {'end': 474.721, 'text': "Of course, this isn't perfect.", 'start': 473.537, 'duration': 1.184}, {'end': 477.971, 'text': 'For instance, we need this little section down here cut out.', 'start': 475.704, 'duration': 2.267}], 'summary': 'Demonstrating how to invert selection and create a solid color background in a design tool.', 'duration': 58.137, 'max_score': 419.834, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0419834.jpg'}, {'end': 530.781, 'src': 'embed', 'start': 501.166, 'weight': 3, 'content': [{'end': 503.888, 'text': 'All right, so you could do that through any number of ways.', 'start': 501.166, 'duration': 2.722}, {'end': 504.728, 'text': 'You could take a.', 'start': 503.928, 'duration': 0.8}, {'end': 507.27, 'text': 'you know, a brush tool.', 'start': 505.609, 'duration': 1.661}, {'end': 512.993, 'text': 'And notice, even though we have white selected as the foreground, which is what you definitely want to do.', 'start': 508.19, 'duration': 4.803}, {'end': 515.974, 'text': "you'll see, we're seeing the background still and not the actual color of white.", 'start': 512.993, 'duration': 2.981}, {'end': 518.595, 'text': 'And you have to make sure you have this selected over here, this mask.', 'start': 516.014, 'duration': 2.581}, {'end': 528.32, 'text': 'But a better way of doing this would be to either use that magnetic lasso tool to create a selection out of it,', 'start': 519.456, 'duration': 8.864}, {'end': 530.781, 'text': 'or just use like a pen tool in path mode.', 'start': 528.32, 'duration': 2.461}], 'summary': 'Using the pen tool or magnetic lasso tool to create selections can improve accuracy in editing.', 'duration': 29.615, 'max_score': 501.166, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0501166.jpg'}], 'start': 282.237, 'title': 'Photoshop: cutting out objects and selection & masking', 'summary': 'Demonstrates cutting out objects from backgrounds in photoshop, emphasizing higher contrast backgrounds and recommending the magnetic lasso tool. it also discusses creating selections using the pen tool, inverting them, and using masks and tools for easy background changes.', 'chapters': [{'end': 372.041, 'start': 282.237, 'title': 'Photoshop: cutting out objects', 'summary': 'Demonstrates how to cut out an object from a background in photoshop, emphasizing the importance of using a higher contrast background for easier isolation and recommending the use of the magnetic lasso tool for objects with distinct edges.', 'duration': 89.804, 'highlights': ['The importance of using a higher contrast background for easier cutting out of objects in Photoshop.', 'Recommendation of using the magnetic lasso tool for cutting out objects with distinct edges.']}, {'end': 583.692, 'start': 373.408, 'title': 'Photoshop selection and masking', 'summary': 'Discusses the process of creating a selection using the pen tool and inverting it, then utilizing masks and different tools to refine the selection, enabling easy background color changes in photoshop.', 'duration': 210.284, 'highlights': ['The process of creating a selection using the pen tool and inverting it The chapter explains the process of creating a selection using the pen tool and inverting it to automatically create a selection out of an object in Photoshop.', 'Utilizing masks and different tools to refine the selection It discusses the use of masks and various tools like the brush tool, magnetic lasso tool, and pen tool to refine the selection and control visibility in Photoshop.', 'Enabling easy background color changes in Photoshop The chapter demonstrates how to enable easy background color changes by creating a solid color background and using masks to allow for quick adjustments in Photoshop.']}], 'duration': 301.455, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0282237.jpg', 'highlights': ['The importance of using a higher contrast background for easier cutting out of objects in Photoshop.', 'Recommendation of using the magnetic lasso tool for cutting out objects with distinct edges.', 'The process of creating a selection using the pen tool and inverting it to automatically create a selection out of an object in Photoshop.', 'Utilizing masks and various tools like the brush tool, magnetic lasso tool, and pen tool to refine the selection and control visibility in Photoshop.', 'Enabling easy background color changes by creating a solid color background and using masks to allow for quick adjustments in Photoshop.']}, {'end': 919.546, 'segs': [{'end': 640.917, 'src': 'embed', 'start': 612.811, 'weight': 0, 'content': [{'end': 617.818, 'text': 'What we need to do is go to select and modify and we want to contract it.', 'start': 612.811, 'duration': 5.007}, {'end': 620.903, 'text': 'So this is going to shrink it inwards.', 'start': 618.98, 'duration': 1.923}, {'end': 624.363, 'text': "And we'll save by three pixels or so.", 'start': 622.741, 'duration': 1.622}, {'end': 627.546, 'text': "We don't want to do, if it's just one pixel, it won't get everything.", 'start': 624.443, 'duration': 3.103}, {'end': 630.969, 'text': 'Three pixels should get all of the black stuff, almost all of it out.', 'start': 627.866, 'duration': 3.103}, {'end': 632.45, 'text': "So we'll hit okay.", 'start': 631.469, 'duration': 0.981}, {'end': 635.192, 'text': 'And then now we can see that it shrunk in.', 'start': 633.211, 'duration': 1.981}, {'end': 640.917, 'text': "So if I zoom up, it's going to cut off some of this part, but not enough to where it's noticeable.", 'start': 635.773, 'duration': 5.144}], 'summary': 'Contract and shrink selected area by three pixels to remove most of the black stuff.', 'duration': 28.106, 'max_score': 612.811, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0612811.jpg'}, {'end': 729.673, 'src': 'embed', 'start': 690.009, 'weight': 1, 'content': [{'end': 693.191, 'text': 'All right, so people know if they want to change the background of the shirt, they can.', 'start': 690.009, 'duration': 3.182}, {'end': 697.834, 'text': "Let's also go ahead and let's do the main fun part,", 'start': 694.232, 'duration': 3.602}, {'end': 704.278, 'text': 'which is going to be creating the smart object and actually getting a logo in here and making adjustments for it to look realistic.', 'start': 697.834, 'duration': 6.444}, {'end': 716.065, 'text': 'So the first thing we want to do is kind of define, okay, what portion of this shirt or how large do we want them to be able to place in a logo.', 'start': 704.858, 'duration': 11.207}, {'end': 719.867, 'text': 'So this part really requires.', 'start': 716.505, 'duration': 3.362}, {'end': 726.171, 'text': "if you're doing this for a really specific purpose, where you're showing a client what their design looks like on a shirt,", 'start': 719.867, 'duration': 6.304}, {'end': 729.673, 'text': "then it's really important that you know who the printers are.", 'start': 726.171, 'duration': 3.502}], 'summary': "Instructions on creating a realistic logo on a shirt, considering client's needs and printer specifications.", 'duration': 39.664, 'max_score': 690.009, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0690009.jpg'}, {'end': 796.065, 'src': 'heatmap', 'start': 750.917, 'weight': 0.928, 'content': [{'end': 757.703, 'text': "So what I'll do is take the rectangle tool And left-click and drag just an area that I'm eyeballing,", 'start': 750.917, 'duration': 6.786}, {'end': 763.307, 'text': 'that I think it would be okay to have an actual design.', 'start': 757.703, 'duration': 5.604}, {'end': 766.569, 'text': "Now, of course, at this point, it's obviously not in line.", 'start': 763.747, 'duration': 2.822}, {'end': 768.99, 'text': "It's not rotated yet, but we don't want it to be rotated.", 'start': 766.629, 'duration': 2.361}, {'end': 775.915, 'text': "What we're going to do at this point is right-click, and we're going to convert to a smart object.", 'start': 769.05, 'duration': 6.865}, {'end': 777.856, 'text': 'All right, right there.', 'start': 776.975, 'duration': 0.881}, {'end': 779.237, 'text': 'All right.', 'start': 777.876, 'duration': 1.361}, {'end': 785.921, 'text': "so now it's a smart object, which means, if we double-click on it, We now have access to this area,", 'start': 779.237, 'duration': 6.684}, {'end': 790.503, 'text': 'where this is where the artwork would actually be placed.', 'start': 785.921, 'duration': 4.582}, {'end': 792.324, 'text': "But I'm not going to do that just yet.", 'start': 791.023, 'duration': 1.301}, {'end': 796.065, 'text': "I'm just going to control T now and rotate it.", 'start': 792.444, 'duration': 3.621}], 'summary': 'Using the rectangle tool, create a smart object and rotate the design.', 'duration': 45.148, 'max_score': 750.917, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0750917.jpg'}, {'end': 902.707, 'src': 'heatmap', 'start': 863.439, 'weight': 0.834, 'content': [{'end': 865.6, 'text': "By the way, let's go put your artwork here.", 'start': 863.439, 'duration': 2.161}, {'end': 877.526, 'text': "here. just double click to rename that, we'll get there and then we'll go ahead and i'm going to place in a logo that i i just found on google images here.", 'start': 866.92, 'duration': 10.606}, {'end': 884.13, 'text': "now what i'm going to need to do is right click here, because when you drag in something from your desktop or from somewhere else in the computer,", 'start': 877.526, 'duration': 6.604}, {'end': 887.332, 'text': "it's going to automatically create a smart object out of it.", 'start': 884.13, 'duration': 3.202}, {'end': 890.074, 'text': "so we're just going to rasterize the layer first.", 'start': 887.332, 'duration': 2.742}, {'end': 896.153, 'text': "that'll allow me to get rid of this background that was part of it, And then I'm also going to hide this rectangle one.", 'start': 890.074, 'duration': 6.079}, {'end': 902.707, 'text': "So now we just have a fully transparent area with a logo and we're going to hit save control S and there we go.", 'start': 896.334, 'duration': 6.373}], 'summary': 'Editing and placing artwork, including logo, explained, resulting in transparent image. saved successfully.', 'duration': 39.268, 'max_score': 863.439, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0863439.jpg'}], 'start': 584.332, 'title': 'Photoshop techniques and shirt mockup creation', 'summary': 'Covers photoshop selection and modification techniques including inverting, contracting, and filling selections, as well as creating a realistic shirt mockup with background gradient, logo placement, smart object conversion, and logo adjustment for a realistic appearance.', 'chapters': [{'end': 661.844, 'start': 584.332, 'title': 'Photoshop: selecting and modifying elements', 'summary': 'Explains how to create a selection, invert it, contract it, and fill it with white in photoshop, allowing precise control over the selected area, such as shrinking it by three pixels for better results.', 'duration': 77.512, 'highlights': ['The process involves creating a selection, inverting it, and then contracting it by three pixels to ensure the accurate selection of the desired area.', 'The selection is modified by contracting it inwards by three pixels to remove the black stuff, providing better control over the selected area.', 'Inverting the selection and using the paint bucket tool with white color selected helps in filling the modified selection with white for desired effects.']}, {'end': 919.546, 'start': 661.884, 'title': 'Creating realistic shirt mockup', 'summary': 'Covers creating a realistic shirt mockup by adding a background gradient, defining the logo placement area, converting it to a smart object, rotating and distorting the logo for a realistic look, and placing and adjusting a logo to make it look like a part of the shirt.', 'duration': 257.662, 'highlights': ['Converting the logo to a smart object allows access to the area where the artwork would be placed and enables rotation and distortion for a realistic look.', 'Defining the logo placement area is important for accurate representation, especially when showing a client what their design looks like on a shirt.', 'Adding a background gradient and making adjustments for the logo to look realistic are key steps in creating a realistic shirt mockup.', 'Placing and adjusting a logo to make it look like a part of the shirt is crucial for a realistic presentation.']}], 'duration': 335.214, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0584332.jpg', 'highlights': ['Creating a selection, inverting it, and contracting it by three pixels for accurate selection.', 'Converting the logo to a smart object enables rotation and distortion for a realistic look.', 'Adding a background gradient and making adjustments for a realistic shirt mockup.', 'Placing and adjusting a logo to make it look like a part of the shirt is crucial.']}, {'end': 1479.405, 'segs': [{'end': 972.966, 'src': 'embed', 'start': 920.006, 'weight': 3, 'content': [{'end': 924.251, 'text': 'Normally with this type of fabric, you would see the actual fabric as well.', 'start': 920.006, 'duration': 4.245}, {'end': 927.133, 'text': 'And the way we can do that is through blend modes.', 'start': 925.031, 'duration': 2.102}, {'end': 937.64, 'text': 'So with your artwork here selected, we can select it, use the keyboard down arrow key, and start going through these.', 'start': 927.333, 'duration': 10.307}, {'end': 943.084, 'text': 'And the very first one that I noticed that looks like it makes the most sense is multiply.', 'start': 937.82, 'duration': 5.264}, {'end': 950.69, 'text': "Because we can see just enough of that fabric to where it's believable, but still see most of the logo and the original color.", 'start': 943.645, 'duration': 7.045}, {'end': 952.391, 'text': "So I'm going to leave it on multiply.", 'start': 950.75, 'duration': 1.641}, {'end': 959.438, 'text': 'Now, because there are folds in this.', 'start': 954.995, 'duration': 4.443}, {'end': 964.941, 'text': 'we want the actual logo to look as though it actually has folds in it right?', 'start': 959.438, 'duration': 5.503}, {'end': 972.966, 'text': 'And so the way we can do this in a non-destructive manner because this is a smart object, not a rastered layer is.', 'start': 965.762, 'duration': 7.204}], 'summary': 'Using blend modes like multiply to show fabric texture while preserving logo visibility and creating a non-destructive effect.', 'duration': 52.96, 'max_score': 920.006, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0920006.jpg'}, {'end': 1067.174, 'src': 'embed', 'start': 1030.242, 'weight': 2, 'content': [{'end': 1032.786, 'text': 'a pucker tool and a bloat tool.', 'start': 1030.242, 'duration': 2.544}, {'end': 1040.032, 'text': 'For us, it makes sense to probably use the forward warp tool.', 'start': 1034.047, 'duration': 5.985}, {'end': 1048.089, 'text': 'And the way this works is if I click on this, we could see that it starts to affect the image here quite a bit.', 'start': 1040.573, 'duration': 7.516}, {'end': 1055.491, 'text': "So we can see right here, this is big sort of crease that's going on.", 'start': 1048.99, 'duration': 6.501}, {'end': 1062.593, 'text': "So let's go ahead and we'll take the size down to match this a little bit more, maybe up.", 'start': 1055.591, 'duration': 7.002}, {'end': 1067.174, 'text': 'Take the density down.', 'start': 1065.954, 'duration': 1.22}], 'summary': 'Using forward warp tool to adjust image, reducing size and density.', 'duration': 36.932, 'max_score': 1030.242, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi01030242.jpg'}, {'end': 1235.159, 'src': 'embed', 'start': 1188.737, 'weight': 5, 'content': [{'end': 1189.457, 'text': 'All right, awesome.', 'start': 1188.737, 'duration': 0.72}, {'end': 1197.421, 'text': "So now we can even see that if we go back to our smart object, let's try putting in an entirely different logo here.", 'start': 1189.517, 'duration': 7.904}, {'end': 1201.302, 'text': "So let's go ahead and I'm going to drag in a different one.", 'start': 1197.581, 'duration': 3.721}, {'end': 1203.763, 'text': 'All right.', 'start': 1201.322, 'duration': 2.441}, {'end': 1205.504, 'text': 'Get rid of this.', 'start': 1204.884, 'duration': 0.62}, {'end': 1208.746, 'text': 'Right click rasterize.', 'start': 1207.525, 'duration': 1.221}, {'end': 1210.126, 'text': "I'm going to get rid of that white part.", 'start': 1208.766, 'duration': 1.36}, {'end': 1214.808, 'text': "Although because we have it on multiply, you're not going to see the white part anyhow.", 'start': 1210.846, 'duration': 3.962}, {'end': 1215.729, 'text': "So let's save this.", 'start': 1214.828, 'duration': 0.901}, {'end': 1217.796, 'text': 'Yeah, there you go.', 'start': 1217.291, 'duration': 0.505}, {'end': 1221.149, 'text': 'And it looks fairly realistic.', 'start': 1219.008, 'duration': 2.141}, {'end': 1228.875, 'text': "Now, because this part was bigger and it came out to the side more as opposed to this one, notice how it's in a little bit more.", 'start': 1222.37, 'duration': 6.505}, {'end': 1232.877, 'text': "I didn't use that liquify part.", 'start': 1228.895, 'duration': 3.982}, {'end': 1235.159, 'text': "So this liquify, it's non-destructive.", 'start': 1232.937, 'duration': 2.222}], 'summary': 'Demonstrating logo replacement and image manipulation using smart objects and liquify tool in photoshop.', 'duration': 46.422, 'max_score': 1188.737, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi01188737.jpg'}, {'end': 1303.993, 'src': 'embed', 'start': 1269.911, 'weight': 0, 'content': [{'end': 1270.892, 'text': "We're not done yet though.", 'start': 1269.911, 'duration': 0.981}, {'end': 1277.337, 'text': 'Some tattoo logo thing here.', 'start': 1275.055, 'duration': 2.282}, {'end': 1280.325, 'text': "I'll just hit save.", 'start': 1279.505, 'duration': 0.82}, {'end': 1282.687, 'text': 'And look at that.', 'start': 1282.066, 'duration': 0.621}, {'end': 1284.528, 'text': 'Awesome, awesome stuff.', 'start': 1283.407, 'duration': 1.121}, {'end': 1286.128, 'text': "All right, so we're not done yet.", 'start': 1285.028, 'duration': 1.1}, {'end': 1289.57, 'text': "Let's go ahead and we'll just bring that one back.", 'start': 1287.109, 'duration': 2.461}, {'end': 1293.712, 'text': "All right, so let's make this a little bit wider, the canvas.", 'start': 1291.031, 'duration': 2.681}, {'end': 1295.833, 'text': "So we're gonna go to image, canvas size.", 'start': 1293.732, 'duration': 2.101}, {'end': 1299.255, 'text': "And for the width, let's go to pixels.", 'start': 1296.954, 'duration': 2.301}, {'end': 1303.993, 'text': "We'll make it like 3400.", 'start': 1299.275, 'duration': 4.718}], 'summary': 'Adjusting canvas size to 3400 pixels for wider image.', 'duration': 34.082, 'max_score': 1269.911, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi01269911.jpg'}, {'end': 1356.577, 'src': 'embed', 'start': 1326.912, 'weight': 1, 'content': [{'end': 1328.393, 'text': 'So we bring this back.', 'start': 1326.912, 'duration': 1.481}, {'end': 1335.218, 'text': 'The way we can get a shadow here is just a little bit of working with the selection tools.', 'start': 1329.614, 'duration': 5.604}, {'end': 1337.66, 'text': "So what we'll do is we'll select this.", 'start': 1335.958, 'duration': 1.702}, {'end': 1341.482, 'text': "That's control left click on the layer mask.", 'start': 1337.7, 'duration': 3.782}, {'end': 1348.207, 'text': "And then we're going to control shift I to just create a selection of this shirt itself.", 'start': 1342.243, 'duration': 5.964}, {'end': 1351.669, 'text': "I'm going to create a new layer, control shift N, and hit enter.", 'start': 1349.007, 'duration': 2.662}, {'end': 1353.971, 'text': "And I'm going to.", 'start': 1351.689, 'duration': 2.282}, {'end': 1356.577, 'text': "We'll just make it white.", 'start': 1355.717, 'duration': 0.86}], 'summary': 'Creating a shadow effect on a shirt using photoshop tools.', 'duration': 29.665, 'max_score': 1326.912, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi01326912.jpg'}], 'start': 920.006, 'title': 'Fabric artwork enhancement and photoshop editing techniques', 'summary': 'Covers using blend modes to integrate fabric texture with a logo, applying the liquify filter for creating folds, and photoshop editing techniques including warp tool, liquify, smart objects, layer masks, and shadow creation to achieve realistic effects.', 'chapters': [{'end': 1167.072, 'start': 920.006, 'title': 'Fabric artwork enhancement', 'summary': 'Explains how to use blend modes to integrate fabric texture with a logo, and demonstrates the use of liquify filter for creating folds in a non-destructive manner.', 'duration': 247.066, 'highlights': ["The use of the 'multiply' blend mode allows for a believable fabric texture while maintaining the original logo's visibility and color.", 'Demonstrating the use of Liquify filter for creating folds in a non-destructive manner on a smart object layer.', 'Explaining the adjustment of settings like size, density, pressure, and opacity while using the forward warp tool in Liquify filter to achieve desired effects.']}, {'end': 1479.405, 'start': 1167.112, 'title': 'Photoshop editing techniques', 'summary': 'Explains photoshop editing techniques including warp tool, liquify, smart objects, layer masks, and shadow creation, with an emphasis on achieving realistic effects.', 'duration': 312.293, 'highlights': ['The liquify tool is non-destructive, allowing for adjustments to be made after the initial editing process, enhancing flexibility and efficiency.', 'Utilizing layer masks and selection tools to create and manipulate shadows, with specific details on parameters such as opacity, distance, and spread for achieving realistic shadow effects.', 'Demonstration of canvas resizing and manipulation using specific dimensions such as 3400 pixels, emphasizing precision in editing techniques.', 'Explanation of using smart objects for easy logo replacement, with the demonstration of dragging in a different logo and adjusting it through the multiply effect for a seamless integration.', 'Description of using the warp tool to achieve realistic effects, with a focus on its effectiveness in altering images for a natural appearance.']}], 'duration': 559.399, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi0920006.jpg', 'highlights': ['Demonstration of canvas resizing and manipulation using specific dimensions such as 3400 pixels, emphasizing precision in editing techniques.', 'Utilizing layer masks and selection tools to create and manipulate shadows, with specific details on parameters such as opacity, distance, and spread for achieving realistic shadow effects.', 'Description of using the warp tool to achieve realistic effects, with a focus on its effectiveness in altering images for a natural appearance.', "The use of the 'multiply' blend mode allows for a believable fabric texture while maintaining the original logo's visibility and color.", 'Demonstrating the use of Liquify filter for creating folds in a non-destructive manner on a smart object layer.', 'The liquify tool is non-destructive, allowing for adjustments to be made after the initial editing process, enhancing flexibility and efficiency.', 'Explanation of using smart objects for easy logo replacement, with the demonstration of dragging in a different logo and adjusting it through the multiply effect for a seamless integration.', 'Explaining the adjustment of settings like size, density, pressure, and opacity while using the forward warp tool in Liquify filter to achieve desired effects.']}, {'end': 1798.007, 'segs': [{'end': 1572.278, 'src': 'embed', 'start': 1529.744, 'weight': 0, 'content': [{'end': 1537.529, 'text': 'So if we go to window, adjustments, we have all these different adjustments that we can apply to it in a non-destructive manner.', 'start': 1529.744, 'duration': 7.785}, {'end': 1543.032, 'text': "So if we go to, let's move this out of the way, hue and saturation.", 'start': 1538.189, 'duration': 4.843}, {'end': 1547.413, 'text': "All of a sudden you'll see the layer that was added down there called hue and saturation.", 'start': 1544.072, 'duration': 3.341}, {'end': 1551.554, 'text': 'This is something that we can now edit in a non-destructive manner.', 'start': 1548.393, 'duration': 3.161}, {'end': 1557.295, 'text': "If we take the saturation down all the way, which will simply take any color out, you'll see how much of a difference there is.", 'start': 1551.594, 'duration': 5.701}, {'end': 1561.996, 'text': "So that's just completely changed the whole tone of everything.", 'start': 1558.215, 'duration': 3.781}, {'end': 1564.696, 'text': 'And you can see there was actually some blue coming in.', 'start': 1562.516, 'duration': 2.18}, {'end': 1568.657, 'text': "That's because there was a window that's open outside during the daytime.", 'start': 1565.497, 'duration': 3.16}, {'end': 1572.278, 'text': 'And also kind of just some warmth in it as well from my lighting.', 'start': 1569.157, 'duration': 3.121}], 'summary': 'Adjustments in window: non-destructive editing, reduced saturation, changing tone and color balance.', 'duration': 42.534, 'max_score': 1529.744, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi01529744.jpg'}, {'end': 1651.354, 'src': 'embed', 'start': 1596.246, 'weight': 1, 'content': [{'end': 1605.275, 'text': "And by the way, when you add these adjustment layers, you wanna make sure that you're only affecting this layer down here.", 'start': 1596.246, 'duration': 9.029}, {'end': 1609.118, 'text': "So you're essentially creating a clipping mask out of this by clicking this icon right here.", 'start': 1605.335, 'duration': 3.783}, {'end': 1611.24, 'text': "So we'll choose this as well.", 'start': 1609.138, 'duration': 2.102}, {'end': 1617.426, 'text': 'Otherwise, these adjustment layers will affect all the layers and you may not want that.', 'start': 1611.32, 'duration': 6.106}, {'end': 1620.289, 'text': 'We only want it to affect this T-shirt layer.', 'start': 1617.446, 'duration': 2.843}, {'end': 1623.332, 'text': 'So now we can play around with some of these level adjustments.', 'start': 1620.929, 'duration': 2.403}, {'end': 1625.595, 'text': 'You can see how it will only affect that.', 'start': 1623.392, 'duration': 2.203}, {'end': 1626.516, 'text': "That's way too much.", 'start': 1625.615, 'duration': 0.901}, {'end': 1638.57, 'text': "But if you want to see a little bit more contrast in the actual shirt, you can drag these sliders around to your heart's desire.", 'start': 1626.556, 'duration': 12.014}, {'end': 1640.252, 'text': 'All right, I think I like that.', 'start': 1638.59, 'duration': 1.662}, {'end': 1641.89, 'text': 'All right.', 'start': 1641.69, 'duration': 0.2}, {'end': 1646.192, 'text': "So now I'm actually pretty satisfied with it.", 'start': 1641.91, 'duration': 4.282}, {'end': 1651.354, 'text': 'This is 100% view, so it looks pretty good.', 'start': 1646.232, 'duration': 5.122}], 'summary': 'Adjustment layers applied to t-shirt layer for better contrast, 100% view achieved', 'duration': 55.108, 'max_score': 1596.246, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi01596246.jpg'}, {'end': 1792.883, 'src': 'embed', 'start': 1747.943, 'weight': 4, 'content': [{'end': 1758.076, 'text': 'um, so now, at this point, you could take this, you could save it, um, as you know, a new psd file that you can then distribute for others to use.', 'start': 1747.943, 'duration': 10.133}, {'end': 1761.088, 'text': 'All right, so hopefully you found use out of that.', 'start': 1759.167, 'duration': 1.921}, {'end': 1761.808, 'text': 'And, like I said,', 'start': 1761.108, 'duration': 0.7}, {'end': 1770.252, 'text': 'I mean if these are really top quality or you have a ton of them that are also high quality you can sell them as bundles on different graphic asset websites.', 'start': 1761.808, 'duration': 8.444}, {'end': 1777.995, 'text': 'You can try to start a service, a website out of it and rank in Google, learn a little bit of SEO,', 'start': 1770.692, 'duration': 7.303}, {'end': 1780.836, 'text': 'search engine optimization and just require an email.', 'start': 1777.995, 'duration': 2.841}, {'end': 1784.037, 'text': 'So you can build an email list that you can then market to and monetize.', 'start': 1780.876, 'duration': 3.161}, {'end': 1792.883, 'text': "So there's a lot of potential here to do a lot of cool different things with these smart object, smart templates here in Photoshop.", 'start': 1784.057, 'duration': 8.826}], 'summary': 'Create and distribute psd files, consider selling them or starting a service to monetize. potential for seo and email marketing.', 'duration': 44.94, 'max_score': 1747.943, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi01747943.jpg'}], 'start': 1479.405, 'title': 'Enhancing t-shirt imagery', 'summary': 'Covers adjusting shirt color and shadow, and enhancing t-shirt images in photoshop with techniques such as adjusting saturation, using clipping masks, adding level adjustments, and applying gradient fills, which can lead to selling edited images as graphic assets or starting a service.', 'chapters': [{'end': 1572.278, 'start': 1479.405, 'title': 'Adjusting shirt color and shadow', 'summary': 'Discusses making minor adjustments to make the shirt look more believable, applying non-destructive adjustment layers to change the color and remove unwanted tones from the shirt, such as blue and warmth from lighting.', 'duration': 92.873, 'highlights': ['Applying adjustment layers to the shirt allows for non-destructive editing, providing the flexibility to make changes without permanently altering the original image.', 'Adjusting the saturation all the way down completely changes the tone of the shirt, removing unwanted colors and significantly impacting the overall appearance.', 'The presence of blue and warmth in the shirt is attributed to factors like open windows and lighting, emphasizing the need to address these elements to achieve the desired look.']}, {'end': 1798.007, 'start': 1574.54, 'title': 'Photoshop tutorial: enhancing t-shirt image', 'summary': 'Explains how to enhance a t-shirt image in photoshop, including adjusting saturation, using clipping masks, adding level adjustments, and applying gradient fills, with potential for selling the edited images as graphic assets or starting a service.', 'duration': 223.467, 'highlights': ['The chapter explains the process of enhancing a T-shirt image in Photoshop, including adjusting saturation, using clipping masks, adding level adjustments, and applying gradient fills (100% view).', 'The speaker emphasizes the potential for selling the edited images as bundles on different graphic asset websites or starting a service and utilizing SEO to build an email list for marketing and monetization.', 'The speaker recommends saving the edited image as a new PSD file for distribution and suggests potential business opportunities such as selling graphic assets or starting a service and utilizing SEO for marketing and monetization.']}], 'duration': 318.602, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/ZSEmthIpWi0/pics/ZSEmthIpWi01479405.jpg', 'highlights': ['Applying adjustment layers for non-destructive editing provides flexibility for changes.', 'Adjusting saturation significantly impacts the overall appearance of the shirt.', 'Addressing factors like open windows and lighting is crucial for achieving the desired look.', 'The chapter explains enhancing a T-shirt image in Photoshop with various techniques.', 'Emphasizes the potential for selling edited images as graphic assets or starting a service.', 'Recommends saving the edited image as a new PSD file for distribution and business opportunities.']}], 'highlights': ['The process of creating a t-shirt mockup template in Photoshop highlights potential business opportunities.', 'The accessibility of creating mockup templates can be replicated for various other mediums, expanding potential business opportunities.', 'Demonstration of canvas resizing and manipulation using specific dimensions such as 3400 pixels, emphasizing precision in editing techniques.', 'Utilizing layer masks and selection tools to create and manipulate shadows, with specific details on parameters such as opacity, distance, and spread for achieving realistic shadow effects.', 'The liquify tool is non-destructive, allowing for adjustments to be made after the initial editing process, enhancing flexibility and efficiency.', 'Recommend saving the edited image as a new PSD file for distribution and business opportunities.']}