Adobe Photoshop CC Bootcamp | Derrick Mitchell | Skillshare
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
63 Lessons (7h 57m)
    • 1. Adobe Photoshop CC Bootcamp Intro

      3:31
    • 2. Introduction to the Photoshop Home Screen & Interactive Tutorials

      3:21
    • 3. Join our Facebook Group for Help and Support

      1:32
    • 4. Photo Compositing Skillshare Intro

      0:53
    • 5. Photo Compositing: Introduction and File Setup

      4:36
    • 6. Adobe Stock and CC Libraries

      9:12
    • 7. Photo Compositing: Blending Images Together

      13:46
    • 8. Photo Compositing: Color Grading and Adjustment Layers

      3:04
    • 9. Photo Compositing: Adding Text in Photoshop

      10:34
    • 10. Photo Compositing: Intro to Advanced Techniques

      10:57
    • 11. Photo Compositing: Advanced Shadow Techniques

      11:37
    • 12. Photo Compositing: Subtle Details Make It Look Real

      11:20
    • 13. Logo Design: Raster vs Vector

      4:51
    • 14. Logo Design: File Setup and Basic Design

      7:59
    • 15. Logo Design: Converting to Shapes & Vectorizing

      5:42
    • 16. Logo Design: How to Export as a Vector

      7:33
    • 17. Packaging Mockup: Introduction

      2:13
    • 18. Packaging Mockup: Using Smart Objects

      7:35
    • 19. Packaging Mockup: 3D mockups with Adobe Dimension

      6:55
    • 20. Apparel Design: Introduction

      2:00
    • 21. Apparel Design: Layer Style Blending Options

      6:49
    • 22. Apparel Design: Masking

      10:30
    • 23. Apparel Design: Displacement Map Filter

      9:35
    • 24. Apparel Design: E-commerce Product Mockup

      7:02
    • 25. Social Media: File Setup and Working with Multiple Artboards

      4:05
    • 26. Social Media: Shapes, Properties, Smart Objects and Text

      7:17
    • 27. Social Media: Instagram Story & Post Design Continued

      13:24
    • 28. Social Media: Exporting Social Media Graphics To Your Phone

      3:04
    • 29. Poster Section Introduction

      3:05
    • 30. Rock Band Poster: Gathering Assets for Your Rock Band Poster

      2:33
    • 31. Rock Band Poster: File Setup for Print

      2:51
    • 32. Rock Band Poster: How to Create a Radial Starburst Background

      12:05
    • 33. Rock Band Poster: How to Add Text and Images

      8:34
    • 34. Rock Band Poster: Text Shortcuts

      5:19
    • 35. Rock Band Poster: Pushing the Design Further

      14:44
    • 36. Rock Band Poster: How to Quickly Create Alternate Versions

      10:13
    • 37. Rock Band Poster: How to Export for Print and Web

      7:03
    • 38. Movie Poster: Project overview and gathering assets

      3:33
    • 39. Movie Poster: Quickly Drop in Main Elements

      10:53
    • 40. Movie Poster: How to Align and Distribute Text

      8:19
    • 41. Movie Poster: Blending it All Together

      3:04
    • 42. Movie Poster: Blending it All Together 2

      8:00
    • 43. Movie Poster: Blending it All Together 3

      12:35
    • 44. Movie Poster: Blending it All Together 4

      8:55
    • 45. Poster Mockup Design in Photoshop Introduction

      3:10
    • 46. Poster Mockups: Mockup Overview

      6:05
    • 47. Poster Mockups: Adding Your Poster Design to the Mockups

      5:00
    • 48. Poster Mockups: Adjustment Layers and Reverse Engineering Template Files

      4:43
    • 49. Poster Mockups: More Adjustment Layers and Smart Object Introduction

      5:18
    • 50. Poster Mockups: Smart Objects

      10:22
    • 51. Poster Mockups: Finishing Touches

      11:38
    • 52. Photoshop Color Picker

      9:15
    • 53. Enhanced Select Subject and Select and Mask Tools

      12:49
    • 54. Photoshop Hand Tool

      3:09
    • 55. Advanced Uses for Shape Tools in Photoshop

      15:48
    • 56. Photoshop Zoom Tool

      2:50
    • 57. Exporting files in Photoshop

      15:49
    • 58. Photoshop Preferences

      7:00
    • 59. Photoshop Lasso Tools

      10:57
    • 60. Photoshop Layers

      19:49
    • 61. Photoshop Marquee Tool

      7:00
    • 62. Photoshop Toolbar

      7:55
    • 63. Photoshop Workspaces

      5:34
17 students are watching this class
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

211

Students

1

Projects

About This Class

Download Exercise Files Here: https://www.dropbox.com/sh/nmzy4q0z2bk8exu/AABtjHnZjgzDagIkiWAk-gKOa?dl=0

What you'll learn

  • You will have a chance to test your knowledge by completing design projects in Photoshop!
  • You will learn photo compositing (blending multiple images together in one photo) and editing with Photoshop
  • You will learn logo design with Photoshop
  • You will learn how to create social media graphics with Photoshop
  • You will learn apparel design with Photoshop
  • You will learn how to design compelling, original posters with Photoshop
  • You will learn how to navigate the Photoshop dashboard - perfect for absolute beginners!
  • The course also includes several more advanced elements - perfect for intermediate students!
  • You will learn to use the Photoshop shape tools
  • You will learn to use the Photoshop blend modes
  • You will learn to use the Photoshop selection tools
  • You will learn to use the Photoshop smart objects
  • And so much more!

I love Photoshop, and frequently tell my wife that if we get stuck on an island, I'm bringing Photoshop with me. I've been using Photoshop professionally for over 20 years to create beautiful graphics and provide a living for my family.

In this course, I'll show you my favorite tips, tricks, and resources as we learn how to use Photoshop from the very beginning. We'll create real-world projects (like apparel design, logos, beautiful photo edits, package design mockups, posters, and much more) that are highly valuable to businesses.

No matter if you want to use Photoshop as a hobbyist, or you're looking to create a full-time career as a graphic designer or photographer, this course is for you.

Plus, when you join, you'll gain access to our Facebook group for students that currently has over 16,000 members to help you along the way.

Requirements

  • You will need access to Adobe Photoshop 2020 or 2021 for best results

Who this course is for:

  • This course is perfect for both beginner and intermediate students who want to learn how to master Adobe Photoshop CC
  • Those that want to learn photo editing and compositing will benefit from this course
  • Those that want to learn graphic design processes using Photoshop will love this course
  • Those that want to practice their graphic design skills by creating real projects like posters, logos, and other print and web projects will definitely enjoy this course.

Meet Your Teacher

Teacher Profile Image

Derrick Mitchell

Designer | Teacher | Artist | Innovator

Teacher

 

 

Hello! My name is Derrick, and I’m so stoked to be teaching here on Skillshare!

Are you interested in making a living in the creative arts industry as a graphic designer, freelancer, videographer, photographer, or web developer?

If yes, then be sure to join me in these courses here on Skillshare as I show you what it’s like to be a graphic designer and make a living doing something that you love!

I will help you master the skills you need to become successful. I’ll show all of my processes so you can accelerate your success, while also learning from my mistakes so you don’t have to repeat them yourself and fall into the same traps that I did.

I have spent my entire career in the creative arts and market... See full profile

Class Ratings

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

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

phone

Transcripts

