How to add images correctly to a Photoshop artboard

This lesson is exclusive to members

Course contents
SECTION: 8
CC Libraries 19:15

Questions

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Course info

107 lessons / 16 hours 21 projects Certificate of achievement

Overview

Course Overview

Hi there, my name is  Dan and I am an Adobe Certified Instructor for Photoshop  - this is the Advanced Photoshop course.

This course is not for people new to Photoshop. This is for people who already know the fundamentals. It is for people who have their own ways of doing things but believe there really is a better, faster way to work. 

We will start by learning the best selection techniques available. I promise, by the end of the first section what took you 30mins to mask will now take you 30 seconds. 

What am I going to get from this course?
  • 13+ Hours of content!
  • 10+ Interactive exercises
  • 68 downloadable resources
  • You'll learn the best selection and masking techniques
  • You'll know how to fix images that look 'hard to fix'
  • You'll master advanced levels and curves tricks, specifically with skin, adjusting and enhancing colors
  • You'll learn how to enlarge images without distortion and what to do when things go wrong
  • You'll know how to convincingly remove all kinds of objects from images
  • My favourite: You'll master the ability to distort, bend and reshape images
  • Lets look at how current trending styles are super easy to duplicate
  • You will become a type nerd. We'll use font pairing in Typekit. We'll also use Photoshop's ability to guess fonts
  • Your Artboards skill will be mastered
  • A master of retouching, you will become!
  • You'll learn to edit videos in Photoshop, who'd have thought?
  • We'll also create awesome cinemagraphs, AKA: Moving pictures!
  • You'll learn to master 3D in Photoshop!
  • You'll learn lots about professional, reusable mockups, techniques and shortcuts!

Here's some of the things we'll be doing in this course:
We will correct 'hard to fix' images and learn what to do with blurry images. We will master Advanced Levels & Curves tricks and will work specifically with skin, adjusting and enhancing colours. 

You will learn how to enlarge images without distorting them and also, what to do when things go wrong. 

We will learn how to convincingly remove all kinds of objects from images. My personal favourite section will show you how to distort, bend & reshape images.

We will look at how current trending visual styles are easily created, duotones, glitches and orange/teal colour grading.

We get 'type nerdy' and use font pairing in Typekit. We will use Photoshop to identify the fonts used in an image and learn how to work with hidden glyphs & ligatures as well as variable & open type fonts.

You will master artboards while you are learning how to make easily updatable multiple sized social media & ad banner graphics. 

There is a big section on advanced retouching techniques, advanced healing, advanced cloning & patching. 

You will learn how to edit videos in Photoshop. We will also animate static images creating parallax videos plus the very cool cinemagraphs sometimes called 'living pictures' - great for social media. 

You will learn to master 3D in photoshop. We will finish off the course with professional, reusable mockup techniques & shortcuts. 

This course has a strong focus on workflow. We use real world, practical projects and show you the professional techniques and shortcuts which will save you hours using Photoshop. Throughout the course I have many class exercises for you to use in order to practice your skills. 

Who am I? 
As well as being an Officially Certified Expert by Adobe, I’m photoshop guru and user with 18 years Photoshop experience. I make tutorial videos directly for Adobe and will again this year be presenting a seminar on  Photoshop at Adobe’s 20 thousand attendee strong Max Conference.  

If you can’t remember the last time you sat down and went through the updates in Photoshop, let this course be your one stop professional development and upgrade path.   

Even if you consider yourself a heavy user, I promise there will be things in here that will blow your Photoshop mind. Sign up now!

Course duration 13 hours 45 mins + your study.



Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Certificates

We’re awarding certificates for this course!

Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.

Downloads & Exercise files

Download Exercise Files

Transcript

Hi there, this video we're going to look at adding graphics properly. I say properly so that when we need to update this we can update multiple Artboards all at once. We talk about work flow, getting a set up right, Doesn't take any longer, you just got to know what to do, let me show you how. When you're bringing in graphics, up until now we've been doing a lot of opening and just kind of copying across. So from the 'Exercise Files', bring in 'Daniel Scott'. And I can make sure I go back to my Move Tool, and just kind of copied across. 


There's nothing wrong with this, I just got to make sure-- where do I drag it up to, cutting up on any old Artboard, especially if it's a big image like this. And when I do get it in make sure the first thing I do is convert it to a Smart Object, but even easy - I'm going to delete that one there - is have your Artboard selected, and go to 'File', and go to 'Place Embedded', or 'Linked', whichever works for you. Embedded is going to stick it inside this Photoshop file, so it's kind of always in here. The file's a little bigger but I find it most useful. Linked is when you're dealing with huge files, and like InDesign, it kind of keeps the file somewhere else. Means you can't lose them, but it keeps Photoshop ticking along nice and quickly. Let's use Place Embedded. And instead of Daniel Scott, I am going to use the logo for Photoshop. 'File', 'Place'. Here's the size, yes, that works for me. 


Let me get it just a touch bigger to fit my profile. This one here, I'm going to duplicate across. So the other way to bring it in is maybe from your library. So I'm going to go to my library, which have already got my graphic in. There it is there, I can drag it in this way. You can see here, I dragged it in, but I'm still-- I've got this one highlighted. So this thing over here goes, well I can't see it because I'm not on that Artboard. And this is just one of the problems with Artboards. Is you got to be quite intentional. If I hit 'Return' now, it did end up in the right place, but because I was telling Photoshop, I was meant to be over here, it kind of freaked out for a second. That's okay. It's not even the graphic I want, I want the flag-- where's my certification flag? Here I am. 


