Mastering Adobe Photoshop CC: Advanced Retouching, Mockups & AI Generative Fill | Kate Silver | Skillshare
Drawer
Search

Playback Speed


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

Mastering Adobe Photoshop CC: Advanced Retouching, Mockups & AI Generative Fill

teacher avatar Kate Silver, Graphic Designer & Adobe Instructor

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Mastering Adobe Photoshop CC Intro

      2:29

    • 2.

      Welcome to the Class!

      1:27

    • 3.

      Getting Ready: Files & Free Shortcuts

      3:20

    • 4.

      Most Useful Shortcuts & Interface

      4:34

    • 5.

      Non-Destructive Editing

      3:25

    • 6.

      Contextual Tab and History Panel

      5:37

    • 7.

      Advanced Retouching

      1:28

    • 8.

      Retouching: Whitening Teeth

      6:34

    • 9.

      Clone Eyes with Clone Stamp Tool

      4:51

    • 10.

      Clone Stamp with Rotation

      7:33

    • 11.

      Retouching Wrinkles: But first Teeth Whitening

      4:20

    • 12.

      Retouching Wrinkles: 1. with Healing Tool

      6:05

    • 13.

      Retouching Wrinkles: 2. with Clipping Mask & Warp Tool

      6:03

    • 14.

      Practice Both Techniques: 1.Healing Tool & 2.Clipping/Warp

      8:56

    • 15.

      Retouching Skin Tone: Color Fills, Masks & Blending Modes

      5:59

    • 16.

      Skin Tone: Editing Layer Masks (for Eyes & Teeth)

      6:33

    • 17.

      The Contextual tab & AI Generative Fill

      1:31

    • 18.

      The Contextual Tab: Removing Background

      7:27

    • 19.

      AI Generative Fill & Extend

      6:02

    • 20.

      AI Generative Fill: Design a Portrait

      7:05

    • 21.

      Fairy Portrait: Auto-Image Brightening

      3:23

    • 22.

      Camera Raw Filter: Making Hair Color Pink

      6:43

    • 23.

      Camera Raw Filter: Eye & Eyebrow Color

      6:36

    • 24.

      Adding Glittery Lip Color

      2:50

    • 25.

      New AI Filter: Makeup Transfer

      2:34

    • 26.

      Adding Beads Makeup

      3:00

    • 27.

      AI Generative Fill: Crown, Necklace & Dress

      3:42

    • 28.

      AI Sky Replacement

      2:00

    • 29.

      Brand Mockups & Patterns

      1:01

    • 30.

      Book Mockup: The Warp Tool

      5:10

    • 31.

      Book Mockup: Edit Page Contents

      3:30

    • 32.

      Another Book Mockup

      5:12

    • 33.

      Book Mockup with 2 Pages

      7:05

    • 34.

      Book Mockup: Multiple Designs

      3:42

    • 35.

      Class Review

      0:12

    • 36.

      Labels Mockup: The Perspective Warp

      3:09

    • 37.

      Perspective Warp & Layer Mask

      4:49

    • 38.

      Labels Mockups: Cylinder Warp

      5:12

    • 39.

      Labels Mockups: Adding Blur Filters

      4:16

    • 40.

      Class Project

      0:30

    • 41.

      Create a Seamless Pattern

      4:30

    • 42.

      Adding Drop Shadow Effects

      4:12

    • 43.

      Mockup: Apply Patterns to T-shirt

      7:40

    • 44.

      Patterns on Boxes: Cylinder Warp

      4:12

    • 45.

      The Vanishing Point

      6:12

    • 46.

      Adding Labels to Vanishing Point

      3:33

    • 47.

      Interior Design with Vanishing Point

      0:38

    • 48.

      Interior Design: The Vanishing Point

      5:02

    • 49.

      Interior Design: The Vanishing Point

      5:02

    • 50.

      Interior Design: Adding Artwork to Perspective

      5:34

    • 51.

      Adding Rug & Furniture

      5:28

    • 52.

      Designing a Table with AI

      7:17

    • 53.

      Duotone & Neon Effects

      0:56

    • 54.

      Duotone with 1 Gradient Fill

      6:31

    • 55.

      Duotone:2 Separate Gradients

      5:31

    • 56.

      Introduction to Neon Effects

      14:02

    • 57.

      Copy&Paste Neon Effects for Text

      5:10

    • 58.

      Layer Mask / Hide Rectangle part

      5:15

    • 59.

      Adding More Neon Colors

      9:16

    • 60.

      Neon Party Poster: Blur Background & Color

      5:42

    • 61.

      Neon Poster: Neon Rectangle

      10:50

    • 62.

      Adding Neon to Text

      6:16

    • 63.

      Blue Neon Sign

      4:39

    • 64.

      Copy & Paste Neon Effects

      10:55

    • 65.

      Congrats my friends! What's Next?

      1:13

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

Community Generated

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

377

Students

8

Projects

About This Class

Master Adobe Photoshop with Advanced Retouching, Mockups & AI Generative Fill: Learn a range of editing tools like Blending Modes, Background Removal, Patterns, Filters, Layer adjustments, and more

with 10 Fun Projects! (and me Kate Silver)

Step by Step & Guided by Shortcuts

Who is this Course for?

  • Those with Basic knowledge of Adobe Photoshop
  • Those who Completed my Beginners Photoshop Course 
  • Or Beginners who want to learn Several Skills in one Go

What you’ll need:

Adobe Photoshop CC: Download Trial Here:

What we'll Learn:

  1. New Tools & Interface: Quick overview of the latest tools interface, ensuring you stay up-to-date with the newest functionalities.

  2. More Advanced Shortcuts: Grab the Free Shortcuts Sheet and let's Repeat the Shortcuts throughout the class & boost your workflow for efficiency.

  3. History Panel: Master the History Panel to seamlessly navigate through your editing process & Undo/Redo with precision.

  4. Layers Advanced - Tips & Tricks:  Adjustment Layers Vs. Image Adjustments, as well as exploring blending modes for creative effects.

  5. Advanced Retouching: Whitening Teeth, Removing Wrinkles & Dark Circles, and add a Sun Kissed Tan to your Images.

  6. AI Generative Fill: Explore the genius AI Generative Fill of Adobe Firefly. Add Hairstyles to Bald heads, Extend Images seamlessly, and Transform Features effortlessly.

  7. Contextual Tab - Background Removal: Remove Backgrounds in 1 Click with the Contextual Tab

  8. Fantasy Portrait: Unleash your creativity with AI to create Fairy-like transformations, Makeup Transfer, Sky Replacement, Camera Raw Filter, and more.

  9. Mockups for Branding: Create mockups for branding: Book Mockups, Packaging Labels, & Seamless Patterns - Perspective Warp, Warp Tool & Cylinder Warp

  10. Seamless Patterns: Create Easy Patterns in Photoshop
  11. T-Shirt Mockups with Patterns: Design Patterns & add them to T-Shirt Mockups 

  12. Interior Design with Vanishing Point Techniques: For Mockup Boxes & Interior Design

  13. Duotone Effects: Explore the art of Duotone Color Light manipulation

  14. Neon Effects: Create stunning neon effects to imbue your designs with vibrancy and visual impact, elevating your compositions to new heights.

  15. Design a Neon Poster

Adobe Photoshop Tools we'll Cover:

Blending Modes, Duplicate Layers, Image Adjustments, Layer Adjustments, Blurs, Filters, Camera Raw Filter, Selection Tools (Lasso & Object) Layer Mask, Smart Objects, Layer Style, Copy&Paste Layer Style, Effects Panel, Healing Tool, Clone Stamp Tool, AI Image Extend, AI Generative Fill, Brush Tool, Eraser Tool, Clipping Mask, Free Transform, Edit Contents, Perspective Warp, Warp Tool & Cylinder Warp, Selective Color, Makeup Transfer, Sample All Layers.

To dive specifically into each of these topics, head to my Adobe Photoshop Beginners Course. Otherwise Carry on with this one.

Join me on this journey, and combine a Masterful collection of Adobe Photoshop skills to create Captivating Real-Life Projects. 

Whether you're a Graphic Designer, Photographer, or Digital Artist, Learn the skills & knowledge to take your projects to the next level.

Repetition is Key, and so every New Skill will be repeated throughout the course.

Note: To download the course files please go to the 'Projects & Resources' Tab.

Meet Your Teacher

Teacher Profile Image

Kate Silver

Graphic Designer & Adobe Instructor

Top Teacher

Hello friends,

I'm Kate - A Graphic designer, Shoe designer and Top Teacher on Skillshare, working at the UK's Leading Adobe training centre in London.

Having worked for companies like Jimmy Choo, Sophia Webster and Nicholas Kirkwood, I've repeatedly used Adobe InDesign, Illustrator and Photoshop - This has made me somewhat of an expert in all these softwares.

I'm all about simplifying Adobe tools for maximum ease and accessibility.

I'm a big fan of repetition in order to perfect a skill. So in my classes every tool is reinforced through repetition, fun projects, and Guided by clever shortcuts.

And Voila, Happy Learning!

See full profile

Level: Intermediate

Class Ratings

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

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

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

Transcripts