1. Adobe Photoshop CC Bootcamp Intro: Hi, my name is Derek Mitchell and I love getting these Photoshop almost every single day for my career as a graphic designer and a creative director. And but using Photoshop for over 20 years and I've created this photoshop bootcamp course to quickly show you some of my favorite tips and tricks and some of the fun, best projects that I have to show you. So we're going to dive in with projects like how to create a parallel design and then how to mock it up so it looks real to present to a client. We're gonna talk about how to create composite images, which is one of my favorite things to do in Photoshop. That's where you take multiple different images that maybe don't belong together at all, cut them out and bring them together and merge them in a way that looks realistic. So we're going to talk about how to do that. Some of the tools you'll need to make that successful. We're going to talk about how to do packaging design and how to mock up packages like a coffee bag and make it look real. So if you've got a company or a brand or a client that wants you to take their logo and make it look real on a project or on a, on a package design. I'm going to show you how to do that as well. We have a bunch of different projects we're going to go through. If you look at the outline below, you'll be able to see what we're gonna do. I'm also going to show you some of the different tools along the way that are just good to know that maybe don't fit right into a specific project. But that way by the end of this boot camp, you're going to have a well-rounded understanding of everything you need to know about Photoshop to be successful with it. So if you're somebody who's always wanted to learn Photoshop but never really found the right instructor for you are the right YouTube video to get you up to speed. I've created this course, it's more focused to create strategic projects that will really help you learn the program and learn it quickly without being overwhelmed by all of the options that are available. So if you've ever tried to log into Photoshop and I'm sure you've seen hundreds of tools, hundreds of windows that feels like and no idea where to begin. So the way this course is structured is for the absolute beginner to just dive in and create real projects that are fun and also valuable. If you ever want to turn this into a career, you're gonna learn tips and tricks that will help you create real projects that clients could actually pay you for. And that will make you more marketable to the marketplace and help you find that job that you're after. So this course is definitely geared for the beginner for that person who's either never open Photoshop or maybe it's just kind of getting started and looking for that guidance. And so we'll start at the very beginning. I do go fast sometimes, so I'll go through and I'll show you some of the shortcuts and ways that you can become much faster and more proficient with the software if I go too fast because it's a video, you can also rewind it or play it back slower. Can also rewind it or play it back slower. You have lifetime access when you join. So that way you'll be able to go back and rewatch anything that maybe you'd get hung up with. Or you can even join us in our Facebook group and ask questions and get real live feedback along the way. If you're more of an intermediate to advanced user, you're still going to learn some awesome tips and tricks. You can play back the videos faster if you want or skip ahead to the specific sections that you're interested in. So again, my name is Doug Mitchell. I would love to heavy joined the course and join us. We have over a 120 thousand students across some of my other courses as well. And we have an amazing Facebook group at the time of this recording, I think we're at almost 17 thousand people in the group. So you're definitely going to find some awesome friends and some people to help you along this journey to become an amazing graphic designer and learning how to use Photoshop in this course. So if that sounds interesting to you, our love, loved, loved, heavy joined, and I would love to be the guy that gets to teach you about Photoshop and hopefully share some of my love for Photoshop and some of the best tips and tricks that I've learned with you. So hopefully I will see you in the course. 2. Introduction to the Photoshop Home Screen & Interactive Tutorials: If this is your very first time opening up Photoshop first of all, welcome. Congratulations, this is super exciting. I love Photoshop. I've been using it for over 20 years. And it's changed a lot. And what's really cool about it right now is it's easier than ever to learn, but it also has more tools and features and adverb before, so it can also be overwhelming. So I just want to show you a couple of things to help guide you along the way. And Photoshop already does a pretty good job of that. Let me show you what I mean. So we open up Photoshop and if it's your very first time, you probably see this take interactive tour. And again, depending on when you're watching this course and the version of Photoshop, maybe you don't see it. But up here I've got this hide or show suggestions tab, and I'm at the home screen. Okay, so I'm at the home screen. I'm gonna click down on this just in case you don't see that. But we've got this take interactive tour button. And if you click on that, it's going to open up some default layers and it's going to give you an interactive tour. So you can actually follow through and do the steps. Click on the Next button, do what it says to do, right? And you'll be able to kinda get up and running pretty fast with that. So I'm going to X out of this document and this interactive tour real quick, we'll click, don't save. So you could do that at anytime if you wanna kinda step through, maybe skip what I'm showing you and kinda just get up and running real fast. There's also a learn tab so I can click Go to learn, which is the same as clicking over here at learn. Okay? And so there's some hands-on tutorials where you step through interactive tutorials. Let's click on this. See it opens right up and you can go through and get up and running quickly. So super-helpful resource you guys. Again, hopefully you'll find everything that you want and more through this course. And I want to thank you for being a part of this course. But I also wanna make sure that if there's a feature that maybe I didn't cover because it's not something that I use regularly on my workflow. I still want you to be able to know where to find help. So you can also check out our Facebook group. It's got a lot of amazing students at the time of this recording, I think we're up to almost 17 thousand students in the group. So if you need help and you get stuck, it's a great place to go look for help if you need hands-on help. And then there's also more tutorial on the web. So as we scroll down, you can see has all kinds of really cool trending tutorials to get you up and running. And you can even go to Adobe.com is button down here to find even more tutorials on the web. Click on that to check that out. And then kinda hidden down here in the bottom left, we have this, What's New button? And this is kinda fun to if you're familiar with Photoshop, but trying to kinda keep up to speed with things. So again, like me, I've been using it for a long time, but there's constantly new features being added. So if I want to see at a glance what's new, click on that button and you can see we've got lots of cool new features. Awesome new features. Alright, so check this out. Come back, maybe kick around with some of this. And I hope that helps you get up and running quickly and without the overwhelm. Because Photoshop has a lot to offer and it's really exciting if you stick with it. And don't be overwhelmed just one step at a time and don't forget, would love to hear from you. Feel free to comment in the video where you can in the comment section and check out the group at the Facebook group for additional help and resources. 3. Join our Facebook Group for Help and Support: So I just want to take a second and introduce you to our Facebook group that coincides with this course. So this group was designed to be a place where students can get questions answered quickly. They can share some of the projects they're working on and get feedback. And it's also an awesome place that we've set up a mentorship program as well. So if you jump into the group, we've got this mentor-ship tab here where you can actually find a mentor or become a mentor to somebody else. Maybe you're further along in your design, whether it's software-related or, or graphic design related. But you're further along in your career and you want to help somebody out, you could decide to become a mentor. We'd love to have you as part of this as well. And the hope is that, you know me being one person and having so many students, sometimes it's difficult to answer your questions as fast as I would like to. And so it's a great place to get questions answered pretty quickly. So if you're stuck with something or maybe you're going to meet with the client and you've got a question about billing or how to send them an invoice or different things like that. There's lots of really cool people in the group who would love to answer your questions. So definitely check it out and then as soon as you can, maybe say hello, drop a quick posts in there with your name, maybe where you're from or what you're learning, what you're up to and maybe even share some of your progress in this course along the way, post some of your projects and let us see what you're up to. So when you get a chance, go to facebook.com slash groups and then forward slash complete graphic design. And then you can join and we'll let you into the group, but we'd love to see it in there. So go ahead and do that now forget any further signup and then maybe even say hello and start posting some of the projects you're working on. 4. Photo Compositing Skillshare Intro: Blending images together is one of my favorite things to do in Photoshop. And it's actually something that I get asked a lot about from my students. So in this course, what we're going to be doing is creating a desktop wallpaper. Or you can easily create this for your mobile device or even something for print, like a poster, whatever you wanna do. But we are going to be learning how to take multiple images that don't belong together at all, and how to cut them out and Photoshop and put them back together in one image to create a composite. We're going to learn tips along the way about how to create natural lighting so everything blends well, we're going to learn about how to cut out the images in a way that you can't even tell that it's been cut out. How to mask those images and a handful of other tips and tricks along the way. If you want to follow along, all of the images are provided in the exercise files. And it's gonna be a ton of fun. So hopefully you join and we will see you on the other side. 5. Photo Compositing: Introduction and File Setup: So in this lesson, we're going to create a brand new desktop wallpaper. I actually currently loved the wallpaper that I have, but I've had it for a long time, so I think it's time to upgrade and make something new and fresh. So what we're gonna do, we're gonna be learning about photo compositing. So what that means is we are going to be mashing some different photos together to make a really cool composite image when it's all said and done. So what we're gonna do is go ahead and dive right into Photoshop. And I'm going to create a new document. And this is where you're going to have to decide what size you want to make. So for making a desktop wallpaper for your computer, you need to know what your screen size is. So one way to maybe get there quickly is to go to web up here. And you can see we've got some different most common web sizes, website sizes, but this just means the screen that you're viewing. We can also come up to film and video and you might be able to start with one of these templates. You could also jump into your System Preferences if you're on a Mac, if you're on a PC, unfortunately, I am not up to date with the latest update to nowhere to tell you to go look. So anyway, what you wanna do is you want to find your display settings and we can see what different size options we have, right? So if I click on the scale that I kinda hover, you can see down before are down below the screen. Look right here. It's going to pop up with what those pixel dimensions are. Okay? So if I, if I'm right here, I'm at 1920 by 1080, that's a standard HD size k. And I have that set right now because as I'm recording this tutorial, what my screen to look nice and big so you can see it. But if I change the more space on this 4K monitor, it is going to be, everything's, It looks super tiny, right? Very hard to see. So I'm gonna go back to large here. So what I'm going to be making is a 1920 by 1080 pixel document. All right, so let's go ahead and close this. And that's actually a very standard film and video size. So 1920 by 1080, I can click right on that. And it's going to change my settings here. So my width is 1920 pixels by 1080 for the height. Alright, so make sure you're working in pixels as well as for the resolution. So because we're working on a screen, usually 72 is fine. Now though, because we have ultra HD monitors and different things like that, Retina displays, you might want to experiment with this. Maybe double it will make it 144. It's just gonna make the file size a little bit larger and it might look a little crispier and clean depending on what scale you're working with right now are color mode. We're going to leave us as RGB color because we are going to be working on a screen that this was something we are going to be printing. You'd use CMYK colour and I go over this in much more detail in the graphic design bootcamp course. But for now, we're going to be using the RGB color mode to get started. All right, now that we've got our settings set, let's go ahead and click on the blue Create button down here, and our new document is ready to go. Alright, so your screen probably looks a little bit different than mine. So let's just go ahead and do some simple house keeping rent. Come up here to the top right. And we're gonna click on this little icon and we're going to come down to essentials. And we'll click on essentials and then will come and click on that again. And I'm going to click Reset essentials. All right, now that you and I are looking at the same thing, I just want to point out real quick before we go too much further, at any given time, you can come up here to this little drop-down and choose a different workspace depending on the artwork or the project you're working with. And it will rearrange all of the windows for you to give you all the different panels that you're going to need for that project, okay? And if you wanted to, you can create something totally custom by just grabbing these tabs and docking them somewhere else however you want in whatever makes the most sense for what you're working with. You can also go up here to window. If you don't see something you're looking for, perhaps the brushes window and click on that and it'll open the brushes window, right? So there's a lot of ways we can create our own custom workspace inside of Photoshop. For now I'm gonna come back up here to essentials. We're going to reset that real quick. And what I could have done before we said that you actually could save that, right? So for example, I've got this photoshop 20-20 live from a live teaching I did. And all it does is it puts us navigator window up here. And that's where I overlay my video camera, my camera. So you can see the video of me, my talking head. Just, just a fun, easy way to make PhotoShop completely your own and work for you here. Alright, so now that we've got this document open, we're ready to go. Let's go ahead and start dropping in our assets. 6. Adobe Stock and CC Libraries: Okay, we've got our file setup and now it's time to create our desktop wallpaper Photoshop, composite image. Alright, so as we go through this, you'll be able to follow along with the assets that I provide. I'm actually going to be grabbing them right now and putting them into the folder. But by the time you're watching this, they should be all gift wrapped for you to be able to download. So go ahead and grab those if you want to follow along. And just a reminder to if you do want to follow along, because this is a video, you can play it, pause it, do some of the work and follow along. If I go too fast, there should be a place speed down below where you can slow the video down. Or you can also rewatch it again if you get lost and if it's too slow for you, maybe are a little more advanced. You can also speed it up. So I go faster. So just a reminder, guys, use, use the fact that we're watching this on a video to follow along, to pause it, to do the work in, to make something fun along the way, OK. All right, so as we get going here, what we're gonna do is we're going to be gathering these photos and these assets. And what I'm gonna do is actually leverage the Creative Cloud libraries to do this. So what libraries are, it's a way to gather assets. And you'll see from other graphic design course, I've got some colors that I've sampled, some font styles, some graphics, all kinds of things. Alright, so I want to start doing this for this course as well. So what I'm going to do, if you don't see this Libraries panel, you should though because we reset our Essentials workspace. But if you don't see it, what we're gonna do is come up here into the window, down to libraries. And when you click on that, you'll see your library's. And down here below I want to click the little plus sign to create a new library. I did that wrong. I'm not trying to add a new asset right now what I want to click on this twirl down actually, There we go, down to create new library. So I'll click on that and we're going to name this photoshop bootcamp. I could also name the specific to this project. So the Photoshop boot camps gonna have everything that I make for this course. But maybe I want to make it just a desktop wallpaper library. As you can see, I'll go ahead and click create this real quick. But as you can see, I have many, many, many libraries and I use this for all of my clients so that at any given time, I could scroll through to any one of the clients that I wanna look at here and click on it and you'll see any of the assets that I've created for them. So let me, as an example, let's come down here too. This tough country bumpers. Click on that and you see I've got some photos have downloaded for them as well, some assets for things that I do. So also the brand colors are in here. So anytime I want to just dive right into a project and go, it's just right there for me. Here's another example. I'll click on 0 dark. I've got some, some images as well as a logo that I created for them. And all I have to do is just drag and drop right into my Canvas and those assets are there for me. So that's what we're gonna do right now. Let's go grab some photos for us. I'm gonna come back to the Photoshop bootcamp library that I just created. And right above it in libraries I can actually search for within Photoshop for anything that I want. So we're going to make a composite image. I'm really feeling the ocean vibe here and I think we're going to create, if you took the graphic design bootcamp course, we made a poster that said, a skilled sailor, No, a smooth sea. Never made a skilled sailor. Anyway, we're gonna do that. So what we're gonna do is actually find an ocean image. And right now it's just searching through Adobe stock. But I know I've already downloaded this before. So I'm gonna come down to all libraries and I'm gonna grab this image that I've already licensed and I'm just gonna throw it right into my, my canvas here. So we'll throw this in there. Alright? And you'll notice that I've got a new layer above my background now. And let's go ahead and come back and search for some more. I'm also going to want maybe some lightening. So I'll search for lightening. And this time you'll notice nothing pops up. Well, it's because I'm still set to search for all my libraries. So this is the only searching within the libraries that I've already created. So I'm going to come back and change this to Adobe Stock. And now it's going to search on the actual Adobe Stock website. And you can see we've got some great options here. I'm going to grab this right here. I'm just going to drag and drop it right into my Canvas. And when I do that and I hit Return, you'll notice, will usually you would notice and I don't see it. Usually there is an Adobe watermark across the top and I don't know why it's not showing up on this one, but that's okay. We're going to leave it right there for a second. And here we have this little cloud icon. And what that's telling me, these are Creative Cloud assets and I can license this asset right here. I see this properties window. And again, if you don't see this tab come up to window. And then we're gonna come down to properties and we can see the properties for any of the assets I click on OK. So I'll click on this and if I wanted to, if I wanted to use this, we'll go ahead and keep it. I can either search to find similar. It's gonna open up the web browser and it's going to look for similar lightning bolts if it's not the exact thing that I'm looking for. So I suppose while I've got this open, I might as well just check it out here and let's see. There's some pretty epic lightening bolts on here. And I think I'm pretty happy with this. I think it's gonna be okay. So what I'm gonna do is go ahead and license this asset. So I'll click right on there. And it's gonna ask me if I really want to license this thing. I will confirm that it will use one of my licenses. And interesting, there must be a glitch right now in Photoshop. There we go. There we go. Okay. So you saw the watermark pop-up for a second and then it went away. And also we can notice that this is much clearer now as I zoom in, it's a higher res image. Okay, so I've got that to work with now it's licensed. We're good to go. Now I want to find a ship. So I'm gonna come back over here. I'm just going to search for a ship or going to scroll down a little bit and see if you can find one. This one actually looks like it might be perfect. That might be perfect on the scroll a little bit more just to see, I know this is the one I wanna use, so I'm just gonna drag and drop it right into this. I'll hit the Enter key. All right, and now, same deal. You'll notice it's kind of pixellated. As I zoom in, it looks really bad. So I'm gonna do just to make sure. So what I want, I'm gonna click on Find Similar again and just see if there's any other ships that might fit this scene better. Alright, that's kinda scroll through here for a second. You know, I think I'm pretty happy with the one that I found. And we're gonna go ahead and come back. I think we're just going to license that one as well. Alright, so I'm gonna grab this and I'll click License assets. So one thing that's really cool with working with the libraries and the Adobe Stock. Avoid license this one as well. You'll see that it's got the watermark and then once it updates, it will go away. But what's really handy with this as I could work with this, I could fully create anything I want. And as long as it's linked up with this iCloud or I'm sorry, iCloud with this cloud, that Creative Cloud I can licenses later. So let's, I'm gonna show this to a client and I'm not sure if they want to use it yet, I could create all this artwork. And then at the very end of it, let's say they want to swap it out. I could drop something else in and then update the license and it would license that asset for me to use right now. Obviously, right now I'm using purchased assets and a lot of times you're going to find the best, highest quality assets when you pay for them. However, it let me show you real quick a few other sources that I really enjoy that I think will be helpful for you. So we're using stock, we're using Creative Market. I use at some times as well. Alright? And we'll use pixels, and I use unspliced ash. Alright, so let me talk about these first. Okay, in Voto elements is an awesome resource. It's just a monthly fee you pay. And then you have access to all kinds of items from stock, video, music, sound effects, graphic templates, graphics, photos, fonts, add-ons like for Photoshop, all kinds of amazing things. So if I come here to photos and I were to search for ocean, you'll notice that there's a lot of high-quality images in here as well that I could have used. And the difference between this and Adobe Stock is that you pay a monthly subscription and you get unlimited access to as much as you want. Whereas with the W stock, you have to pay about three bucks per image. You license. So it can be a little more expensive. But I've found that a lot of times it's really nice as you've seen to just grab assets right inside the library and drop it into your canvas. And then a couple of free resources just to get started. And actually create a market is not free, but that's another one that I use as well. Creative Market is an awesome resource for creative graphics and assets, okay? But pixel, Pixels.com and unspliced cash are both really great websites for beautiful images as you're working through things, ok guys, so you might want to start checking out pixels and on splash as you create your composite image. 7. Photo Compositing: Blending Images Together: Alright, so what I'm gonna do now, we need to start creating this composite in blending things together. And so what we're gonna do, let's go ahead and start. We're gonna turn off this layer. So we're in the layers panel. I'm going to click on the little eyeball here to turn off the ship. Okay? And I'm going to come into this lightning bolt, and I just want one of them. So what I'm gonna do is I'm gonna get my lasso tool, the letter L, or come over here and my toolbar, it looks like this. Again, you should see this because of how we reset our our our Windows panel. But if you don't see it, come all the way down to the left-hand side, will click on these three dots. Click and hold, and you can edit the toolbar. And inside of here, you can see every tool available. So you might need to do that depending on what you see. Alright, but we've got our lasso tool. Letter L is my shortcut and I'm just going to click and drag around the lightning that I want. And I'm going to let go and I get these marching ants, this marquee selection, okay? And so now that I've got that, I'm on my lightening layer. And I'm gonna come down here and click on this little square rectangle icon with the circle inside of it. This is a layer mask. So when I click on this, it's going to create a mask over the image. So what we've got going on here, I've got my main image, but the lightning bolts. And then you'll see a little chain link icon, which means it's linked to this mask. So as I move it around, I'll get my move tool up here. I move it around and this mask moves with it. Okay, if I were to unlink that. And now if I were to move it around, you'll notice that I can move the mask. Woops, Or I could leave the mask there and click on the image, and now they move the image, the image moves inside of the mask. I hope that makes sense. I'm gonna hit Command Z to undo that. I'm going to link it back up. Alright, so now I've got this selection, but I know what you're thinking. This is a terrible selection. I can obviously see the black outline that's not gonna work for me. So what we're gonna do is we're going to play with what we call blend modes. So I'm here in the layers panel. Radical Russ has normal. And again, pay attention to where your, which layer you're selecting. We don't want to mess with the mask. We want to click on the actual image. So we see that selected. I'm going to compare to normal and I'm gonna click on that. We're going to play with the Screen blend mode. So as I hover over all of these, you'll notice that it changes my artwork. And what's happening here is it's changing how this specific layer, the lightning bolts are interacting with whatever's below it. Okay, so in this case it's the ocean image. So I'm gonna come back up here to normal. I'm gonna click on that. And as I hover over it, you can see there's different things. But I happen to know that screen is going to be the one that's going to hide anything black. Alright? And it's going to reveal all of the lighter tones. So by doing that, all we're left with is this lightning bolt. Okay? Now what I wanna do is scale it into place. So there's a couple of things we can do here. I've got my move tool selected up here at the top. You'll notice I have an Auto selected to the layer. So whatever I click on, it will automatically start to move. Okay, so as I click, you'll notice over here in the layers panel it is automatically grabbing whatever I click on, which is helpful in handy, but sometimes it becomes difficult to grab things, so you might want to turn that off. And then no matter where you click, it will only move whatever layer you have selected. Okay, so we're gonna go ahead and move this into place. I kinda like the scale of it. As far as how it looks. But let's say that I wanted to, to scale this down so I don't lose some of this up here. So I've got this layer selected. I could with the move tool, click on Show Transform controls. And then these will always be available for you to scale things down. And you'll notice it's scaling the entire image. So it sees if I were to hide this mass by holding down Shift and clicking here, you'll see that we still have all the other lightning bolts were just hiding the mind, this mask. Okay, so that's why we get this transform control over the whole image. So for beginners, it's pretty easy to turn that on and then scale things down, okay? But what you might also want to do is come up to edit. This is called Free Transform. That's what we're doing right now. So the shortcut on a, on a Mac is Command and the letter T on a PC it's Control T. Alright, so we're gonna click on that. And that's how you would get these transform handles and we can scale it into place. Now the next thing you'll notice is depending on if you hold Shift or not, you can skew the image. Okay? So if we don't want it to get skewed and look silly, we will either hold down the Shift key or let go of the shift key to get different results here. Okay, some scale this down. When you're done. You can just hit the Enter key here. And depending on so I've got the show Transform controls turned on. If I turn this off, Command T to scale it. Alright. Hit Return or up here in the Options bar and click on the check mark. Okay, so now that we've got this scaled into place, that's kinda cool. We can do some other things too. But for right now what I'm gonna do is let's come back to this pirate ship. Let's turn this back on. And we need to make a selection with this. So there are lots of ways to make selections, but my favorite right now and the new updated version of Photoshop. And actually there's a few different things we're gonna do here. And what I need to do, because this is a cloud document. I'm going to right-click and I'm gonna click on Rasterize Layer. And that's going to break it from the cloud link and it's going to mash it down as a flat image, which will then allow me to do this in the properties. If I scroll down here, you'll see Quick Actions. I can remove the background or I can select the subject, the subject meaning whatever's in focus. In this case it's the ship. So I'm gonna remove the background. I'll click on that. With one click. It gets me pretty darn close. And you'll notice what it did when I clicked on that. The image is still there, but it added another mask. So Photoshop did a really good job of automatically creating a mask for us based on what it thought was the main subject. However, we're gonna need to clean this up a little bit. So what I'm gonna do is zoom in here. I get the letter z to get my zoom tool. Or in this case, I had my move tool selected. I'm gonna hit the letter, I'm sorry, I'm gonna hit the spacebar, which gets my hand tool, which lets me move around the canvas here. And then I'm going to add command to that. If you're on a PC, add controls and I got spacebar and command held down. Then I can zoom in or I can hit spacebar. Command and option are spacebar control and alt on a PC to change to a zoom out. Ok, so that way it's really easy to use your keyboard shortcuts to zoom in and out on this thing. Alright, so what we're gonna do is we're going to zoom in and we need to clean up this selection. There's a lot of ways to do it. What we're trying to do is just paint with a black colour on this mask to hide the image we don't want. So that could be as simple as getting your brush tool. And in letter B, maybe grabbing a soft brush up here, changing the size and the hardness to match what you need. And you'll notice nothings happening. Because if I were to paint to pass this, it actually reveals the image. Well, that's because we're painting with white on our mask and anything white will reveal if I swap this by clicking on the double arrow or hitting the letter X on my keyboard, I can swap it. So black is on top here, and now we're painting with black to hide. So i could come through and I could paint over the top of this mask to hide that. You can see that's gonna take me a long time. So let's see how much more photoshop can help us out. What we're gonna do is the letter w to get my magic wand tool. And if I click and hold on this, you'll notice this tiny little down arrow. Any of these tools that have a tiny down arrow tells you there's more tool stack behind it. So we've got our magic wand, we've got our quick selection tool and our objects selection tool. Right now I'm going to work with the magic wand. I'm just going to click in here. Let's go ahead and grab the, we want to be on the image layer. I'm gonna click in here and you'll notice as I click, it changes the selection. So what I wanna do is hold down the Shift key while I click and it changes to a plus. So now I can add more to my selection. So I can click in here and click in here. And you're going to have different results depending on your tool setting. So I have this tool selected. You'll notice at the top, I've got this thing called tolerance. Alright, so the higher the number, the more selection it's going to add to it. If it's a low tolerance, it's only going to select, for example, let's say number one. As I click in here, you'll notice it will only grab pixels that are the exact same essentially, okay? And then we also have this contiguous, contiguous. I don't know how to say that. Anyway, we've got this check mark here. That means it's only going to select things that's that is within the selection. If our two Bumpus backups to say 20, and I turned off contiguous and I click here, it's going to grab everything in the image that it sees as the same color, okay, but we want to turn this back on. I'm going to select, de-select or hit Command D to Deselect, but I just did. Alright, we're back on this image layer. I'm just gonna click in here, hold down, shift until I get a pretty good sampling of the part of the image I'm trying to remove. Ok, so hopefully that makes sense. With that selection. Selected, I'm going to come back over here and click on my mask. And I want to fill this with black. So the way we're gonna do that, it's going up to edit, down to fill. And I want to fill it with the foreground. So we've got options here. Foreground background, color content where lots of cool things, or it's black and white or 50% gray. But because my foreground is already set to black over here, this is what's on top is the foreground. I'll click on that. I'll click OK. And it just filled my selection only with black in this mask. Okay, so now I'm done with that. I'm going to hit command D to Deselect or come up here to select, down to de-select. All right, and we're going to start doing some more selections over here. Okay. And again, depending on on what you're working on. You're going to have different tools will be, will be more successful than others. But we're going to just kind of click around here, holding Shift and adding all these little sections to my selection. Okay, we'll come back here on the mask. And we're going to this time another shortcut. Instead of going to Edit Fill, I'm going to hit the option key and the delete key, and that's going to immediately fill with whatever my foreground color is. So by holding on option delete, it, filled that selection with the black that I have on top here into my mask Command D to Deselect. Okay, so I'm gonna go ahead and keep cleaning this up a little bit with my magic wand tool. Given it pretty close. And for the sake of this tutorial, because less than not being, you know, an hour long, we're gonna go ahead and speed this up a little bit and maybe not be quite as picky as I usually would. But we're we're getting pretty close here. So we'll click on that back in my mask alt delete Command D to D select. And that's looking pretty good. Okay, so let's I know I said let's wrap this up but I can't help myself. It's addicting. I want to just keep clicking here and getting all of these selections. Perfect. Alright, we're close, we're super close. All right, alt, delete to fill my mask with black Command D to Deselect, spacebar command and option to zoom out. Alright, that's a lot better. Okay, and you can see down here, we maybe need to remove the waves. Let's do that as well. This time I'm going to do is get a nice soft brush, hit the letter B, and it goes back to the brush I had set here. Okay? Or hardness, that's the edge that we want to be super soft. Scrub this to the left. And I'll do that. And now we are painting with black honor mask layer to hide these. Alright, so we're just gonna kinda scrub around here and just blend this in with the waves from the layer below. Alright, so this isn't perfect, but it gets us really close. Really close. We'll zoom out. All right, not bad. Alright, we can clean this up a little bit more, but this, this is a great first start. Alright, let's grab as lightning bolts, I'm gonna change my selection to auto select with my move tool so I can just grab as lightning bolt and move it around. Maybe scale it up a little bit, maybe rotate it a little bit. To rotate it. I'm just holding off the edge here until my cursor changes to a curved arrow and then I can rotate it. Alright, That's pretty cool. We'll hit Enter to commit that change. Alright, also, don't forget to save guys, I've recorded this entire thing without saving and I totally forgot. So what we're gonna do, I'm just going to hit Command S for the shortcut or you can come up here, file down to Save. And we're gonna save this document before we go any further. And let's save this as ship desktop wallpaper. And I can put the dimensions 1920 by 1080 just in case I need to remember what sides it says. And I will go ahead and click Save. 8. Photo Compositing: Color Grading and Adjustment Layers: Alright guys, it's looking pretty good. Lets go ahead and push this a little bit further. So what I wanna do now is I want to make these colors match a little bit better. You'll notice this ship doesn't quite look like it belongs in this scene part of it, as these waves are very Kevin, HDR feel less stands for High Dynamic Range. So we've got really dark blacks and really light bright highlights here. So what we're gonna do is try and stylize this ship a little bit. So I'm gonna grab this image here and I'm going to hit Command L, which is the same as going to. So we want our levels is the same as going to image adjustments down to levels. Okay, so we're gonna pull that levels up here. And I'm going to play a little bit with this as my dark tones. If I click and scrub this, you'll see that the blacks get even blacker or the mid tones, right? We can make them lighter or darker. And then our highlights or whites, we can make them even brighter, okay, and we can adjust how this looks or even our output levels. So as a whole, this just kinda looks a little bit lighter. So I'm going to scrub the lights down just a little bit too dark, ended up. Maybe bring in the blacks on this and crush up, crashed the blacks great, slide up the whites here. And that is better. That's looking better. Okay, so we're just gonna play with this, which is the eyeball on it. And sometimes these adjustments don't work. Sometimes you'll play with an image and it doesn't quite look right. So maybe what we wanna do is compare the image adjustments and you'll see there's a few different ways we can work on this image. But what we're gonna do now is grab an adjustment layer. So what we're going to click right here on this little circle that's got the line through it. And we are going to put an adjustment layer over the top of everything. So there's lots of different types of adjustments we could do. I'm going to play a little bit with the photo filter right now. We'll click on that and it throws in a layer over everything else. And I can change how that looks. And you'll notice it adds this warming filter over everything. So it kind of makes the whole thing feel like it matches. Now I don't really want to, as I look at this, I really like how it looks. So let's kinda keep playing with it. We're going to click this drop down. Maybe we wanna cooling filter to really make it look. Cool it off here with some different blue tones. Ok, let's click down here. How about CB, a town, right? Make it look a little older and stylized. Okay, so that's one way to work. Let's go ahead and turn off the eyeball here to see it on and off. Let's maybe add another layer. Another adjustment layer will come to hue and saturation, and we'll click on that. Okay, and this time I've got the photo filter tuner off now playing with hue and saturation. And I can adjust how saturated is or what the hues of it are. You'll notice it changes the entire image below. So this is a really quick way to make the whole image look like it kind of belongs in the same scene. Okay, there's lots of other tricks we can do, but that's a quick and easy way to do it. 9. Photo Compositing: Adding Text in Photoshop: Alright, now bad for our first composite image. Now let's go ahead and add some text. So I'm going to hit the letter T on my keyboard to get the Type Tool. And up here in the top color and the Options bar, I can click on that colour chip to select the color I want. So I've got the color picker window, and as I hover over my document, you'll notice that I get this eyedropper tool. So I can click anywhere inside of this to select that colour over here. Okay, so I'm gonna go ahead and grab a lighter blue color from the sky and we'll click OK. And I'm going to click once to get a placeholder text. And you'll notice this is huge up here, so with it's still selected, I've known anything else. I can click on the letter T and scrub it left to make this smaller and fit inside my window here. And now click on my move tool and I can move this text into place. And Lorem Ipsum, What does that if you don't know, this is basically Greek filler text. So if you don't have text to show your clients, you can use this as a way to just see how the design looks. But in this case, let's go ahead and add some text to it. So we'll say a smooth sea and moves up here. You'll notice we've got our text layer here. With my move tool selected. I'm gonna hold down the option key, click and drag down a copy, the letter T at MyType and then Triple-click in here to get it all selected. So a smooth sea never made. We'll hit Enter to commit that letter v Now. So by hitting the, hitting the enter key, I can now use my keyboard shortcut so I can hit the letter v to get my move tool without typing the letter V in here. So a smooth sea never made, um, uh, hold down the option key, click and drag. And we're gonna say a skill, skilled. Hit, Enter athletic video, my move tool, hold on option to drag a copy. And then we're gonna type sailor. Alright, smooth C never made a skilled sailor. Perfect. Alright, so we've got some text in here that we can now manipulate and work with. So because I've got my move tool selected and auto select selected, I can now click and drag anywhere I want, will not anywhere, but I can click on this, on these different text layers and automatically move them around. So it's a nice, easy way to quickly get your texts laid out how you want it. So what I'm gonna do, I'm gonna kinda play around with this a little bit. I'm gonna hit Command T to scale this, will scale it down a little bit. And now if you hold down shift and option, or just Option or Alt, You can scale from the center of your scale point. Or if I don't hold down option, it'll scale from the corners. Okay, so we're going to scale this into place. I'm just kinda playing with sizes and obviously this is difficult to see. So maybe we add some effects to it. Maybe I'll add a drop shadow, so I'll click on this. I've got my text layer selected. I'm gonna come down to effects. We're going to add a drop shadow. But this window open, I can move this to the side and actually physically click right here and move the shadow exactly where I want it. And I can adjust the spread or the size. We're gonna make it pretty subtle. Okay, I'm going to click on the color swatch here. By default, yours was probably over here in the gray tone somewhere, but I'm going to click right into the sky to kinda make it match. And then maybe drag this down a little bit to darken it up. And then I can change the opacity. I can bring it in a lot or make it just super subtle. Again guys, this is just all whatever you wanna do, just playing with it a little bit. Okay? So that's one thing we could do is add a drop shadow to this. We could also experiment with changing the color completely. So let's go ahead and turn off this effect down here. I can turn off this drop shadow. Maybe I want to make this whole font darker completely. Someone hit the letter i to get my eye dropper tool. And I'm going to sample this dark color, the waves below. And now with that selected, I'm gonna hit option and the Delete key to just immediately fill my text layer. You could also come over here to the properties and click on the color swatch right here, and just click anywhere you want and see it as you go. Ok. So there's lots of ways to do things in Photoshop. You'll notice as we get going. So I know I'm throwing a lot of information at you remember, you guys can always rewind the video or play, pause it, do the work, and then continue or speed it up or slow down the options down below. Alright, so smooth C never made, let's make this a little bit bigger. Maybe that's filled up with the same dark color. So option delete to fill it. And you'll notice I have these little pink lines showing up that kind of pop it into place. Those are called smart guides. So if I come up here to view, I could turn on snapping and I can also turn on snap to Guides, document bound layers, all that kinda stuff. And those will help you lay things out and get everything lined up nice and tidy here. Alright, so we're gonna scale this guy up a skilled, fill it with a darker color. A skilled sailor. Alright, and maybe we change this font that something else will highlight this. Oh, let me think about a brush. Brush. I don't really like that very much. How about broadcast matter? That's a good font. Alright, so what I did there without even thinking about it, I went really fast. Let's, let's slow that down a little bit. Okay, so when I click on this, when I go back, I have this whole thing highlighted over here in the Properties. You'll notice our font, we have this right here are tracking. And you'll see it's tracked out to 300. So what I did, I could have just clicked in here and set the 0, but I had the whole thing highlighted. I hit command option and then the left arrow, right arrow. And you notice that adds the tracking by default on a PC, I'm pretty sure it's control and alt to do that. But anyway, we're just quickly adjusting that. And then Command Shift and the period key or the key. So the right character of the left carrot bracket keys. Make it bigger or smaller. And right here, it's just the same as clicking on this text and you can scrub it as well. So like I said, lots of ways to do the same thing in Photoshop, but just trying to kinda show you my workflow at the same time and how I work fast. Alright, so this skilled sailor, This is kind of cool, but you can't really see skilled. Let's see if we can crunch this up a little bit. I'm going to bring, I'm going to turn off the sailor layer so I can grab that, move it up. Okay. So work in progress. But you guys see you see what I'm doing here. We're going to just play with it a little bit. I could even go so far as to add a mask to this text. Brush tool, painting with black. And I could mask over the letter. So they kinda look like they're popping up out of the ocean here. I can't even grab this photo layer and get my quick Selection Tool will make this a little bit larger. And I could highlight the waves that way. Hold down the option key to subtract this part here. Alright, so now I've got a selection just around the sky, but I want to select the opposite. So I'm gonna go to Select down to inverse and now selects the opposite here. So now what I can do is come back to my mask on the words a skilled. And I can fill this with black. So option delete or edit, fill. And now it, if I hit command D or go to select, de-select, it hit the letters behind that selection. Okay, and I can come back here into this mask and I can refine this a little bit more. Alright, looking good. All right, a smooth sea never made a skilled. Let's turn sailor back on. Looks pretty cool. Lots of fun. Awesome. Alright, so that is our very first composite image. I'm going to go ahead and Command S to save it before I forget. And now that I've got this set up in the right file size, well, how do I get it from a Photoshop document onto my desktop? Well, what I can do is come up here to file. And we can hit Save As or export depending on the type of file we're going to save it to. But for now we're gonna go to Save As we're going to change it from a Photoshop document to a JPEG. I'll go ahead and embed this color profile is SRGB is going to make the colors look like they match across most devices, whether you're on a PC or a Mac. And then I'll click Save. We'll go ahead and change the file size dimensions. Make sure it's set to maximum. The large files that weights as crispy and good-looking as we can make it, we'll click OK. And now we have that JPEG that I could go find. And I can right-click on it and I can set it as my desktop wallpaper down here set desktop picture. And if we hide all the windows, you can see that this is my new desktop wallpaper. Not bad for our first pass at Photoshop compositing. Alright guys, I hope you enjoy it and that you learned a ton of information. I know that was a lot and it was a whole bunch of information. So if you've got stuck along the way, don't forget to ask for help or just watch that video again. Maybe watch it a little bit slower. And we will see you in the next lesson. 10. Photo Compositing: Intro to Advanced Techniques: Alright, in this lesson, let's push our design further. If you follow it along and you have this and you've created your own first composite image. Just wanna say congratulations. Now what we're gonna do is take the skills that we have and push them further to make this look even more realistic. So you might be wondering, well, what do you mean more realistic? Well, as I look at this, there's a few things we can fix. And one of the very first thing that stands out to me is our lighting. So where is our light source coming from? And is it casting any shadows? And is it consistent with the rest of the scene? So what I'm gonna do very first as just hit the letter F on my keyboard to toggle through my screens. So if I click down here on the very bottom of my toolbar, you see we have three different screens we can cycle through, right? So I'm gonna do is hit the letter f once and it toggles one more time and all my tools go away just so I can look at this full screen with you guys and just kind of analyze this and just kinda see what we can do better. Alright, so the first thing I notice is that this ship right here is just smashed flat right on top of the waves. Alright, so it's not casting any kind of a shadow. We could maybe play with blurring it in certain areas a little bit. And the other thing you'll notice too, the waves, if we look at the light source, it seems to be casting a light hay from this lighter part of the sky right here. So if that were the case with this ship, we would see a little more highlights here on the sales on this side of the ship rather than on this backend, This shouldn't be lit up at all. And, you know, maybe it's coming from this lightning bolt, but if that were the case, then perhaps there'll be more of a glow on these edges. Okay, so just some different things we can do here to try and make this really look like it belongs in the scene. So let's go ahead and dive in. And, you know, I'm, I'm just kinda playing right now when I get warmed up when I'm playing in Photoshop, I tend to do this a lot. I tend to zoom in and move around and you just think about it and think about what I'm doing in the way that I'm doing this. I've got Move Tool selected with the letter V. I've showed you this in the last lesson. Space bar to move around with my hand tool, command and spacebar to zoom in and then Spacebar command and option to zoom out. So I'm just doing a combination of all these things to just kinda quickly zoom in and just, you know, kinda warm up my thoughts and think about where I want to dive in first. So, alright, looking at this one thing that we could try right away that might be helpful and had the letter F to bring back all my tools. Another shortcut you could do is hit tab at the Tab key on the top left to cycle your tools on and off or shift tab to just hide all the windows on the right side seeks to Abby tools on the left. Alright, so just some quick workspace shortcuts to, to. I don't know, just to add to your repertoire. I said that right? Alright, so let's do this. So what I wanna do first, let's play with, let's just play with getting the lighting right. So one thing I could do, and that's pretty much my tools. And grab this layer and hit Command T, T, My Free Transform among or right-click. And then I'm just going to flip it horizontally. Let's just see what happens. Alright. Now it kinda looks like the boat is retreating away off the page. And typically when it comes to just your compositions, you don't usually want to crop somebody's face looking off the screen or in this case the boat looks like it. Just go and write out the screens. If that were the case, you'd, you'd kind of want it over on this side, so the action stays. This is kinda move all this over alpha. It'll let me grab all this text over here, scooted over here. So obviously I need to fix my mask. If I do that all that's what we could do. We could highlight some of this over the love letters that might be cool. So now we can see that because the ship is on this side where the light of the images that it feels maybe a little bit better. Maybe we liked it better on the other side, but let's kinda keep playing with this a little bit. So this is kind of a fun, happy accident. We can, we can mess around with our layers now we can bring this lightning bolt them to click on it and hit Command Shift and the right bracket key to bring it all the way to the front of everything. So what we did is we brought this layer all the way to the top. Or I can hit command and left bracket or right bracket to cycle through one at a time. Okay? So that's under if we come to layer down to arrange and bring to front or back. And so that's what we're doing right here. We're just playing with the layer over here and where it's sitting. So now we need to fix this mask, but we'll come back to that in a second. This is pretty cool. Let's make this lightening bolts. We need to add to this mass because the bolt would probably be maybe behind these waves a little bit. So I'm gonna come up here with a nice soft brush. Run a grab this, make this bigger painting with black. And we are going to just kind of clean this up a tiny bit here. Let's see how it, how it goes. Alright, so that's looking good, that's kinda fun. It comes in front of the letters. Maybe we wrap it through these letters. So let's click on this smooth C. Let's add a Layer Mask. Clicking on that will hit the letter B to get our brush. And let's just paint over the top. That's not what I meant to do. That's not what I meant to do at all. Let's pull back to the lightning bolt layer my bad on this mask. There we go. And I can either brush over it, but you'll notice it's kind of affecting the glow and everything. So I'm going to come back to, I still have the lightning bolt selected as my layer. I'm gonna come back to the words, a smooth sea. And then over the little t icon, when I hold down my command key on PC, It would be control. You'll see my cursor changes to a hand with the little square box. So that means I can click on it and activates a selection K. So the selection is the same shape as my text, but I'm still on this lightning bolt Layer and I'm technically I'm not on the lightning bolt itself. I'm among the mask. Okay. I've got my brush tool selected and I'm going to paint with black. And now I can hide that lightening bolts and bring this letter M right to the top. Okay. I get hit X if I've gone too far and I can paint back in with white on my mask layer. And just kinda maybe bring in some of that down here below and maybe some of that, that glow. Maybe some of this right here, a little smaller, k. So we're basically getting creative with our masking. I'm gonna go to select, down to de-select. And now you can see that it brought that letter M in front of that bolt and we're playing with our depth and so we can, we can play with this further. So I'm going to come back to a smooth sea on that t hold down command on a Mac or control on a PC and click to get that selection back, coming back up to my mask again and non painting with that soft brush. And I'm just kinda bringing back in some of these details. Okay, that's too much. Let me see what I meant to do. And I don't know, I think I'm happy with what it was before, but now you see the process, but you see we kinda have this line where the were the glow starts and stops because we're still that glow from the bolt. So what I'm gonna do is I'm going to mask it back, but I'm going to control my flow a little bit. So up here with my brush elected at the top, I have opacity and flow. You can play with both of these. You're gonna get similar results. But if I dial this back, I just clicked on the workflow and scrub it to the left. I can paint with like a 7% flow, which means it's gonna take a lot to make it actually do anything because it's hardly painting anything. It's hardly think like an air brush right where the flow is turned way down so there's not much coming out of the nozzle. Ok. Kinda what we're doing here. Same thing if you were to scrub the opacity where maybe it's not painting with as much paint, right? So all we're trying to do is just blend it a little bit so it's not so obvious that it's a harsh line there. Okay, I can hit X to cycle my foreground and background and alpha paint with black again, white. To kinda just blend that a little better. Alright, that's good enough for now to get that technique, to kind of play with that. That is really cool. I'm happy with where that's going. Alright, so we've got a smooth sea. Never made a skilled sailor. Alright, let's go ahead and fix a skilled sailor. I click in there and it keeps wanting to click on the word sailor because this font is huge and it's on top. So all I'm gonna do, I'm just going to, well two things. I could lock the layer right here, okay? And then it will let me click on it, or I can just hide it for a minute. And then I can click in here. And now I can adjust the spacing between the a and the S is too much. So I a couple ways we could do it. I'm my shortcut is Command Option and the left arrow or the right arrow to adjust that tracking right or Control Alt on a PC. And then left and right arrow. Okay, if you don't see that, we are going to come back to our properties over here. And I just scroll down and we're just playing with this tracking. Okay? So anyway, I'm just bringing this letter a little bit closer to where I like it. Let's scale it back up a little bit. So it kinda matches how I had it more and click on the waves layer and get my letter WTF, my quick selection tool. And we're just going to quickly grab these waves hold down Option or Alt on a PC, because I grabbed too much of it here. I just want to get a nice quick selection. I'm not working too hard with it. Alright, let's come back to the text, a skilled, which is up here somewhere. There we go. And we want to, right now we have the sky selected. So we want to fill with white on the mask to bring back this letter a down to here, right? So we've got our white on top. I'm gonna hit option and delete the fill k. But now R S and R k are going past too far. So I'm gonna do is go to select inverse. And this time I want to fill it with black. So instead of hitting option delete, I can hit command Delete to fill up the background color. Or I could just swap it and still use Alt Delete. Alright, but I'm going to fill up the background. Somebody command and delete to fill that. And if you're not seeing that, go to image, I'm sorry, edit. Phil. Okay. Now I'm going to go to select and deselect and ASM cruising through this. Just a friendly reminder guys, if I'm going too fast or too slow, just speed it up or slow it down. It's a video so you can adjust the playback setting down below. So I speed it up or so I go super slow. And you can also hit pause and just try and experiment with these techniques as I show them to you. Alright, so we've got a smooth sea, never made a skilled, where did sailor go? Let's bring it back. Let's turn that eyeball back on and there it is. Ok, very cool. We're getting there. Now. Let's, let's try and make this ship more realistic. 11. Photo Compositing: Advanced Shadow Techniques: Ok, very cool. We're getting there. Now. Let's, let's try and make this ship more realistic. So a couple of things we could do is we did a lot of things we can do actually quite a bit. So let's, let's play with some of these options. So what I'm gonna do first is I'm going to jump cut this layer into its own layer so I can work with it, but still have this original To go back to. So I hit Command and the letter J to jump cut that to a new layer. And I've got a new layer right above it. I can turn this bottom one off or I could leave it on. And you can see, hey, there's actually two layers there, but we're going to turn that off for a second. And I, let's see, let's start by casting a shadow. So the first thing I wanna do, if you'll notice, if I hold down shift and click on this mask to turn it off, all of this image detail is still there. Let's go ahead and bring it back. And what I wanna do is I'm just going to grab this mask and drag it down into the trash. And it's going to ask me if I want to apply the mask before removing. So if I apply it, it'll cut it out and then turn it into its own image. If I delete it, it just kills the mask and brings back the whole image. Alright, let's do it one more time. God mask, drag it to the trash. And this time we're going to click Apply. All right, so now I've got an image that is truly just an isolated image without any mask applied. Now, the reason why I wanna do this and the reason why I made a copy so I can keep making more copies. That's come back here, command data jump, cut it again, bring it up in front. And I'm gonna click this one that's behind it. And we're gonna do some things to it. So first, this is where it gets a little technical and a little advanced. So if I go too fast, you can rewind it. But let's, let's do this. Alright, so I'm going to click on the lock. Transparency icon is this little checkerboard looking thing right here. Okay, so now what happens as an example? I'm gonna come up here to color. It's going to grab a random color. And if you don't see this color palette or window tend to color bright pink so we can see what we're doing. And I'm not going to make a selection This time, I could command click on this layer to make a selection was de-selected. I'm not making any selection. I don't have any mask. Only have this lock transparency button clicked. Now what I can do with my foreground selected as pink, I can hit Option or Alt on PC and Delete. And it will fill only any pixels on the layer with paint and you'll notice it even blurs it. So whatever the opacity value is, it will match that with whatever I fill it with, OK, but it locked the pixels. So if there's no pixels filled, it won't get any color and I hold them, make sense. Really cool shortcut. Now here's what we're gonna do with this. Alright, I'm gonna change this back to black. Someone hit the letter D to reset my colors. Black is on top, so we're gonna hit option delete on my Mac. And now at fills this with black. Alright, now this is where the fun part gets. I just actually only hit the letter F on my keyboard. That's why cycled the screen. Cycle it back. Alright, so we've got the ship selected. I'm gonna hit Command T to get my free transform. Okay? And now here's where this is fine, okay, by default is just going to scale the transform. Alright, but what we wanna do is make this look like a shadow. I'm gonna hit Enter because I forgot to turn the top layer back on. Alright, so we've got the ship above it. We've got this black layer below it where we are on this all-black layer. And we're going to do a free transform, edit, Free Transform, Comanche. Alright. This time instead of just scaling it, we're going to hold down the command key first, or on a PC, that control key, we're gonna click. On the top center and drag and we are going to skew this shadow and basically flip it upside down. Okay? And then you'll notice that it's kinda offscreen. So now I can grab this corner, hit command and then click and drag. And I can really manipulate the shadow how ever I want it to go. Okay, so in this case, it's down in the bottom corner and we might have to fudge with it a little bit. Is that a word? I just whatever matte the fuss with it. Alright, and get it look in kind of the right angle and everything like that. And you might be asking, well, Derrick, can't you just do a drop shadow effect like we did earlier and yes, you can. But let me show you where this is headed here. Let me show you, Maybe I'm just trying to match this angle. Alright, and it's a hot mess and I have to start over because I was too busy talking. But anyway, you get the point like you can skew the shadow. So let's do that one more time because I just goofed it up. And while I do that, let me show you something else. So you've got this layer. If I go to drop shadow, like you might think I might be able to do, you'll notice yes, it drops a shadow, but these sales would not be casting a shadow on the clouds behind it, right? None of these jobs, it would only be casting a shadow down here into the water. So we are going to cancel that. That's why we're making our own shadow. Alright, let's try the more time we are going to. This time I'm showing another way to work. I'm going to just command click on the mask to get a selection. Add a new layer, and we're just going to fill it with black. Okay, so just another way to work instead of deleting that mask. Alright, and that's transform is Command T. Now or hold down command click and drag and flip it down. Okay. And then let's, I'm just doing it up here so I can see because it comes off the edge here. Alright, get into close. We're gonna go like that for now. And we're going to bring it down here and you'll notice it's above my ship, so I'm going to drag it down, put it behind Command T, And we're just kinda fastened with a shadow a little bit until we get it to where we like it. Now, another thing to notice, if you look at shadows, you guys, you'll notice the, they look nice and crispy. The lines look good as they're closer to the object, but as they get further away, they get blurry. Well, how are you going to do that? Let me show you up. Alright, so first, let's go ahead and I keep hitting that F key. Let's go ahead and make a selection. So another way to make a selection, I'm just gonna hit the letter L to get my lasso tool, just a regular rope Lasso Tool. And I'm just gonna do a rough selection kind of at the angle. I want it to blur. And then I'll let go and it will snap back. And you'll notice up here in the Options bar of the options to feather this. What that means is right now 0 pixels means it will be a very hard edge. Let me show you on a new layer what that looks like. An option delete and deselect, and you see we have a very hard edge. Okay, let me step back a couple. Do my, my Lasso Tool and this time I'm going to change my, my feather. Let's make it. I don't know. Let's guess. Let's try 50 pixels, okay? And it's not going, I don't think it'll apply it to what we've already drawn c, it still leaves it as a hard edge. So what you're gonna wanna do is before you make your selection. Lasso Tool, feather at first. Okay, so now as we click and drag, you'll notice, see I'll kinda shrunk up a little bit. So now if I were to fill this with his bright pink so you can see what we're doing here. Oops, I was up in the options there. Click on my layer, Alt Delete filled with pink. You'll see where the selection is, V2 versus how far into the image it's feathered. Okay, so what I'm trying to do, let me step back a little bit. I'm going to delete this layer. Alright, so we've got this black shadow from the boat. I've got my feathered selection. And I'm going to come up to my filter. I'm going to apply a blur to it. Specifically, this Gaussian Blur, Gaussian, Gaussian, Gaussian. I've heard it all. I don't know. Anyway, we're gonna click on this blue right here. Okay? And now I can control how blurry it gets. And if you look at my preview, you notice closer to the ship where it's not feathered, not selected, it stays nice and crisp. And as I feather or blur out the rest of it, my selection further down here totally gets blurred out. So that's why we made that feathered selection. Okay, so we're just trying to feather this out a little bit. We'll click OK. We're going to deselect this. And now that shadow looks a lot more realistic and we could push this even further. Another way we could have done this is with the blur tool. What we're gonna do is over here on the left under our tools, we are going to click down on this little finger hand icon. It's the smudge tool. We want the blur tool up here. Okay, we're gonna click on this and you can adjust the strength up here. Right now we're at 47%. It's probably about 50 by default for you. But you can, you can really control how fast this blurs for you. You can change the size of your brush just like any other brush here, hardness, things like that, k. And now we can click and just kind of manually blur these edges a little bit more. That's another way to work. Okay, so we're just kinda blurring the shadow a little bit so it looks a little more realistic down here. And now let's play with our Blend Modes again. So I'm gonna click up here under We're on our list. Just rename this to shadow. I just double-click in there and click chat type shadow. Welcome to our Blend Mode and we'll change it to multiply, which just helps it blend with that background better. And then we're going to click on the word opacity and scrub it left until we're happy with how, how it looks, casting on one's waves. So you can see in the image that it's, you know, the further I go to the left, the lower the number, the lighter that shadow is. We want to enough of a shadow that it adds to the image. Maybe about the same tone or value as these clouds up here. Just to kinda help balance the image out. But that's pretty good. That alone really helps watch turn it off, turn it back on. And it, it really helps make this feel like it's in this scene a lot. And that's all we did. We didn't do too much more to this yet. Okay? So the next thing we can do, we blurred the shadow, but maybe we want it to and I'm going to let me. There we go. We're going to work on a white version of this, this photo for a second so we can see this better so we haven't blurred. That's great, but shadows also kind of fall off soon within this. So we're going to add a mask to this shadow layer. Click down here. So now I have a, a mask. I'm going hit the letter G to get my Gradient tool over here. Okay? And then what that does, a gradient creates a, a blend between two different colours will appear in the Options bar. We want it to blend from the foreground color to transparent. And here's how we're gonna do this. We'll click OK. I'm going to hit the letter X because I had, I had well, well, here's what happened. I had white on the top foreground color and black on the back. But hit D, it'll set it to this default, hit x, it'll swap it. So now what we're doing is we are going to be painting with black using the gradient instead of a brush, the mask layer, ok, couple other options to look at. I don't have reversed selected up here, and I only have the linear gradient selected. There's a couple others that are pretty fun, radial and a few others here. But this linear gradient, and I'm starting with black and i want black to hide from here and fade out. So we're honor mask, I'm going to click here. I'm going to drag towards the ship and then let go. And it's going to fade this tiny thing. See it down here. It's this tiny little gradient that is fading from black to white and hiding that. Ok, So that's what we just did using a gradient to apply that subtle fade from fully opaque to transparent. Now let's turn our background back on and you can see the shadow looks a lot better and maybe you went too far. Well, because we're working with a mask, I can do the opposite and hit g to get my Gradient tool, hit X to swap. So now I'm painting with white, so I want to bring back in some of that shadow. So go from the opposite direction, right? And I can bring in more of that shadow if I took too much away. Okay? So that is how we can use gradients to mask. 12. Photo Compositing: Subtle Details Make It Look Real: Okay, all right, so we're looking good. We've got a really nice shadow. We've got a lightening bolt coming in and out of the text. This is looking pretty cool so far. So what are some other things we could do? Well, this lightning bolt is God, is God has, has got, oh my goodness, this is why I'm an artist, not a, not an English teacher. Okay? This lightning bolt has a purplish hue to it. Alright, and so we could kinda add some of that on to maybe some of these sales and maybe on some of this text. So a few different ways to play with this. We could add another layer above this will just click the New Layer button down here, the square with plus. And let's call this purple lightening cast on ship. I don't know. I'm just making this up as I go guys. Alright, and I'm going to command click on the mask down below. And you'll see that I've got a selection around here. And now I can do is get the letter i to get my eye dropper tool. Let's sample this color. It's actually more of a light blue. Okay? And I can come back over here, hit the letter B to get my brush tool and make this brush much larger. Alright? And then maybe my flow here, maybe I crank that backup but I change the opacity. We'll scrub this down to like 17, 16%, right? As I draw, it's very difficult to see, but you'll notice, I mean, it is it is kind of highlighting that, but honestly, I don't like what it's doing. I wanted to be more purple. I wanted to look more storm. Okay. And then we're just gonna kinda paint a little bit on the edges here. Okay. That wouldn't show up on that side of that mass, mostly just on the sales over here. We're just kinda playing a little bit to adding some depth to it. And, and I'm not worried too much about how fake this looks because I'm just trying to get the color in place. All right, then what I can do is I'm going to deselect this and I have this on its own layer. Ok? And now what I'm gonna do is played My Blend Mode some more. So another shortcut with my move tool selected. It has to have the Move Tool selected on the layer you want to play with. I can hit the shift and the plus or minus keys to quickly cycle through my blend modes. Okay? So as I cycle through these, I'm looking for what gives the most realistic effect, as if that light is really being cast on those sales. And out of the box, you know, none of them might work quite how you expect them to. And so what I'm gonna do is get one that's kinda close to it. Let me see. I think it was color was the blend mode that I liked. Yeah, so here we're using the blend mode color. But now what I can do is scrub the opacity down a little bit just to make that affect way less apparent, more of a subtle cast on those sales. Okay, so we did that and that's one way to work. We have this color layer. If I hold down the Alt key and just click on this one layer, it'll hide everything else except for that term OK, on the background. And you can hardly even, you can't even see it when it turn back on the color. The white background, but you can see it's hardly anything there. So another way to work would be, let me turn all these layers back on by clicking and dragging and scrubbing. Alright, another way to work is Let's turn these off. Alright. I could have just filled this layer so among and make a new layer. And I could just straight up, fill it with purple. Okay, I'm going to turn this one off below it. I'm going to drag this layer right above the ship. And this time I'm gonna hold down the option key and click and click right in between. And now what it does is it uses the layer below it as a mask. Okay, kinda complicated, but if you missed it, rewind the video, but we held on the option kinematic Alt on PC. And you can just click between a layer to make whatever's below it, mask what's above, okay, which this is fine, but the problem you'll see is it just filled the whole thing with it and that's not the effect we're going for. So we'll turn this back off and we'll turn back on our little subtle highlight. Just can't delete to delete that layer. Alright, now that we've got to shadow and we've modified the lighting on the sales to kind of reflect that lightning bolt a little bit better. And again, we could push us so much further. But I'm just trying to show you some of the basic techniques here. Let's try and really make this scene look more cohesive. So a couple of things we could try. One thing I'm gonna do here, I'm gonna add a new layer. And I am going to hit the letter M to get my selection tool, my rectangle marquee. I'm going to change the feather here to 100 and hit return. And then I'm going to click Andrei to get us started. Nominal down the space bar to move the whole selection to the top corner. And then finish clicking and dragging to the bottom left. And you'll notice that as soon as I let go it applies that 100 pixel feather. Now we're gonna do is go to select inverse. So I just have the corners here and I could fill those with black. So I'm going to reset it, option to lead to fill it, Command D to Deselect. And that's one way of about a 100 different ways to add a little vignette to this. So you'll notice we've got kind of a burned edges on this now, I could have just made a new layer, will get the brush tool, will cycle this up and make it much bigger. And you can just even paint in those blurred, I'm sorry, those darkened edges by hand, right? And I'm painting with a 15% opaque brush, so it's a super subtle K. And you don't want to overdo it, but that really adds a lot more mood to the photo and kinda blends everything in underneath it. I'm going to change this from normal to multiply just so it all blends nicely. Okay? Maybe that's too much. But now, now it really feels, you know, ominous and dark and moody. And it even kind of a little bit affects this text as well, and even the lightning bolt above it. Okay, so that was one way to work. Another thing we could do is add some noise to this. And again, there's a lot of ways to do this in Photoshop. I'm gonna make a new layer Command Shift, delete to get my fill or go to Edit, Fill. Shift F5, OK. Another way to do it. I'm gonna click on this drop-down and I want to fill it with a 50% gray click OK. So I've got this gray layer above it. Now I'm gonna come to filter. I'm going to come down to noise. I'm going to click add noise. And there's a few other things we could do as well, but I'm gonna click add noise. And it's very, very, very subtle. I can make it a little more obvious for the sake of you being able to see it at home. Alright, let's this over the top, I'll click OK. And now we're going to change our Blend Mode, the letter v to get my move tool, hold down shift and click plus. So that way we can quickly cycle through these layers right here, this blend mode, and see what does the best here. So we've applied a lot of noise to this too much, way, too much. Again, I'm just trying to show you a technique that you can play with. That's kinda cool. What are we on? Overlay? Okay, so now I'm gonna scrub this opacity down because I want to be that obvious. And a lot of things. One thing you might notice as you're working with a composite image is that little bits go a long way. So in this case it's only a 14% overlay. If I zoom in, you can see clearly it's adding that texture to everything which helps blend everything together. Even the text is getting a little bit of that overlay to it. Okay? So it is looks a lot more realistic. Okay, whew, I see something else we could do with this too. Alright, so this is our, let me just name this noise layer. So let's go to our lightning bolt. And I didn't name that layer. I think it's this one. Alright, let's name that while we're at it. Okay. I'm going to if this was really in the scene, you would see it reflected in the water below. So I'm going to jump cut this command J to jump cut. And let's transform it. I'm going to hit Command Z or Control T on a PC. Right-click and we're going to flip it vertically, alright? And we're going to drag it down. Okay? And we might need to play with skewing it a little bit. Alright, to, so it kinda matches this angle coming down from there to there instead of straight down. Okay, I hit Return. And let's come back into this right here. What I'm gonna do is throw this inside of a group. So right here, this little folder icon, if I click on that, drag and drop that right into the group, or it could hit command G. But now I have a folder currently with just that one lightening. And now I can apply a separate mask to this. So click on the mask. I haven't selected on his letter g to get my Gradient tool again, making sure I'm painting with the foregrounded transparent gradient here, click OK. a linear gradient on a percent opacity is not reverse. Let's hit the letter d And then x to make sure we are painting with black here, alright, on the mask, going to click down here and drag towards the top. Alright, and so now it kind of fades that out. Well, this doesn't look very realistic at all because these waves did lightning would not be straight across them like that. So this is probably, this is, this is going to take some very advanced techniques where we can do some different maps, where we map the, the different textures and make it warp it. But we, that's way beyond the scope of what we're doing right here. So what we're gonna do now is just kinda scrub this down. The opacity may get super subtle, very subtle. Maybe even grabbed my brush tool and kinda paint over the top of this layer, which is the brush just to kinda really make it super subtle. All right, so it's there, but it's a lot less visible. And in fact, we might even push it a little further. Let's go down into this layer, down to this image specifically. Let's go to Filter. Let's go to blur effect to that Gaussian blur. Alright, we don't wanna blurred too much. So here it is without any blur, these lines right here. We're gonna scrub it up just a tiny bit, just the tiniest bit. Okay. So what, what that did is it just softens that up. So it's still kinda casts onto the wave, but it looks a little more realistic. It's kinda make those tough tried up there. And so right there. That's what really sells this. Okay, and maybe we might go in to this mask scrub bar opacity a little more and maybe kinda hide it from the side where it wouldn't show up. You know what I mean? Because it would be kinda curling over that edge. Okay? And just kinda play with how that looks. So again, when it comes to composite images, you can spend hours getting a polished image, but these are the techniques you're basically masking. You're playing with different layers that are going to blend the colors together and you're making really strong selections. And that's how you create realistic composite images. And again, you've got to pay attention to those light sources. Where's the light coming from? Where's the, where are the shadows being cast and doesn't look real. So that I hope was helpful in giving you some more advanced techniques on how to create composite images. 13. Logo Design: Raster vs Vector: Alright guys, we are going to build a logo in Photoshop. Now, a disclaimer before we get too far down the road, I want to point out that if you're going to build logos professionally, I highly recommend you build them in Illustrator and Photoshop. I'm about to show you the differences and why that would be the case, but it is possible, so it's something that's worth covering. If, if you're really comfortable in Photoshop and you need to get something done, it can be done. And there are some export settings that will let you export it in a way that let the logos work in different formats they need to work in. So let's go ahead and dive in and take a look. So we are in, we are in Photoshop right now. And I want to point out the difference between this shape layer. If I look over here, my Layers panel about a shape and you can see in the icon it's got the square with these little anchor point on the edges here that's denoting that this layer is a Shape. And if I open up my properties window, I can see that currently it's a live shape so I can adjust the corners. For example, I could change the pixels of each corner individually or together and round it and do a lot of cool things there. I can also get my direct selection tool. So if I, there we go. Let's try that. There we go. If I get my direct selection tool by hitting the letter a, you can see that I do have anchor points and I can adjust this. I can bend these curves and adjust the Shaped, do whatever I want. As soon as I do that though, you'll notice that it gives me this error that says this operation will turn a live shape into a regular path. So what that means is, instead of a live shape or I can modify all these settings if I click Yes to continue. Now it just truly is a shape, okay, which is not a big deal. We can still work with this. It's still a, a vector asset inside of Photoshop. So if I zoom in real close, you'll notice that it, it still has that pixellated edge and it looks kinda J Good. We call it pixelation. And, and that's because Photoshop is a raster based or a bitmap image based software. So that means that each pixel on the screen is represented by a dot of color or a square of color, a pixel. So there is no on and off between these two. I am sorry, there is only on and off between these two. So it tries to fade these colors by adding extra pixels on the edges here. And if we look at this motorcycle image and we zoom in really close, you can really see the pixelation on the edges as you get closer. So that's, that's a raster based image and that's how photoshop works. Okay? So the reason why this is important, if we jump over into Illustrator and I zoom in and I do the same thing. I've gotta shape over here. And let's say I just start to manipulate this anchor point and do some things with it. Maybe get my pen tool and adjust the curve. Okay, if I zoom in and zoom in and zoom in an illustrator. And notice this stays crispy and intact and completely perfect on those edges are right, because it's vector-based. So vector as in math, it basically says, it's a mathematical equation that, that says, you know, fill this area with this shape or this color, you know, from this point to this point and it doesn't have to go one pixel at a time. So the file sizes an illustrator are much, much smaller. So you can reproduce things and send them to print without it being a huge file. However, in Illustrator, you still can bring in a raster image if I zoom in on this motorcycle image that I pasted into this Illustrator art board. If I zoom in real quick. You'll see that it also pixelate because it's a raster based image and not a shape. Ok, so hopefully this kinda makes sense. The big thing I want to point out really is just inside of illustrator, how you can zoom all the way in and you can manipulate these curves and they stay perfect. Whereas in Photoshop, that's just not possible even with the shape. In this case, it's a perfect shape. I can scale this up infinitely as large as I want to write. I can zoom, I can scale this way up, way up. And it still looks perfect from that perspective. Whereas if I zoom the motorcycle image up, it's going to blow up real quick and look nasty leg of that like how blurry it looks. So I can zoom the shape up, but still, if I zoom the canvas and it still gets pixelated. Okay, so that's the biggest reason why you would build a logo in Illustrator. Because then once you get your logo designed and you're all done with your artwork, you can export these shapes are the logo shape and send it to be reproduced from the smallest size to the largest size, right, from like maybe on the side of a pen or something like that to the biggest billboard on the side of a truck, right? So that's why logos are typically designed in a vector-based software, whether it's Illustrator or something different. Because then you can scale it up infinitely and it stays Perfect. 14. Logo Design: File Setup and Basic Design: All right. So now that we have that covered, if you don't want, if you have no desire to learn Illustrator, that's fine. Or maybe you're just not there yet, totally fine. So I'm going to show you how you can get started in Photoshop if this is the direction you're headed with things, and at the very least be able to create something simple that will then translate later down the road into Illustrator, either when you're comfortable or if you need to hand off the design to somebody else. Alright, so let's go ahead and get started. What we're gonna do is we're going to come up here to file down to new or the shortcut Command N to make a new document. And because we're building an Illustrator, I'm sorry, because we're building in Photoshop. I do recommend you actually started as a print document. And I recommend you start pretty large maybe with a letter based. And ideally, you're going to create this always shapes in a way that will scale. But if, if you do including the raster elements, which I can't emphasize enough that you don't like, don't bring in any images in your logo. But if you do, if you do, you do want to start large enough with their large enough resolution. So 300 pixels per inch, at least a half by 11, you wanna start big enough. And right now I'm not worried about the color mode. We can stay RGB as we designed, but when we export for print, we'd want it to be CMYK. If you start this way, you want to start big enough that It's printable and doesn't get pixelated. If you try to scale it up, you can always scale your artwork down. You can always crop it down, but if you start small, you can't make it bigger. Okay? All right, so let's go ahead and design a basic logo. I'm just going to bust through this. I'm not gonna make necessarily a super creative logo. I just want to show you some of the tools to pay attention as you're doing this in Photoshop. So that's going to get started. Let's just make a, How about a good coffee co, logo? I'll highlight all of this and I'm using the keyboard shortcut Command Shift and the comma key that left carrot less than sign to, toggle the smaller, but you can see it's gonna take forever. So what I'm gonna do is just hover up here over the tea and the Options bar and just scrub it down a little bit. Hit enter, hit the letter v to get my move tool. All right, the good coffee co. Let's go ahead and adjust this a little bit. I'm going to click right in between and hit Command Option and the left arrow four times 1234. That is the same as coming up here and adjusting your settings in the character box. That might be too close. Let's add some elements between that. And instead, all right, how about like the letter t? I'll click once on the keyboard. I'm going to hit Shift Option and the number eight key to get this weird symbol with this font, I can also hit here. It all hit option and eight to get more of an Asterix. But it's because the font I'm using that I have this shape. Alright, so this font is currently abolition. You can get it in Adobe Type Kit. We're just trying to fly through some stuff and make some creative, something creative with minimal effort. Okay? So this is still a font. You can see that it's, it's just a interesting placement here. I'm gonna hold down the option, click drag, and then hold down shift to make it stay in line with its friend over there. That's kinda cool. Could copy CO. Do we want it to be like that to set weird? I don't know. Let's make that a period actually. We'll make sure it's right in line. Alright, so I'm, I'm not getting, and actually I don't like the space. I know it matches. So this is, this is how I do my logo design, right? I make little things and then I play with spacing and sizing and kinda just try and make it custom and unique. And now that I'm, now that I'm I can't turn it off. You guys. I can't help myself. We're gonna back off. We're just going to make this simple for right now because I really want to teach the fundamentals of the process, not so much agonizing over the design. Okay, so what we're gonna do now, this is a font. All of these are font. If we look over here, my Layers panel, I've got a few different layers to work with here. And now let's add a shape to it and hit the letter U to get my rectangle shape tool selected. Alright, and what I'm gonna do with this selection, I'm going to just, I'm going to click and drag on the stem of this G here to get a line that's the same width, so visually it matches. Ok, let's transform it command team, we're gonna rotate it and then I'll hold down shift to make it go. And 45 degree increments actually it looks like it's 15 degrees. Alright, so we just wanted to be like that. All right, and let's change the color to match. So because I've got this light blue still selected, I'm gonna hit option delete to fill the shape that's still selected over here, my layers. Alright, good copy CO, I feel like okay, we should do this. So Command T and depending on your preferences, shift will either make it stay. When you hold on. If you don't hold down the Shift key, it'll try and scale it proportionally. But if you hold down the Shift key, it'll stretch it out. Photoshop recently changed this. It used to be you had to hold down shift to make it scale. Okay, but it's still the same and illustrator, so it's super confusing anyway, just be aware of that. Hit enter, nominate command J to jump cut a second version of this. And I'm just going to sit down with my arrow keys. And if you hold down shift it goes ten pixels at a time. If you don't hold down shift it goes one pixel at a time. Alright? So I've got it down here. I'm going to just kind of drag until I get my smart guides to show me that the spacing between the top and bottom are the same. That's not bad. I don't really like the period here now. So wanna delete that, guys. I told you I can't help myself where you're going to turn this, cut this highlighted command X to cut it. A nudge this back in place where it was. I'm a drag to copy down highlighted paste in that CEO that I had here as in company could copy company. Because I want to manipulate this. I wanted to be a little smaller and a little tighter. There we go. I don't know if I like that either, but we're gonna play with it. Alright. I wanted to add an underline here, but, oh my goodness, here we go. Okay, so that looks good. That's kinda fun. Let's highlight both of these clicking and dragging, making sure didn't highlight anything else. Command t to transform, holding down the Shift key, because I'm in Photoshop right now and I want this to kind of line up with the edges. That looks good. I'm going to command T one more time and Noma hold down shift and then option. So it loops. Again. T shift option, I'm going to click right on the edge here, so that way it scales out on both edges here. And visually, I want the space between the top and bottom to be counted the same as the sides here. So I'm just kinda eyeballing it and not making it too perfect. Alright, good enough to continue on with this lesson. So now what we're gonna do, I'm gonna go ahead and save this. I should have said this a long time ago, but where you're going to call this good, good coffee cocoa logo. And we are going to make sure this is a Photoshop file, dot PTSD. And we are going to put this in our logo design exercise files. Alright. We'll save it. Perfect. Okay. 15. Logo Design: Converting to Shapes & Vectorizing: This is a good coffee code. Now, what we need to do is we need to somehow create shapes and in turn this into a vector logo as-is. Because you're inside of Photoshop still you could you could scale this up. You can do anything you want with it, right? And it's going to be perfect. You can make it as big as you want. So as long as you have this, basically this editable file within Photoshop, you can now take this file or this artwork and put it anywhere else that you want. But there are some better ways to work. So for example, over here, It's just a mass of a bunch of different layers. So you might want to consider right-clicking and converting it to a smart object. And now it's just one layer that you can rename and call it. Good copy co, logo. Alright, so now as you're working inside of a document, you'll see that it makes it a lot easier to center it up to make it work with other artwork, maybe we wanna change the background color. Let's go ahead and jump in here and do something. Good coffee. Oh wow. All of a sudden that looks so much cleaner and fancy. Alright, so look at that. The good coffee go and I just did something here that I don't think I've taught you yet. So let's say this isn't totally centered. If I command a in Photoshop, it's the same as going to select all. And we get the marching ants, the marquee around the entire document. I've got my good copy code logo selected. My move tool is selected. So now in my Options bar, I see the options to align my artwork. That's what this means. You've got to objects aligning to the left edge. Two objects aligning center, two objects along to the right edge, and then vertically the top, center and bottom. Alright, so if I wanted to, I could stack this all within the left side, the right side, or I can make it centered. And then I could start at the top, the middle, or the bottom. So what I did is I just centered in Centered vertically and horizontally. Okay. That's why did now that I'm done, I can go to Select, de-select, and I'm gonna go ahead and hit Save. But this time, I'm going to save this as smart object. I'm just trying to make this so you guys can jump into my artwork and check it all out. Alright, so now that we've got this, let's say we wanted to export this and use it in Illustrator. There's a few different things we could do, one of which is pretty simple and quick. We could come over here and right-click and export this as a PNG. And the reason why we'd want to do that is because then it would let's go ahead and save this. And we'll jump into check that out real quick. That PNG file you'll notice is now transparent. It exported just the artwork and cropped it for me. So what's cool about that is I can bring this into any document, whether it's Photoshop or Illustrator. And you see, now this is the PNG graphic. And you can see it's transparent. That's super cool. If we brought it into Illustrator, same thing. Let's jump over here to illustrate. And let's just drag and drop that PNG file in here. And it's transparent. You could slap it on top of a graphic or coffee bag or something, and we'll do that in a later video. But let's just jump in here. And it works. Now the problem though, you'll notice if I zoom in real far on this PNG, look the edges are not crisp on this image, okay? And that's what we're trying to avoid or trying to make sure that we can export this as a path, not just an image, as a raster image that gets pixelated. Alright, so here's how you do that. Let's jump into Photoshop. And I'm going to double-click on the smart object here. And now it's going to open up a new tab, new file, where it remembers all of these shapes that we've been working with. Ok. Let's come up here to file, down to export. And then we want to look for the path to illustrator. And if you've only been working with shapes and fonts, you should be able to see this. And I want to point out something that is not going to do real quick. So right now, it doesn't see any paths that we've created, even though we have this rectangle and some other steps, let's go in and cancel and take a look at this. So even though these fonts are still editable, technically, they're not a shape yet. Okay, so what we need to do is right-click on each one of these text objects here we're going to right-click. And I want to convert this to a path basically. So what we're gonna do is we're going to convert to a shape. Now it's confusing because we have a work path and we have a shape for right now, just, we're just going to convert it to a shape. We'll click on that. So now it sees this object as a shape. If I get my direct selection tool, this is now a shape that I can modify. Okay? It's no longer a font. Same thing. We're gonna do it here, right-click, we're going to convert this to a shape. So the good coffee text, we're gonna right-click, convert it to a shape. And now you can see that it's no longer a font. If I get my type tool and I go to click in here, the C and the O are still a font, but I can't do that over here on the coffee text. If I had the letter a again on that layer, to get my direct selection tool, you can see I've got anchor points it now I can modify and manipulate, which is actually a cool thing to do if you're making custom logos is to take the time to modify the text and make it customized unique. Alright, let's jump over here to this last text layer we're gonna right-click and we are going to convert the shape. 16. Logo Design: How to Export as a Vector: All right, so now at every one of these is a Shape Layer, okay, I'm gonna highlight all of them. I'm gonna come up here to file. Let's go down to export, path to illustrator. And let's see what happens here. So we have the option now because we've got all these paths, these shapes, I can export any one of them individually, or I can click up here on all paths. We're going to export these to illustrate it, we'll click OK. And it's basically going to take all of this and save an Illustrator file. That dot AI extension is for illustrators. So we're going to call this good coffee co, logo. And we're just gonna leave it like that dot AI will click Save. And now again, I know this isn't an illustrator of course, but it's important to see how to do, at least get it this fire. Alright, so we're gonna double-click on this file. We just made an illustrator and it's going to open up Illustrator. And it's going to ask you, do you want to convert two art boards, right? And what are we gonna do with this? So let's go ahead and just leave us alone and click OK. And it's going to do two things. It's going to create art boards, just like in Photoshop. And I'm going to hit Shift O to give my art board tool. It's this little icon over here, my toolbar. And you'll notice I've got to our Board that about this, our board, and I've got this our board. I'm going to click on this art board and hit the delete key because it's extra, I don't need it. And I'm gonna get my move tool backup here in Illustrator, it's actually called the Selection tool. In Photoshop, it's called the Move tool anyway. Alright, so it looks like this didn't work. I don't see anything. But if I hit Command a, you can see that all of the paths just don't have any colors apply, applied. Okay, so if I look over here, this red line through the stroke and the fill means there's no color applied. Okay? So I wanna make sure that my fill is put in front of my stroke. Because when I select a color over here, I'm using my Libraries panel to just drop it acquit color that matches. I wanted to fill my fill color. If my stroke is on top, if I click on that click, It's just going to stroke everything instead of filling it. Okay? So I want to make sure that I'm filling it. And if you don't see any colors, come up here to window where an illustrator, it's very similar to Photoshop, come down to color and you'll see this color guide here. There's even this little drop-down window where you can show or hide option. So maybe you're only seeing this and your color box. Click over here. Show options. Also notice I'm in the CMYK version. If you change what type of color mode you're using, you're going to see different options here as well. So go to CMYK. And now with this selected, I can actually scrub each individual color, whether it's cyan, magenta, yellow are black and I can dial in the exact color one or I can sample from here to get the color that I want. Okay, so what I want to point out now is we are in Illustrator. Let's go ahead and save this logo Command S to save it. I'm going to save it on my computer for right now. Put it in there, converted. There we go. Click save. We'll click OK. Alright, and now technically this file is good enough. Actually, it's great to share with anybody who need your logo. So they're going to need some kind of editing software. So I'm talking about like a designer or a print company. But if you need to share this with other people and a file format that works also noticed that each one of these is separated. So we're going to do is highlight all of this. Command G to group everything. So I think it's under object. There we go, group. And so now if I click on any one of these, it all stays together as one. Okay? All right, so now that I've got this, just like in Photoshop, I can export this logo a few different ways we're gonna compare to file. We're gonna come down to Save As. And from there, you can save a few different versions. I'd save the PDF, will go ahead and throw that in there. We'll just click save PDF. I'm gonna go ahead and preserve illustrator editing capabilities. That means even if it's a PDF, you could open it in Illustrator. That looks good. Alright, what else we're going to do? And I noticed it looks like I had a white background on there. Maybe it's not okay. So we're gonna come back here to File, Save As and an Adobe and I'm sorry, in Illustrator EPS that instead, that stands for encapsulated postscript. It's a, it's a, it's a vector file that can be opened by other vector editing software besides illustrators, That's a good one to Save As. And I'm not gonna do that right now. We'll go to File down to export this time instead of save as, Export, Export As. And from here you could save a PNG. And I could use art boards. So it's going to export this art board here. We'll use that. An example of why you want to do that. Let's just do this real quick. I'm gonna hit Shift O DMR board tool. I'm going to come up here and I'll DM Option key, click and drag to make a copy of this logo. And then in this one maybe I'm gonna change the color to something different. Okay, so now what I could do when it comes down to file, down to export, export as I'm going to use art boards and we use all of them. Or I could do a range of one to three or one comma three If I didn't wanna do the art board number two, we're going to export our boards as a PNG file. Let's click Export. This looks good. We'll click OK. And let's see what we get over here. So there is an extra art board. I was right, it's this little line over here. Anyway, we're going to delete that real quick. But now I've got two logo exports real quick. And these are PNG files, so they have that transparency as well. Okay, the PNG and then the last file type out export will go down a file one more time. I'll go to export. Export as we're going to do a jpeg. Okay, so we're gonna come down here and the format, change it to a jpeg. We'll use our boards. And we're gonna do a range as time of one comma three because that second our board was, didn't mean to be in there. So I'm gonna click Export Now. Let's see what happens. We'll leave it as CMYK. That looks good resolution. And actually we're gonna put it at high because its footprint will embed this ICC profile, this web coded, that's gonna make it so that way in print it's going to look as close to the same across every device as possible. We'll click OK. And what's that do for us? That's simple rehearing. Now we've got JPEG one, and you'll notice it does not support transparency and a JPEG, so puts a white background behind it and then exported JPEG three. Alright, so I know we kinda deviated a little bit from working in Photoshop, but that's because most logo's really do need to be built an illustrator, but that is how you could start in photoshop, create a logo, convert it to shapes, and then export, remember File Export paths to illustrator to bring it into illustrators that way it can be used in more more platforms and more different, more different and more mediums like t-shirts and all kinds of swag and packaging and everything that needs to work for a logo, our guys. And that is how you create a logo in Photoshop. And then of course an illustrator. But also in Photoshop. 17. Packaging Mockup: Introduction: Our guys, let's have some fun. Let's build out this good coffee co-brand a little bit more. So one of the first things you should build, I think we should build some apparel and maybe build out the packaging for the coffee beans. It's gonna be a lot of fun. So let's get started. What I wanna do, go ahead and check out the assets folder. You can see this coffee bag dot PSD file. And what we're gonna do is create a place to drop this logo right on top. And this is actually a template that I've downloaded from VO2 elements. I really recommend them highly. It's viewed in elements dot-dot-dot dot com. Check out the link hopefully is a link below this video, if not in the description of the course. And I've been able to work with them to get you guys a discount. So check that out. Obviously. I believe in it I've I've subscribed to them personally, but also recently now I'm going to fill it. So that actually does give me a kickback, but I do think this is a great place to start if you're looking for really professional assets to help speed up your workflow. So here's exactly what I mean, here's exactly how I would use that. So I'm going to jump in. I've already done a search for a coffee packaging mockup in the graphics templates. And they do have a lot of other great items you can work with. But we're going to start here, and this is one that I've found. It's a mock-up of a coffee cup and a bag. So I'm gonna go down here to the download button. And I'm going to create a, we'll call this photoshop BootCamp Project. So now I can license it for this. We're going to add in download. So it's going to download those files right here. And my download stack, I'll go ahead and unzip it. Let's just open it up and see what files we have in here. We have a guide which is handy if you guys want to learn more about whatever project or file you've downloaded, how to use it. In this case, I'm going to open up the PSD file right away and let's just take a look. So we're going to work with this as well as this other coffee bag. Oops, I pulled my tab, mountain rocks, but there you go. So you got this bag and we have this bag. And then I'm also going to show you guys how to do the same thing in Adobe dimension where we can create our own 3D editable asset as well. It's gonna be a lot of fun. 18. Packaging Mockup: Using Smart Objects: All right, so I'm coming back over here into Photoshop where I have this one that we just downloaded. So we've got a few different layers. Let's go ahead and turn them on and off to see what we've got going on here. We've got the top color. So it looks like we can change that to match our brand. We have some different elements, okay, so we've got two elements in here. Let's scroll down outside. Okay, so there's a side graphic. There's the front graphic. And I can see right away it, we're just going to blitz through this on this front graphic, we have the smart object. So I'm going to go ahead and double-click on there and see what's inside of it. So it says replace this. Okay, so this is a flat image. What I'm gonna do real quick just to work real fast and it's going to command J to jump, cut this into its own layer. I'm gonna get my rectangle marquee tool. Hey, here's one of those instances where I used the rectangle marquee tool just to get a real quick selection around it. And now I'm going to Control Shift and delete to open up my fill in on a PC and even on the mat is interesting. I don't even know why I have that shortcut because it also shows up as Shift F5. So shift F5, we'll get to that same dialogue box for some reason I've discovered Control Shift. Delete does it for me as well. And instead of foreground color, I want to do a content aware. Phil. So it's going to look at everything in here. It's going to fill it to try and match to content aware. Basically remove that, I'll click OK and it's going to magically erase that whole thing. And like Command D to Deselect. And now let's grab that coffee co logo that we made, the smart object which can hit command c to copy it. I'm on this layer. I could also right-click. And I can come up here to, let me just look at this real quick. It is duplicate is I'm looking for duplicate layer. I'll click on that. And from this menu, I can choose where the destination is. Is it inside of this? Don't just want to duplicate the layer there it is. I'd delete, right-click duplicate layer. What if I want to throw it into a different file? I can, I can do that. So I want to put it into rectangle 2.2K PSB. That's this guy right here. We'll click on that and I'll click OK. Now jump over here and look at that the logo has been duplicated and centered into this document. Let's go and resize that command t to resize. Where's it going to scale this down on the hold down Option to scale it centered. Alright. We're going to drag it up here a little bit. And our logo is a little bit small. You don't. We might need to do is build another version that's stacked. So it's good coffee co, and it's just huge. Maybe we do that right now. But for the sake of just splitting through this tutorial, I'm gonna go ahead and leave it alone. I'm going hit save in this dot PSB file. That's a smart object. I'll go ahead and close it out. Let's jump over here nor a template. Where is that guy at aisle? Where did it go that I close it. There we go. Okay. So there it is. Automatically update it and check it out. This template, they even warped it and made it fit on this to make it look very realistic. Alright, so we've got that. Maybe we should update the side. So I'm going to click on this with the honest select checked. I can see this is a smart object. Let's double-click on that. There it is as well. So let's go ahead and paste. I still have it on my, on my clipboard from command C from when I copied, where we want to copy this hit command c. It's still my clipboards wanna probably hearing Command V and paste it in that way as well. It's another way to work. Let's turn this off for a second and let's remove this. So I'm going to highlight this actually I'm gonna do so I could, I could do that control shift, delete, shortcut. My bad, I gotta be on the right layer there. We'll control shift delete, content aware. We'll click OK. That's one way to work. Command D could also just hit the letter i to sample this color and just hit option delete to fill it with my foreground colors to fill the whole thing with that color. All right, a few different ways to work here. I'm gonna select this layer and I'm going to transform it. I'm going to rotate it, will drag it over here. And because of the bounding boxes, even off my screen up here in the top, when I've got my Free Transform selected, I've got the options to turn on and off the scale. And I can just the width and the height so I can actually hover over the w or the age doesn't matter which one. And you see my cursor changes to those double arrows. So I can click and I can scrub to scroll this down or scale it down. Even though I'm not touching the Handel's over here. Okay, I'm gonna go ahead and enter command a to select the entire canvas. And because I've done that now, I've got my and my move tool selected. I've got this center and vertical alignment buttons, so it's totally aligned. Alright, Command D to Deselect and Command S to save will close. This. Will come back over to our packaging and there you can see it's down the side of this now it's a little big. Let's go ahead and maybe scale it down a little bit more. Let's save that. Close it a little better. Still too far to the top. One more time. Let's go ahead and nudge this down to the bottom. Save it. There we go. And that right there is probably one of the best examples of a Smart Object and how powerful they can be. Because every time I made those changes, it was a quick change in the Smart Object. But then all the filters and all of the effects we've applied or immediately reapplied when we bring it back out. That makes sense. Alright, what else can we do about this cup? Let's click right here and it shows me it's this layer. We'll double-click on that. Let's replace this list, just fill the whole thing with white. So I've got this layer already selected. My background color is white. Someone hit command, delete, so should be controlled Lily on PC to fill it is the same as going edit fill and we're just filling with the background or I'm sorry. Yeah. Foreground-background. Yeah. The background color. There we go. Alright, let's go ahead and paste in that logo. If I hit Command V, It's still hanging out on my clipboard, so it's still there. Command t to transform. I'll bring this center. Will scale it down. Maybe we will rotate it just for kicks. Let's save it and see what that looks like. That's not bad. It's kinda weird. I don't know. Let me let's keep it straight and see what happens. Centered. Maybe we'll bring it down a little bit, save it, close it. There you go. And just like that, you've got a realistic mock-up using an asset from in-vivo elements. Again, check those links to get a discount if you want to subscribe to it. But super cool, really, really great. And I want to show you how you can mark this up and do this kind of stuff yourself in Photoshop. But if you're working fast and you're trying to get a project done and maybe your skills aren't quite there yet. This is an easy way to really elevate your abilities and to get really great projects put in your portfolio. So the next thing you could do is you could take a screenshot of this or export it as a jpeg and upload it to your website, whether you use Wix or WordPress or Squarespace or web flow, there's a lot of great ones out there right now. So anyway, now you've got it basically just go file either save as or export, export as an export it as a JPEG. And you can use this image anywhere or you could send it to your client as a mockup. 19. Packaging Mockup: 3D mockups with Adobe Dimension: All right, so there's one version. Same thing's going to happen here. Let's, let's jump into this other version of a coffee bag that I have. We're going to double-click on the smart object here, and this is where we could throw any artwork in. As an example, I've got my BootCamp coffee I had done for another project. I just turned us on real quick. I'll save it, close it. And now it automatically updates this artwork as well. For the sake of this lesson, that's good and turn that layer off and command V to paste that logo that's still on my our board. We're going to scale it down. Command a to highlight the entire canvas and we're going to center it. And that color is a little more difficult to see on this background. So maybe we need to change the background color and let's see what happens if we make it white and safe. And to see how this template looks, not bad, it still works the way it changes background color. Let's come back here to the background. The background. And let me reset. There we go. We're just going to choose this teal color and fill it option delete to fill the background. Boom, look at that guys. Super cool. So we've got that made. Now let's say you want to push us further and you actually want to create the coffee bag yourself in 3D. We're going to briefly jump over into Adobe dimension. So it's an app you can download from the Creative Cloud. So if you open up your creative cloud, came over here to apps and you see all apps, Adobe dimension, just get that installed. And then you can click Open. And here's Adobe dimension. They've got some really great tutorials if you want to push this further and really learn how to use it. But I'm just gonna show you a 2 second Blitz on how to dive right in some at the home screen, I'm gonna click Create New. Don't save us. I was messing around with this earlier, okay, and then we're in the design mode. We have some starter assets and I'm just gonna type coffee bag. And in fact, I can see it right down here, but I'm just going to type it in case you don't see it. Coffee bag. Move what else we have. We have a coffee cup to our old do the coffee bag for now. I'm just gonna click on it. It's going to throw out right down on my canvas. And then now we want to add that graphic. So there's a few different ways we can do it. And we want to place a graphic on the model. So click this button right here, and we'll navigate to those logo exports. And we are going to find that PNG file, so it's got that transparency and I'm going to open that and it should apply it right to the bag. Okay. Another way I could work, I could come right into my finder window. I could grab it logo. We'll get this out of the way here and I can literally just drag and drop it right on there, c and it is slapped it right on there. And what's cool about it? Look at that as I move it around, it moves in 3D space and blends it around the graphic. I'm gonna go ahead and delete that one now. Alright, so now that we've got this selected, I can modify the size and you can see it's skewing it right now. So if I hold down shift, I can just scale it down, move it into place. I can even click up here to rotate it if I want to. I'm going to undo that though, Command Z. And what's really cool though is this is a physical 3D objects. So if I click back up here on the coffee bag, I have my controls down here. I can rotate this in 3D space on the x, y, or the z coordinates. Okay, so you can stage this to be any angle you want and there's a lot more you can do. You can drop in real backgrounds. It will really apply lighting and everything else. And again, that's beyond the scope of this specific lesson. But I just wanna point that out because this is an awesome way to mock up your portfolio. So let me grab his coffee cup and we'll throw this down here as well. Okay, it's going to load that asset. And I can grab this cup and I can move it in front or behind movement in 3D space. I'm come to my camera and I can change my field of view. And let's go ahead and click on this coffee mug. And let's see what else do we wanna do with this? I think that's good for now. Obviously, I mean, we could throw some different here. Let's just throw the logo on there real quick. Let's go to the one that matches. Drag and drop right onto it. Boom, look at that. How cool is that guys? It looks a little cricket I need digest that. I'm just eyeballing it here anyway. So once you're done with that and you want to render it or export it, basically incorporate a render on the top left. We'll click on that. And then it gives you the option for the export name, the quality. And if you want to PSD like a layered Photoshop file and where it's going to put it right now it's gonna put on my desktop. Let's just go ahead and go for it. I'll actually will name this coffee. Good coffee. Co mockup. I'm actually that's called the good copy co dimension mock up just so we know 21. That is, we'll click Render and that's going to throw all the files on my desktop. It's going to take it a second because it's working in 3D. So it actually is. It might take it a little while depending on how fast your computer is. But once it's done here, we can take a look at that file that it spits out on my desktop. Alright, now that my render has finished and saved, I can go ahead and take a look at that and we'll go ahead and close out of this message. Let's go to my desktop. And here we go. Good copy code dimension mock-up dot PSD. I'll double-click to open that. And you'll notice a difference. Here. We do have all of the layers that it exported. I can even grab my background color and I could change it. Option to leap to fill with my current foreground color. Or I could change it to any color I want. Doesn't really matter and you'll see that it still looks really good. But I can't change the view now it has rendered out this angle and it's flattened that part of it. So this is all, you know, this is all cut out and good to go. But if I want to change the angle, I gotta go back into dimension. And I got to go back into the design. And then I need to come up here too. The scene. Let's go back to the camera and change the field of view and the rotation and all that kinda stuff. So anyway, that's why we render it out. So that way it can be exploited in a format that Photoshop can use. Alright, now that that's done, that's pretty much all I wanted to show you for. The coffee, mock up the actual packaging, and be sure to check out those assets that you can use if you want to use them to create your own portfolio items. And we're going to continue to push this brand a little further. We're gonna do some apparel mock up. It's going to be a ton of fun. 20. Apparel Design: Introduction: Alright guys, we are going to have some fun in this lesson here what we're gonna do some apparel design, which is one of my favorite things to do. I've done it for a lot of brands and I'm gonna show you how to take any design logo. In this case, we're gonna work with a good copy CO and apply it to the sweatshirt and a real in this case, it's a hoodie and weigh it looks real. So this is a logo actually that I've designed for a real client. This is really happening, something that I've done, but before we actually send it to print, wants you to look like. So I actually mocked it up to look as real as possible. So you see it even has this wrinkle on here. And it, it, the, the strings, the pull strings on hoodie come in front of the logo like you would expect. But this is just a graphic that I've placed on top of it and Photoshop, OK, here's another example. Same logo that I designed on top of a white sweater. And these assets I downloaded from Adobe stock, I'm pretty sure it's been awhile ago, but you can get them in the exercise files. I do wanna note real quick. So with the exercise files that have I mentioned this in other videos, you are welcome to play with them and use them for your own personal use. And I'd love to have you use them and post your work in our Facebook group. But unless you buy the licenses from Adobe stock or in B2 elements, you can't use these in real client work. Just a disclaimer to make sure you don't get yourself in trouble, but you are free to play with these as much as you want. Alright? So what we're gonna do is I'm going to show you how to apply the design we made for the good coffee co into this mock-up. And then we're gonna get into some more advanced techniques as well to really bend it around the shape of the shirt as well. Alright. And then one more thing we're going to get into is in Adobe Illustrator, I have this vector T-shirt mockup as well. So the background, you can change to any color you want on this shirt by just clicking over here and click on a color. And this is how I mock up some t-shirts as well. When I'm doing a logo design for our client, I'll use these to do like a first round mock-up as well. 21. Apparel Design: Layer Style Blending Options: Alright, so let's jump over into Photoshop real quick and we're gonna jump over into the green dot PSD file. And I want to point out that if you look at this, I'm just curious, does anything stand out to you? I mean, besides the obvious like, you know, the blackout head part and the drop set. I'm sorry about my art. Let me just show you that. Let me, let me just show you if I turn off this top layer, you'll notice there was a logo on here before from something else from another project that I didn't do. I actually borrowed this graphic from the web just to show you this technique. So what we're gonna do is we're going to remove this logo. And the quickest fastest way to do that, I've got this layer down here that we're actually working with. I'm going to hit command J to jump cut this to a new layer. Just to be working on this copies, we have a backup. I made the letter M to get my rectangular marquee tool. I'm just gonna make a selection around the part that I want to disappear on a Makemake control shift and the Delete key. On a PC, it's go to Edit, go to fill, or Shift F5. Lots of ways to do the same thing and we're going to fill with the Content Aware fill. So it is going to look at everything around it and blend it. A normal blend mode with a 100% opacity. We can play with those. Those are fun options for other things, but we're gonna click OK. And it almost made it perfect except for we've got this little string hanging out over on the side. So we're gonna Command D to Deselect, drop a selection around this and do it again using my shortcut content where Phil click OK. It's close. Okay, well let's make it, let's use another tool, is it j lambda j to get our patch tool, if you don't see that, it's in your toolbar right here, this patch tool. And we are just going to draw a circle around the part we want to fix. So we are going to be replacing what's in the selection with whatever. Wherever I dropped this, I want the colors to be similar. Sums gonna come up here. And it's going to replace it with that texture. And it doesn't look too bad. It's kinda doing some weird stuff. That's better. I could do this all day. It's kind of addicting. I'm not gonna lie. But this is a quick, easy way using this patch tool to kinda clean things up. So we've got that logo removed, looking good, that was pretty easy. If there were other spots that I wanted to fix a problem areas or even like say, blemishes on somebody's face, you could highlight that and remove it if they're having a bad day. You know what I mean? Alright, so let's see here. Let's see here. Alright, looking good. Okay, so we've got our base ready to drop in our logo. Let's go find that logo file. I'm actually just going to copy and paste from this Photoshop document we've made earlier. You can find this in the exercise files if you want. So I've got the smart objects select m is going to hit command c to copy it will come over into the green hoodie file and hit Command V to paste it. Let's scale this thing down. And because my bounding handles are way over here, I can also just click up here on the w and scrub it down a little bit. Well, this could be kind of cool. I could throw it behind the Huddie. We could do some fun stuff of that. Here. I'll do that real quick. I'm just going to double-click on the layer, not on the Word and not on the smart object, but over here on the side, double-click to open up the Layer Styles. And I went to blend the underlying layer. It's dark. So I'm gonna click this and I'm scrubbing it to the right. And as I do, you'll notice that even though this layers on top of it, anything underneath that has a dark value now jumps in front of alcohol and Option or Alt on the PC. And we can break this a little bit more, split these handles to kinda make it fade a little better. So now even though this good coffee logo is in front, if I move it around and here's another shortcut to So you'll notice about auto select, selected, but if I don't click exactly on the artwork, it's going to select a different layer. So if I hold down the Command key or control on a PC, I can toggle this on and off real quick so that the Move Tool selected hold down command line, just toggle that. So now I can click anywhere on my canvas and just kind of play around with, you know, I don't know, just doing stuff. Cool. Alright, we're not gonna do that. Those are just a couple side tips that I was thinking about as we were playing around. But let's go back into this. Let's scrub this down a little bit. And to be honest, as cool as this is, it is very small. And you can't see it right now because our Blend Modes, I've still been changed in our Layer Style. So we gotta double-click over here. And again, if you click on the name, it's gonna turn rename it. If you click on the smart object, it's going to try open smart objects. We want to click right off into the side here. And we have our blending options. So you've got a lot of different tabs, right? We could turn on and off here. You want to be on Blending Options up here to see this blend if box. Okay, so we're going to scrub this back to the artwork comes in front of it. And it can be difficult to see with this color. So maybe we need to change the smart object. We're gonna come up here to come down here to color overlay. And let's just make this white. Just what really stands out. Come back to our Blending Options. And now we want, let's zoom in even further. And I'm holding down the option key and using my magic mouse here. So I'm just scrubbing my the finger up or down on the mouse to zoom in while holding the option key. All right, otherwise you can't really do it with this window open. So what we're gonna do now is we are going to, we don't want to mess around with this layer by layer. It truly means the layer that we have selected, the underlying layer, what's beneath it, if it's white, or as we scrub towards a left, toward the mid tones, they'll start to pop through. So for example, like the zipper. And if I hold down the option key and then drag, you're going to notice we get some interesting effects here. So as we scrub even further, some of the highlights on this start to pop through. And if we do it from the left side, I'll hold down option to click and break this into two, what these are called the handles here. And obviously I can push us as far as I want to go to really make it look like it's a JD On this T-shirt and this underlying layer blending, Blending effects, Blending Options on the layer styles. Those lots say is one of my favorite effects and I use it all of the time when I'm doing mockups like this, when I'm doing t-shirt mockups or if I was going to put this on the side of a truck or do some other things. And I want some of that grit to pop through some of those textures. That's how I do it. Okay, so now that we've got that looking pretty good, I'm going to click Okay, and, but we still need to make this logo look like it's behind these threads here. So what I need to do is create a mask to hide it. 22. Apparel Design: Masking: So what I need to do is create a mask to hide it. So we've got this layer, the smart object. I'm going to click on Mask icon down here to add a mask. Among. There's a few ways we can do this. The first thing that I wanted to try to do, I was going to hit the letter B to get my brush tool. And that brush is huge, but we just want a nice soft brush. I'm using the left bracket key to make this smaller left and right brackets next to the letter P on your keyboard. Alright? And then we want to paint with black, because the black will hide on a mask and white will reveal. So since whites on top, I gotta hit X to swap my colors. And now we're going to zoom in a little bit too far. It gets pretty pixelated. And now when I paint over this, but the black on my mask, it's a quick and easy way to knock this back behind that. Pull string, drawstring, whatever they're called. Alright, and that's not perfect, but zoomed out. It looks pretty darn good and you know what, we probably wouldn't we probably wouldn't have ink on. Well, depends on it depends on who you go to and how they produce this FET chair. But we're gonna go ahead and remove it from the middle here just to kinda show it. Now, a problem I'm seeing right away is this logo does not play nice, cuz you totally lose the o in the middle there. So we should probably nudge it a little bit. So what I'm gonna do If I just nudge this layer right now, or if I just move it, a bunch of men hold down the command key to turn off my auto select appears to toggle it back and forth so I can click anywhere and just move it. And notice the masks comes with, the mass comes with, the mask comes with and it breaks the effect, right? So I'm going to hit Command Z. To undo that. I'm gonna do is I'm going to click on this little lock icon between the two layers. All right, and now the mask won't move. I'll click on the actual Smart Object layer of the logo. I'm gonna hold down command to again toggle on and off this auto select layer. And now as I move, no matter where I move the logo, those draw strings pop through. Unless I go too far, up or down where I didn't actually mask out the object. Okay. So let's look at maybe if I don't know if I'd say a faster way. But, but another way to do this, another tool that's really handy in Photoshop, if we come up here to the selection tools, we want the quick, the Quick Selection Tool. So the keyboard shortcut is w. Alright, and I'm going to toggle this down in the way that this tool works. Let me go ahead and command click. So I'm holding down command to switch from to quickly switch from my selection tool to my move tool just so I can click on this layer. And because I've got my mask unlocked and selected, it's trying to select that mask even though I'm doing this. So let me just physically click on that layer. Alright. So what we're trying to do is, is trying to use this layer with the sweat shirt as my guide. To make a selection with the quick select tool. So I'm going to toggle this down a little bit. And now as I paint over this photoshop is smart enough to pretty much see the edges that I'm trying to select, okay? And it's a little rough around the edges because these tones are so similar to each other. And so this maybe isn't the best tool for this specific job. But that's why I showed you how to use the Brush tool as well. Alright, so let's go ahead and clean this up a little bit. I'm just hitting the option key to remove or leaving it alone to add to the selection. Alright, well I'm do that, it's not a great selection, but what we're gonna do now is click back here on this mask layer. And if I fill this selection that we just made on the mask with black biding option delete. On a Mac. On a PC, it's alt delete. So if I do that, fill it with black, it is going to fill this entire selection with black. And it's really difficult to see down here, but let us see if we can make this larger. I'm going to click on this little hamburger menu. We're going to come down to panel options. We're going to change the thumbnail size to big, big, huge. Click OK. All right, wow. There now we can kind of see what's going on down there. The next thing I could do, let's come back over that hamburger menu, come down to Panel Options. And we want the thumbnail contents. Instead of it being the entire document. We're just gonna do the layer bounds. Okay, so what's gonna do is it's only going to show, if I scroll down here, set the mask. It's only going to show parts of the Mass that are in use which that didn't help me out here. Okay? Alright, lets get back to this here. So, so as we did this and I'm going to, I don't want, I don't want this view. Let's change it back into Options. Entire document that's may get maybe not so big. There we go. Alright, we're on the mask layer. I'm going to change over to the smart object layer. I'm gonna get my move tool. I'm gonna hit command to toggle off the auto select. And as we drag this up, you'll notice on the left-hand side, it pretty much looks like the logo stays behind this string, but on the right-hand side you'll notice where the mask breaks. Okay? So now that we've got that done, and that's good enough for now. The reason why I would want to take the time to mask out the rest of the shirt is if I were to turn this into a template that I'm using all of the time for different artwork. I'd want to be able to apply this mask to other shapes. So let's do that real quick. Let me just, for the sake of showing you another way, let me jump in here. I'm going to double-click to open up my smart object. I'm going to copy the good coffee text. I'm gonna paste it in here as text. Let's scale it down. And because this is actually text right now, I'm going to just hit return to split this into two lines. Highlight everything by hitting command a net going to command option in the up arrow to change the letting on this. If I add shift, it'll go by Illinois, it'll make duplicates. We won't do that. What we're doing is we're changing the letting up here. I could also click on this drop down and go to Auto that's in the character window panel. If you don't see that, go to window down a character. Alright. So we've got our text. Let's go ahead and highlight the word good. Actually I'm going to cut it. Command X to cut it. Basically modifying this logo on the fly. Let's make this text white so we can see it. Let's hide this layer. Will duplicate it. Oops. Holding down the option key and dredging up. There we go. Highlight it. We're going to paste in the word good that we just had. Let's change the color on that as well. And let's scale it up just to kinda make it just because we can't. All right, good coffee, good coffee, co. Alright, looking good. All right, so we've got these two words here. I'm gonna go ahead and click both of these. I'm going to group them by hitting command G over here, so there in one group. And then I'm gonna take this mask right here. I'm just gonna hold down Option and drag it on top of this to apply a mask to anything in this folder as well. Alright, so now you'll notice it cuts through the letter g over here. And because this is not linked, I can click on the folder. Are the, are the contents in the folder. However, I want to do it. And I can move these around. And again, you'll notice on the left-hand side how that pull string drops behind. But on the right it doesn't. It only has a little bit where we brushed out. So all of this to show you that as you build out your templates, you might want to think with the future in mind, alright, so you might want to build this in a way that you could quickly drop an artwork for anything that you're doing. Alright, so that looks pretty good. Let's just refine this side a little bit. Let's come to the mask over here, get my brush tool. And we're just gonna paint, making sure that the black is our foreground color. So as we painted, kind of knocks out the graphic a little bit. And that looks pretty good. And I'm not going to worry about masking all this other stuff right now because it doesn't even across the middle there. Alright? Now, one last thing that we almost forgot to do, it doesn't look very real right now. So I'm going to double-click over here off to the side to pull up my Layer Style. And the underlying layer, we want to hold down the option key and break this. I forget they're called these toggles here. These handles. And Photoshop is very angry with me right now. Okay, as I scrubbed There we go. All done option and break the dark ones down here too. And you can see it start to fade, where it's dark, the dark, the dark shadows pop through, the highlight, start to pop through a little bit. And it really makes us look like it's actually on this hoodie. That's one of the easiest ways that I've found to make it look realistic. Ok, the other thing we could do, we could play with our Blend Modes right now she said to pass through, which means it's gonna do whatever each layer is doing through the bottom. Like it's gonna honor whatever layer the layers are set to down below. But I can cycle through these blend modes as well. So I'm just holding down the Shift and hitting the plus or minus keys because my move tool selected, make sure that moved to select it or it doesn't work to quickly cycle through these blend modes. Okay, so because it's just white text, only a couple of these like overlay and soft light or in a normal are going to work. Some of them, it's actually kind of goal. Some of them like multiply, will completely remove that white text. But like that, there we go. Dark and a multiply. Alright, some cycling through, just coming up with something that looks kind of cool. It's something that I would want to wear. There'd be a cool brand. And in this case, the dark text would be nice or even just the standard white text that we had here. Cool, good coffee, sweet. That looks really good. So we're gonna save that. And then the next thing we want to play with, let's go ahead and take a look at the white hoodie over here as well. 23. Apparel Design: Displacement Map Filter: Then the next thing we want to, let's go ahead and take a look at the light over here as well. So the same principle would apply if we were going to apply this same techniques, right? We would just mask out these draw strings, which I've already done in this file. And because I've already done that, I could grab this good coffee logo. Let's grab the group. I'm actually gonna grab these two layers separately. Command c to copy it. Lets jump over into this document. I'm going to click right here on this logo. So it shows me right in line with where I'm at a command V to paste it. And I've got a transform it up. Okay? And we're going to run into some problems here because it's white text on a white sweatshirt. We're going to have to do some housekeeping. Alright, we've got that in there. Now what I'm gonna do is on this layer, you'll notice that by default this logo had was orange and put a color overlay. So if I want to copy that exactly, I can right-click on this layer anywhere in this layer. And then these layer options, I want to copy the Layer Style. So it's going to copy all of these effects that have been applied to it. I'll go ahead and turn this off for a minute. It's also going to copy these. See this little square and these two squares with solid square in the center. That is our blending layer style that we did here that I did, just like in the other document. Okay. So it's copying that information as well. So I'm gonna copy on the word good. I'm going to right-click and I'm going to paste layer style. Style. The word good gets that effect. I'm going to, it gets the layer style and the color overlay. I'm gonna do the same thing to coffee. I'm gonna right-click and I'm gonna go to paste layer style. Alright, that's looking good. And let's take a look at this. You'll notice there is no mask currently on these text graphics, but that drawstring still pops through a. Why is that? Well, it's because we've got these layer styles with the underlying layer. Anything with a darker value than this gray tone right here is going to pop through. Okay. It looks like I also did a mask on it. Let me see if that pops up anyway. Okay. So what I did because this metal part of this would not follow that rule. Let me de-select this. Let me grab these layers and if I were to drag them down, you'll see it breaks because those are lighter tones. Alright? So what I did is I added a mask. This mask right here. If I command click on the mask, I can see where the selection is and all I did was brushed out physically making it mask that layer. Alright, so that is another fast way to get this mocked up. Okay? Alright. So the next thing we want to look at is an advanced technique, a displacement map. And what that's gonna do so far, it's been pretty easy because these haven't had many wrinkles and them in the text doesn't need to look like it's really bending around objects. But what we're gonna do now is we're gonna take a look at what's called the displacement map, which is going to bend the text and make it look realistic. All right, so in this sample, what I wanna do is I actually want to put the logo on the wall and maybe even on the t-shirt. And you notice the teacher has some wrinkles and the wall does too. So how can we do this and make it look realistic? Well, we're going to use something called a displacement map. A displacement map is going to take a look at the shadows, the mid tones, and the highlights. And it's going to use that as a map to apply to whatever graphic you want and make it bend in certain ways. It's gonna use that as its guide. So let's go ahead and just jump into this. So I'm gonna take this document and I'm not gonna do anything different to it other than, let's create a new adjustment layer by clicking on this little half circle thing. And we're gonna come up to hue and saturation will click on that. And we're going to scrub the saturation slider all the way to the left. Okay, so this is now a black and white image. And we might even want to add, bump up the contrast a little bit. Usually it's fine, but let's just do that real quick. I'll add another layer and we're going to come to brightness and contrast. And this just kinda add a little extra contrast to this and maybe even some brightness. It just kinda depends on we want some of these shadows to stay there. But we also want that to be prevalent here on the teacher. All right, so we've got that. Now what I'm gonna do is I'm going to go ahead and just save this command Shift S to Save As we're going to call this displacement map. Okay, now we're gonna go ahead and open up this document again. So now I've got my displacement map here, and then I have the original file here. And what we're gonna do is actually paste in some artwork on top of this. So let's go ahead and grab our good coffee co logo. I might command C to copy the smart object. Let's jump over here into this stock from Adobe stock command V to paste. Let's move is up here. Okay? And this might be a little subtle. This image might not be strong enough to really show the effect, but if we look at it closely now it just looks straight and nothing really happened in there. I'm gonna change the blend mode from normal to multiply, which will kind of help a little bit. You'll see some of these shadows pop through very, very, very subtle effect. If I move it over on the sea right here, over this dark spot, you'll see it even more. Okay? So we've got that and now what we're gonna do is we're going to go to filter down to distort. And then over here to displace. Okay, we're gonna click on that. And one thing I should point out, depending on the version of Photoshop you're using, you're gonna wanna pay attention. This image is actually, if I see over here in the title an RGB image. Let me just cancel this real quick. We're gonna go to image mode. It's an RGB. If you're in CMYK, not all of the filters were show up. So if you don't see that, make sure that you're working in RGB while you're in Photoshop for all of these filters to work. Okay, so we're gonna come back. Let me try that again. Render filter distort, displace. Ten should be fine. Really been at ten right here. And because we are working with the exact same image went over the top, I don't really need to worry about how any of this stuff right here. So I'm gonna click OK. And now it's going to have me go find that displacement maps. So here's that displacement map. I'm going to click on it and I'll click open. And it's going to use that as the map to apply the filter to this layer. So if I zoom in now, you'll notice right here like how the sea bends out. So if I turn this on and off, you'll see the before and the after. So it's bending this to make it look like it's really on that wall. Okay. And you're going to have different results depending on that number, whether you use ten or larger or smaller number. And if I want to make modifications, I can click down here, double-click on the word displace. We'll double-click on that. And I can come in here and try some different things. Maybe I make the vertical scale b 0 and click OK. Find that displacement map again, hit open. It's going to reapply that filter. And it's very, very subtle. It's hardly even worth it in this document. This maybe isn't the best example, but let's go ahead, let's go ahead and throw that logo in here again. Should be my clipboard stills might command V to paste nor bring it in front of this T-shirt. And I'm gonna change the color overlay. So I'm on this layer, click down here on the effects tab and we go to color overlay. Errata changes, make sure it's on white. There we go. Click OK, scale it down a little bit. And I want this, just for the sake of this tutorial to go right through the wrinkle on the shirt so we can really see this. So I'm on that layer, I'm going to come up to filter distort display. So I'm going to use the exact same displacement map. Click OK. We'll grab that displacement map PSD file. Click open. And it's a little subtle, still little too subtle. So part of this not working out so well for me is actually a good, you know what, I hate it when people use tutorials and they use like the most easy, easy document where you don't have any problems. But this is a good example of real life. So all of these flakes, this shirt, all these highlights there really messing with this graphic on this displacement map. But if this was more wrinkled, like if the, if the wrinkles were a little more apparent, it would it would bend around this and it would look so good. So, you know what, I'm actually okay that this toy bombed right here. And it didn't look nearly as good because this is the real-world stuff I want you guys to kinda see this. So if you wanted to, we could undo that. It's undo that again. And maybe we want to physically bend this and warp it and make it look, you know, we can, we can physically do this ourself. So what we're gonna do is hit Command T to get our free transform. It's a smart object. And up here at the top we have this Warp, Right? This warp button. So when I click on that, I can actually physically grab different pieces of this and I can warp it. And obviously it's gonna take me a lot longer to do. But if I wanted to, I could actually manipulate this text to make it look like it was wrapping around this. And obviously I'm doing a terrible job right now. But the point is this, I'm just trying to show you some real life workflow and my thought process as I approach these designs and try and make really cool graphics. So I hope that makes sense guys, the displacement filter and the displacement map, who've really cool features in Photoshop. 24. Apparel Design: E-commerce Product Mockup: So another way that we can use these mockups, I'm gonna go ahead and make a new file. And we're gonna make a new print document, and we'll just leave it as letter. And we're going to change it to a landscape orientation here, 300 pixels per inch, RGB color, we're going to click create. So now I'm gonna do is juggle friend to illustrate a real quick. So if you've got the Creative Cloud, you can download illustrator as well. I'm going to grab this t-shirt and I'm going to go ahead and copy this color. I'm sorry, not copy. I'm going to change the color. I'm gonna click with my direct selection tool in illustrated with the letter a. I'm just going to fill it with this blue color that I use on everything else. And then come back and copy the whole thing and hit command c to copy it. We're gonna jump into Photoshop. I'm just gonna paste this as a smart object inside of Photoshop. So now what that means is it's not tied to that document I copied it from. It's not tied to this at all. However, it retains its creditability. So if I double-click into the smart object here, I can see the t-shirt and a new vector smart object file. So for example, I don't really like these highlights and how they're looking. So I'm gonna select one. I'm an illustrator now, go to Select Same, fill and stroke. And I can either delete them completely, which I might do, or maybe just make them darker. They look more like a shadow against this shirt here. There we go. That's a little bit better. You know what, I still don't like it. I'm just going to delete it. I'll hit save. We'll close that tab and you'll notice it didn't change this original document at all. But if we come back into Photoshop, there it goes way. Alright, so we've got this t-shirt mockup here. Want to grab the background. I'll click on this color to get it. Similar. Open up my color picker by clicking on this thumbnail. And we are going to make this a little bit darker and then fill that background. Okay, that's pretty cool. Maybe a little dark or maybe not dark enough to have enough contrast. But now what I can do is I could take this layer, maybe add a drop shadow to it, kinda make it stand off the background a little bit. Maybe bump that size up, just a touch. Click OK. We'll come back over here and grab our good coffee co logo. And maybe I'll grab Actually the stacked version where it was at at my open documents. How about this guy right here? The good and the copy text will grab both of those commands S0 and command V to paste it into this document. And they're not going to show up right now because they have this layer style applied to it. So I'm going to double-click over here. I'm going to deselect one. There we go. Double-click over here. And we're going to turn off this blending underlying layer effect. And I'm going to add a color overlay. Now it's already white to begin with, so we're just going to turn them off. I'll click OK. Alright, then we need to do the same thing for the layer below. So we're just gonna double-click over here, reset those sliders and turn off color overlay. And there we go. Select both of these. I can put them into a folder or I can right-click and I could go click on a link layers. So now you'll see a little link icon. And now no matter which one I choose, they both move together. Okay, now let's just scale this down. Good coffee, all right, and then there is another way that I would do a T-shirt mockup. And this little line here, I'm not a huge fan of that either. It's kinda mess with the designs. Let me open up the smart object. I'm just gonna get my direct selection tool up here. The letter a. It's a shortcut or to click once on this anchor point. We hit Delete once and then delete one more time to remove this extra anchor point. We'll save it and we'll close it. And we'll jump back into Photoshop and that goes away. Alright, so there is another way that I would do my mock-up. Now you'll notice if I gotta move the shirt, the logo doesn't stay with it. So let's go ahead and grab this. Let's click on our good coffee. And then I'm going to shift click or actually I'm going to command click on this other layer. The t-shirt is, I'm gonna right-click. And we're going to link this layer as well. There it is, link layers. Alright, so now, no matter what I grab with as the t-shirt or the text, it's all gonna stay together. So I could drop this in here on the side, maybe hit the letter T to get my text tool. And I can click and drag to make a text box over here. Let's make this much smaller. Maybe like, I don't know, 18 points. And I could say, you know, shirt details. Maybe change the font, something else. Helvetica, how's that type? We are going to paste lorem ipsum just for filler. Let's change the size to like, I don't know, 12. Let's change it all the 12 real quick. Let's change our tracking to 0. Let's just delete all this garbage. Alright, there we go. So now what I just did real quickly is created basically a mock up that I could send to a client. There'd be a lot more text than I would ever send to them. But, you know, maybe it's a product description for a website or something like that. And maybe we can bump this up a little bit more. How's that look? Too much space. 14. So I'm gonna hit Command Option up or down arrow to toggle the letting over here 19. Let's do 16, that's better. Okay, cool. That looks pretty good guys. So if I go ahead and move to the Move tool or click on the check box up here will commit those changes. So now I can say sure details. Maybe it's even got a price over here and I don't know. I don't know. Now were just making stuff up guys on a little bit off script. But this is how I designed and I really love showing you my workflow in my thought process as I get into things. So yeah, that's how I would design this mock-up. And I hope you really enjoyed this. Be sure to check those exercise files for those assets that I've provided to give you a a place to explore and design and a quick reminder that those are licensed assets for you to use as a student, but not to use in a real project or to resell to anybody else. So feel free to post them on your personal website portfolios only or in the Facebook group. Otherwise, you'll need to buy those licenses, but hope you enjoyed. Please take a minute, go ahead and create a t-shirt design as part of a project here, and pick any one of these layouts that we've got, whether it's the green hoodie or the, the brick wall layout here that we've got, or maybe the one that we just made, grab one of these assets, created T-shirt design, and share it with us in the Facebook group. 25. Social Media: File Setup and Working with Multiple Artboards: Alright, let's learn how to make some social media graphics. So what we're gonna do in Photoshop, we're going to click on the Create New button over here on the left. And in our New Document window, we could just dive in and create our new document. Or if we look across the top, there is actually a tab here with some mobile blank document presets. So we could scroll through here and pick one that gets us close. We could click View All presets and you can see there's quite a bit here to get you started. Or you could even scroll all the way down and you'll see we have about 12 free templates that we can work with. So right now I'm gonna do, I've got this cool organic social stories set. I'm going to click on that. And it's provided by Adobe stock. It is free to download. So I could click See Preview if I wanted to get a closer look at what we're actually going to be getting our hands-on here and close this preview. And if I'm ready, just click download to download this template. Alright, once it's downloaded, the button now changes to a blue Open button. So we'll click on that and we have a few different, what we call art boards going on here. So let's take a look at this real quick, and this is the first time you've come across art boards before. So basically what an art board is. Let me just grab as layers tab and rip it out over here. And I'm just gonna scale it up and make it bigger so we can see what we're doing here. And you can see that each one of these is basically like having multiple files open inside of one file. Okay, so if I click on this up at the top, I can see this has the width of 1080 pixels and 19-22. So basically a vertical 16 by nine, right? So it's like shoot known a cell phone, right? That's your vertical story. So we'll start with one story, two, sorry, three-storey four. And then we also have post setup for the square grid on Instagram. Okay? And these are setup as interesting, let me see this. Okay, so if you look, if I click on these, these are setup in pixel dimensions and these posts, her actually set up an inches. I have not seen that before. But anyway, real quick diversion here. So if I come over to Photoshop, down to Preferences, down two units and rulers, you can actually control how each document is set up so we can change the rulers from inches to pixels if we wanted to. Alright, so you can do that at any document when you get started. If you are working in print, you probably want it in inches. If it's on-screen, you're gonna want it in pixels. Click OK. And now I'm curious, let's just see. Let's come back to our post to it shows up as pixels. Everything is in pixels now, okay? Anyway, so what we're doing here, if we look in our Layers panel, you'll see we have our, our boards. And I can rename them by just double-clicking like you would any other layer. So I don't know Derek's edit or something. You could name it whatever you want. And if I click the little twirl down, you can see beside it we've got the eyeball to hide the whole thing, like you would expect a layer. We've got our group for folders in here. So this group, we've got our text. Kind of tough to see. I'm going to zoom in a little bit over here. Alright, and then I use that shortcut Spacebar and then hold down the command key to get my, my magnifying glass. And now I'm just clicking and dragging with my mouse in and out. Alright, so we've got to text here, we got a text layer, we've got our placeholders. So this looks like it's where you would drop in your image here. And we've got our design elements. Alright, so as we break this down, this is kind of a great work, great way to work if you're brand new to Photoshop and you're trying to get a handle on what it can do. What I mean by that, if we go to create a new document, coming across all of these templates, if we scroll down whether it's a print or a photo or web, there's a lot of free templates that you can play with that will get you up and running fast and help you kinda deconstruct how you construct your layers. Okay? Alright, so now that we've got our social media graphics setup here, if you wanted to create this for yourself, which is basically create a new document in the width is 1080 by 1920, alright. 26. Social Media: Shapes, Properties, Smart Objects and Text: So we've got our assets over here on our Layers panel, and now it might be time to flushes out. So let's say you, you like, look at this and we wanted to start fleshing it out. Well, let's, let's go ahead and grab a photo. This time, instead of using Adobe Stock, we're gonna get some free stuff over here at pixels.com. And let's just search for How about a bike or something? Maybe you're a bike shop. Alright, let's just kind of scroll. See, we've got to work with. That's pretty interesting. Os kinda cool. We'll jump in with this guy. Do a free download. Special, thank you to the Creator right here. Thank you for the image aright. And we are going to just actually as, as an aside. So because depending on the royalty management of each image, you gotta pay attention to this if you're gonna be using this in the real-world, makes sure that you give credit where credit is due and depending on how they want you to do that, whether it's a link back or tweet or whatever. So anyway, alright, so we are going to jump back into this spot versus your image here. So there's a few ways we can work. You'll notice we've got this little interesting thumbnail here. And if I double-click on that, what's actually happening is this is a smart object. So what that means is essentially I could drop anything I want into this. Do it real quick. I'm just going to drag and drop this photo right in here, just to show you a well, throw this in there, scale it up. I'll hit save. And you notice that the dot CSB file, right? Not irregular Photoshop file a close this completely and you'll notice it updates in here because it's a smart object, it is linked to that. Okay, so what I can do is I can just double-click in here and make any changes I want to it. And then when I update that, save it, whether I'm scaling it up or whatever I wanna do with it. We'll save that, close it, jump back over here, and immediately that size is scaled up. Okay, so we'll work more with smart objects down the road here, but this is just a really quick way to start diving into Photoshop and creating your own social media graphics. Alright, so as I explore this template some more, I can click on this background layer and I've got the auto select features selected on the Move Tool. So now no matter where I click, it'll, it'll show me where that layer is here in this template. So I'll click on here and maybe we want to change this color to match this motorcycle more. So what we're gonna do is grab my eye dropper tool. I'm going to click here on the gas tank. And now with this background shapes elected, and my foreground color, I'm gonna hit option delete on a Mac. It'll be all Delete on a PC or a computer to edit down to fill. There it is. Alright, but we already just fell that so it's not gonna show up anyway. All right. So we've got that filled. We could also go to because it is a shape, right? So I'm in my layer. Let me just read dock this so we can see it a little bit better. Will dock this in here. Maybe. Come on. There we go. All right, so I've got my layers doc down in here again and we are working with this shape layer. And because I have a selected in the Properties window and if you don't see that go to windows down to properties, we can change all kinds of things about this shape. Let me just kinda show you if I move this over a little bit with this selected, you can see that I can actually round the corners a little bit because it's a larger document and use a larger pixel size to actually see that show up. We can unlock that and make it just one corner around instead of all of them. Okay? So we can do a lot of fun things here with these shapes because they're editable. So what I'm gonna do though is go ahead and command Z a couple of times, controls the NPC to step back. But all that to say, what I was doing is I was feeling my foreground color on top of that shape. That's one way to change colors, right? If I had a different color in here, my foreground color hit option delete. And now that shape change colors or right in here into the properties because it's a shape. I can click on that and I can change color that way. All right, we've got that done now. It's just kinda like this. We've got an abstract shape and it looks like it looks like it truly is just an abstract shape and it's a random pixel shape, okay? And maybe you love it and maybe it's a little weird. But remember, in the one thing we can do is up here in the lock barr, I can click on this checkerboard and that can lock the pixels. So now if I want to fill it, let me grab my eye dropper tool and grab a different shade blue that's gonna match for my photo. Now I can hit option delete, and it's just going to fill whatever pixels were in there because I locked the layer to only fill pixels. Okay, so we're going to color that shape. What is this going on down here? What is this watercolor element? Interesting. I'm gonna manipulate this a little bit. I'm gonna hit Command T and I'm going to scale it up. And it's going to get pixelated a little bit. But I don't care because I'm going to throw it back. I just said throwback. That's funny to me. Alright. We're gonna send it down a little bit and we're going to change the blend mode. Just kinda cycle through hitting that shift and plus or minus shortcut with the Move Tool selected. Alright, and that's scrubbed the opacity down a little bit. Okay, so what I'm showing you is ways to take something that's a pre-built template and things you can kinda play with to make it your own. Alright, let's just kinda psychotherapy blend modes and multiply. That looks kinda cool, scalable up a little bit. Alright, that's looking cool. It's different, you know, a little bit random but just making it my own. Okay, and now this text, so let's add this text. So it looks like we've got a missing font issue. Let's see what's going on here. So these fonts are missing in this text layer, alright? So we can either replace it or managed. In this case, I'm just going to replace it with something else. Alright, so let's look at some other fonts that we wouldn't want to play with here. I'm just gonna scroll real quick and not to take too much time finding some cool. And how about that dot looks kinda cool. Alright, let's scale it up a little bit. Maybe want to put something here like weekend sale. I'll hit enter command t, And we're just going to scale this up and hold down the option key. As I do this you'd wanna do on a PC because it just scales faster. So what I mean by that is, if I love this alone and I just start scaling it now, I've got to scale it this way and then I've got a kinda drag it and center it. But if I do, if I hold down the option key or the alt key on a PC, it'll scale from the center. So I'll do both sides at once, which is just a little bit faster. Okay? So anyway, just kind of playing with that, getting it in place and look at that in just a few minutes here using a template to get started as some inspiration. We have a pretty cool graphic. So I'm gonna hit Command S to save this as call it social media post dot PTSD. And what I'm gonna do is click Embed color profile. And we're going to hit Save. 27. Social Media: Instagram Story & Post Design Continued: So now this is saved. And honestly guys, make sure you start saving right at the beginning whenever you weren't getting that habit just so that way when Photoshop crashes because it will crash, you don't lose any work. Okay, so there we go. Now we've got one of our art boards are one of our stories designed. Okay, so let me just close this. Let me pull this layers tab off again so it's a little easier to see. Alright, so as I move across the canvas here we see we have multiple R boards and we just did that first one. Okay, maybe we rename it to weekend sale or something. Keep it nice and tidy everything else in its place. Alright, so if we were gonna do this and apply the rest of us look to the rest of these art boards. Here's how we go about doing that. So I'm gonna do again, I've got my move tool selected and auto select checked up here so I can just click on any one of these layers. And real quick, you can also change this to group. So maybe you want to grab the entire group and move the entire thing if it's all grouped up, right? So moving multiple assets at one time. So that's an option as well, will change back to layer. I'm gonna click on this light blue and actually let me, I want it to match. So what we're gonna do is actually click on this layer. Instead. I'm going to click into that shape. I'm going to click over here. And now it pops up the window or the color picker dialogue box. So down here I can grab this, what we call a hex value. This hex colors, so it's six digits, and that will copy this exact color. So now what I can do is I'm going to select this shape now. And we'll come back in here. And we'll come back to the color picker box window thing for kind of paste that hex code right in there. And now let's, let's, let's nest are layers again. So we can see without movement at all over the place. All right, so now that's starting to look good. Kinda plan with the same changes we made in the other one. Remember I had changed the color of that abstract shape. I'm going to grab this abstract shape. I'm going to lock the transparency and let's just fill it with Codename filled with, to be honest, I don't remember. So it's grabbed the shape and let's change the blend mode from multiplied back to normal. Get the eyedropper tool, I'm going to sample that exact color, will come over to this shape about the transparency locked on this layer. So now I'll have to do is hit option delete or come up to edit, down to fill. And we're going to fill it with the foreground color, which is the colour chip that's over here on top, will click. Okay. So now these colors match. Now I can send this blue, this, and this shape and make the blend mode multiply. There we go. We'll click on this shape. I make the blend mode multiply. Alright, so we're starting to match this text I feel like probably should match as well. And to be honest, I can't render what font we chose. So let's look over here real quick. We did flood STD. Alright, so let me jump over here and we're going to put that in flood. There we go. And let's change the color. We can make it white. I think this is white. Yeah. Okay. That's told me why I was, I wasn't sure if I sampled from the image, which would be another easy way to make all the graphics just match and look like they belong together. Let's just say. Sale. This font doesn't really work so well stacked. Sale. Let me think about this for a second. Let's copy this down and hold down the option key, the alt key on a PC. And then as I start to drag, then I can throw the Shift key in there and that'll stay straight up and down or at 45-degree angles as I scale it down. Okay, so we're gonna change this. Oh, you know, we could do is just go sale, sale, sale, right? Sale, sale, sale. That's one thing we could do. Maybe or not. Delete that. Highlight down this go weekend. And you'll notice it goes past the bounding box. So I can click down here and scale my box out to fit it all in there. And when I'm done, I can click on the checkbox up here in the Options bar, just hit the Enter key on my keyboard. Now let's scale it command t. I'm just going to scale this down a little bit. Okay? And depending on how your system setup, you might need to have the Shift key hold that down, why you scale so it doesn't skew it. Alright, we can sail, that's looking good. Alright, now we need another image here. Okay, so we could do the same thing where we jump into our Smart Object that they've made for us, we could go grab another image. Let's see. Show similar photos. That's kinda cool. Let's grab this guy. Free download. Special. Thank you. Alright. Alright. I'm gonna grab this image and just throw it right in there. And this is the camera filter and I kinda blew by it in the last, last time. Again, your system may or may not open this by default, someone my settings are not stock. So if you don't see this and it just opened up, you should be good to go. If you'd like to see this in and you just your images open write-up, what you can do, it's a filter, so going to filter down to Camera Raw Filter, okay, and that's, that's this window. So you can actually dial in a lot of things, a lot of different color changes, et cetera. So that's beyond the scope of what we're doing right now, but That's what's happening there. Okay? Alright, so we've got our smart object. Let's just scale this up so it fits in that frame. That's trying to crop anything off. There we go. We're going to save it right now. But this little asterix up here that tells me I haven't saved it yet. So Command S to save. And I'll go ahead and just close this dot PSB file and it will automatically update in there. Alright, that's looking awesome. Let's see what else can we do with this thing? Let's change this watermark thing. We're gonna hit Option Shift and the letter M. All right, that is a shortcut on a Mac. I'm not sure how to do on a PC. I think it would just be Alt Shift and the letter m to quickly change your Blend Mode to multiply. Alright, so you can do that option shift and S to go to screen or see to go to color. Or Option Shift N to go to normal. Seem chains right here. Option Shift M goes to multiply. Alright? So if you guys, I should probably take a minute to say, I know I'm throwing a ton of short cuts out there. And the hope is that you would get to see that you can work really, really fast. And the faster you work, the more work you can achieve. And ultimately that's how if you want to make a career as a graphic designer, how you can become more valuable. And make more money. So it's really important to learn the shortcut so you can get comps out very quickly. Okay. So anyway, all right, moving right along, moving right along. This looks good guys. Here's a couple stories, Alright, so we could go through, we can flesh out the rest of these. Let's see here it looks like I must have accidentally deleted one of these at some point. Alright, so that's going to be careful when you're doing stuff, moving things and deleting things, but it's easy fix. So what we're gonna do, I've got my move tool selected. I'm going to click right on post number one. There's a few things we can do. I can click on this plus above or below to copy an art board that is the exact same. Let's stack this over here on the side so we can see it. So I created a brand new art board. Just see there's nothing in this layer right now. Let me move this. Alright. So on post number one down here you'll see there's all kinds of stuff. But this new arbor, which is created as totally blank for us to begin working with. Let's throw this back over here. And let's undo Command Z to undo that. Alright, so that's one thing we could do. Another thing we could do, and that's our, our board to right here. We can just click and drag to make new art board. And I can click on the word art board right here and up in the Options bar, you can see that I've got a custom size or I could physically key and the exact size of want this to be. All right, that's one way to work. So 1080 by 1080. And then to change this word up here, to say Post, to come into my layers, come down to that layer. Our board, double-click in it and we're just gonna change this to say Post, to rearrange this real quick. All right, so we've got post one post too. So there's another way to work. Okay, then the other thing we can do, I'm gonna come back to the Move tool. And you can actually hover your mouse over this. And then before you do anything, hold down the option key or the alt key on a PC, then click and then drag. And if you hold down shift and actually my smart guides on, so it just keeps it right in line. Now if I let go, not only did it copy it, copied all of the layers with it. Okay, so I could actually begin doing whatever I want in this guy, in this little story without changing what happened in post one. Okay? So that's how that works. Now, now that you've got this all done and you wanna make a post and actually send this to your phone. Here's how you can work and what I'm gonna do is do some housekeeping real quick first guys, so let's, let's go ahead and clean this up. Alright, what's interesting that I'm noticing is that, uh, titles went away and I'm not sure if I did something or Photoshop is glitching right now. Maybe whenever you watch this video, I'll notice, but alright, so you'll notice that the titles went away. I've never seen that before, but as we're recording what we're gonna do, I'm just going to turn the eyeball on and off to make sure I've got the right one selected. And I can either hit the trashcan down here to delete it. Yep, go ahead and delete this selected are bored. Or we'll click on this with the sort of the move tool. Auto select, click on those to see which player that is. Use the eyeball just to make sure I could just hit the delete key. All right. What I'm doing right now is I'm just trying to clean up the posts that I'm not going to use. So