So I'm an Adobe Certified Expert for Photoshop. Hit 'Return', and I add this here. Where am I going to stick it in? Along there. Make sure it's either 'File', 'Place' or 'Embedded', dragged in from the library. Or if you do copy and paste it, make sure it's a Smart Object, because the Smart Object's really the thing we want here for updating lots. So let's say we want to move from once, and the other. I need this expert logo over here. I can click it, hold it-- wrong layer. Click it, hold it, and drag it, while holding down the 'Option' key on a Mac, 'Alt' key on a PC. To get it to this one here I can hold down the 'Option' key on my Mac, 'Alt' key on a PC, and I can drag it. And that works some of the time. 


I find that, with a small object, it's fine, with these bigger objects, say like this image back here, and I try and duplicate that over there, it's done okay, because you're watching. Sending it to the back, making him smaller. And you'll notice that my background here got tuned into this, kind of colored layer here, I'm just going to delete it, I don't need it. So dragging it is fine, now you're watching, but it does run into problems, so what do you do? The easiest way is, say I want this over here now, so I'm going to go, you, get it to the right position for this one. Want it down here. The other nice thing about using this technique, it should end up in the right place, or roughly. So in my Layers Panel here, I'm going to right click the logo, I'm going to say, duplicate, my friend. I'm going to say, where do you want it to go, I'm going to say, this Artboard, which is my Instagram profile, please. Give it the same name, and it just moves across. 


That's really handy when you've got lots of objects. Let's say that I'm going to create something new. So I'm going to jump to my 'Artboard Tool'. Shortcut for that, if you're looking for shortcuts, it's hold 'Shift V', and it kind of just toggles between the Move Tool and the Artboard Tool. I want a new document, and it's going to be the cover photo for say Facebook. Facebook uses 351 by 310. Don't worry too much about the sizes here, they seem to change it all the time. So just Google 'Facebook cover photo 2018'. And the cover photo's different from the fan page photo. There's all sorts of different things, just check what you're doing. We've got it here, nothing's really happening. I can just click once, so I'm going to keep my Facebook stuff over here. I'm going to 'Shift-click' both of these. Just move them over, and it's going to be my little Facebook group. I'm going to give it a name. And what you'd find with Artboards, these guys get messy. I'm going to have a full video on how to work with Artboards a little bit better, but just because we need it now, if you 'Command-click' the arrow on it, it just means it closes all of them up at once and just looks tidy. 


So where is my Facebook copy? That is my Facebook cover photo. There's no reason why you can't drag it to kind of keep them together. Doesn't really affect anything in here except when we export. Just means this page is going to be straight after this page. Which might make sense. So now I want a chunk of stuff. So I want everything on this graphic to be moved over here. The way I do that is I just have them all selected. So here, my Photoshop Essentials, Instagram, it's got all the bits I need. I'm selecting them all, right click any one of them, go to 'Duplicate'. And just like before, just pick the one you want it to go to. Cover photo. Hopefully over here now, little bits and pieces. That's why we're using Smart Objects, I guess, is that these can all be resized now. My Photoshop logo can be bigger. because it's a vector file, same with my little edgy thing. And same with this kind of graphic here. 


Smart Object, it's a lot bigger than what we're using it for. Let's look at another kind of issue that happens, that we want to try and mitigate. This image isn't very big. I'm going to try and break it. Look how big it is, overlapping these guys, it's not going anywhere but, it happens to me all the time when you're not here. Gets out of it, breaks out of its home, and it doesn't know where to go, and it ends up back there. It's over there. They're all too close together, I've been too good and kept them far apart. Let's say that this is your problem, and you're like, "Where did I end up?" You're hitting it up over here, but you're like, no, no, just be. And it's just, it's now fighting back, it's good. Let's say, you my friend live here, you're not allowed to move. With that layer selected there's this option here. And this just says, you my friend do not go anywhere, you are fused to this Artboard. Prevent auto nesting. You can see, basically just locks it. But the cool thing about it is that it can still be moved. Just not outside of its little home. Select everything on its Artboard, and just click on that, they should all stay there. 


Let's look at one other thing, two of the things before we go. One is, you’ve created these Artboards, you just don't want them anymore for some reason. You created two Artboards, and you're like, where are all the pieces? You want to see it all. What you need to do is select all the Artboard names, so we're going to use our trick where we hold down the 'Command' key on a Mac, "Ctrl' key on a PC, just click the arrow, then we can hold 'Shift' and click them all. Go to your layers little flyout here, and there's one that says, Ungroup Artboards, it's not there, it's up here, it's under 'Layer', and there it is. 'Ungroup Artboards', and that just kind of puts everything, just goes "Ah." No boundaries, here we all are. 


That could be nice when somebody send you a file and it's all mixed up. I'm going to undo that because that was not what I want to do. I'll do the last thing. This is not really any Artboard, you can skip along. Just showing you Content Aware Scale for-- because we want it for the rest of the tutorial, and it's, man, it's good for when you're doing these weird letterbox shapes, and it runs into a problem with, I want to use Content Aware Scale, ah, doesn't work. Unfortunately it doesn't work on a Smart Object. So we're going to have to right click it and say 'Rasterize Layer'. I know exactly what I want to do, but it's what I have to do to make this work. 


So now, 'Edit', 'Content Aware Scale'. And I'm going to just magic up more background. My shadow gets bigger, I'm happy with it. 'Return'. Now I'm going to turn it back into a Smart Object, because later on I'm going to duplicate it and want to use it. I'm going to send it to the back, and that will be enough for this video. There's more Artboard stuff to come so check out the next video.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2024