1. Mastering Adobe Photoshop CC Intro: So you're familiar with Adobe Photoshop, but ever wondered how to enhance your skills and easily transform images? Then this mastering Adobe Photoshop class is perfect for you. We'll cover everything from advanced retouching techniques, grand mockups, to seamless patterns and neon glow with fun projects. And guided by clever shortcuts along the way. As some of you may already know, I'm Kate Silver. I'm a graphic designer. I'm a shoe designer and a top teacher on skillshare, whether you have basic knowledge of Adobe Photoshop, have completed my beginner's class, or simply looking to learn multiple skills in one go, then this is for you. Now here's a little sneak peek at what you'll learn. We'll start off with advanced retouching techniques, because a Photoshop class isn't complete without classic makeover tools such as removing wrinkles, bag and teeth whitening. Then get ready for one of Adobe Photoshop best updates the contextual tab. Simplify tasks like removing backgrounds with one click certainly makes my life easier. While AI may be controversial, I personally love Adobe's take on it. So let's embrace the power of AI with Adobe Photoshop. Amazing AI, generative fill and expand. Now here's a little thing I like to call fantasy portrait. I've always wanted colorful hair and now we can easily make that happen with the camera. Raw filter. Level up your branding and digital marketing game with realistic mockups labels, T shirts and learn how to create Simas patterns. We'll even get to play interior designer and turn a dull room into a gorgeously styled one. And last but not least, we'll make our designs pop with creative effects like duo tone and my personal favorites, neon glow effect. I'm a big fan of repetition in order to perfect the skill. So we will be repeating every tool a bunch of times throughout the course. As usual, there are tons of files and exercises that you can download with a course. I will be guiding you with clever shortcuts throughout the whole time. And voila, let's get started. 2. Welcome to the Class!: Welcome my friends to this Mastering Adobe Photoshop class with me, Kate Silver. I'm super excited because this is such a fun clause, and I really hope you'll agree. So this class is a project based class, which means that we'll be combining various Adobe Photoshop skills and tools to achieve stunning outcomes. So in each lesson, we'll be combining many Photoshop skills such as blending modes, image adjustments, layer adjustments, smart objects, and so much more. If you are interested in a detailed exploration of each specific and individual tool, then feel free to check out my beginner's class. There you'll find a dedicated lesson for each specific tool. For instance, I've got a specific lesson just on selection tools, which is super important. But you can totally skip the beginner's class and just learn tools holistically in one go in this mastering Adobe Photoshop class. So that's totally up to you. See what works best for you and your brain and your way of learning. So without further ado, let's get ourselves started with the free shortcuts, the free files, and of course, mastering Adobe Photoshop in this first section. 3. Getting Ready: Files & Free Shortcuts: Okay, my friends argue, ready for this mastering Adobe Photoshop class with me, Kate Silver. I'm super excited for you to see what's in store, what exercises we'll be working with. I had such a blast creating all these exercises and we'll be combining a collection of skills in each exercise. Okay, now first things first, let's make sure that you have Adobe Photoshop installed in your computer or laptop. Now you can either have access just to Adobe Photoshop and have that membership, or have the full Creative Cloud Suite, which is what I have. It means that you'll have access to other softwares like Photoshop in design, Illustrator, Premier Pro, after effects, and so much more. But that's totally up to you. You do you. Now, if you head to the class page, you'll see a series of downloadable zip files and they're compressed folders. Which means that if you double click on one, you'll be able to expand it into a folder and you'll see all the exercises and images that I created for us inside. Now I created a bunch of exercises because my goal is for you to do them along with me and we do them together as a team step by step. I've also added an amazing folder which is the shortcut sheet folder, if you know me and the way I teach, I'm all about shortcuts. I really love a good old shortcut because I think it makes the process just a lot faster and more efficient. I've created shortcut sheets both for Max and PCs as you can see here. Now they're more or less the same, except most shortcuts for Max will start with command. Most shortcuts for PC's will start with Control. Now my favorite shortcut of all time is Undo Commander Control. I just wish I could apply this in my day to day life, but sadly I can't. Adobe Photoshop is my next best bet. Now a bunch of other shortcuts I will be working with a lot is layer via copy commander control J. Remember that one? But don't worry, I'll be banging on about the shortcut and I'll be repeating them over and over again. Hopefully you will have memorized a lot of them by the end of the class. The selection tools will also be important. The move tool. Always go back to the move tool. This guy over here making the brush bigger or smaller with the left and the right square bracket. Cool. Feel free to memorize these all by heart in the next 5 minutes. Just kidding. But without further ado, let's go ahead and open Adobe Photoshop. 4. Most Useful Shortcuts & Interface: Now we'll be opening a bunch of Photoshop files here later on. But for now, let's keep things simple and let's just start and create a new file from scratch. Go ahead and click on new file over here. We'll be able to choose from a series of suggestions for web, for mobile, for art. Below you'll see a series of gorgeous templates by Adobe by Amazing designers. But let's keep it simple. And we could just click on Photo and Default Photoshop size. Now over here you can choose the units. And you can change them according to where you live or what metrics you use, what makes sense to you, really. You can change the orientation as well. Let's just go ahead and click on Create and Start Simple. Okay, great. Now a bit of housekeeping. I won't go into detail about every panel or every layer, or every tool. If you wanted to do that, you can check out my Adobe Photoshop beginner scores where I cover this. In this course, we'll be combining a bunch of different tools and skills in one go and we'll be learning them in one go. Now let's make sure we're all staring at the same Adobe Photoshop interface or workspace. Let's make sure it looks the same. To do that, we can go to Window Workspace and either select Essentials or reset Essentials. We should now have all the same workspace. Cool, a few shortcuts to start with, because we'll be doing this a lot. And that's zooming in Commander Control and zooming out Commander Control minus and holding down the space bar And clicking and dragging for the grab hand tool, that's what is called one final zoom shortcut is command or control zero to fit to screen. Now we will be using this all the time almost. In every exercise we'll be zooming in and out. Make sure you try and remember that one. Okay, One of the most important panels we'll be working with is the layers panel here. Every time we add something to our page, we bring an object in, we draw something, we add text. It will appear here in its own layer. The more layer is at the top, the more it's in front or close to you. Feel free to click and drag and make the layer panel bigger, just so that you have more space. Okay, now another super important panel we'll be working with is the history panel over here. Now a history panel is basically a list of every single action we did in this Adobe Photoshop document. It's basically undo but listed. We can see every single thing we did in this case. We did absolutely nothing. We just opened a new document. We'll be working with this. It's super useful. I love it. Now on the left, we have the tools. A bunch of brilliant tools. A bunch of new ones and old ones. The move tool is always the one we want to go back to. We'll be working with some of the selection tools, especially the lasso tool, the object selection tool, the crop tool, which is now updated and now includes generative expand, but more on that in a little bit. We'll also be working with retouching tool to look at the plaster or band aid for retouching. All these are retouching tools. Amazing. 5. Non-Destructive Editing: Okay, so now for the more nerdy or theoretical part of this course, but I promise it won't be very long, So bear with me. We'll be talking now about non destructive editing. Three types to be specific, in Adobe Photoshop, there are three types of non destructive editing and we'll be using a combination of all three. Non destructive editing just means that when we make changes, they're always reversible, We can always undo without destroying our image. And that's going to be very important for this course. There are three types of non destructive editing. Converting our images to a smart object, adding an extra empty layer, or duplicating that layer. Converting images to a smart object just means that Photoshop keeps it safe. Any changes or filters that we do will be added on top of our image as an add on. It won't destroy the original image. Adding an extra empty layer means that whatever changes we make will be in an extra empty layer. It won't be in the same layer as the image. Then duplicating a layer, it just means that we duplicate that image so that it's not destroyed. I can show you what I mean. This image has this icon, which means that it's a smart object. To convert images to smart objects, we can write, click and convert to smart object. When we do this, any filter, any adjustments that we will be added as an add on. If I go image adjustments, hue saturation, and I change a saturation, I make it black and white and I click on, okay, this will be a filter added on top of the smart object. That is number one technique of non destructive editing. The second technique is adding an empty layer and then making whatever changes we want in this layer. For instance, I can go to the brush tool. I can draw with a brush tool, whatever this is in an empty extra layer, it doesn't destroy my original image. This as well because I can hide it. Then the third way to create non destructive editing is to duplicate this layer. I'll teach you now a shortcut that's going to be super important and that is command or control J for duplicating a layer. We'll have two layers and if we make any mistakes in this layer, we always have the original layer there. You have it for three types of non destructive editing. If that doesn't make sense at all to you and you're super confused and you're like, what is she talking about? Don't worry. Because as we go along and actually apply these to our exercises, hopefully it will make more sense. 6. Contextual Tab and History Panel: Now one of the most exciting changes of Adobe Photoshop is this guy over here, which is called the contextual tab, which is a really funny name actually. But it's amazing. Why is it amazing? Because before, whenever you had to do something in Adobe Photoshop, like remove a background or select something, you would have to go all over the shop and try and find what you need to do and use a combination of panels and tools. But now Adobe Photoshop made it really simple and created a panel, the contextual tab, that will always give you the next logical step or the next thing that makes sense. In this case, it looks like the next thing that makes sense is import image. Because we don't have anything on our page to do this in a long way, you would have to go file Place Embedded. But now with the new contextual tab, you can just click on here. Let's do that. Let's either click on Import Image or Place Embedded. We're going to work with the contextual tab and I will show you how quick and amazing it is. Now this is just a teaser. Because afterwards we'll do an actual exercise where we use a contextual tab both for removing backgrounds in detail and AI generative Phil. Because what's amazing is that the contextual tab now includes AI generative Phil. We all have different opinions about AI generative fill, but Adobe Photoshop take on it is super amazing and honestly makes my life easier. Now in the zip files, you should have received a folder called stock images, which is a folder with images from unsplash and pixels. If you can go ahead and select this guy over here, Yummy tomatoes, And click on Place and Enter. Okay, now there's a lot going on in our Photoshop. Let's look at the section by section. First of all, in the layers panel, we now have a layer of the image. If we look at our history, our history will now include this latest action that we did place embedded object. If we wanted to undo this, we can go edit, undo or command or control Et. Or we could also go over here and just go back to the previous step. Go back to the next step. Previous step, next step, awesome. Then the third thing is the contextual tab, which now gives you the next logical steps. You've got Select Subject. Wow, just in one click, it selected the subject beautifully. But let's click on Select. You can also just click on Background. Click. Who isn't that Incredible? With one click, Adobe Photoshop, Remove the Background. That's just incredible. Now later on we'll be looking at how to edit the background or the mask using the contextual tab that you see over here. But for now let's just go back and undo what we did. Amazing. One final teaser with the contextual tab before we discuss this a little bit more in detail later on is if we go to the crop tool. The crop tool has now been updated and made brand new. And it now includes generative expand I, which means that if you click and drag and extend your page, you just click on Generate. Obviously, if you wanted to, you could type something. But for now just click on Generate. Adobe Photoshop will automatically create AI generated content that makes sense. That will fill out this image which is mind blowing, and I'll show you later on how amazing and useful this can be. Now you'll see in the property spanel, it will include a few different prompts, always three. To start with the magic number three variations, it will have included its own layer for the AI. Incredible. I hope you enjoyed this little teaser because we'll be learning more stuff in depth in a bit. For now, if we can go back to Untitled or to New to just go back to the start and undo all these things we did and just keep our page clean. 7. Advanced Retouching: Okay, my friends, in this exciting section, we'll be covering advanced retouching techniques. We may all have different opinions about image editing, but is it really a Photoshop clause without image editing? I'm not sure. In this section we'll be removing wrinkles, removing eye bags, whitening teeth for a beautiful Hollywood smile, and giving ourselves a sun kissed, tan, or glow exciting. Now we'll be covering many Adobe Photoshop tools. If at any point you feel a little bit intimidated, then feel free to head back to the beginner's clause for a refresher. We'll also of course be using non destructive editing, such as duplicating our layers with our famous shortcuts, converting our images to smart objects, and adding an extra empty layer and making the changes inside that specific layer. We'll be using things like image adjustment layer adjustments, converting to smart objects, the healing tool, the brushes and clipping mask a lot of things that's exciting. Let's get ourselves started with advanced retouching techniques. 8. Retouching: Whitening Teeth: Okay, now that the more boring theory is out of the way, we can actually do some fun stuff and start editing. Super exciting. Now the first part of the course we'll be editing images and retouching where we get to do things like making yellow teeth white. Always necessary. We'll be able to clone parts of how fun and remove wrinkles and dark circles. Okay, full disclosure though I love wrinkles and they're beautiful part of aging and natural. But it isn't a Photoshop course without learning how to edit images, right? We'll also learn how to edit skin tone and give someone a nice sunkissed glow. Okay, so let's get started. So let's go ahead and open the white and T folder or zip file. If you double click the zip files, it converts into a folder. And I would like us to select this gorgeous image and open with Adobe Photoshop. Amazing. Now let's do some non destructive editing. First things first, we can convert this to a smart object by going to right click and convert a smart object that it has this little icon. Now our image is safe now to be extra safe. If we wanted to, we could also duplicate this layer. Right click, Duplicate or command or control J and click on. Okay, look, we now have two copies of this smart object. Amazing. Now let's actually do the fun bit where we change a teeth to yellow teeth. Now we're going to go to the object selection tool. We're going to click and drag and draw shape around the teeth. Wow, it did a good job. It highlighted the teeth very well. We're going to go command or control J. What that means is that it just duplicated our selection. It made a copy of our selection in a new layer. Command or control J can be applied for duplicating a layer or a selection. If I show this layer but hide the other ones, I will see the teeth in an extra layer on their own. This is non destructive editing. It means that if I make a mistake, I still have the original images. Okay, great. Now let's go to image adjustments. Hue saturation command or control is a shortcut over in master. I would like us to select yellows because this will select only the yellow and not the reds. Now we're going to reduce the saturation or remove the color and it will look grayish. Now to make it whiter or lighter, let's increase lightness and wow, she looks like a dentists model. A model for a dentist ad with white teeth. Then we can click, Then when we're happy we can click on, okay, we'll have the teeth in an extra layer, which means that if we hide it, it's gone. If we show it, yellow teeth, hide original yellow teeth, show white teeth. Great. I really believe in repetition. To really learn a skill in this course, we'll be repeating things a lot. Let's go ahead and repeat this new skill. We're going to minimize Photoshop. Open this image, right click, open with Adobe Photoshop. Now as a habit, I would like you to try and remember to always convert your files to smart object. If we write, click and convert to smart object, there we go, great. Now let's go back to the object selection tool again, select the smile, the teeth, not bad. Now we're going to duplicate the teeth in a new layer. The shortcut for dad is command for max or control for PC's and j. Now we should have the teeth in a separate layer. If we hide the bottom layer, we'll see a duplicate of the teeth in a new layer. Great, Let's make these yellow teeth white. We go to image adjustments, hue saturation. Let's make sure we select the yellows. It only gets applied to the yellow colors. Now we're going to reduce the saturation, or remove the color and increase the lightness to make the tief white. There we go. We've got our dentist smile. Click on, Okay, and voila, we can hide the layer yellow Tev. Show the layer. Brilliant. Now, if you wanted, you could save these files as Photoshop files by going to File Save As, save it as a Photoshop file, or to save a copy as a Jpeg. Click save a copy and choose Jpeg. And there we go. Well done, and now we're going to move on to the next part of the course. 9. Clone Eyes with Clone Stamp Tool: Okay, moving on to something really fun, and it's still in the retouching category. And that is we're going to clone eyes or make images symmetrical. So we're going to take an image that's with a blink or wink and we're going to make her eye symmetrical. Or clone her eye, obviously. We're going to do that for a cat as well, because I love cats, we're going to clone stamp, clone their eyes. And last but not least, we're going to clone the outfit in the arm to make it symmetrical. Yeah, that's cool. Let's go ahead and get started. We're simply going to open this image with Adobe Photoshop, and we're going to zoom in Commander Control. Zoom in Commander Control. Great. What we'll be doing is we're going to be adding an additional layer, an empty layer. This is non destructive editing. Just one technique. We're going to name it double click and name it Retouching layer. Awesome. Now all the changes we'll be making are in this additional layer. It won't destroy our original layer. Now we're going to go to the clone stamp tool shortcut. That's what we're going to do. We're going to clone a part of this image and pop it there. The clone stamp is a brush. We're going to have to adjust the brush size using the shortcut, left square bracket to make it smaller. Right square bracket to make it bigger. Now we're going to have to change some properties, some adjustments for this brush. First of all, over here we can resize it, We can change a hardness, which means we're going to see more of it. It's not going to be blurreds. We can change opacity and make it a hundreds, make the flow really high as well. Then one of the most important parts is sample current and below, or all layers. If sample current layer is selected, then that means that we're only sampling or taking pixels from this layer. But this layer is empty, nothing is going to happen. This is where we need to select current and below, or all layers. Which means that it's going to sample from all the layers. Including the layers below. Great. Now the next thing we're going to do is click on the clone panel. Now this will appear. This is where we can make some adjustments about our clone stamp brush. Let's get started. We're going to hover over here and we're going to hold the alter option key to select the sample. And we'll see the bull's eye icon. Now we can click, just like that we've sampled this piece. Now obviously this needs to be flipped. This is where we go to our clone source panel. And we'll see flip, horizontal, that icon. Just click on that. There we go, it's flipped. Now we're going to have to line it up perfectly and try and make it symmetrical to the best of our ability, which can be hid and miss. Once you're happy, you click and there we go. Now if you made a mistake, you can just undo command or control Et. Or go to our beautiful history panel and go to layer another state. Since we've added it in an additional layer we can hide it. So it so that is non destructive editing with the Clone Sam tool. Amazing. Now I believe in repetition. Let's repeat this new skill we've just learned. I'm just going to minimize Photoshop. 10. Clone Stamp with Rotation: Go back to that folder. For the clone, we're going to choose the cat image open with Adobe Photoshop. The first step, remember, is to add an additional layer, empty layer. And we can call it the retouching layer or the eye layer, or the clone layer. Great. Let's go to the clone stamp. If we're not already there, let's zoom in. We can see the cat better. Obviously we're seeing this eye from the previous image, which obviously we're not going to need. We're just going to make sure we go back to the clone panel. What we can do is untick show overlay so we can temporarily not see that other eye. I want us to resize our brush left square bracket. It's just a tab bigger than the E. I want us to go over here, make sure sample current and below or sample all layers selected. Otherwise it's not going to work. I want us to hold down the old or option key until we see the bull's eye and click. And now we can click on Show Overlay, and we will see the, the cat. Now obviously the E has been flipped, which is great because it's the settings of the previous one. But our cat has its head rotated a bit. So we're going to need to rotate the E as well to make it look realistic. This is where we can click on this icon. Rotate, highlight this value box. Now I'll show you a little trick. If you press the upward R keyboard, the value goes up, which is incredible. Now I want to make sure that you keep the selected, keep this blue. Now hover over here. And now press the up arrow on your keyboard. And you'll see that it's slightly being rotated ever so slightly to make it a bit faster. Hold down the shift key and press the upward arrow. Wow. Now it's rotating much faster and better. And we're going to have to try and line up the eyes, I think something like that, but I'm not entirely sure. Once you're done, you just click. Wow, that's so cool. Now you can hide that layer and show. And just like that, we've cloned the eye. Moving on to the final one, we can go ahead and minimize this. We're going to practice this again and make it slightly more difficult. We're going to go to open with Adobe Photoshop. We still have that cat eye. That's cool. If we wanted, we could temporarily hide show overlay just so that we don't see that eye. Now click on plus, we can add an additional empty layer. We're going to double click and rename this to Retouching Layer Great, or Arm layer, whatever you think makes sense to you. Make sure the clone stamp tool is selected. Make sure the hardness is around this number and make sure sample current and below is selected. Now let's resize our brush the right square bracket, we want to make it a little bit bigger than whatever we're going to copy about this. We're going to hold down the alter option key until we see the busy icon. And click. We don't see anything because our overlay is hidden. Just take this show Overlay. There we go. Now it's save the settings that we had previously. The settings are a bit wrong for this image. We're going to have to adjust them again. Again, I would like us to highlight the rotation box and press the downward arrow. This time, hover over here so we can see a bit what we're doing. Hover down, and you can see it's going down. If you want it to go faster, use the shift key and the down key, it should go a bit faster. Now this is hid and miss. Right? Every time I do it it might be a bit different because I'm human and I can't do it exactly the same every time. Bear with me. Once you think it looks okay and realistic, you can click and drag and draw around it. It looks realistic. Not too much. I've messed up her hair a little bit. I think if that's the case, I can also do do it again, Alt and click, and then pop it again. There we go. Something like that. I think I can go over here not over the hair but just the round. It just so it fills up the background. Okay, now we have a little piece here that's gone wrong. That's absolutely fine. Because we're going to use for the first time I generative fill because why not? It just makes everything go faster and easier and you'll see how quick it is. We're going to go to the lasso tool, which is a selection tool. We're going to select this piece, the whole piece, that's a bit odd and doesn't fit. We're just going to click generative fill. Don't type anything, just click Generate and see what will happen. They will create an additional layer just for that generative fill, which is great, so it doesn't destroy any existing pixels. Wow, that looks cool. Although she doesn't have a massive finger over here. In properties, we'll see a few different variations. We can just choose one of them. If we don't like any of them, we can click on Generate again and see if there's better options, and that's okay. Once you've chosen one, that's happy, that's it. Feel free to save the file or just close it. Well done for using the clone stamp tool and non destructive editing. 11. Retouching Wrinkles: But first Teeth Whitening: Okay, so let's move on to the next part of the image editing retouching beauty section of the mastering Photoshop course. And that is wrinkles and dark circles. Even though I personally find wrinkles and dark circles, beautiful and natural, learning to edit them is a big part of Photoshop. So let's go ahead and open wrinkles and dark circles folder. We'll start with wrinkles, double click. We'll be editing this beautiful image using something called the healing tool. We'll be covering a bunch of techniques, a bunch of non destructive editing techniques like converting to smart object duplicating and adding an extra empty layer just to be on the extra safe side, just to make sure we're not destroying our original image without further. Let's go if we can open this with Adobe Photoshop. There we go. We might want to zoom in a little bit. Commander control plus Beautiful. Okay, One of the first things I like to do when I open an image in Adobe Photoshop is converting my images to smart object just to be on the safe site, just in case I forget later on. Again, smart object means that it's not going to destroy our image, it's just going to add filters on top. Let's right click and convert to smart objects. Great. Now before we do the editing wrinkles, I would like us to repeat a skill that we just learned now and that is whitening the teeth, because now we're layering up all our new skills together. I want us to go to the object selection tool, click and drag, and try and select around the teeth. That was a good job. Good selection. If that didn't work, then select again. Now I would like us to go and duplicate it in a new layer using our shortcut command or control J. Now we've just duplicated it in a new layer. To be extra safe, I would like us to convert this as well to a smart object because when we'll be editing the hue saturation, if we convert it into a smart object, we can go back and edit it again or undo the changes we made. Smart object is a smart idea. This is the teeth layer, right? If we want we can even double click and call the Te just so that we know rename the layer teeth and now convert to smart object and we'll see this little icon for smart object. Great, let's go to image adjustments, Hue saturation or shortcut command or control U. We're going to make sure we select the yellows because it's the yellow teeth we want to select, right, not the pink gums. We're going to reduce the saturation. Remove the color from the teeth, and increase lightness so that it's lighter. Now we can click on Okay, because we converted it to a smart object. We now have the smart filter as an add on. Which means that if we dislike it, we can hide it and have the yellow teeth again or show it. Or we can even double click here and edit it all over again. Great. 12. Retouching Wrinkles: 1. with Healing Tool: Now let's actually get to the gist of it. Let's talk about removing wrinkles with the healing tool. First things first, I would like us to click on the plus and create an additional layer. Even though we have a smart object to use, things like the healing tool or the clone stamp tool, we need an empty blank layer. We could call it the healing layer or the retouching layer, or the anti wrinkle layer, whatever makes sense for you. Now the next thing we're going to do is change the blending mode. A blending mode is a transparency. It's a transparency and there are so many different kinds of effects with it. Which is cool. We're going to select lighten just to make it subtle so that the effect is subtle. Then we're going to go to the healing brush tool, which is the tool we need. The healing brush is a brush. Since it's a brush, we can resize it using our lovely shortcuts. The right square bracket to make it bigger, and the left square bracket to make it smaller. Just like the clone stamp tool, we're going to have to select a sampling area or an area that doesn't have a wrinkle. What we're going to do, essentially, is sample a nice and clean area and pop it on top of the wrinkles. But what's super important is if we go here, we can adjust the brush, the hardness, it's softer or hard. Most importantly, very important if we select sample, it needs to say sample all layers current and below. Because if we don't, it's an empty layer, which means that it will only select samples from the empty layer, but there's nothing in that layer, it's not going to work. Always make sure you select sample all layers. Now we're going to hold the alter option key and click. Now we can start clicking and dragging. Nice, sometimes it goes a bit funny. If it goes funny we can just go over it and it should solve it. Or we can also undo using the shortcut commander control. What I like to do is re sample it. Hold on the alter option key again and click resample it and then pop it on top of a wrinkle. We can do it here as well. Alt or option to re select next to a wrinkle and then pop it on top of the wrinkle al next to a wrinkle in a blank area, clean area. And go over it. We can do this everywhere, which is quite nice. I'm going to do the second eye alter option and click, then I can just beautifully draw on top. Now happened again. I can try and do it again, or undo and do it again. Select and draw on top again. Old and draw on top. Great. Let's keep going old and draw on top. Very satisfying, isn't it? Now, the moment we go into a smaller piece, we can make our brush smaller. Left square bracket again, option and click. Even here in between the eyebrows, you can select a blank space Alt and click and then pop it around in between the wrinkles and then drop it on top of the wrinkles. For the horizontal wrinkles. For the horizontal wrinkles, we can select somewhere in between where there is no wrinkle and then draw it on top of the wrinkle where there's no wrinkle. Alt and click, then click and drag on top. It's a bit like a video game where you have to alternate between selecting a sample and click Alter Option and click, then click and drag. A bit like riding a bicycle or a car. Practice makes perfect. Let's mount and see what we've done so far. Because we've added an additional blank layer, we can just hide it or show it. Wow, that's pretty cool. What's also cool is if you hide all the other layers, you will see that it looks like a concealer make up layer, which is cool. If you're happy with something, you can also go to the razor tool or shortcut E, you can erase parts if you didn't like it, but I do like it. Yeah, that was it for the healing tool. We're going to practice this again with another exercise. You can minimize this and head to the next one. 13. Retouching Wrinkles: 2. with Clipping Mask & Warp Tool: I would like us to select dark circle. This time we'll be practicing the healing tool that we've just covered. I'll be showing you an additional technique, another way of doing it, because sometimes one technique works better than the other, depending on the image, the lighting, if there's a book, let's say, in a way, that's what we'll do. Let's go ahead and open this image. I've kept the name of the author open with Adobe Photoshop, just like before, we can immediately convert this to a smart object to keep it nice and safe. Let's zoom in command plus. Okay, let's do the technique we've just done. Now we're going to add an additional blank layer. We can call it the layer or the healing tool, which is a tool we'll use. Now remember, we need to make it a bit transparent so it's a bit more subtle. We're going to go to normal and select lighten. So this is a blending mode, making it transparent. All right, let's head to our healing brush tool now. It still has the samples from the before. Make sure we select sample all layers or current and below. And we can adjust the brush. Now we're going to hold down the alter option key and click Now we can draw on top. And that doesn't look too bad except this bit, Oops, What I could do is I could go to the eras and delete the shortcut for the spot healing is it could go back to the spot healing. Nice. So let's hide the layer and show. Oh, that's pretty cool. Looks like I've added a layer of concealer of makeup. Awesome. Now, are you ready to learn a new technique of doing this? A new method might be a little bit tricky, but if we're going to practice it a bunch of time, then you might get familiar with it and at ease. Okay, I would like us to go to the Lasso tool, which is a selection tool. I would like us to click and drag around the eye. There we go, We clicked and dragged around the eye, it's a bit lower. Now we're going to right click and click on feather. This means that it will highlight the selection area but make the border a bit feather or a bit softer. Father radius ten and okay. Now we're going to duplicate this piece in a new layer by going command or control J. And we're going to do that again, command or control J. We might even convert them into a smart object, convert to smart objects. Now we're going to place this layer inside the other one, copy inside the other one using something called clipping mask. Which means we're clipping one layer into the other. To do this you hover over both layers, the two copies of the under hold down the alter option key and click that should clip it from one inside the other. Now we're going to go to Edit, Transform, and Warp. That's because we're going to push everything higher. Push everything up so that we might not even see the under eye bags anymore. Meaning if we click and drag, we're gently going to push it up. And we might need some help and push it up from below as well. We're literally going to warp and push everything up, which is amazing. Looks good. Wow, when we're done, we press Enter. Or done. There we go. Now the good news is we've converted it to a smart object. What does that mean? That means that if we don't like it and we made a mistake, we go back to edit, transform Warp and we're right back off where we were before we can adjust it. That's the benefit of a smart object. Yeah, I'll let you decide which technique you liked more using the healing tool and it looks a bit like it has a layer of makeup or using the clipping mask method. The good news is we're going to practice this again because again, I believe in repetition and we're dealing with a lot of difficult things. Photoshop is not easy at first for sure. This is why repetition is incredibly important. Let's minimize this and choose another image open with Adobe Photoshop and zoom in Commander Control. 14. Practice Both Techniques: 1.Healing Tool & 2.Clipping/Warp: We can even right click and convert it to a smart object just to make sure. I think it's a good trick to always do that as much as possible. Convert your images to smart objects just in case, even if we duplicate it and even if we add a hidden layer, I'd just like to be extra sure that I'm not destroying anything. All right, let's start with the healing technique. We're going to click on the plus, we're going to call it healing. We're going to make the blending mode lighten, it's soft. Then we're going to go to the healing brush tool and adjust the brush. Very important, make sure it says sample all layers or current and below. That's fine too. Now we have to choose the samples from here is we hold on the alter option key and click and then we start drawing on top. And it's going to be make really literally looks like we've added concealer on her face. That's it. It's as easy as that. Nice. Let's practice the other methods with the clipping mask. Let's select back the original layer. We're going to go to the lasso tool. The selection tool we're going to select here is a bit under. We have things to move up. Now we're going to right click and feather again. The edges are feathered. Soft, radius ten. Okay, we're going to duplicate this in a new layer command or control J. Great, let's convert it into smart object because when we war it, we'll be able to edit it if needed, convert to smart object. Now let's duplicate this again, commander control J, it will automatically duplicate it as a smart object, which is great. Now we're going to clip this one. Inside that one, we're going to hold down the old or option key until we see the black arrow and the white square. We click now, this is inside that. Then we go to Edit, transform. And we're just going to push everything high so that we try and get rid of that under eye bag that she barely has. But yeah, when you're sort of happy, you press Enter. Great. Now if you didn't like that and you made a mistake, you can go back to transform Warp because it wasn't a smart object. We can pick up right where we left off and edit it. Yeah, those are the two techniques. Clipping mask, this one, healing brush. It's up to you to decide which one you prefer, honestly. Sometimes it really depends on the image and the situation. Sometimes you might want the other, sometimes the other one might look better than the other. And that's why I think it's always a good idea to know a few different methods of editing. Zoom out, there we go. Let's do this again one final time. With one final image, we go open with Adobe Photoshop. We can zoom in Commander Control, plus we can convert it to a smart object just to be safe. We're going to highlight, since we're still on the lasso tool, we're going to highlight the under I just make sure you don't select the book. We're going to right click, select feather ten. Okay, we're going to command J or duplicate. We're going to convert it to a smart object. Again, command J. Now we're going to clip one of them inside the other, Hold down the alter option key between the layers and click now we're going to go to Edit, Transform Warp. Now we're going to push everything a bit higher and we're going to try and hide the under eye bags as much as we can, not too much. When we're happy we press Enter. If we're not happy, we go back to edit transform Warp. And no worries, we can just edit stuff. Okay, let's do it again. But for this, make sure you go back to the bottom layer because we're going to select from here, not from there, the original layer. Click and drag around the eye, right click, feather. Because remember we need to soften the edges. Okay, command or control J, convert it to a smart object if you want to keep it safe. Again, command J to duplicate that, we have two duplications and now we're going to hold on the alter option key and place or clip one of the under eyes into the other. Finally, we're going to go to edit, transform warp, I promise this is the last time, then we just play around with it and try and shift the under eye bags up. It's not in the clipping anymore. It disappears as much as we can. Again, it's trial and error. And sometimes it looks better than the others because every time we do it, we do it in another way. Enter when you're happy, and there we go. Now if you're confused, which is which you can right click and rename it right eye and left eye if you want. You can even select both clippings of one eye, the top two, and color code. Right click and go to colors and pick a color red for right. I guess color coded, just so that it makes more sense, I've color coded it red and the other eye blue. There we go, for removing wrinkles and dark circles. 15. Retouching Skin Tone: Color Fills, Masks & Blending Modes: Okay, moving on to the final part of the retouching or image editing section. Beauty section. That will be skin tone adding a tan or sun kiss skin like this. Sun kissed again, natural sun kissed. We'll be doing both exercises. Let's go ahead and open this with Adobe Photoshop. If we want, we can go ahead and convert this to smart object just to keep it safe, it's a good habit to keep. We can click on Select Subject, over here in the contextual tab. Good job. Now we're going to add a layer adjustment if you don't know what that is. Basically if we add adjustments like we did with hue saturation, this one. And all of these get applied only to that specific image. But when we add a layer adjustment like this, it looks a bit like the yin and an icon. It's a layer with an adjustment inside and it gets applied to all the layers underneath it. If we had ten layers, this would get applied to all of them. Anyway, we're going to click on that and select Solid Color. We want to select the RNG color, like a skin tone Ish, and click on Okay. The reason it filled the subject only and not the background is because we had that selected. When we clicked, it only created the solid color for that area and masked the rest. Now we're going to go back to blending modes. We've talked about blending modes before this time. Let's try color burn who? That's a bit much. If it's a bit too RNG, we can double click here and we can just make the color a bit lighter if we wanted to. And click on Okay. Now if we double click on this layer, this layer style panel will come up. We're going to change the blending options. All of these are effects, by the way, that will cover later in the course. But we're just looking at here blending mode. It's the same thing we applied earlier, color burn, I would like us to change the underlying layer. If we hold on the alter option key click, we're going to add another color stop until you see another color stop. And then slide it more to the right, because that will mean that it won't affect the dark bits. Just the light bits. And look, just looks amazing. Click on. Okay. If we hide this, we can have a look. There we go. She's a bit more golden, a little bit Spray tiny, a little bit more golden. Great. Now this was for the highlights. We can also do another one for the shadows if we wanted to. Honestly, I think it also looks great as it is. But if we wanted to and maybe make her a bit darker even, we can duplicate this layer command control J. Whoa, she's orange. Now, change a color double click and make it maybe a bit more browny, a bit more dark, or a bit brown. Okay, obviously looks hideous. We're going to double click again here. This time we're going to pop this back. We're going to alter option around the white bit and then slide it to the left. Now click on Okay and see what we can also do is reduce opacity for this layer. Now there's something else we can do that is really cool, is we add an additional layer adjustment called selective color. And this will be applied to all the layers underneath it. So make sure you select reds and then sin is like a blue. If we increase that, it will make it less pink. If we reduce it, it's really pink, right? I think we need to add a bit of a bit of blue, just so it's a bit less pink. Then you can play around, Magentizink yellow. Maybe make her less yellow or more yellow. Simpsons, You can play around with these and adjust the color again. It's hit or miss sometimes, because every time I do this, it looks different because I don't remember the exact numbers that I choose. I'm always doing it by eye. When you're done, that's it. If you hide, you'll see that we've given her a ten. Nice. Again, if you think she's too pink or too orangy, you can always adjust the color. So yeah, that's totally up to you. 16. Skin Tone: Editing Layer Masks (for Eyes & Teeth): Now, what other thing that I'm going to show you? And it might be a little bit complicated. Just if the next step is too complicated, it's totally okay to ignore it. But for those of you that want to make this, the next level is this. You may notice that her eyes went a bit darker as well. You may notice that we have a mask here. These, everything that's black is hidden. Everything that's white is shown. We're going to have to select the layer mask thumbnails with this guy, the black and white. With a brush brush that's black, we're going to have to draw in the eye so it doesn't affect the eye. You can adjust the brush size with the left square bracken and the right. We're just going to draw on top of it just so that the adjustments don't get applied to the eyes. If you want, you can do the same for the teeth. They're nice and white. If you made a mistake, then you can just undo the same for the other layer If you wanted to select the other layer and make sure you go to the brush black and you can remove the effect on the eyes. She has those beautiful green eyes that we can see, there's no effect on the teeth. If you made a mistake, then you can just go and swap it to white or x to swap. And then you can draw on top x. And there we go, great. Now if we look at the layer mask, we've just removed the effect from the eyes. That looks funny. Yeah, Now it's not applied to the eyes or the teeth. Awesome. A nice sun kiss, tan, lovely. I love this. Great. Let's do this again with another image. Let's go ahead and select this, open with Adobe Photoshop. Again, we're going to click on Select Subject. We might want to add those fingers, otherwise it will have a different color. What we can do is click on the Quick Selection tool, select the plus, Just add to selection. Click and click, there we go. Now we have this selected. If we click on the Layer adjustment and select Solid Color, it will only be applied to whatever selected. Click on Solid Color, and then we can choose a, a little tanny color, a bit more tanned, and click on Okay. And select Color Burn, which again, is a blending mode. That's a type of effect, but it makes it look a bit burned. Wow, that looks amazing. That was quick. Now if we didn't like that, again, we can double click on this layer. Click click to bring up the effects panel, where you have all the effects which we'll look at later. But also to change the blending the underlying layer. These are the blending options. We can hold on the Alt and click then we can adjust it that the dark bits are not too much. Click on okay. Before and after. That's amazing. Now if we want it, we can add another color command J and duplicated double click. And we can make it maybe a more. Add a mix of two colors, a bit grayish and greenish. Click on, okay, we're going to change a blending mode now. We're going to double click on this layer. This time go back like that. This time we're going to hold on the alter option key here, alter option and do the opposite where we slide the white all the way there. Click on, okay, that's a little bit more dark. If we don't like it, we can just remove it. Or we can just change opacity and just have it apply a tiny bit, not too much. Again, if it's a bit on the yellow side, we are welcome to add another adjustment layer with selective color and make it add more blue a bit. And maybe remove the yellow a bit. Maybe add a little bit of pink. It's quite fun to change the tone, the hues. There we go. So that was before, and that's a before. After she has a little tan. And that is a very quick way to apply a suntan and change a skin tone in Adobe Photoshop. So that's it for the first retouching image editing section. After we're going to move on to AI, generative fill, creating special portraits, adding hair with AI and more photo manipulation. 17. The Contextual tab & AI Generative Fill: Can my friends argue, ready for one of Adobe Photoshops best updates? Trust me, it's awesome. It's called the contextual tab and it certainly makes my life easier. It allows you to do actions such as remove background super easy in one click, then edit said backgrounds by softening the edges and stuff like that. Super cool. Then the section after that we'll be covering, Wait for it. Drum roll, generative, Phil, we all have also different feelings of the rise of AI, but I really love Adobe Photoshop take on it and it's called AI generative Phil. And I generative extent, it allows us to easily transform our images effortlessly and create masterpieces. And it also removes a lot of the tedious processes in Adobe Photoshop. We'll also be using Camera Raw Filter, which is AI powered. And it's my personal favorite part of the class because anyone can now easily change the hair color, the eye color, the lip color, the outfits, and even add a cloudy sky with the sky replacement. I'm super excited. I hope you'll enjoy this section. It's so fun. 18. The Contextual Tab: Removing Background: Okay, so before we move on to the next part, which will be AI generated Photoshop using AI generated fill and AI generated extension. We're going to talk about something really important called the contextual tab, which I briefly mentioned before. Now I personally think this is one of the best updates that Adobe Photoshop added. And that's because it just made things a lot easier and a lot quicker to access, especially removing background editing, the background removal and I generative fill. Let's have a brief overview of the contextual tab bar and we're going to put it to the test. With background removal, this is going to be really simple. It's not going to be very beautifully pleasing, but it's more to practice. I would like us to open background with contextual. I would like us to open this person, this lovely lady that's working out, open Adobe Photoshop. When you open, you will find the contextual tab here. Now if ever you want to hide the contextual tab, or you can't find it and you want to view it, you can go to window, You will see the contextual task bar right here. If it has a tick, it means you can see it. If I click on it, it will disappear. If I go window contextual task bar again, I can show it. Anyway, now I have my image as usual, we can convert this to a smart object if we want it to. Okay, the contextual task bar is going to give us a few logical next steps. We could select the subject, go ahead and click, and it will do a beautiful selection. And let's zoom in so we can see a little bit better. That's great. We also have the possibility of inverting selection. There's a bunch of stuff we can do here straight away, but let's deselect. What we're going to do straight away is remove background in one click. We're going to go ahead and remove the background in one click. Using the contextual tab bar, we're just going to click and voila, wow, that was so quick. It's incredible. Now it isn't perfect. I can see her forehead is chopped off. What's amazing about the contextual tab bar now is that we can subtract from mask or add to mask. Let's click on Add to Mask. Again, you can adjust your brush size as usual with the right square bracket and left square bracket. Then you can start adding if there's any bits that are missing like her fingers. Let's zoom in Command Control. Yes, there are some nails there, so we're just going to add them back and add some more back. This is really great. The contextual bar thumbs up for me so far. Great. We're going to do a few more adjustments in a bit, but to do that first we're going to add an image as a background because it will be a lot easier to view. Let's go to file place, embedded in that folder. You'll see a bunch of images to choose from. Let's select this image, nice and green, and let's resize it. Click and drag. Click and drag and pop it so we can see the beautiful green window. Once you're done, you can click on Done or Enter. There we go. Currently the background is hiding the layer of the woman. We're going to click and drag and move the layer of the background behind the layer of the woman. Awesome, Now we're going to make a few adjustments to our mask. Let's go ahead and select the image. If we select the thumbnail of the image, then it will give us a few options. But if we select the layer mask thumbnail instead, the contextual tab will now give us some options for the mask which is amazing. Let's zoom in Commander Control now. What's also cool is that we can adjust the feather of the mask. This is something I really like because sometimes it just looks too cut off. What we can do is click on this and increase the feather effect. You might notice it very subtly that the edges or the borders of the mask will be softened and feathered, which is quite nice because it makes it look a bit more realistic. A bit softer, less cut out. It's really cool. And quite a nice quick way of doing that. Great perfect. Now if we wanted, we could also make this image a little bit less saturated because it looks a bit more saturated compared to the background. So we can go to image adjustments, hue saturation, and just reduce the saturation just a tiny bit, okay? Then finally, if we wanted, we can select the background, go to filter blur, Gaussian blur, and add a tiny bit of blur just so that it looks more like a depth of field, like the woman is in front. Apologies for the sound of my cat. There we go. That is an introduction to the contextual tab. It's just really easy now to remove a background and to edit the background layer mask using the contextual tab. We'll be using the contextual tab in a bit as well for AI. 19. AI Generative Fill & Extend: Okay, my friends. Are you ready for the next part of the course, which is AI generative, Phil, or artificial intelligence. So we all had different reactions to AI. I was a bit reluctant at first, but when Adobe Photoshop came up with AI generative, I realized that I could use AI to my advantage and make some of the tedious processes a lot faster, a lot better. And now I actually love it interestingly. So my first introduction to AI was actually for extending images. Basically, I hired a photographer to create these gorgeous images, but the format was all wrong. Basically, if you know Youtube or skill share, the thumbnail size is 1920 times 1080. Sadly, the images that the photographer created were too small, as you can see here. As you can see here, this is the Youtube size, and this is the image that the photographer created. I used generative pill to fill out the bits that I didn't have from far. It looks amazing, doesn't it? But as soon as you zoom in, you'll see that it's AI generated. But that's fine. I don't believe anyone is going to zoom in. And I did the same for this image. Not bad, right? This image am, I used AI generative fill here And I did the same for all my images. That's great. That's what we'll do. Now, we're going to use AI generative fill and generative extent. The next exercise will be cropped or taking these half images of unsplash and pexels and using AI generative fill to fill it out. I want you to see how incredible this is. I basically took this image and I popped it into I and it created this. Isn't that incredible? Another variation is this. If you look at I, it's the same image but a different outcome, which is incredible. We'll look at that in a bit. I want us to select this image and open with Adobe Photoshop. I want us to go to the crop tool. The new updated crop tool has now a generative expand built in inside that tool. What we're going to do is we're simply going to click and drag and expand it. We're just going to click on Generate and see what Adobe Photoshop in AI comes up with. Now it's a bit hidden miss, right? Every time we use it, it comes up with something different. Sometimes it's weird, sometimes it's great. Let's see. The great thing is that it will automatically add a layer of generative expand here. Over here in the properties panel, we'll be able to see three different variations each time we can click on this one. It's not bad, actually, let's look at the second one. Not bad. And the third one? I quite like this one actually. Or perhaps this one. Yes, the second one. Now, if you don't like any of these, you can just click on Generate again and it will generate three additional variations. 12.3 it's totally up to you which one you choose personally. Once I've chosen one, what I tend to do is delete all the other ones using the bin or the trash icon. Then I write click and I rasterize layer. The reason why I do this is because when we use AI generative fill, it can make our files really massive anyway, I believe in repetition. So let's minimize this. Let's do the exact same thing for this image, open with Adobe Photoshop. We might still be on the crop tool. We're going to click and drag, and do the same thing here. And press Enter and Generate without filling anything. If you don't fill out anything, Photoshop will just automatically fill it based on the surroundings Generate. That looks a little bit weird. Let's see the next one, not bad. Oh, this is nice. Once you've chosen, you can delete all the ones you didn't like using the bin icon. Great. You're welcome to save it and go to A and save it as a Photoshop file. Or if you click on Save a Copy, you can save it as a Jpeg. Perfect, let's go ahead and close these files. 20. AI Generative Fill: Design a Portrait: Let's move on to this lovely, gorgeous, glittery eye picture and see what Adobe Photoshop will give us. This was just absolutely stunning, and I'm really hoping that it will come up with something as stunning. But let's see. Let's go ahead and go to file open with Adobe Photoshop. Okay, brilliant. Now we're going to go to the crop tool. There's a bunch of ways you can do this. You can just, in one go open and stretch it out, or you can do piece by piece and click and drag. And every time allow Photoshop to generate. And that's not bad. Let's look at the other options. Gosh, they're all nice, but I'll choose this one. And yours might look completely different. Now let's zoom out and let's keep going. Generate every time you can crop it out and extend it a tiny bit and eventually see what it will come up with. Keep going again every time you'll have three prongs to choose from. So choose whichever you find best, and click and drag, and even resize it a bit more. And let's see what it will come up with. Wow, that's gorgeous. Let's look at the second one, different and interesting. And the third one, wow, that's gorgeous. It's incredible how every time I do it, it generates something completely different. I really loved the one I created before. Let me show you. It's definitely worth having a look. This wasn't this incredible. It's incredible how the same image will generate a completely different outcome. What I did before is I called it Glitter Bride by the way. I also created a different one, a completely different outcome from the same image. It's just incredible. And I'm really curious to see what your AI generated. Feel free to post it in the project section because I would love to see what you and your Photoshop generated together. Okay, let's move on and do some more AI generative. Phil, this time we're going to add hair to bald people and babies. I have nothing against bold people, by the way, at all. I just thought it's a fun use of AI generative fill. It looks really good and funny. Let's start with the baby. Let's right click and open with Adobe Photoshop. What we'll start with first is generative expand. We're going to go to the crop tool. We're going to generative expand it first, because we're going to need a lot of space for that crazy mohawk hair that we're going to be creating. Click on Generate. Great. We'll have three options, but to be honest, all three are pretty okay to me. Choose one of them. Now what we're going to do is we're going to select both layers by clicking on one and holding down the shift key and clicking on another. This means that when we apply I generated fill, it will be added to both layers. Then we can go to the Lasso tool. We can click and drag and start drawing where we think the crazy hair should come over here. That was bad, let's see. And click on Generative Fill and type blue rock star or blue rock star hair mohawk. Then click on Generate and see what it will come up with. I love that. That is so funny. Again, every time we generate something, it's different. I've generated a few different versions of this. Funny. Now let's move on to the next one, because again, I believe in repetition with Adobe Photoshop. Open this image and do the same thing. Go to the crop extend and click on Generate. Great, now just choose one of the variations that you like. Then make sure you select both layers and go to the Lasso tool and click and drag where hair should be. I think like that. No idea. I'm not a hair dresser. Then click on generative fill and type hair. Let's see what will come up. Wow, that's incredible. That is just incredible, isn't it? I like this one. The thing is it's really hidden. Miss, last time I created it gave me something really nice outcome. Even yellow hair which looked really good. Justin Bieber esque is incredible. Wow, I hope you enjoyed this, but there's more to come with, AI. 21. Fairy Portrait: Auto-Image Brightening: Okay, are you ready for the next part of the course, which is my personal favorite part, and I've called it Fairy Princess because what we'll be doing is taking a beautiful natural portrait and converting this person into a fairy princess. Using AI and something called Camera Raw filter, which is incredible, isn't that stunning? We can change the hair, the eyes, the eyebrows, the lips, and even more. Do something called make up transfer, which is a Adobe Photoshop filter. We can add a crown using AI generator Fill, add a necklace, change the outfit, change the sky using Sky replacement, which is an Adobe Photoshop new filter as well. We're also going to learn how to add some beads here which is just like a pearl image that will remove the background of. Anyway, I'm super excited we'll be using all these images. This will be the image that we'll use for makeup transfer and this will be the beads. Let's get to it. So if he can open Fairy Princess Me, select this image. One pexels, this one. And right click and open with Adobe Photoshop. Beautiful. Now the first things we'll do is let's keep this image safe. We're going to convert it to a smart object for non destructive editing. We're going to write click and convert to smart object. Then to be extra safe, we're going to duplicate this layer. We have an extra copy just in case we can use the shortcut command or control J perfect. Now because this is a smart object, we'll be able to layer a lot of smart filters on top. Every change we'll make will be separately added as a filter to the smart object. Which means it will be really easy for us to edit it if we wanted to and to layer on top. Okay, now, before we start editing the hair, the eyebrows, the pupils, the lips with something called camera raw filter, which is super easy and super cool. First I would like us to adjust the brightness of this beautiful image. So we're going to go and add an adjustment layer right over here in the Yin and Yan looking icon. This will be a layer that will be applied to all the layers underneath. I want us to select levels and click on auto. What's great now is Photoshop has a lot of auto functions, let's click on that automatically. It will have brightened up our image before and after, it's slightly brighter. 22. Camera Raw Filter: Making Hair Color Pink: Awesome. Now let's get going. I would like us to select the duplicate the smart object image. We're going to go to Camera Raw Filter. What we're going to do is we're going to go to the circly icon and select people. Photoshop is going to detect the person and detect all the separate parts of the person which is really cool. Listed here, all the parts like the skin, the eyebrows, the pupil, the lips, which is incredible and does it in a really quick way. Let's go ahead and select hair, because that's what we'll start with with the hair. We're going to be doing every part separately because it will be much easier to edit and to apply. After go ahead and click on Create. Now we're going to zoom in Commander Control so that we can see better. I did a good job with detecting the hair, but there are some bits we would like to change, probably like some of the face here. What we can do is click on Subtract and select Brush. Because it's a brush, we can use our shortcuts to adjust the brush size. The right square bracket to make it bigger, and the left square bracket to make it smaller. Then we'll be able to click and drag and remove some of the bits that are a bit in excess and adjust the brush size left square brackets, we can start removing some of the bits here that we don't want and some of the shoulder bits that we don't want. Now we can press and hold the Spacebar on your keyboard to click and drag and move it around. Hold on the Space bar and click and drag. And just the brush size, all the round where you think is necessary. The fingers, let's not chop the fingers off and some of the arm over here. More or less. I personally like that. It's imperfect. I think it adds to the look, but don't worry, it will not be red. This is just the mask, great. Let's scroll down. Also, you can adjust the brush settings by changing the feather and the flow. If that didn't work for you, great. Let's scroll down. One of the first things I like to do is straightway play with the temperature, to change the color bit and the tint and the hue saturation. I like to change the color first and then play with the rest. I want to go for pinky color, but of course, choose any color that you fingers cool might make it a bit yellowy, a bit more pink. You can add saturation or reduce saturation. Don't worry if it doesn't look the way you want it. We're going to be changing some stuff. No worries. We can add the amount or reduce the amount. Again, this is up to you. We can add exposure. Whoa, that looks weird. Or reduce exposure, but I'm going to leave it as is. We can add contrast or reduce the contrast. I think that looks pretty good. Reducing the contrast. We can add more highlights or reduce, there's no right or wrong here. It's just a matter of playing and seeing what we think looks right. We might have different styles as well in the opinions you can add. So I'm going to add some shadows because I think it looks good. And add some white who no or reduce, play with the blacks. And actually I think these two, I might leave them as they are. Doesn't that look amazing? It's just incredible how quick we change the hair. Great. Now we can scroll down and there are some more things we can play with. Like the texture. Who? Really big texture or reduction of texture? I quite like that. It looks a bit more dream like. When there's less texture, add more clarity or the ha, there's all these settings we can play with. Add sharpness or remove sharpness. It's really blurred, noise reduction. There's so many factors to play with. Now once we're happy, we can click on okay. This will be applied to our image. Incredible. Now if we're not happy with this, we have the option to edit it just by selecting camera raw filter because we created a smart object which means that it will be non destructible editing, which means that all our filters will be layered here and we'll be able to edit them individually one by one. If you wanted to edit this, you can just double click, go back to that icon and select here. It will just take you back to where you were where you would be able to change colors or whatnot. Or subtract maybe and select brush and maybe subtract a little bit from here if it's too much on the forehead. Great. Once we're happy, we click on. Okay, and voila. 23. Camera Raw Filter: Eye & Eyebrow Color: Amazing. Let's move on now to the eyebrows. We're going to be changing the colors of every little part. We're going to make sure that this is selected, that image smart object. We're going to go to filter and camera raw. Filter again again, that circle icon, right click and select people. We're going to select eyebrows. Click on Create. We might zoom in a little bit command or control. Plus they look a bit like caterpillars, don't they? The eyebrows. That's where we'll be editing a bit and subtracting a little bit to make it look a bit more subtle. Subtract and brush control, we can soften it here and remove some bits. And maybe make the brush smolder. And remove some bits and look a bit like microblading or like make up great. And once you're happy with the shape of the browse, you can scroll down. And I always start straight away with the color. I always start with the color and then I adjust the rest. That's how I work. We can play with the hue a bit. That's nice, isn't it? I want to go for a little green, bluey type color because I think that looks cool. That's pretty, we can reduce the saturation. Wow, that looks perfect. That's what I want to go for. It looks a bit bluey, fairy like great. Now let's go back to the light section now. We could play with this. Whoa, that's too much and reduce the exposure. It's very dark. That's also cool. But I don't want that we can reduce the contrast or add contrast. And I would like to reduce the contrast because I would like the eyebrow to be a bit more subtle. Add highlights, Add shadows. I'm going to add some shadows. Yeah, that's it for now. I won't touch whites and blacks here. Scroll down and we can add texture or reduce texture. I'm going to reduce all of these a bit because I want the eyebrows to be softer and less noticeable. I'm going to reduce all of these effects. Scroll. You can add sharpness or reduce sharpness, it's more blurred. Noise reduction. Let's zoom out a little bit. Come on minus O. That's fun, isn't it? I might go back to subtract. Go to the brush and I might remove a little bit because it might be a little bit much just to soften it out and even reduce the amount. It's not super, there's just a more subtle effect. Great. Once I'm happy I can click on. Okay, there we go. It's applied. Awesome. Now I have two camera raw filters, one for the eyebrows, which is this one. If I hide it, I will see the eyebrows hidden. Let's show it again, one for the hair. If I hide the bottom filter, the hair disappears. This is why it's great to have a smart object with non destructive editing because we can just always edit and add on top without destroying. Great. Moving on to my favorite part, the eyes. Let's go back to filter Camera, Raw, filter. Go back to that circle icon, right click, Select People. We're going to select Iris and whoa, that looks vampire esque. Zoom in, come on, plus love that as well. And click on Create. As usual, I would like to start with the color. I want her to have big green eyes, because I love green eyes. I'm going to make the tint green gorgeous, and maybe add some yellow. Wow, isn't that stunning? I could play with the hue bit, I can play around and see which I like, because I wanted to be a bit yellowy green. I can add the saturation. Wow, that's absolutely stunning, isn't it? I'm obsessed with this camera raw filter tool. It's just incredible life changer. Then I can go back here and I can add the mount. I can add some exposure if I wanted to, but no add contrast or reduce contrast highlights. To be honest, I'm not going to make such changes here because I like how it looks. I'm going to scroll down and perhaps I'll add more texture because I think that looks good, like the eyes pop out a bit more and perhaps I'll add more clarity. I love that. Awesome. I can also add more sharpness or not noise reduction. Well, gorgeous. Absolutely stunning. Once I'm happy I can click on okay. Wow. Now I'll have three different camera raw filter, one for the eyes, one for the eyebrows, and one for the hair, and they're all separate. 24. Adding Glittery Lip Color: Awesome. Now let's move on to the lips. We're going to go back to back to Camera Raw Filter this time back to the circle icon. Again, select people to detect all the parts of the person. And select Lips and click on Create. Let's zoom in, shall we, so we can see a bit better. Great, we might need to adjust the lips a little bit. I feel like it's not filled out the cupid's bow, this is what it's called, is not completely filled out. This time we're going to add, we're going to select brush. We can zoom in a little bit more. Command or control plus and add to the lip. Maybe make the brush a bit bigger. Add and fill out the beautiful cupid's bow, which is pretty important for lips. Maybe some edges here, perfect. Now, I would like to give the lips a similar color to the eyebrows. Greeny, bluey, minty. I'm going to go to the temperature and make it blue and add more green, gorgeous. I can play with the saturation and reduce the saturation. Wow, that's quite nice, isn't it? I can play with the exposure again here. Reduce it contrast. High contrast, which is really nice. Or low contrast. Play with the high lights to make it lighter. Shadows, so much to play. Isn't it cool? Now, I'm not going to play with too many factors except this one thing that I want to show you, that's grain. I would like us to add grain because it will look a bit like a glittery effect, which I love. You can see here, it looks a bit glittery and I really like that. It looks a bit like make up and it adds to the fairy look again, we can add amount or reduce, it's a bit more subtle. Great. I'm pretty happy with that. Once you're happy, you click on. Okay. There we have it. We have all the colors that we edited. The hair, the eyebrows, the eyes, the lips, and all using camera raw filter in a quick go. 25. New AI Filter: Makeup Transfer: But we're not done yet. If you look at the original one I created, which is pretty similar but not entirely, there's some differences. You can see the makeup. This is also a filter and it's called make up transfer filter and it's a new filter in Adobe Photoshop. That's what we'll do next. Really cool. After that, we'll add the beads, the crown, the dress, and the bead necklace. Okay, let's go for it. We're going to go to Filter. We're going to go to Neural filters, which are newer filters in Adobe Photoshop. We're going to select makeup transfer, turn it on. If you don't have this yet, you might have to download it first and then you'll be able to apply it. This filter is only available in the latest versions of Adobe Photoshop. If you have older versions, then you might not have these. We're going to click here and select an image. Click on the folder in that folder, Fairy Princess. We have a few makeups that we can use and choose from, but I'm going to choose this one, because that's the one I chose in the original. I'm going to click this image. Let's see. Wow, that's great, isn't it? I really like that. That's really great. Great. That looks beautiful. Wow. Look at these eyes. But there are some parts that I would like to mask. Like the lips. I don't like the lips. What I'm going to do is select new layer mask just so that it would be applied in a new layer. Then I can go to minus and remove the bit where I don't want it to be the makeup because that's where I don't want those bits to be. Then when I click on okay, it just created a new layer for that makeup. Just for the makeup in a new layer, which is great because that's another way of doing non destructive editing. Gorgeous. 26. Adding Beads Makeup: What's next? We've got the beads here, let's keep going. Now we're going to go to file open a smart object straightaway so we don't have to convert it later. We're going to select the beads and click on open. We're going to go to the rectangular mark key tool. We're going to select this bead and we're just going to go copy command C and go back to our image and command V paste. And we're going to use our lovely remove background effect. Just like that, it removes the background. Awesome. Now I would like to soften the edges a bit of our background removal. I would like to click here and just give it a little feathery effect just so it's a little bit smoother on the edges. Amazing. Now we're going to resize this because it's huge command or control for free transform. And we're going to resize it, make it smaller, and pop it here somewhere even smaller, maybe zoomed in and enter once we're happy with the size. If we wanted, we could also reduce opacity. Now we're going to duplicate this bead using a shortcut alter option. Because we want to duplicate it a few times. We have a bit of a beaded make up, look the shortcut for duplication. Make sure you're on that correct layer is alter option until you see the black and white cursor. And now we have to. Awesome. Now we're going to do this again to do these two little bits, but I want them to be a lot smaller, so I'm going to go here and I'm going to Alt and drag again, but this time resize it and make it smaller. Commander control T, make it smaller. Great. Now duplicate that and add another one there. Once we're done with that, we can alton, drag and drop it to the other side and add to the other side. Once we're happy, zoom out and see what it looks like. Wow, that's cool, Frank. Look. 27. AI Generative Fill: Crown, Necklace & Dress: Gorgeous. Now let's use AI and give this fairy princess a crown. What we can do is go to the lasso tool. Again, just select where we think a crown would go. Depends. If you want a small crown or short crown selected, then click on generative fill. You can type crown or beaded crown or white crown or fan many ideas, but let's just see what crown will give us. I don't like that, but let's see what else. Wow, that's interesting. This time I must say I didn't love the crowns. I'm going to delete those. Maybe I'll type white crown and see what comes up. White crown and generate because I think that would look good. Oh, that's quite nice. Great. In my original one, I had this beautiful crown which I really liked. I also had this and that. Yeah, that's the thing about AI. Every time you generate it will create another one. And sometimes it's nicer than the other. That's incredible. And I wonder what yours, what type of crown you had in your prompt. Now if you want, you can also try and give her a necklace by drawing around the neck back with the lasso tool. Drawing around the neck is generative fill and can type beaded necklace or just necklace and see what comes up. That's cool. But again, I preferred my original one, Gorgeous. I hope you had fun with this. And then last but not least, if you wanted to, you could make AI, give her a completely different outfit. Okay, if we go to the move tool and just click away and make sure everything is de selected. We can then go to the object selection tool and the main layer with all our filters. And we can click and drag, and try and select the outfit to the best of our ability. If it missed a bit, we can hold the Shift key and click and drag. And this should add some bits to our selection. Again, shift and click to add some bits. Okay, let's see. Then we can either just click Generative Fill and see what it offers and not type anything. Or we could type dress and just generate and see what I will give us and wow, that's cool. Kind of reminds me of Tim Burton movies. For some reason I don't like this as much. Ooh, this is quite interesting. So yeah, gorgeous. I hope you had fun with this. 28. AI Sky Replacement: Okay, so one of the final parts we need to add to this fantasy fairy portrait is sky replacement. It's also one of the latest Adobe Photoshop AI filters. Just make sure to select the last layer or smart object of the image. We simply have to go to Edit Sky replacement. If it's grayed out, just make sure you have that layer of the image selected and it's doing its thing. And just like that, we'll be able to choose from a bunch of different skies, all of them have different clouds. Pick one that you like. Well, trippy. Once you've chosen one of them, you can adjust them by fading it a bit or not reducing the brightness. The temperature. We can change, actually the clouds click on. Okay, once we're done. And it will automatically create a new group for sky replacement, which we could also hide if we wanted to show or hide. That's totally optional. In my original one, I created a different Sky Ok. Great. 29. Brand Mockups & Patterns: Okay, my friends, in this next section we'll be focusing on branding and digital marketing. So we'll be creating realistic mockups from pages of a book to adding brand labels to boxes. We'll also be creating seamless patterns really easily in Adobe Photoshop, and then apply realistic mock ups of those patterns to T shirts and boxes. And apply them beautifully in perspective With really cool tools such as the Warp tool, the perspective Warp cylinder Warp. And will be introduced to a new tool called the vanishing point filter. This will allow us to put everything into a realistic perspective in a really easy manner. We'll also be adding blurs and filters and drop shadows to make it even look more realistic. Let's go. 30. Book Mockup: The Warp Tool: Amazing guys. So in this part of the course, we're going to be creating mock ups. We'll be creating book mock ups where we have a book and we'll be adding pages to it and create like a fake book, mock up a bunch of different kinds of mock ups using something called the Warp Tool. And then afterwards we'll be creating mock ups for packaging. We'll be adding labels to objects and more, and using all kinds of blending modes, transparency modes, and warping techniques, in this case, cylinder. But more after let's get to it, I would like us to go to book mock up folder or zip file and decompress it or open it up. We're going to start with this one. We're going to open this image, open Adobe Photoshop. Zoom in, Commander control. Great. So if you want, feel free to convert this to smart object, just in case by right clicking and convert to smart object. I just love getting in the habit of doing that. It keeps our images safe. All right, now we're going to go to the rectangle tool. What we're going to do is we're going to create a fake page or mock up of a page. We're going to add some contents to it. Text images or even some pre prepared pages that I've designed in Adobe Design. That it's one of the course files of my course, in my beginner's Adobe Indesign. And then we're going to use something called Warp, which is a tool that allows us to warp our page according to this shape. Anyway, let's start and try and draw an four page To the best of our ability, click and drag and draw an four page. Now make sure the fill is white and that there's no stroke or border. Right click and remove the stroke. Perfect. You can also readjust it if you're not happy, but try four as much as you can, Standard printing page. Once you're happy you press Enter and then you can write, click and convert to smart object. Because if you do that, you'll be able to edit and adjust it as much as we can to keep it safe, convert to smart object. Now one thing we can do is reduce the opacity because that way it will be a bit more transparent and we'll be able to see a bit better what we're going to do, because we're going to align all these bits. Let's transform this shape with our shortcut command or control. For transform, we can rotate it hovering around the corner and we're going to try and align it a little bit better as much as we can. Great, press Enter when you're done. Now there's a few ways of doing this. We can either warp or align the page first and then start adding the contents to the page, which is what we'll do now. Then after, we'll first add the contents to the page and then warp it anyway, to use the Warp tool, we're going to go to edit, transform Warp. Then we'll nicely be able to align the corners of the page with this. Try and align it to the best of your ability, elongate this corner. These are handles so you can click and drag and pull the handles. Click and drag and try and align it well. Click and drag the handles here to give it a curve. And align this corner, obviously it's a little bit fiddly and it will look different every time because we're human. But to the best of our ability, we're going to try and align it. What's great is since it's a smart object, we can always adjust it later on, no problem. Once we're more or less happy and we think it looks all right, we can press Enter. We're going to go to Opacity and make it 100 again. 31. Book Mockup: Edit Page Contents: Perfect. Now what's great is since we've converted this to a smart object, what we can do is either double click here on the icon or right click and edit contents. This will open this rectangle in a separate document in Photoshop and it will be called Rectangle one PSB which is a big Photoshop file. Everything we put on this rectangle, any images, any changes we make, will be saved and applied to this, which is so awesome. That means that if you wanted to place an image and go file Place embedded in that folder in magazine pages, you will have a picture. So you're welcome to apply this, Select it, and click on Place. Let's press Enter and Save Commander Control. Now if we go back to that page, it will automatically add this image. Wow, that's gorgeous. Actually, anything we put on this image will be applied. That's great. Feel free to resize the image. Commander Control Re Enter. Feel free to go to the type tool and start adding text and create a magazine layout. Now I'm feeling a little bit lazy. I'm just going to grab some of the pages that I created in my Adobe Indesign course. I'm just going to select these and delete. Instead, I'm going to go to File Place Embedded. I've actually pre prepared some pages. I'm, if I'm happy with this, I can just press Enter and Save. Command or control or edit. Save. Let's go. Wow, amazing it just added this. Now obviously it needs to be a bit more transparent, right? This is where we use our famous blending mode, the most famous one, multiply. We can select this layer of the rectangle and multiply, wow, that's really cool, because we can see the shadow seeping through. Now if you aren't happy with the way it's warped, and if it looks a bit funny, you're welcome to go back to edit, transform, Warp. And just adjust the warping a bit, make it look a bit more realistic. Once you're happy, press Enter and voila, great, now you can go ahead back to this page and close it. If you wanted, you could save this file file, save as a Photoshop file, or save a copy and save it as a Jpeg. Totally up to you. 32. Another Book Mockup: Great, I'm going to close this and not safe. And you know me, I believe in repetition and I think we should practice every skill we learned. So let's do this, let's practice this time. We're going to do it with this page. And we're going to grab a page that I created in Adobe Indesign in my beginner's course. So if you want to learn how to draw and design any of these, check out my course. I created a few different pages like these and I love them. They look so pretty. Okay, so let's go ahead and open this with Adobe Photoshop. Right click open with Adobe Photoshop. Again, we're going to go to the rectangle tool. We're going to try again, to the best of our ability, to create an four page. We can click and drag and try and create an four page is make sure the fill is white and the stroke has no stroke, no border. Once we're happy, we can write click and convert this to a smart object because remember this means I will be able to edit the contents and have non destructive editing convert to smart object. Please command control which is a shortcut for transform. We can transform it and start rotating it. Click and drag, and click and drag to the best of our ability. And enter. Okay, this time we're going to straightway, add an image inside and do the warping. After we're going to right click and click on Edit Contents. Photoshop will open this rectangle in a new document, it will be called again, rectangle one PSB. Again, everything we put here will be saved there, which is so cool. Again, I'm lazy. Let's choose a pre prepared file that I created by going to file Place Embedded and choosing this gorgeous page place. Okay, we're going to resize it. I would like to give it a beautiful white margin or edge because I think it looks good. But obviously do what feels right for you and enter once we're happy. Now if we go file save or command or control, that's it. Our smart object in our other document will be updated if we selected. Wow, there it is, isn't it? Great. Now we're going to warp it. We're going to go to Edit, transform Warp. Let's work our magic and try and align all the edges and corners. So click and drag and align as much as we can. Click and drag the corners, try as much as we can to align it. It's a bit more difficult this time because it's a bigger curve and it's a bigger perspective. There's a bit of tweaking that will be needed here. And what's great is if we make a mistake, we can always edit it later on, no problem, because it's a smart object. Once we're more or less happy, we can press Enter and add our blending mode. Multiply, wow, that looks great, doesn't we can even see the texture of the page, but to be honest, I'm not super happy with the Warp. We can just go back to edit, transform Warp and just continue editing the Warp if we wanted to. No problem. And then press Enter when you're done, and voila, we've just created a page, a mock up of a page. Beautiful. 33. Book Mockup with 2 Pages: Great, now we're going to do this again, but this time with two pages. We're going to minimize Adobe Photoshop, And this time select this page because we'll be creating this as well as this, we'll be creating two markups of the same image. Let's go ahead and open this with Adobe Photoshop. Let's draw a Rectangle Rectangle tool. Click and drag, Make sure the fill is white and the stroke is none. Remove the stroke, try and make it a four as much as you can. Then right click and convert it to a smart object. Because remember this will keep our image safe and we'll be able to edit the contents, convert to Smart Object Transform Commander Control, rotate it and try and align it to the best of our ability. Enter right again, we will start by editing the contents. Right click and edit contents. And we'll start popping our stuff in here. Or if you want it, if you're feeling brave, you can draw it from scratch and add some texts, but I'm feeling lazy. So let's go to File Place Embedded, and choose our images. We can choose this image again if you're bored of it. And place. Okay, and try and align it to the edges and have it filled the whole page. Wow, I didn't do such a bad job with estimating the four. I'm proud of myself. Then we press Enter. When we go file and go back to our other page, it will automatically be updated here, Isn't that incredible? Now if we wanted, we could reduce opacity a little bit, just so that we can see better for alignment. And then go to Edit, Transform, Warp. And start warping our page and aligning it. Click and drag in a line. Click and drag on the handles. Once you're more or less happy, you press Enter or return, make the opacity 100 again and change the blending mode to multiply. Because that's a better opacity, it's a better transparency mode. Opacity, great, amazing, obviously, feel free to adjust if you're not happy with it. Let's move on to the second page, the right page. We can go back to the rectangle tool, click and drag, and try and draw an four page as much as we can. Make sure the field is white and there's no stroke. Click here and remove the stroke. Great. Let's convert this to a smart object. Shall we right click Convert to smart object to keep it nice and safe, and editable but non destructively. Then command or control for transform. We can rotate it and try and align it a little bit better. And enter. Great, let's edit this. Edit the contents of the rectangle. We'll be doing the warping afterwards. If we can write Click and Edit Contents and go file and place some of our saved pages. This time this yellowy one which I also designed in Adobe Indesign and I also teach in my Adobe Indesign beginners course. Check it out if you want. No pressure, click on place and okay again, we're going to try and align it to the edges. Beautiful. Wow. Very. For press Enter and file, save or control or command, it should be updated in our document. Yes, great. We can reduce the opacity a bit. Just so we can align it better and see better. Go to edit, Transform. Warp Again, let's do our thing. Let's try and align it to the best of our ability. Click and drag. Click and drag. Click and drag. And try and align it. The handles, click and drag those handles. You know what you're doing by now, I hope. Click and drag. Click and drag. Okay Ish. Once you're happy, press Enter and make the Opacity 100 again, because we're going to use a better opacity style blending modes and select multiply. And voila, isn't that awesome? Again, if you're not happy with the Warp, feel free to go back to edit, transform Warp, and adjust the Warp a bit better. Cool. It's a bit hid and miss. Every time I do it, it looks slightly different. It can take a little while to edit it and get it in the exact position you want. 34. Book Mockup: Multiple Designs: Great, let me teach you one more thing on this topic. You can actually create different variations of the same document, like this, different variations inside the same documents. Which is great. And I'll show you how. If we select this page, for instance, rectangle one. If we right click and edit contents, what we can do is hide this layer and place another image on top. We'll still have the other image, but it will just be hidden. If we go to file Place Embedded and choose the other yellow one, let's say. And click on Place, and click on, Okay. Now this will appear on our page, but the other one won't be deleted, it will just be hidden anyway. Let's resize it. I would like a little white edge. I like that. Let's give it a white edge. Click Enter Now, Commander Controls or File, so this will be updated. But if we go back to this rectangle, either by right click Edit Contents, or just going in this open tab, our other one is still there, is just hidden. So we can alternate and pick which one we want and have it saved in the same document. Anyway, let's go back here and do the same for this page. We can select this page, right click Edit Contents. We can hide this page for now and add another page so that we have a few different options. If we go to File Place Embedded, and select this one now, click on Place, okay, we can resize it and give it a nice and white border again, because I quite like that. Maybe a bit bigger. And Enter. Now if we go File save, this shall replace the other one. If we go back to our page, there we go. It's replaced side notes. If you think that the colors are too strong and not realistic. You could also go to opacity and slightly reduced opacity to make it look a bit more like print. If you select the other one as well and reduce opacity, that's better. I think that looks a bit more realistic. The great thing is, once we close all these files, these rectangles and all the layers we've added these guys, they will still be attached to this file. You'll always be able to edit the content and go back here and change your mind. That's awesome. Feel free to save these files by going to file Save As, and save it as a Photoshop file and a JP file if you wanted to. I would love to see your design if you designed the page and added text and images or your branding. And if you could pop it in the project section, I would love to see what book mock ups you came up with. Well done. 35. Class Review: My friends. I hope you're really enjoying the course so far, so your feedback means a lot to me. So please consider leaving a class review because it would be really helpful to me. Thank you in advance. 36. Labels Mockup: The Perspective Warp: Okay, moving on to the next mock up exercise and that will be adding labels to our packages. So, let's get started, shall we? I've already set up the file for us, the Photoshop files. So it will be fewer steps. Open packaging labels, folder or zip file. So go ahead and open one round label with Adobe Photoshop, and we're going to start popping all these labels over here. Okay, So anyway what we're going to do is we're going to grab this label that I also created in Photoshop very easily. We're going to pop it here, there, and there. Using the Perspective Warp tool, we're going to duplicate this. Make sure you're on the move tool. Hold down the alter option key until you see the black and white cursor. And drag it. There we go. Now let's make sure we convert this to smart object to keep it extra safe and so that we can edit it better. Cool, let's start with this one. Let's Alt and drag again and duplicate it. And pop it in here. Perhaps we're going to reduce the opacity just so we can see a bit better. And we can zoom in Commander Control plus, right, there's so many different ways we can change the perspective or the warp of this. Using Warp as we did before with the book, we can also use something called perspective warp, which I think is our best bet here. Let's go to Edit Perspective Warp. What we're going to do is we're going to click and drag and align the edges of the circle have a circle inside a square. Once we're done, we press Enter. Our pins will become black. Now we'll be able to click and drag and create a fake perspective. And align the circles to our, to that circle, and play with it until we think it looks decent. Again, there's room for error because we can always adjust it later on thanks to it being a smart object. Great, Now once we're more or less happy, we press Enter and increase the opacity so it's not transparent as usual. If we want it, we can select multiply. It looks a bit more real. Voila, wasn't that easy. 37. Perspective Warp & Layer Mask: Right. Let's do it again, but for the two other bits. We're going to go to the move tool, Select our El pum honey and apple and hold down the alter option key. And click and drag and transform it. Resize it. Command or control, transform and resize it. We're going to do the same here, similar to what we just did. Enter. We're going to go back to edit perspective warp. And we're going to click and drag, and try and highlight our circle edges and make it as though there's a circle in a square. Once we're happy, we press Enter until the pins are black, and now we can start aligning it in the correct perspective. We're trying to keep this rectangle parallel with that rectangle, if that makes sense. Because that should give it the same perspective as long as they're parallel. Okay, once you're happy, you press Enter. And great, the perspective looks good. Obviously, if you're not happy with this perspective, you can just change it by going to here to the layer and perspective warp and double click, you'll be able to edit it further. Great, We can either keep it like that or if we wanted to get rid of the white border, we can go to blending modes and select multiply O. Now we don't have the border and we just have the icon. This is up to you. Great. The final one is this one. We're going to select this, make sure you're on the move tool, hold on the alter option key and drag because we're duplicating it one final time. We're going to command or control for transform resize. This time what we can do is pop it over here, have half of it not be seen, if that makes sense. Because we won't see this bit because the label is meant to be around the sticker, we're going to mask the bit we don't want. We can also resize this if we wanted to using the Warp tool by going to Edit transform. And if we wanted to, we can figure it a bit and pretend it's going to wrap around the edge and give it a tiny, tiny perspective. And enter, great. Now we're going to mask the part we don't want by going to the rectangular marquee tool. We're going to zoom in, maybe it's easier to see. We're going to select the bit we do want, we do want to keep this bit and try and align it to the edge. And then click on Create Mask From Selection. Amazing, it's the contextual tab again, useful. Click and bye bye edge that we don't need. If it doesn't look the way we want, we can go back to the move tool and we can play with the arrows on our keyboard and push it around. Finally, let's give it a blending mode, normal and select blending mode. Voila. We've added labels to our packages. In this one, I did reduce the transparency a bit. If you want, feel free to select each of these and reduce opacity to make it a bit more transparent. If it's to reduce opacity, click on this one. Reduce opacity. That's totally up to you. Well done. That was cool. Let's move on to some more packaging and labels mock up. Feel free to close this or save as. 38. Labels Mockups: Cylinder Warp: And let's open two el drops, because they are drops. Go ahead and open this with Adobe Photoshop. Okay, this time what we'll do first is we're going to create rectangles with a color with these colors. Namely, we're going to use a completely new Warp tool that super cool that Photoshop added. And it's called cylinder Warp. Because these are cylinder shapes, you'll see it will be a lot easier to adjust it and align it. First things first, let's go to the rectangle tool. Let's start drawing a rectangle and zoom in, and let's start drawing a rectangle around this cylinder. Click and drag. Now this time we're going to go to fill. We want this color, we're going to go to this color thing, then go here. The eye dropper will pick up that color. Click. Okay, beautiful. Now let's remove the stroke or the border. Click Amazing. Great. What we're going to do now is convert this into a smart object as usual. Let's get in the habit of doing that. I really wish there was a shortcut for converting to a smart object, but sadly, I don't know of any. If you did know, please let us know. Okay. Now if we want it, we could reduce the opacity a bit because it will be easier to align, we'll be able to see the edges better. Let's go ahead and go to Edit, Transform, and Warp. We've done this before, but this time we're going to choose Warp. If you scroll down, there's an option called cylinder. If we select this, it will automatically be in the shape of a cylinder, which makes things easier. Now all we have to do is click and drag, and try and adjust it, which is great. We can resize it here a bit and try and line it to cylinder. Now obviously, it's never in the perfect angle. If we do need to make minor adjustments to the edges, then we can always go back here and select Custom. And then edit the other bit slightly to further adjust and perfect. Once we're happy we press Enter as usual, let's increase the opacity, but let's select the blending mode, multiply, so we can see this beautiful shadow. Amazing. Now feel free to edit it further if you need it. If there's edges to be edited, go back to Tarp and you can edit stuff further if needed. Perfect. Now, I believe in repetition. So let's do the same for this side. We're going to go back to the rectangle tool. We're going to click and drag and draw rectangle. We're going to go to the fill. Go to this rainbow. And click on this color with the eye dropper so that it's Select this color. Okay, now let's get rid of the stroke or the border and get rid of it. Great. Once we're happy with our shape, we can write, click and convert it to smart objects so that if we make any mistake, we'll be able to adjust it and edit it. Cool. Let's go to Edit, Transform, Warp Cylinder. Warp, Scroll down and select cylinder. That's not bad, isn't it? Not bad at all. If we want it, we can reduce the opacity though, so we can see a bit more what we're doing now. We can stretch it out or make it smaller if needed, and not bad at all. Again, for minor tweaks, you can go back to Warp back to custom, and then you can change some minor tweaks. When you're done, press Enter or Done, and voila, if you wanted to, you could also go to normal and add multiply blending modes. Amazing. 39. Labels Mockups: Adding Blur Filters: Now we're going to be adding labels over here. These guys, I've saved the label somewhere. We're going to go file place Embedded Mastering Photoshop Packaging Labels. Select this label, PNG, which means it has a clear background. I also created this in Photoshop. Click on place, let's just pop it over here. Now let's go to the move tool and pop it over here. And resize it. Commander Control and resize it, make it smaller. And pop it here is and enter once we're happy. Great, now we're going to have to add a blending mode. Here is where it will be a little bit more tricky in terms of blending mode, because if we select multiply, it's not going to look that good either. We choose and try and find another blending mode that looks better. But personally, I didn't find any. Or another option would be to reduce the opacity a little bit. A third option would be to double click here on the layer. Hold down the old key in the underlying layer, and just go a bit like that. This will make parts of it transparent, but not entirely. And reduced opacity maybe a tiny bit. Then click on okay, this is an option. Now let's go Alt or Option, and drag and duplicate it on this one. Let's see, maybe we can try multiply here. In this case, multiply works pretty well because the background is lighter, so it works better. Multiply it is for this one. Finally, we're going to add it over here, we're going to alt and drag It still has multiply applied to it, which is great. But the final thing is, obviously this is blurred because it's in perspective. When something is in the background, it's blurred. We don't see it as clear, we're going to make it blurred. Also, another thing about things in the background is they're usually smaller when they're in perspective. Let's make the label smaller Command or control for transform and re size and make it smaller because things are smaller. When they're further away from the eye, they look smaller. At least press Enter when you're done. Now we can add a blur. Filter by going to filter blur. Gaussian blur. Not too much. Whoa, But add a little blur just so that it matches the rest of the bottle. Then click on. Okay, there we go. Now feel free to add a tiny bit of blurs to these as well. If you find that they're a bit too clear and not realistic, make sure you selected first filter blur, Gaucianblur. Just add a tiny weeny bit of blur just so it's realistic. And the same for here. Select filter blur, Gaussian blur, and a tiny little bit, barely noticeable. Okay, there we have it. We've added some more mock ups of bottles and labels and we've used blurs, blending modes, and even cylinder warp to fake mock ups for our brands. And feel free to use your own branding for this. It's well done. 40. Class Project: Okay, my friends, I hope you're enjoying the class so far. I would love to see how the projects we're working on have inspired you. So please feel free to customize them and edit them and have your personal take on them. And post them in the project section for me to have a look at. You'll get personal feedback from me, whether it's your own fantasy portrait or your own brand labels mock ups to products, so grain. 41. Create a Seamless Pattern: Okay, my friends, let's talk about patterns. Yes, creating seamless patterns in Adobe Photoshop. It's actually much easier than you think. Now, I personally usually tend to create my patterns in Adobe Illustrator because it's a vector program and it's made for that. But you can also create patterns in Adobe Photoshop. And that's what we'll do next and I will show you there's a Patterns folder inside Patterns folder zip file. There's some files that I've taken from the web, from pexels and on Splash. And there are some files that I've created from scratch using Adobe Photoshop. That's what we'll do. Now after this, what we're going to do is make mock ups of the patterns and add them to boxes and tubs. And we'll combine a bunch of skills like patterns, like the warp tool, like blending modes. And we'll even discuss something new called vanishing point, which is really cool for adding patterns and adding anything into perspective. The really fun part is we're going to add patterns to T shirts as well. How fun and exciting, let's do this. It's a really fun part of the class, but this time we're going to create a file from scratch. If we could go to Adobe Photoshop and go to File New. We're going to select Art and Illustration and select 1,000 pixel grid. Now it's very important that we have artboards unticked or turned off because if it's turned on pattern view, which is the view mode that will be needing will be deactivated or grade out. Make sure artboards is not ticked and click on Create. In a minute we'll have to go to View and go to Pattern View, but I just want to show you that it is not graded out now because we don't have an artboard. If you look over here, there's no artboard. Okay, cool. So what we'll start doing, we'll start adding our elements here, We'll remove the backgrounds of our elements, we'll add a little color for the background, and then we'll start creating our seamless pattern. Let's go, if we can go to file place embedded, there should be a folder called stock images. But obviously, feel free to grab any image that makes sense to you that you like. I've added a few images here from Unsplash. I'm going to choose this Chili because I think it's cute. And click on Place. Now let's resize it and enter Straightway. I'm going to click on Remove Background, because when we add a color, it will be nicer if we have a clear background or no background. Cool, Let's view Pattern View right now. And I'll show you how amazing it will be if we go to View Pattern Preview. Click on okay, and out. Hello, pattern isn't this amazing. Every time we move this around, the pattern automatically gets updated. I just love this. I find this incredible. Yeah, it's a bit empty. Let's add a second element to our pattern, shall we? Let's go to file Place Embedded, and choose a second image. I might choose this, Lemon. Why not click on Place and wow, I actually love this. But no, let's make it smaller so we can see the chili as well as the lemon. And Enter now, just like before, let's remove the background. Wow, that was easy. We can move this around and our pattern will be adjusted accordingly, so cool. 42. Adding Drop Shadow Effects: Great. Now if we wanted to make it a bit cooler, we could add a drop shadow to both of these. So if we select the chili layer, we can go to FX and select drop shadow. The standard drop shadow should be good, but if you didn't like that, you can adjust the shadow here, the pacity, the distance, the size. Feel free to adjust this according to your preference. Then once you're happy, click on. Okay. Let's do the same for the lemon. Select the lemon layer. Click on X drop shadow. It should apply the lost effect that we added, the same effect we added to the Chili. Now click on Okay. And voila, Awesome. Now let's add a colored background because I quite like adding colors to the background. It looks a bit like a smiley face. Now, doesn't it cut to add a background, we need to make sure we highlight underneath these elements, underneath the chili and the lemon. We're going to select here the background. The best way to create a color fill for the background is to go to the Yin and an icon and create a new fill or adjustment layer. And select solid color. And I love pink. Let's go ahead and select any color we want. But sorry, I will select pink because that's just me. Once we're done, we click on Okay and zoom out and Hello pattern. Feel free to adjust this and add your own elements and whatever you think is pretty and make it your own cool. What do we do now? How do we save this pattern? If we go to edit the fine pattern, this will be saved inside our Photoshop. If we want we can call it Lemon Chill Limoncello, but no and click on. Okay, Now where will it be? If we go to the pattern stamp tool, which is underneath the clone stamp tool. We go over here, we will see all the patterns that we created. As you can see, I've created a bunch of versions of these to apply it. We could, for instance, go to a new document and create a new document and apply it. If we go to file new, this time perhaps select 2000 pixel grid and click on Create. Let's make the file even bigger so that we have more space for our pattern. We could even go to the artboard tool and then click and drag and make a really big art board. Just so that we'll have a lot of space for a pattern. We can add a new empty layer that can be for our pattern layer. Now make sure you're on the pattern stamp tool and you select our pattern. Now if you draw hello pattern, wow, that is so cool. I love this. Yeah, we created our pattern. So feel free to practice this again and create your own pattern. Now, you can either keep this file on or you can go and save it, either as a Photoshop file or a Jpeg or even both. I'm just going to go file save, as I might save a copy and save a Jpeg version of this file just in case, okay. 43. Mockup: Apply Patterns to T-shirt: Amazing. Now for the really fun bit, let's start applying this pattern and other patterns to mock ups. I would like us to open this image and we're going to start creating a pattern mock up to our T shirt. Right click open with Adobe Photoshop. Make sure you're on the pattern zip file or folder. Beautiful. What we're going to do now is we're going to go to the object selection tool and we're going to try and select the T shirt. This might take a few goes. We're going to click and drag. And let's see, oh, that actually did a really good job now obviously it's not perfect. If we need to add to selection or remove from selection, we can right click and go to the quick selection tool. There we'll see the plus and the minus. And we can add to selection or subtract. I need to add. I'm going to go on the plus. I'm just going to click, click, click, and start filling the bits. Whips not too much. Undo if there's bits here that we need to get rid of, I can go to minus and get rid of the bits here. Awesome. Now that we have the T shirt selected, we're going to do something special. We're going to paste our pattern in a special way inside the T shirt. We're going to go back to this pattern. We're going to go to select all or command or control a, then edit, copy. Because we're going to copy this, we're going to paste it inside the T shirt. We're going to go edit, paste, special paste into and who. First of all, it's really big and second of all, it looks like a cartoon. Let's resize it. Command or control transform. We can click and drag resize pattern and make it smaller. Okay, I think that's looking a bit better. And Enter. If you look at the layer, it will have automatically created a layer mask in the shape of our T shirt, which is incredible nice. Now obviously let's make it transparent and let's use our friend multiply the blending mode. Wow. Doesn't that look cool? That's just amazing. I love this. You can see all the folds in the shadows. It looks pretty realistic, I think. Awesome. I believe in repetition. So let's do this again with more patterns, right? Maybe we can hide this for now. And let's do it again. Let's go to the background layer again. Go to the object selection tool. Again, select our T shirt. Oh, that was pretty good. Now to make adjustments, we go to the Quick selection tool, to the plus or minus. Feel free to adjust your brush using the right square bracket or the left square bracket and adjust the little bits. Great. Now what we're going to do is go file open a smart object. Just open the patterns folder. In the Patterns folder, there's another pattern folder with a bunch of patterns. If you can choose any pattern you like, I'm going to choose more lemons. Because when life gives you lemons, make patterns and click on Open. This opens it in a separate Adobe Photoshop file. We need to select it and copy it. Select all or commander control A and edit copy. Now let's go back to our T shirt folder file. I have a special special friend, we go edit, special paste into transform command control and click and drag. I might even rotate it, click and drag it, and enter. One more time, let's use our multiply blending modes. Normal multiply, wow, we just made a lemon T shirt. Isn't this awesome? Okay, one more time, let's do it again. We go back to the T shirts. We go to the Object selection tool and select our lovely T shirts. Make necessary adjustments by right clicking Selecting the Quick selection tool, We can add selection or subtract depending on your selection minus. And let's open one more pattern. Let's go file open a smart object. We're opening another pattern. In another file, we can open this beautiful, gorgeous picture that I took from Pexels. Click on open again. We're going to have to select all and copy. Select all or command or control A and then edit copy. Now we're going back here and one final time. Edit, Paste, special and paste into and resize command or control for transform. Click and drag and resize it according to your preference. And enter one more time. Add a blending mode, right click and multiply. Wow, actually I really dig that T shirt. That's really pretty. I don't know what I have with citrus fruits today, but guess I'm really craving citrus, fruit, vitamin C, amazing. I hope you enjoy this. But we're not done with patterns just yet. In a bit, we're going to be stepping a level up and adding patterns to boxes and cylinder tubs. 44. Patterns on Boxes: Cylinder Warp: Okay, moving on to the next mock up and pattern exercise, combining a few skills in one, this is what we'll do next. Exciting. I would like us to open this image in the pattern folder, right click, open with Adobe Photoshop. Perfect. If we want it, we can right click and convert it to a smart object to keep it extra safe. We're going to start with this one and we're going to combine a few skills. We're going to use what we did now, paste into space special, the pattern we're going to be using, the blending mode and the warp for cylinder that we did when we worked on labels because it is warped, here it is in a cylinder warp perspective. Then we'll tackle some new skills with this box spoiler alert, It's called the vanishing point. Okay, let's get to it. Okay, now we're going to go and place a pattern in for this cylinder, for this tub. We're going to go to File place Embedded. We're going to go to the Patterns folder. Patterns again and choose this dod fun pattern which is a PNG with a clear background and click on Place, Great. And we're going to click and drag. And now it's a smart object. When you place an image as an embedded object, it becomes a smart object. That's great. That means that any changes we make will be fixable and not permanent changes that already looks not bad. But let's go ahead and go to Edit, Transform, And use Warp again, because I would like to make it look more like it's in a, it's in a perspective. Let's select Warp. Remember our cylinder warp. It is a cylinder object. Perfect. Let's select cylinder. And who? Not too much but just slightly. I don't know if you can tell. But the edges here look a bit more cylindery. They look more realistic, which is great. If we want it, we can squish it more. We can play around with this. Yeah, I quite like that. I think it looks more realistic. Now, don't worry about the pattern being too big because we're going to use our Paste into in a minute. Just press Enter when you're happy with the Warp. Now we can go to the rectangular marquee tool and just make sure it's, make sure the layer is selected as well. And just copy, edit, copy. We can hide this for now. Now let's select the background again. What we're going to do now is we're going to go to the object selection tool. We're going to select this tub because now we're going to paste into the selected, the copied piece that we had from the pattern. We're going to go edit, paste, special paste into. Wow, that looks pretty cool. I like it. Finally, the final part though is to add a transparency. Because if you look well, you'll see that there's no transparency. If we go to normal, multiply, wow, perfection, that looks awesome. I love it. We can see all the little shadows now amazing. Let's go back to the move tool. 45. The Vanishing Point: Great, now for the next part for this one, we're actually going to be covering a brand new tool that we haven't covered yet. And this is called the vanishing point. And it's so awesome, honestly. It makes adding patterns and walls and stuff in perspective so much easier. I just love it and I'm so happy that I discovered this tool, and I hope you'll enjoy it too. So let's go. The way to use it is this is as follows. I would like us to create an additional layer by clicking on the plus. As usual for non destructive editing, I would like us to double click and call it the vanishing point layer. Perfect. Now we're going to be applying the vanishing filter. It's a filter, surprise, surprise. We're going to go to and vanishing point. Note that we've already covered a few filters here, right? The camera raw filter, the neural filter makeup transfer blurs now vanishing point, great. And this is where we're going to tell Adobe Photoshop where we want our perspective to be, our vanishing points. What we're going to do is we're going to align and draw around the perspective. We're going to click here and click Are. Then click on this corner, and then click Are. That should be our vanishing point. Now if you see blue lines, that means it's good. It's a perspective that exist that is possible. If you see yellow or reds, it just means that this is a fake perspective, incorrect. You want to try and align it to the best of your ability to the box while making sure that it's blue. Because Photoshop knows, oh, this is existing perspective, that will be one. We've just created one plane, but we're not done yet. We're going to add the second plane, this one, It's just called the plane. What we do is if we hold down the command key or control and select this anchor point, this little point, we'll be able to draw the other plane. Most of the time it tends to be perfect, but sometimes, like in this case it's not, that's totally okay. All that means is that we'll be able to adjust it and click and drag and adjust it. Now we have two planes, which is awesome because in a bit we're going to be adding patterns into here and it's just going to line up perfectly amazing. If you made a mistake as usual, undo commander control, Et, and just do it again, then click on. Okay. You might be like, whoa, nothing happened, What happened here? But remember, we're in the vanishing point layer. If we now go back to filter vanishing point, our perspectives, our vanishing points will still be there, no harm, no done. Perfect. Now I would like us to go back to our folders and pick one of the patterns we would like. I'll go for the cherry lemon pattern that I created using Adobe Photoshop. I'm just going to open it up. I'm just going to go right click open with Adobe Photoshop. I'm going to select all and copy it, just like before, so I'm going to go to Select All or Commander Control A and then edit copy. I'm going to go back to this image and back to the vanishing point layer. Now to be on the safe side, I'm just going to duplicate this vanishing point layer commander control J just so that we have an extra copy just in case. Great, now we can go to filter and vanishing point. Now let's press Paste, or control or command V. Awesome. Obviously we need to resize this command or control for transform and click and drag and resize this pattern. But look what happens when we start placing it here. It will automatically align to the plane. Wow, that is super cool. Now if you want to resize it, then hold on the shift key so that it doesn't get distorted when you're happy. If you're happy with this one, then you can duplicate it for the other plane. Hold on the older option key and drag and duplicate it for the second plane. Now press okay. And, but we're not done just yet because we're going to select multiply. And wow, that's cool. It's already added with the shadows, With everything that's amazing. 46. Adding Labels to Vanishing Point: Now we're going to do the same thing, but this time we're going to add a Photoshop label. We're going to do it twice, once with the Photoshop label, like this. On with this label, I would like us to select both Images, Photoshop, this label, and that label, and open it with Adobe Photoshop. Great, make sure we select all. Select all and then edit copy. That's copied. Let's go back to our image. Let's select that same vanishing point layer. Now we're going to go back to filter and back to vanishing point. We're going to paste command control V and we're going to add that Photoshop icon here. If you want to resize commander control and re it old, hold on the alter option key and drag to duplicate it. Well, I think it got distorted if it did hold down the shift key and resize it. Amazing. If you're happy with that, you click on okay, wow. It automatically added the blending modes and the blurs, which is amazing. But let's say I don't like this label. I want to have another label. What I can do is undo. We can do it again, but with the other label. With this one. Again, select all, edit, copy, go back here, back to the vanishing point layer. This is why we name layers so that we know. And then back to filter back to vanishing point. And again, paste command or control V, resize it. Command or control for transform. Hold down the shift key so it doesn't change proportions and resize it to whatever makes sense to you. Then if you want to duplicate it on this side, hold down the alter option key and drag and pop it over here. Wow, it's beautifully in perspective. Isn't that great? When you're done, press okay and voila, it's automatically in the blending mode because it's all in that same layer. If I hide this layer that's before, so that's this layer. Hide and show. That was your introduction to the vanishing point. I hope you liked it, but don't worry, we're not done with vanishing point. As usual, I believe in repetition we will be using the vanishing 0.4 interiors, which is cool, so stay tuned. 47. Interior Design with Vanishing Point: Okay, my friends, in this section of the class we get to play interior designer, super fun. We get to transform a boring room into a gorgeous interior designed room using our newly acquired skill of the Vanishing Point filter. Where we get to apply artworks and rugs and put them beautifully and realistically into perspective. Thanks to the Vanishing Point Filter, we'll be grabbing furniture from all kinds of images and popping them into that images. Let's do this. 48. Interior Design: The Vanishing Point: Okay my friends, in this exercise we get to play interior designer, how exciting and we get to practice our new vanishing point skills. If you open vanishing point interiors folder, this is what we'll get to do. We'll take this image and transform it into this gorgeous, We're going to use the vanishing point filter here to add these works of art. Those works of art and the rug. Even then, we'll be adding the pieces of furniture, the plants, the lamp, and we'll even work with a neon sign. Speaking of neon signs, later in a couple of exercises, I will teach you how to create the neon effect from scratch. We'll be designing our own neon signs. Stay tuned. Later on, we'll even be using AI, generative fill to add this console table or table or whatever that is. Okay, cool. Let's get started. We'll have a furniture folder over here. We'll be grabbing pieces of art and furniture from these images and popping them over here. If you can open this with Adobe Photoshop, great. Now, just to be on the safe side, we're going to duplicate this image command or control J if we want. We can convert it to a smart object by right clicking Convert to smart object just to keep it extra safe, just to be on the safe side. Great. Now we're going to create a new layer because just like any, we'll create a blank or an empty layer and we'll put that filter inside just so that there'll be no destructive. It's going to be non destructive editing, We can rename it and call it vanishing point. Amazing. Now let's go ahead and go to Filter. And we're going to go to our new skill, the vanishing point. Amazing. Now let's start drawing our vanishing point. We can start here if we wanted to, click, click, Click. The reason I only go over here is because it doesn't go further. I'm going to stop right over here to create the vanishing. Feel free to adjust it and just make sure it's still blue. Because as soon as it's red or yellow, it means that this perspective is not possible. It's not a possible perspective. Once you're happy with this plane, we're going to draw this plane. We can just drag it out by hovering over the white square and holding down the command or control key. And click and drag and okay, so that's not perfect, which is fine. We can click and drag and adjust this plane, just make sure it stays blue so that we know it's a possible perspective. Once we're happy, we can go to this little square and hold down the command control key and click and drag, Wow, that's actually not bad. That's actually quite good this perspective. If it's not, feel free to adjust it and if you make a mistake, that's fine. Just click on Commander Control for Undo. Great. Now let's do the same for the floor now. Again, we're going to hover over the white square and hold down the control key and click and drag. Wow, we've created a little cube. We have that, this and that. Amazing. Last but not least, we can do the same for the top one. Go to the white square in the middle. Hold down the command or control key and click and drag Hello little cube that we created. Now we'll be able to place lots of items inside the cube and it will be beautifully in that perspective. If we're happy with that, we can click on okay. We might be like, well, we don't see anything. But remember, if we go back to the filter, back to vanishing point. Hello, vanishing point planes. Anyway, let's click on cancel. 49. Interior Design: The Vanishing Point: Okay my friends, in this exercise we get to play interior designer, how exciting and we get to practice our new vanishing point skills. If you open vanishing point interiors folder, this is what we'll get to do. We'll take this image and transform it into this gorgeous, We're going to use the vanishing point filter here to add these works of art. Those works of art and the rug. Even then, we'll be adding the pieces of furniture, the plants, the lamp, and we'll even work with a neon sign. Speaking of neon signs, later in a couple of exercises, I will teach you how to create the neon effect from scratch. We'll be designing our own neon signs. Stay tuned later on and we'll even be using AI generative fill to add this console table or table or whatever that is. Okay, cool. Let's get started. We'll have a furniture folder over here. We'll be grabbing pieces of art and furniture from these images and popping them over here. If you can open this with Adobe Photoshop, great. Now just to be on the safe side, we're going to duplicate this image command or control J if we want. We can convert it to a smart object by right clicking Convert to smart object just to keep it extra safe, just to be on the safe side. Great. Now we're going to create a new layer because just like any, we'll create a blank or an empty layer and we'll put that filter inside just so that there'll be no destructive. It's going to be non destructive. Editing, We can rename it and call it vanishing Point Amazing. Now let's go ahead and go to Filter. And we're going to go to our new skill, the vanishing point. Amazing. Now let's start drawing our vanishing point. We can start here if we wanted to, click, click, Click. The reason I only go over here is because it doesn't go further. I'm going to stop right over here to create the vanishing. Feel free to adjust it and just make sure it's still blue. Because as soon as it's red or yellow, it means that this perspective is not possible. It's not a possible perspective. Once you're happy with this plane, we're going to draw this plane. We can just drag it out by hovering over the white square and holding down the command or control key. And click and drag and okay, so that's not perfect, which is fine. We can click and drag and adjust this plane, just make sure it stays blue so that we know it's a possible perspective. Once we're happy, we can go to this little square and hold down the command control key, and click and drag. Wow, that's actually not bad. That's actually quite good this perspective. If it's not, feel free to adjust it and if you make a mistake, that's fine, just click on Commander Control for Undo. Great. Now let's do the same for the floor now. Again, we're going to hover over the white square and hold down the control key and click and drag. Wow, we've created a little cube. We have that, this and that. Amazing. Last but not least we can do the same for the top one. Go to the white square in the middle. Hold down the command or control key and click and drag Hello little cube that we created. Now we'll be able to place lots of items inside the cube and it will be beautifully in that perspective. Amazing. If we're happy with that, we can click on okay. We might be like, well, we don't see anything. But remember, if we go back to the filter. Back to vanishing point. Hello, vanishing point planes. Anyway, let's click on cancel. 50. Interior Design: Adding Artwork to Perspective: Now I want us to make a copy of this layer because we'll have one layer where we put the artwork in and then one layer where we put the carpet in if we wanted. We could also have an individual layer of vanishing point for each item. Let's duplicate this layer command or control J. Perfect. Let's choose any of them. It doesn't matter. What we're going to do now is we're going to minimize Adobe Photoshop and go to our furniture folder. I want us to start opening the images that have the artworks that we need. Opening them in Adobe Photoshop, because we're going to grab them and copy them and pop them in our vanishing points in here. The ones we need are this one, That one, and this one. For now. Afterwards we're going to be opening a lot more files. If we click on one, hold down the shift key, click on this one, hold down the shift key, click on this one, and then right click We can open with Adobe Photoshop and open all of these in one go. Great. Then we're going to go to the Object Selection tool. Click in the artwork and edit, Copy or command or control C. Now we're going to go back to our lovely MT image and make sure we select the vanishing point layer. Now let's go to Filter vanishing point and Paste. Command or Control V. Now let's resize it. Command or control for transform. Let's try and pop it over here and whoa, it's big, we need to resize it. If we hold down the shift key whilst we resize it, it will not distort our image or our artwork. Then we can pop it over here is I'm going to cheat a little bit. I'm going to click and drag without the shift to distort it because I just think it looks better. It's okay to cheat sometimes Once we're happy, we can click on Okay or enter Hello. Artwork in Perspective. We can hide it or show it. Let's have this layer selected still, and let's move on to the next piece of art, this one. If we can go back to the Object Selection tool and click and vote selected. Now we can go to Edit, copy, and go back to our interior design page. Make sure the vanishing point is selected. And go to filter vanishing point and start adding the second artwork. Over here, press command or control. V for paste. Control or command for resize or transform. Hold down the shift key so that you can resize. Again, it's huge. Hold down the shift key and resize it. Hold down the shift key and resize. What's cool is that even though this is outside the cube, it's still going to be in the perspective that we want. Let's just make it a bit bigger, shall we? Yeah, something like that. Once you're happy, click on Okay or Enter. Now we've got two artworks. Great. Let's move on and add two more artworks over here. We're going to grab these two, which are gorgeous. Wow, I love this color way. I'm getting inspired here. Make sure you're on the object selection tool. This time we can click and drag around both. They'll both be selected. We'll go edit Copy. Because this time I want to show you that we can add two pieces in one go. Let's go back to our page, make sure you're on the vanishing point layer. And go to Filter vanishing point and Paste Command or Control V now transform these command or control and pop them over here. And we, the massive but gorgeous. Hold down the shift key and click and drag to make it smaller. Hold down the shift key and let's do it a little bit smaller. That looks so good, doesn't it? Great, Once you're happy, you click on Okay, If you make any mistakes at any point, then you can always duplicate the layer and then delete these bits, like select them and delete or do is your best friend. Also, you're always welcome to use the history panel to undo a few steps. 51. Adding Rug & Furniture: Great, Now that we've done the artwork, we're going to move on to the rug like this. The rug and it's gorgeous. We're going to go back to our folder and this is going to be our rug. If we can open this with Adobe Photoshop, we're going to select it all and Copy. Select all or Commander Control A and then edit Copy or Commander control C. Now we're going to go back to our page over here. This time I want us to select the copy of the vanishing point because I want us to have the rug on a different layer. Let's go to filter vanishing point and paste the beautiful rug. Whoa, it's massive. Let's re size it or transform its commander control T remember to hold the shift key to make it smaller then let's pop it in the bottom. Whoa, it's big. No worries. As long as we find a little white square and hold down the shift key, we can make it smaller. Click and drag. And then hold down the shift key and make it smaller. Cool. Actually I want to rotate this. Let's click and drag and rotate it, resize it a tiny bit. That looks good, doesn't it? Once you're happy with how it looks, just click on, okay, wow, gosh, that looks really realistic, doesn't it? That looks really pretty. I wish I had a rug like this. Great. Let's move on to the next pieces of furniture, our yellow arm chair. If we can go back to this page, and this time make sure you're on the object selection tool and click Select the Chair and then Edit Copy. Then let's go back to our interior design page and control V or edit Paste. Hello, little chair. Now, commander control for transform. We can pop it over here, perhaps make it a little bit bigger this time. Don't use the shift key. Oh, I love that pop of color that looks so pretty. Once we're happy, we press Enter and voila. Okay, let's go ahead and add a plant now, add some oxygen. So we're going to minimize Photoshop, and we're going to grab this gorgeous image and this gorgeous plant specifically. Let's open this with Adobe Photoshop. Make sure you're on the object selection tool and click while the object selection tool does such a good job. But if you can see it added a piece that we don't want. Let's zoom in Commander Control plus hold on the Spacebar to move it around. Let's go to the Quick selection tool. And minus to subtract from selection, because I want to subtract this bit. Click and voila, now we have our plant. Then we can go to Edit, Copy. And let's go back to our interior design page. Now we have a lot of stuff open right now. Let's just close the history panel. When you have a lot of files open and you can't find something, you can click on this arrow here. Find your image, which was 0.3 D. There we go. Now command or control. V or edit. Paste, and Hello plant. And again, command or control for transform. Let's pop our plant over here. Wow, it looks so pretty. I love this and Enter. Great. Now we're going to add a lamp over here. Let's minimize Adobe Photoshop, and we're going to add this ceiling lamp. If we can open this with Adobe Photoshop, let's go back to our object selection tool and click and drag and grab this lamp and edit, copy. And try and find the right file. So we can click on this arrow, and I remember it had the word commercial in it, it's this one. And Paste Commander Control V Commander Control for Re Size Transform. Now you can pop it over here and wow, perfect, Isn't it looking good? Enter when you're done. 52. Designing a Table with AI: Great, so now we're going to be adding this Neon sign. This has a few more maneuvers or a few more steps involved. That's what we'll do. Now, if this neon sign doesn't really satisfy your creative needs or fulfill your creativity, don't worry, because we'll be creative and we'll be creating a neon sign from scratch, which is awesome and super cool. Okay, so I want us to minimize Adobe Photoshop and head to this image and open it with Adobe Photoshop. Here we go. Then we're going to go to the Object Selection tool. If we can click and select and again go edit copy. Go back to our file. Great. Now we're going to go Commander control V to paste it or edit. Paste. Perfect, Let's transform it. Commander control T and move it over here and Enter, right? Because we're going to actually make changes to this, we're going to convert this to a smart object. Ideally, when you have a big file like this open, you would ideally convert all the layers into smart objects. But because we haven't really made any changes to the other objects, it's not really necessary. And because we are going to make changes to this one, and we don't want to have destructive editing, we want non destructive editing. We'll convert this into smart objects. So make sure you have this layer and if you want you can even rename it just so it makes more sense so it's more clear. Double click and call it Good Vibes. Enter. I hope this course is good vibes for you. Okay, let's right click and convert to Smart Object. Here's our smart object icon. Great, what we're going to do is we're going to use a blending mode. Why? Because I want our Neon to be still there, but I want the bluey background to be more discrete. I'm going to go to normal and I'm going to have a look this time. Multiply is not great. Okay, that's okay. Wow. Pinlight is good. I think Pin light pink, Neon actually looks good. So what I'm going to do is I'm going to select pin light. And then I'm going to duplicate this layer command or control J. Amazing. Now for the bottom one, the bottom copy, I'm going to remove the pin light. Because I want that frame back. This bluey frame, amazing, but it's a bit too opaque. I want the bluey frame to be more transparent. What am I going to do? I'm going to reduce the opacity a bit, just so that it's a little bit more discrete. And if you look now, it's a little bit more discrete. Now, that's great, but it's still a little bit bluey. I want to get rid of that. It's too blue for me. So we can go to image adjustments. Hue saturation, or the shortcuts command or control because I want to make sure that it's not blue so I can reduce the saturation. As you can see, it's no longer blue. It's gray. Yeah, that looks pretty good, doesn't it? Once you're happy with that, you click on. Okay. Now if this didn't really fulfill your Neon vibes, neon effect creativity, then don't worry, because in a couple of exercises, we'll be creating really cool neon signs and neon effects from scratch. Just bear with me and stay tuned. Wow, look at this. We just designed our own interiors. Feel free to add some more stuff and add some more pieces of art or furniture that you like. We're not completely done though. We're going to be adding a console table or piece of furniture over here with AI generative fill. Just like this, we'll be adding a console table. Now AI can be hidden miss every time I create something. Even though it's the same exercise, it always comes up with something completely unique and completely different. Sometimes it's really bad and sometimes like here, it's not bad, it's good. Let's see what AI will come up with on yours. I would like us to make sure that we select the layer of the image, the background image. Now if we could go to the Lasso tool and select the area where we want to add something. Click and drag. Whoa, I'm a bit shaky, so it's a bit fiddly. No problem. Let's just try again. I've had way too much coffee today, I think. Great. Then what you can do is click on Generative Fill and you can type table or bookshelf or whatever makes sense to you. Or Console table, I think it's called the console table. Anyway, let's type table, let's say, and hope for the best, click on Generate. Oh, that's pretty bad. Let's click on the other ones. Interesting. Okay, if you didn't like any of them, you can delete the ones you didn't like. The one that is okay, keep it and then type generate again. Let's see what it has to offer. I'm happy with it. This is the console table, but again it's hidden miss. It might take you a few trials and errors to get one that you like. Feel free to grab as well a piece of table or console table from another image. Great, now we have all of these files open and we don't need them. You're free to go ahead and close all of these individual files. Make sure you take this file, the one we've designed just now, and save it. If you go to file, you can save it as a Photoshop file and save a copy. 53. Duotone & Neon Effects: This is where we take our Photoshop skills to the next level with creative effects such as duotone or dual lighting. And my personal favorite neon effects. For duotone or dual lighting effects, we'll be using gradients and fill layers. Then for Neon, we'll be using the effects panel or the layer style panel. We'll be layering up a lot of effects on top of each other together. They will create that gorgeous neon glow. And then once we've created that neon glow, we'll easily be able to copy and paste that effect onto other objects and text, which will just make things faster and easier. And then we'll use that skill to create a gorgeous neon party poster. Who fun? So let's do this. 54. Duotone with 1 Gradient Fill: Yes, my friends. We have now come to the last section of the chorus, which is special effects like dual lighting, or two lights, and neon effects. A lot of really beautiful cool effects to enhance our images and make it really creative. First we'll look at dual effect, which is basically dual 22 lights. We'll take an image like this that's already gorgeous, and convert it to a really cool duo tone or two colored image, red and blue, and it's easier than you think. Then we will do this again with another image and add one of my favorite effects in Adobe Photoshop Neon. And I'm completely obsessed with it. The moment I learned how to do this, I became utterly obsessed. And now I love creating neon effects and more different types of neon effects. And lately I've noticed that on Netflix, a lot of the movie posters actually have neon effects. And I think it gives it an extra edge and it looks really good, gives it an extra glow. That's what we'll be doing. We'll be learning neon effects and then creating a party poster like this one. You can be a graphic designer for night life, for parties and add this neon effect because I feel like it's really on topic Neon and parties. Okay, great. So let's start with dual lighting, red and blue. Make sure you open up the dual light Neon folder, you open this image. Cool. Now, as usual, if we want, we can convert this to a smart object to keep it safe. What we'll be using today is a layer adjustment filter, which is a layer with an adjustment inside of it. It gets applied to all the layers underneath it. We need to go to this yin yang looking icon for a new fill or layer adjustment. We're going to select gradient because what we'll do is we'll have two colors. A gradient is when it goes from one color to the other in a gradual way. This is what we want. But with blue and red, go ahead and select gradient. We're going to make a few adjustments. First of all, I would like you to select this angle because we want the red to be on the left and we'll want the blue on the right. Then if you can double click on the gradient and go to basics, choose the first one. This one. Now what we're going to do is we can either keep this red or change and add another red. If you double click on this color, stop, click, click. This should come up. If it didn't come up, just click, click, click again, until it comes up and perhaps make it a bit more bright red. Okay, now let's do the same for the blue one, because that will be the right side. Double click. And pick a blue that you fancy, that's so pretty. I love this great and gorgeous. Click on okay, and click on okay. Finally, I want us to type ten in the scale, because that will make it look less pretty, but more of the effect we want where it's cut in the middle. Let's click on Okay. Now the good news is because it's a layer adjustment, we can hide it or show it. If we need to edit it, we can just double click and go back and edit it, which is cool. Okay, obviously our image has disappeared. This means that we're going to have to add a transparency or better yet, a blending mode. Let's go ahead and have a look at all the different blending modes and see which one looks best. As usual, Mr. multiply is always a favorite, but let's look at the other ones and feel free to choose anyone that looks good on yours. For this, I think color looks pretty cool. But I'm going to go with multiply, select multiply. Now, yours might look very different, or it might not If it doesn't look the way you want it. What you can also do is go to the gradient tool, or then click and drag and play with the gradient. Or you can go click and drag. But what I think clicking and dragging over a short distance here and having the separation in the middle works well. That's amazing. Now if you think the light is not enough, as in the red and the blue aren't dark enough, you can also duplicate this layer. Remember our friendly shortcut command or control J. Now we'll have two of these. You can go back to the move tool. I actually, this time I prefer just with one, but it will look different on yours. Do whatever makes sense and looks good on yours. Now if you're still not happy with that, you can also change the blending modes and add color. Wow, I love that. That looks good. I've decided this is what I want. The first layer has the gradient and multiply the second layer, the gradient copy has the same, but with color, it's two different blending modes. Great. So if you're happy with that, feel free to go to file, save ads, or save. And there we go. 55. Duotone:2 Separate Gradients: Now, you know me, I believe in repetition, right? Let's repeat this. Actually, I'm going to teach you another way of doing it. It's very similar, but it's just a second option. I want to make sure you have all the options and you decide what looks the best. Let's go ahead and minimize, and let's do the same, but with this lovely lady. Let's open it with Adobe Photoshop. Great. As usual, feel free to convert it to a smart object just as a good habit to have convert to smart object. Great, We're going to add a gradient as well. We're going to do this again where we add a layer adjustment of a gradient. Go back to the In and Yan icon looking icon and choose gradient. Now this time I would like to try instead of doing one gradient from red to blue, I would like us to do the red separately and then do the blue separately and just see what that looks like. First of all, let's change the angle. The red is only on the left. Then let's make the scale ten. Because if we do that, it makes it more strong, it makes the middle more to the center. You can play around with the angle to make it more in the center. Then if you want it, you can change the color of the gradient by double clicking here, double or triple clicking on the color stop. If you want, you can change the red, or you can even make it purple or pink. You know, I love a good old pink. And then click on Okay, And then click on okay. Okay. There's a lot of okay, cool. Let's make sure we add a blending mode because obviously it's not transparent right now and it should be. Let's go to normal and let's see and decide which one looks best. That's actually cool, dark multiply color burn. Now don't worry right now about where the color appears or hits the face. Just look at the transparency because we can change the positioning of the color in a bit darker. Color looks cool, Overlay is interesting. Soft light is nice as well. This time, there's a lot of options. Wow, this is cool. There's a lot of options and it always looks different depending on the image you chose on the gradient, it will never look identical. Color looks interesting for me, it's either between color and overlay, or multiply. That is up to you. Do what makes sense for you. I'm going to go ahead and select color for a change. Then I'm going to go to the gradient tool. I'm going to play with this and try and make it so that the pink hits the face nicely in the middle. More or less like this. Yeah, I think I like this more or less now. I might want it to be a bit stronger, a bit more darker. I'm going to duplicate it. Command or Control J, that looks better. Great. Now we have two copies of that on the left. Now I want to do exactly the same, but I want to make it blue and then flip it. It will be on the right. Instead of having to go and do this all over again, I'm just going to go command or control J to duplicate it. We'll have this duplication. The second one, I'm just going to double click on this. Double click here and just change the pink to blue. I'm going to double click here and I'm going to choose a blue. Wow, that looks cool. A blue that I like. Okay. Okay. But this time I'm going to change the angle, it's on the flip side. Oh, this looks cool. It looks like the French flag, I think if I'm correct, and click on. Okay. And if you're not happy with that, feel free to go back to the gradient tool and have a little play. Whoops. And click and drag, and wow, I like this, This looks good. Every time I do this, it looks slightly different. I always have different results, but that's okay. Once you're happy, you can go back to the move tool, so you get rid of that. Any gradient tool, if this is not strong enough, the light, the color, you can duplicate it Again. Command or control J. Look at that. We've created a dual lighting effect, I quite like. 56. Introduction to Neon Effects: Okay, my friends, are you ready for one of the most fun and exciting and cool parts of this course, and that is creating neon glow effects, non super cool. And yes, we can make it from scratch in Adobe Photoshop. Now I've decided to do this because recently I had a little look at Netflix and I noticed all these neon glow posters and they look really cool. It gives it the extra glow and extra touch. So that's what we're going to do today. We're going to learn the neon effect and do this. And even all sorts of elements that have neon glows apply to them. Text, more text shapes, more shapes, really exciting. Now once we'll have mastered the skill of neon, we'll be going the extra mile and we're going to create our very own party poster, just like this neon glow poster with DJ Photoshop and DJ K Silver. Exciting stuff. But first things first, let's get to it, let's start our very first exercise. So it would be great if you remain on one of the dual lighting files that we've been working on because when it's really dark, it works really well with neon glow. Choose any of these, I'm going to choose this one. Let's start by creating a rectangle, a rounded rectangle. We're going to go to the rectangle tool. We're going to click and drag and draw a rectangle. Now let's make sure the fill is none. We click on this and that the stroke is white. Now let's increase the stroke width by highlighting this box. And pressing the upward arrow on our keyboard so that it goes up to about, let's say, 22 pixels. Now it won't get applied until we click somewhere else, and boom it's applied great. Now let's round the corners by clicking, Dragging over here from left to right. You'll start noticing the corners here getting rounded. Now you can also use these cute little widgets, such a cute name, these circles, to click and drag rounded even more. Now, if you're happy with the size, feel free to adjust it. Adjust the size, click and drag up to you. Now the reason why the the border is fin. It's because Fin strokes and borders and Fin text really works well with neon. That's what we'll do. Okay, cool. Now we're going to start applying all kinds of effects to this rectangle. We'll be layering up a bunch of effects together. The collection of all these effects will look like a neon glow and it's super cool. We can either do this by double clicking on the Rectangle layer. Click, click the layer style panel will come up. Or we can click on the effects panel. And for instance, go to Inner Glow. And that will open up a new panel as well. Now I'm just going to click on Cancel and I might just squish it in. I'm on the rectangle tool so I can still squish it in. But once we're happy with the rectangle, make sure you go back to the move tool just as a default. All right, let's do this. We're going to either double click on the rectangle layer or click on Effects inner glow. Same thing. Now, the reason I have these changes right now is because I cheated. I'm on a previous setting. I'm just going to click on Reset to Default, just so that everything goes back to the default setting. Normal setting, we'll stir with inner glow now. Inner glow will give it a little glow on the inside. Just like this. I don't know if you can see on the inside there's a little glow. That's what we'll do. What we'll stir with is changing the color, inner glow. Let's double click over here and make it pink. Obviously, I love pink. Click and drag over here and choose a pink. If you click on the utmost right corner over here, it will give it a really bright pink, which is what we want. Click on. Okay, now we're going to change the blending mode. Because right now it's on screen now there's all kinds of blending modes that I've played with. And I've tested just from experience, just from playing around. I figured out that hard light is pretty good for inner glow. For the Glenda inside. Now if you can't see anything, just make sure preview is ticked on so we can see. But also you might not see anything because there's a few changes we need to make. For instance, we need to increase the opacity. Now you might see a tiny, winy detail here, maybe not. Then we might need to resize it. If you look at size, you can make it a little bit bigger. You might start to notice it here, cool. You can also change the range, which is so subtle. But if it's on the left, it's very pink. If it's on the right, it becomes a bit more subtle. I think somewhere in the middle would be good. Now obviously, you might not have the exact same settings as me, because your shape might be smaller or bigger. The width of the stroke might be smaller or bigger. There's so many factors that will make it that yours will look different. Do whatever you think looks right and looks good. You be the designer and a crater. I'm just showing you the tool kit and the skills so that you can play and become an amazing designer. Okay, amazing. Now feel free to apply all these settings or change them up to you. But now we're going to move on to the next one, which is outer glow. Click. Obviously I have a previous settings applied to it, so I'm cheating a little bit. Let's click on Reset to Default, just so we're all starting fresh from the same spot. Okay, let's start by changing the color so it's pink. You can go slide up and down and then go to the utmost top right corner to make it like a bright pink. And click on, Okay, you'll see a little preview over here. Now let's change the blending mode. I've also figured out, after playing and trying and testing all these blending modes, that linear dodge is pretty good. Let's select linear dodge. Now, obviously we might not see any changes. Let's just increase the opacity, and we still won't see any changes. That's because the size currently is two. Let's increase the size. Wow, Hello, neon glow. Feel free to resize it, so it's really big. The glow or a lot smaller. You be the judge and the designer. That is so pretty. Now we can also play with the range. If we increase the range, it will be more subtle. If we decrease who, it's too obvious we can go in the center is to make it semi glow, honestly as it is. I'm already happy with it. Think it looks perfect as it is. But we're going to apply other factors. I also want to show you that if you click on Contour and you click here and you push it up and down, you can also play with how that looks. That's a second option, but I'm just going to click on Cancel because I like the way it looks is okay. Now I might want it to go a bit brighter. That's what we're going to do next. Just so you know, when you see a plus next to a word or an effect, it means that you have the possibility to duplicate that effect. To copy that effect. Sadly, we don't have that option for glow, For outer glow, We're going to, we're going to fake it. We make it and add a fake outer glow using drop shadow. If we could tick drop shadow, that's really cool. It's an old defect, But let's reset to default. The default settings of drop shadow is black and multiply. But we're going to change that because I want our neon pink to be a bit more poppy. Let's choose another pink. Again, double kick here. Click on a pink, slide it up and down. Click on Pink. Click on, Okay. Let's start adjusting. First of all, the blend mode is going to be linear dodge. That's because we're going to try and add all the effects that we added here in this outer glow we're going to try and add here. You can increase the opacity or decrease it, but obviously we won't see anything until we adjust the size. Let's click and drag and start adjusting the size. That's cool. Maybe make the size a lot bigger and the spread that's too much. Obviously, you're a designer, hopefully, at any point, if you think you have an option that looks better than the option that I'm choosing, go for it, honestly. Okay, these are the settings that I've decided to go with. Feel free to copy them or feel free to do your own. Okay, cool. Now, last but not least, we're going to add an actual shadow, the black one. The one that comes from light or the absence of light. What we're going to do is duplicate this effect. We're going to go to the plus here and click. But we're going to change all the effects entirely by going to reset default, or default. Let's start playing with the shadow. First of all, we can increase the opacity to make it more so we can see it better. We can play with the distance. Here's the shadow. I don't know if you can see, but obviously that was too much. We can also play with the angle. If you have global light ticked, it means that when you change the angle, it gets applied to all the effects. But if you untick global light, then you're just changing the angle of this particular drop shadow effect. Anyway, you feel free to play with the angle to decide where you want the drop shadow to be. I'm going to reduce the distance. We can add spreads, change of size. It's very subtle. The shadow is very subtle over here. Now if you can't even see it and you're like, well what did we just do? You can temporarily hide the effect here by untaking it. Show, it's very subtle, but you can see it over here. Hide and show. I might reduce the opacity just a little bit. Just so it's softer. Yeah, amazing. Click on. Okay, and there is our effect. Our first neon effect. Now you can go back to the rectangle tool and feel free to adjust your rectangle. And you'll see that if you make it smaller, for instance, the effect will change a bit. That's cool, I love that it's still adjustable. You can always adjust the rectangle. Go back to the move tool once you're happy with the rectangle. Wow, I love this effect. 57. Copy&Paste Neon Effects for Text: Okay, so what we'll do now is we're going to add some text instead of having to reapply all these effects and spending ages on it because it's a little bit time consuming, let's be honest. We're going to copy all these effects and then paste them onto the text, which is super cool. Now, just so you know, you'll see all the effects we've just created listed here. You can temporarily hide some effects, hide the outer glow, hide the drop shadow, et cetera. You can hide all of them which is awesome. And you can also copy them, which will be called copy layer style. And paste them onto something else. That's what we'll be doing. We'll be adding lots of stuff and then just pasting all these effects onto them. We'll just make everything a lot faster and easier. I love a good old shortcut. I like cutting corners, no pun intended. Anyway, let's go to the horizontal type tool, because we're going to click and drag and create a text frame. Let's click and drag and create a large text frame because we might have a big text. Delete the lorem ipsum or placeholder text, and just type Neon in all caps. Now highlight your Neon. What's great is the contextual tab just gave us a few really cool shortcuts over here. First of all, you can change the font. You can change the font size and the color. Make sure the color is white. We'll be using white text. Now, if you can highlight this, you'll be able to change a fund. But it's a little bit weird, it's hard to choose a fund here. You can also go over here and change the fund from here. Now just from experience, I know that there's a few funds that look really good with Neon. The one I'll be using in this particular exercise is called act as. But just because it looks really cool, if you don't have it, feel free to try and find it in websites like Dafont, Google Font, Font, Squirrel, and of course, Adobe fonts. Otherwise, try and use a really thin font like Acumen. Pro can also work because it's because Neon works quite good with thin fonts. Even Calibri does a good job. A is gorgeous. But anyway, I'll be using a bat. Now, I'm going to go here in the font size, I'm going to press the upward arrow on my keyboard and make it bigger. It's a bit slow, so I'm going to hold the shift key and press the upward arrow on my keyboard at the same time. So it goes a bit faster until it's about, I guess like this, about 677 points. Well, that specific. It doesn't have to be that specific, but yeah, pretty much great. Now, once you're happy with the text and make sure it's white, go to the move tool. As a default, you always want to go back to the move tool, especially when we're doing a lot of stuff here. Then you can click and drag and move it around. That looks nice, that looks nice. We might have to resize our rectangle again, but no harm done. Let's select our rectangle layer. Go to the rectangle tool and just make it a tiny bit bigger because it's a bit too squished in, isn't it? Maybe a tiny bit bigger here. And click away, Gorgeous. Now for the fun part, well, it's all fun. But a fun part is we're going to copy the effects from the rectangle and paste it onto the text. We're going to go to the rectangle layer. This is the rectangle layer. Right click and copy layer style. Now we're going to select the Neon or the text, make sure it's selected. Now we're going to click paste layer style. Whoa, that was super easy and super cool. And now we've just created our first Neon sign. I love it. 58. Layer Mask / Hide Rectangle part: Now we're going to make a few adjustments in a bit, but for now I would like to show you what we're going to do next. Cut a little piece in our rectangle not cut, but we're going to hide or mask it because we're going to want to add more texts in Adobe Photoshop. We never cut or delete anything, we hide mask it, which means that we can always get it back. If we wanted to feel free to adjust the rectangle again to make it the size you want. Okay, now let's go to the rectangle layer. We're going to go to the lasso tool, which is a selection tool that we've used before. I want us to draw a little piece here, a little piece of area that we want to get rid of, that we want to hide. Better said, because this is where we'll place another neon word now because we've selected this part and not the rest. If we go on the layer mask icon, which is the icon that looks like the Japan flag. If I click on that, it will hide the rest, which is what I don't want. Let's undo Common Control. There we go. If I click on this one, which is Select Invert, now the rest is selected and this is the only piece that is not selected. If I now click on the Japan flag or this icon, bye bye little piece of neon, it will have automatically create a layer mask. And you'll see white and black in Adobe language. White means show, reveal, black means hide. Let me show you in terms of mask. If I hold down the alter option key and I click on this layer mask, I will see the black here and the white all around. Let's say I want it to hide more of that neon sign. I would have to go over with a black brush, for instance, and make it black so that we remove another bit of the rectangle. We might do that now actually we're going to go to the brush tool and make sure you select the layer mask thumbnail. And make sure you select the default colors here. And then swap them over so that it's black. Because we want to get rid of a part of the mask. We're going to click and drag and remove a part of the mask. How cool is that even here? Remove a big chunk, That's just awesome. You learn the finger two here. Now go back to the move tool. Great. Now let's add another piece of text. Let's go to the type tool, horizontal type and click and drag a piece of text type. If it's too big, make the frame big. Click and drag Commander control A, which will select your whole text. Just make sure it's white. Click here and make it white. It's white when you have 255 here in all three. That's how you know it's white in the utmost left corner, top left corner. Now click on. Okay, now it's way too big. I want to do it about halfway, about half the size as the other words. I'm going to make sure it's selected and then go this time with the downwards arrow on my keyboards and shift at the same time until it's about halfway. Actually, I think that looks pretty good. I'm going to go back to the move tool, because this time I want to move the text. I'm going to pop it here. It's going to fit nicely, doesn't it? Now, if it doesn't, feel free to make this bigger, no problem. Okay, starting to look really cool. I'm excited. Remember when we copy the layer style the effect from the rectangle and we pasted it on the text, it's still copied somewhere. But if it's not, feel free to select the rectangle and right click and copy layer style. Okay, now let's go to Go the Word Go, right click and paste layer style. And them we have another element to our neon collection. Cool. 59. Adding More Neon Colors: Now. It will look a little bit different to the other pieces because it's smaller whenever things are different, smaller, less wide. Another font, every change will make that the effects look different. We might have to adapt and change the effects so they look better. But also I want to make it yellow, not pink. Let's go ahead and edit each of these. Each of these effects are editable now because they're all listed here. Let's double click on inner Glow and start with that. First of all, inner glow, let's change the color to yellow. Let's try and find a yellowy color. Click on, Okay, we might make some changes in a bit, like we can reduce the choke, perhaps make the size bigger, perhaps change the range, maybe make it more opaque. Now let's go to the next part, the outer glow. Let's double click here and again give it the R and G yellowy color because we want a golden glow. Click on. Okay. And perhaps increase the range. Yes, don't worry. I know the neon glow disappeared, but we're going to be adding this in the next one, don't you worry. Let's go now to drop shadow as well. Change the color to a golden glow. And click on Okay, We're going to increase the opacity. Wow, beautiful, That is gorgeous. I love this very non perfect obviously. Feel free to change all the settings at any time because you might have a better eye than I do. You might be a better designer than I am. I'm just teaching you the skills. Do what is best for your design. Once we're, I'm happy with this, we can click on. Okay. And voila, we have three neon items that and that. Cool. Now we're not done just yet. I want to show you how we can tweak some bits and I want this neon sign to be blue. Actually, I changed my mind. That's allowed thanks to the fact that it's listed here. We can edit these. Let's select Neon. Let's start with inner glow. Let's just make all the colors blue. Hello, blue. Okay, let's select Outer Glow. Double click here, and select Blue. Wow, that's amazing. Okay, And then drop shadow, double click and select blue. And maybe even a light blue if you want. You can play around with it and see in actual time, in real time, how it looks like. If it looks better in a certain way, go for it. There's no rules, there's no right way of doing it. It's basically trial and error and personal preference. But I love this. I think it looks awesome. I'm going to click on Okay. And click on Okay. And wow, so cool. Okay, I want to add a few more shapes and effects. Let's go to the ellipse tool. Shall we now to draw a circle? Let's say we need to click and hold down the shift key for a perfect circle. Cool, Now let's remove the fill. Let's choose a white stroke again. Again, like I said before, thin stroke or fin borders and fin text works really well with neon. Let's stick to that. Let's stick to a thin one. Let's see, maybe ten. Select this box and press the upward arrow on your keyboard. Then click in another box so that it gets applied. And then go to the move tool. All right, this time I might want to take the yellow effect. I'm going to make sure I'm on the move tool. Click on the Go and copy the effects from this one copy layer style. Then I'm going to select the circle or the lips. And make sure the lips layer is selected. Right, click and paste layer style. To paste my lovely yellow and wow, that looks like a halo, Beyonce song. Okay, let's add some text, maybe some more text. Let's go to the type tool and click and drag another text frame type glow, oops, commander control A to make sure it selects the whole text and delete. And now type glow in all caps. Again, we're going to go to the right click and paste layer style and it's going to make it glow amazing. Now I want to show you that it looks really good with another font. Select your text, now go over here and try it with other fonts. Every time you change the font, you're going to have to change and adjust the effects, because every font looks different. Let's try Aria. Wow, that is cool. A plus for area. I really enjoyed this. It's really nice. But let's just undo, because to be honest, it's nice. But I do prefer the original font I chose. Okay, now the last thing, before we move on to an actual real exercise about Neon, I want to show you the custom shape tool. If you go to the shape tool and you select the custom shape tool, if you click over here, you should see a few folders. Now your Photoshop might be different to mine, so you might not have access to D's, you might have different ones. But I want you to choose a special shape, any shape that you think looks good. I'm going to go for a tree, A bit of oxygen, bit of green, good for the mental health. I'm going to draw it. If you hold on the shift key and click and drag, it will keep the original shape. Again, we're going to remove the fill and make the stroke white, because Neon works really good with white stroke and white text. Now we're going to select this box. And press the upward arrow on our keyboard, so that it goes up. Now click away. Now go to the move tool. Okay, now let's copy the blue effect. I'm filling some more blue. So make sure you click on the neon sign and that you're on the move tool. Make sure that layer is selected and right click copy layer style. We're copying all these effects from the blue. Now try and select the tree, and it might be difficult because it's very thin. Make sure you select the layer minus an olive tree. It will be called olive tree, I know now it's selected. Then I'm going to click and paste layer style. Wow, that's cool. Yeah, we've added the same effect to different elements to text, two shapes. I even added a yes in another time, in another recording. Isn't this amazing? I am completely obsessed with this tool, really love it. I hope you do too. And let's practice it and repeat all these skills in a new exercise neon party poster. 60. Neon Party Poster: Blur Background & Color: Okay, my friends, are you ready for the final big exercise of this course, of this Adobe Photoshop mastering class? So we get to apply all the recently acquired skills that we learned about neon masking bits of the neon, adding neon to text copying layer styles. And we'll also add a little extra, adding a picture of a wall of a brick wall and then adding some effects and some blurs. Yeah, the thing is once you've covered one effect, it goes much faster after that because then you can just paste the effect on the other parts. Yeah, you should have a folder called Neon Poster. Double click on that, expand the zip file into a folder. You should have a pre prepared PSD or Adobe Photoshop file. Now, you should also have in that folder brick walls. We'll be using this specifically, but feel free to use the other ones that I've taken from unsplash or even plants as a background. That could be really cool. Let's go ahead and go to the Neon poster. Let's get started. It isn't a party without some Neon, is it? To be honest, I left two versions of it because I couldn't decide which one I liked more. You decide which one you prefer because we're going to recreate this. Actually, I've just decided this one because it's closer to the other artboard that we'll be working with. Great. The first thing we'll start with is actually a replacing the brick wall. Make sure you're on the copy me artboard and you have that selected over here and that you're on the move tool. Great. Now let's go file place embedded and try and find that folder somewhere. The folder, the neon poster folder, brick wall. This image by Anastas Magos. I hope I pronounce that well, an artist from unsplash click on place. Now we can click and drag and try and resize it. Obviously, it will not look identical to the original one I created because we're human. And every time we change, it's never exactly the same unless we're robot. Cool, more or less. And once we're happy, we press Enter. Cool. Now obviously the colors are different, so we're going to change the colors. And we can do that by selecting the layer and go to image adjustments, my friend hue. And the shortcut is Commander Control. Then I can just change how love these, these are all gorgeous. I might even prefer the green wall to be completely honest. But no, let's go for a bluey wall. The same blue, the same blue hue, more or less like this, I believe, more or less. If we want, we can reduce the saturation a tiny bit and perhaps make it a bit darker by reducing the lightness or not, it's really difficult to get exactly the same color severe with me. Okay, I think that's about right. Now, once we click on, okay, the smart filter or the hue saturation will be applied here. Now we're going to add one final filter to this background. We're going to go literally to filter blur, Gaussian blur. We're going to add a tiny bit of blur. This is too much and this is too little. Just a little bit of blur. I quite like to add blur to backgrounds because when backgrounds are blurred, whatever we put in front, like text, stands out more. I quite like to blur backgrounds in general because whatever or elements we add in front will stand out. Click on Okay, and there we have a little blur actually, that's not even the blur I wanted. I'm going to go to Filter blur gallery and actually select the iris blur which I covered in my beginner's claw. If we move this circle and resize it, make it smaller here, it will blur whatever is on the outside of the circle. Whatever is on the inside remains blurred. Just a tiny bit, not too much. Just so it makes the edges a bit more and the center more stand out. Then once we're done, we click on Enter. There we go. It's a subtle effect. 61. Neon Poster: Neon Rectangle: Oki Doki. Now let's talk about Neon. We're going to do what we did before, where we create this beautiful rectangular neon sign and we hide a little bit. It's great because we get to practice the skills we've just learned. And I love that. That's how you learn best, I think personally, right. So whenever I copy something in Photoshop or in Design, I always make sure I have my rulers. And to do that we click on Commander Control R and we'll see these rulers. Such a hard word to pronounce. And then I make sure I'm on the move tool and then I start clicking and dragging, and adding guides wherever something starts. Because that will help me align things again here and there, and basically everywhere where we add something. Yeah, but for now we can start with the rectangle. Let's go to the rectangle tool. We can either draw it here, or sometimes what I like to do is draw on the existing one by clicking and dragging. I have the exact same size. Now remember the fill has to be no, fill the stroke wide. Let's see which width of the rectangle will work if we press the upward arrow on our keyboard. In this box, the value will go up. Now click away. I think that's too much. So we might press a downward arrow and just decrease it by just a little bit, maybe even more. Because remember, I think it looks really good when it's quite thin. Now we can round the corners here, or round the corners over here using the cute little widgets. Click and drag. And if we need to adjust it, we can click and drag. Click and drag. That's not too bad, is it? Once we're happy, we can go to the move tool and then we can just click and drag. Try and select it somehow from the edges and pop it in place. Perfect. Now we have the shape of the rectangle. Let's start adding the non, the best part. Remember we start by adding effects. We can either go here in Effects or double click on this rectangle layer and the layer style panel will come up. And I'm just going to pop this here just so we can actually see, or actually I'll pop this here so we can see the panel as well as the neon sign. Okay, let's start with inner glow. I love starting with inner glow. It's possible that you might still have the pink settings from before, but if you don't, let's start applying all these settings again. Because repetition is great for our brain and it's great for learning. Make sure you select hard light because for inner glow, that's the one we want. Let's make this color pink. Double click and make it pink. Click on, Okay. Obviously from here you can see it's too much, so we're going to have to adjust it. Let's start with the choke and the size. If we reduce the size, it should start to look a little bit better. Not too much. Maybe about ten pixels, maybe a bit more. Actually, if we increase the choke and we make it smaller, I think that looks pretty good. Then we increase the range a bit, it will be subtle. It's very hard to see the inner glow. It's very subtle. Make sure that it looks good on yours. You're a designer now. I trust that you can choose your own settings or follow me. Okay, Now that we're more or less happy with this inner glow, let's select outer glow. Whoa, that's cool. But let's reset to default just so that we get to practice this from scratch. No cheating for outer glow, linear dodge is the one we want. I think over time as you practice, you'll start remembering which to use. Let's make this pink double click and choose a very bright pink. Okay, we might not see anything. Let's increase the opacity. We still might not see anything. Let's increase the size and hello, gorgeous. About 38, I think. Looks good. Now, let's increase the range just to make it more subtle. Remember, if you decrease the r sub, if you increase the range, it makes it more subtle. Okay, Now don't worry, we can go back to outer glow afterwards and adjust it if we're non happy. And perhaps we'll need to change the colors and adjust the colors a bit. Anyway, let's try and fake the outer glow in drop shadow. Because remember we need a second outer glow, but we don't have one. There's no plus, we're going to fake outer glow, Drop shadow. Click on drop shadow and whoa, that's really cool. It's like a blue pinky effect, but we don't want that. Let's just click on Reset to default. We get to practice this from scratch again. First of all, let's double click here and try and select a pink. By the way, if you are tired of always trying to find a pink, you can actually add to swatches and then select that same pink that you chose. Okay? And once you're happy, you click on okay. Remember the blend mode for the outer glow should be linear dodge. It just works really well. Let's select linear dodge. Again, we can't see anything. Let's increase the size. And hello non. We can even increase the opacity a little bit if we need to. Can increase the spread as well. So it's more pop. There's no right or wrong. This also looks really good when it's really bright. It also looks really good when it's less bright. There's no right or wrong. Just make sure you like how yours looks. Now, I'm not super happy with this. I don't think it looks similar enough. We're going to go back to outer glow and tweak that it looks a little bit more similar. You can change a color, maybe make it a bit red. There we go. I think it needed to be a little bit more red. I think we might need to make the size a little bit smaller. I think that would help. There we go. It looks a little bit more similar to this one. Again, it's always trial and error and adjusting, and because we're not robot, every time we design and tweak something, it looks different. But that's just the way it is. That's okay. I'm totally okay with that. If we go now to drop shadow, we might still have an existing drop shadow that we added before. If you do select that, if you don't just click on the plus, make sure it's black. Make sure it says multiply, because shadows work well with multiply. Now we might change the distance. We might change the size and make it smaller. See you can see the edge albin, make it a tiny bit bigger, perhaps a bit darker, maybe change a distance. It's a bit lower. Yeah, Starting to look a bit more like it's standing on the wall, doesn't it? Again, it's not exactly the same, but it's not too bad, quite like this. The great thing is we can always adjust it later on or whenever we want, no problem. If we're happy, we click on. Okay, there is our neon glow, which is actually brighter than the original one, totally fine. But if you're like, oh well it is too bright, then you can select the rectangle again. I think it's the second drop shadow, the problem, the culprit. Double click on the drop shadow. Perhaps reduce opacity a bit. There we go. And perhaps reduce the spread a tiny bit as well. And the size, basically everything. Reduce just a tiny bit. Once you're happy, click on. Okay. And I think that's a little bit better. Great. Now if you hate those guides and you want to see what it looks like without it, make sure you're on the move tool, click away. Then over here in the property spanel, you should see rulers than guides. Now take the guides and it should disappear. You can see how it looks like now without the guides, that looks pretty cool. 62. Adding Neon to Text: Great, what we're going to do now is we're going to hide the little piece here, where the y is. We're going to select our rectangle. We're going to go to the lasso tool, we're going to select this piece here. Click and drag is here is, I think. Now remember this is selected if we add a layer mask. Now if we and get rid of that, it will mask the rest and show this. If we select on the layer mask right now, it will do what we don't want, it will show this and hide the rest. I'm just going to undo. Instead, I'm going to have to invert selection, so that it selects the rest and not this piece, invert selection. Now I can click on the layer mask icon and bam, there is the piece that I needed to get rid of. Now let's go back to the Move tool and voila, Okay, let's start adding the Neon, shall we? Now, the Neon text is bebas New Bowl. That's the font I used. Feel free to use any font that makes sense to you, but this is the fund that I've used here. If you want to download this fund, I believe it's available on Adobe Fonts. If it's not, check out a fund. Google Fonts and font Squirrel. Anyway, enough talking and let's get to work. So we're going to go to the horizontal type tool. We're going to click and drag a little text frame over here. Press delete to get rid of the paste holder. Lorem ipsum text, start typing Neon. We might be cheating, meaning the font might already be there the way we want. If that's the case or not, just make sure you select it and you choose bebas new, then the font size should be around 77 pixels. I just know that because obviously I created this vola for now. Now go to the selection tool, and that should be it. Anyway, we can start by adding the neon effect. Let's go for it. Make sure you're on the neon font layer, just like before, we can either double click here or click on the effects panel. Same thing. Let's double click and let's start adding our non to our text. Now you might be like, well, why am I not copying the neon effects from there? Well, you can. Let's see how it looks like. If we go to the move tool and we select this rectangle, make sure it's selected the rectangle, the rectangle layer. And then we right click and copy layer style. Then we select Neon. Right click the neon text and paste layer style. Let's see what that looks like. Actually, that looks pretty good. That looks pretty good. I'm pretty happy with that. The only thing I want to change is the white in the middle. To do this, I can again double click on the non double click on the effects panel. And I can change a blending mode to multiply. That will get rid of the white in the middle. It's a blending mode. Now let's start adjusting the rest, shall we? Because it's not perfect. We're going to select inner glow. And we're going to increase the opacity all the way, it's more out there. But let's double click on the color. And this time go for light pink or even a white pink like between white and pink, because I think that looks good and that's what it is here. And click on. Okay, now this might be a little bit wider than that. We want to increase the size of a tiny bit, not too much. Play with the increase The choke may be a tiny bit about here. Yeah, starting to look good. Let's select the outer glow. Now I've played around with a few settings and notice that screen looked pretty good. But again, feel free to choose any effect you find good. I'm going to increase the size, increase the spread a tiny bit, and increase the range or decrease, actually, actually that looks pretty good. Now the color is a little bit wrong. I'm going to make the color a bit darker, a little bit more purply. I'm going to double click in the color and make it a tiny bit more purple. Okay, there we go. Click on Okay. Once you're happy. Now, I cheated in this one. I thought it looked a little bit less powerful. Less strong. I actually duplicated the sign. I selected Neon. I duplicated the Commander control J. Now it looks a little bit stronger. Now if it's strong, you can also reduce the opacity on the second one a tiny bit. There we go, there's our Neon sign. 63. Blue Neon Sign: Let's move on to the party sign. Then we'll just do one of the pieces of text and then you'll be able to copy and paste it all over the shop, and then just adjust the colors. Let's go to the type tool, horizontal type. Let's click and drag and type Party. Now let's change a font, even though it looks also good with this font. Let's highlight the party text. I'm going to give you a font that I think is really cool. It's called Pacifico, it looks pretty cool. It looks like a bit like handwritten. Adjust the text frame accordingly by clicking and dragging. And I'm just going to make the caps, just the click and drag. You might notice that I've played around with this because it looks very different. I've distorted it, I've changed it. It looks a bit more like here. One thing I did is I highlighted it. And I made the horizontal scale. The vertical scale bigger. I made it 120% And what it does is, as you can see, it's squishing or elongating the text. That's good. Now the fun needs to be smaller. Specifically 61, we can reduce it to 61. Great, I think we're there. Great, perfect. Now, because the neon sign looks good, we can copy this and paste it onto here. Now remember that to get rid of the white in the middle, we added a blending mode. I just want to show you if I double click on the original one. I go to blending options, you'll see multiply. If I go back to normal, you'll see normal, which is also cool by the way, but multiply is the one we used. Yeah, just bear that in mind. Now we can copy these layer style effects. Copy from the Neon, then select the party layer, and then right click and paste layer style. Wow, that looks cool. That's really cool actually. Now let's change it to blue though, Even though I love pink, let's add some extra color. Let's double click on inner glow and instead of a light pink, let's make it a blue pink. All we have to do is slide this up and down until it's more blue. About here is okay. Maybe increase the range a tiny bit and play with the choke a little bit, just so it looks good. Use your artistic creativity and judgment to decide how good it looks and what options you're changing. Now let's change outer glow and make it blue. We're going to double click here and we're going to try and find the blue sky blue, more or less like this. And click on Okay. Again, we can always change it. If it doesn't look good, no problem. We might change the range a bit so it looks different. Change of spread. You get to play with all these elements to see what works best. Now, it might look weird because a drop shadow is still red. Let's double click on the drop shadow and change the color of the red to a blue color. We're going to double click here and choose a blue color. And there we go. You can see it looks better, doesn't it? Much better. Click on. Okay, actually I think that looks great. We might just need to go back to the inner shadow. Inner glow change choke, maybe add choke, maybe make it a little bit more lighter. Yeah, as you can tell, it can be difficult to recreate the exact same options we created. I created in the original but I think it looks pretty good, so click on. Okay. Once you're happy and voila, we created the non sign. 64. Copy & Paste Neon Effects: Okay, now let's go ahead and start typing this stuff. Kate Silver, Adobe Photoshop, or preferably type your name. Let's start by going to the type tool. We're going to add a text frame here. We're going to need to adjust some things. First of all, commander control a to select all, then press Delete. Delete all the texts. We don't need it now, the font is specifico, which is not what we need. Now we need bebas new. If we can type bebas new regular, I believe the font needs to be 24. Now you can type your name or whatever you think is correct. Actually, I think the font should be a bit smaller. Once you're done with the text, go to the move tool. Now feel free to click and drag in the rulers and add an additional guide here so we know where to place our text. And then click, and then you can move it down. Great, now I don't want to have to redo the text, so I'm going to duplicate it. I'm going to go alter option and drag and duplicate it over here. I have two text frames. Now if I double click or if I go to the type tool, I'll be able to edit the content and I can type Adobe Photoshop and go to the move tool. I move this there, move this there. I'm going to do what we did right now, exactly the same, but all over the shop. I'm going to each time duplicate a text layer that we created. Duplicate one here. Afterwards, we'll be copying and pasting all the effects. Make sure you're on the move tool and select Key Silver, or your name. And click and drag. Make sure you're on the move tool. Click, hold down the alter option key until you see the black and white cursor, and then click and drag. Don't worry, we'll be changing the content. I'll do the same for here. One more time for the Adobe Photoshop. We're going to duplicate it here. We're going to Olen Dragon. Duplicate it here. Now let's start editing the fonts and changing them first. Adobe Photoshop, double click. Change the words, Adobe to J, J Photoshop. Now resize this. Highlight your font, your text, and press the upward arrow on your keyboard to make it bigger. This one is already completed. Moving on to this text, double click and type 27. Enter. Return June. Whoops, my text disappears. So I'm just going to click and drag and make the frame bigger. If my text is really wide, well, there's a big space, I just highlight both. Just make sure that here the leading is auto and that should fix it. Great. Getting there. Now double click here and type design a poster if it's too big. Again, highlight this and make the font smaller. And then go to the move tool and then hold down the alter option key and click and drag. Then you feel free to write my substack website, which is my newsletter, or write your own click and drag Kate Silver substack.com Then one final text piece of text. Make sure you go back to the move tool, pop 27, June here and then hold on the alter option key and duplicate it on this side. Now I'm doing this more or less by eye now, just because I'm explaining and doing at the same time, sometimes things are a bit out of whack. We'll be adjusting this a little bit better later. Great. Now what we're going to do is we're going to be lazy and we're going to copy the effects that we took from either this text or that or the rectangle. Let's see what will work better. Let's try and select the neon sign, right click and copy layer style. We're copying all these effects and see, I don't know yet how it's going to look like. Let's see. Then we can select Kate Silver or your name, right click and paste layer style. But that actually looks pretty good, doesn't it? But we might need to make some adjustments. We're going to select it and make some adjustments. Double click, and let's start making the adjustment. First of all, go to blending options. Let's get rid of this multiply C. Once we get rid of multiply and we go to normal, it's no longer weird and transparent in the middle. Great. Now let's go to inner glow. We might need to increase the inner glow, even make it pink that there's a little edge. Make it pink. Click on. Okay. And actually make us choke in a size smaller because that was way too big. Very small. Just a tiny bit. Then play with the range that's starting to look very similar, doesn't it? Obviously, it will never look exactly the same, like I said before. Yeah. Make necessary adjustments. I believe you can do it. Try and make it the same as much as you can. Then click on. Okay. And look, we have some glowy neon text now. We're going to copy this effects. Right click, copy layer style. And we're going to add it to the silver sub, your website. Right click and paste layer style. Boom. And you'll see that slowly, slowly, we're just going to be copying stuff and paste them all over the shop, which will be really easy. Now select the party layer because it's blue. I want to paste it there. I'm going to copy that copy layer style and select Adobe Photoshop, right click and paste layer style. That looks not bad. The only thing is I'm going to get rid of multiply. Remember, so we get the white in the middle. Double click blending options, blend mode, and select normal. And you'll see the text being more white. Let's go to inner glow and perhaps make the choke smaller, the size smaller, and even the range. Once you're happy you copy this effect, right click, copy layer style. Click on the neon poster, one right click and paste layer style. Essentially you create one neon effect once and then you continue copying and pasting it in other spots. Also, the last thing is 27th of June, we're going to paste a layer style one last time. Then we're just going to change everything to orange. Select 27 of June, paste layer style. Let's change it to orange. Double click on inner glow. Let's pop it here so we can see her 27. Let's start with outer glow. Double click on the blue and just choose an orange color. Just slide it down so it's orange and you can already see. Okay. Do the same for drop shadow. Drop shadow, Double click on the blue and slide it down until you see an orange. And voila, it's orange. Click on. Okay. And there we go. Cool. Might be a little bit more yellow than orange, but that's cool. Now you can select 27 June. Copy the layer style from here. Copy all these effects, then select 27 June. Always make sure you're on the move tool. Right click and paste layer style. And voila, We created a neon poster and we didn't have to do too much, we just copied the effects over and over and over again and made it. I hope you enjoy this. If you wanted to export this as a Jpeg, let's say, then select the artboard you want to export. Then you go file artboards to files over here. You can choose where to export it to. How it's going to be called export selected artboards, which means it's only this artboard that will be exported, not the others. That's why we had to select it first. Then you can choose here if you want to save it as a Jpeg, as a Photoshop file, PSD or PDF, and the quality going to use the high quality. Click on Run and our Artboard will be saved. I just can't remember where I saved it to, which is always my issue. Remember where you saved it to and open it and congratulations on completing this course and completing all the exercises. I'm super proud of you, I hope you enjoyed this. 65. Congrats my friends! What's Next?: Congrats my friends on completing this mastering Adobe Photoshop clause. I'm super proud of you. I hope you're proud of yourself because you will have completed many projects and hopefully have learned a lot of skills. So your feedback means a lot to me. I really love hearing from my students and connecting with them. So please consider leaving a cluster of you. It would really help me now for further connections, feel free to follow me on Skillshare and for even further connections. Feel free to subscribe to my newsletter control and shift. And yes, the pun is intended because gotta learn those shortcuts it Silver.sobtag.com Now I really believe that Adobe software is like language. To master a language practice is essential. Please practice, practice, practice. And feel free to check out my beginner's clause because there's lots of exercises available there for specific tools. As always, it's been an absolute pleasure teaching you guys and see you soon.