Skip to main content

How to Add Images Correctly to a Photoshop Artboard

Lesson 58 from: Adobe Photoshop Mastery

Daniel Walter Scott

How to Add Images Correctly to a Photoshop Artboard

Lesson 58 from: Adobe Photoshop Mastery

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

Lesson Info

58. How to Add Images Correctly to a Photoshop Artboard

Lessons

Class Trailer

Getting Started

1

Class Introduction

03:24
2

Before you get Started with the Photoshop Advanced Course

01:28

Selections & Masking - Advanced

3

The Easiest Way in the World to Mask a Person in Adobe Photoshop

24:23
4

Class Project - Select Subject

01:41
5

Select Mask & Changing a Color using Photoshop - Color Range

10:00
6

Using Photoshop Selection to Fix Grass & Sky - Color Range

07:20
7

How to Change the Color of Skin in Photoshop - Color Range

08:05
8

How to Create an Ink Splash Image Around Text - Color Range

15:02
9

Class Project - Color Range in Adobe Photoshop

01:54
10

Mask on a Group Rather than each Layer

11:18
11

Advanced Masking using a Channels in Adobe Photoshop

14:14
12

Class Project - Channel Mask

01:30
13

How to Make Selections in Photoshop Based on the Focus Area

22:53
14

Class Project - Focus Area

01:11
15

Selection Trick Using the Smudge Tool in Photoshop

04:16
16

Future of Selections in Photoshop with Adobe Sneaks

07:04
17

Quiz - Selection & Masking

Preferences & Workflow

18

Advanced Preference Changes for Adobe Photoshop

08:36
19

How to Speed up Adobe Photoshop if it’s Running Slow

07:48
20

Workflow Tips & Tricks Like a Professional in Photoshop

13:45
21

Advanced Layer Tricks in Adobe Photoshop CC

05:58
22

Automatically Add a Watermark Text or Logo in Photoshop

08:29
23

Batch or Image Process Multiple Images at Once in Photoshop

09:05
24

How to put Loads of Images into one Photoshop File Quickly

07:04
25

Weird Adobe Photoshop Features & Easter Eggs

06:37

Fixing Images

26

How to Enlarge Images Without Becoming Blurry in Photoshop

06:57
27

How to Fix Blurry Images in Photoshop Using Shake Reductions

08:17
28

Advanced Color & Tone Correction Using Levels in Photoshop

06:44
29

Advanced Curves in Adobe Photoshop CC

06:34
30

Quiz - Fixing Images

Cropping & Aligning & Distorting

31

How to Reshape Images Without Distorting in Photoshop Content Aware Scale

09:44
32

How to use Content Aware Move in Photoshop

08:38
33

How to use Content Aware Extend in Adobe Photoshop

07:28
34

Removing Objects Using Content Aware Fill in Photoshop

07:01
35

Class Project - Content Aware Fill

01:03
36

Cropping Tricks Delete Pixel & Reveal Cropped Content in Photoshop

06:11
37

Automatically Crop & Rotate Scanned Documents in Photoshop

05:35
38

Crop Angled Images to Straighten Perspective Cropping Photoshop

04:42
39

How to Trim the White Away from the Edge of an Image in Photoshop

01:52
40

Automatically Align Layers in Adobe Photoshop CC

07:38
41

How to Reshape Images using the Puppet Warp in Photoshop

18:10
42

Class Exercise - Puppet Warp

01:14
43

How to Change the Perspective in Photoshop Perspective Warp

05:47
44

Quiz - Cropping & Aligning & Distorting

Color

45

How to Color Black & White Image in Photoshop

09:42
46

How to Create a Duotone Effect in Adobe Photoshop CC

09:28
47

44. Class Project – Duotone in Adobe Photoshop

02:20
48

How to create the Glitch Effect in Adobe Photoshop

07:01
49

Class Project - Glitch Effect in Adobe Photoshop

00:44
50

Color Grading with Orange & Teal Effect in Adobe Photoshop

05:36
51

Class Project - Color Grading in Adobe Photoshop

00:49
52

Quiz - Color

CC Libraries

53

Advanced CC Libraries Tricks and Tips Photoshop

19:15

Typography

54

Advanced Type Trick & Workflows in Adobe Photoshop

19:38
55

Photoshop Can Guess your Font Using Match Fonts

10:43
56

Quiz - Typography

Artboards

57

52. Adding Artboards to your Photoshop Workflow Properly

05:24
58

How to Add Images Correctly to a Photoshop Artboard

08:17
59

Using Smart Objects & Relinking Images in Photoshop

04:10
60

Advanced Speed Tricks for Updating Artboards in Photoshop

04:09
61

Export Artboards as PDF & Separate JPGs in Photoshop

05:38
62

Quiz - Artboards

Retouching

63

Advanced Tricks for Healing Brush for Retouching in Photoshop

08:24
64

Don’t Forget About Clone Tool Stamp in Photoshop

06:09
65

How to use the Patch Tool for Retouching in Photoshop

06:41
66

Class Exercise – Retouching in Photoshop

01:15
67

How to Retouch in Photoshop Using Face Aware in Liquify

06:50
68

How to Use Vanishing Point to Mocking up Designs in Photoshop

12:19
69

Vanishing Point - Cloning & Healing at an Angle in Photoshop

11:19
70

64. Class Exercise - Vanishing Point in Photoshop

00:51
71

Fixing & Retouching Skin Tone in Adobe Photoshop

06:01
72

Retouching Eyes by Enhancing in Adobe Photoshop

08:00
73

Retouching Eyes with a Little Bit of Fakery in Photoshop

09:00
74

Fully Faking Believable Eyes in Adobe Photoshop

06:45
75

Class Project – Eyes in Photoshop

00:51
76

70. How to Realistically Whiten Teeth in Adobe Photoshop

11:44
77

Class Project – Teeth in Photoshop

00:57
78

Quiz - Retouching

Layers

79

Difference Between Place Linked vs Place Embedded in Photoshop

08:22
80

What is the Difference Between Fill & Opacity in Layer

01:11
81

How to Use & Export Layer Comps in Adobe Photoshop

03:27

Visual Styles & Effects

82

75. How to Create a Double Exposure in Adobe Photoshop

11:07
83

Class Project - Double Exposure in Photoshop

01:17
84

How to Create a Watercolor Painting Effect in Photoshop

09:23
85

Class Project – Watercolor in Photoshop

00:32
86

How to Decay Pixel Explosion Dispersion Method in Photoshop

13:47
87

How to Make Exploding Shoe Effect in Adobe Photoshop

10:49
88

Class Project – Decay in Photoshop

00:51
89

Quiz - Visual Styles & Effects

Video & Animated Gifs for Social Media

90

How to Edit Video in Adobe Photoshop

25:42
91

Parallax Effect to Make Photos Move in Photoshop

13:22
92

Class Project – Parallax in Photoshop

01:15
93

How to Create Live Images - Cinemagraphs in Photoshop

13:19
94

Class Project – Cinemagraph in Photoshop

01:35

Web Design

95

How to Setup a File Ready for Web and UI Design in Photoshop

09:32
96

How to Export Your Web Design UI Project for Dreamweaver

07:57

3D

97

How to Make 3D Text & 3D Logos in Photoshop

11:52
98

How to Add and Change 3D Materials & Textures in Photoshop

08:42
99

Using Cameras & Depth of Field in 3D Photoshop

05:12
100

Adding Lights & Casting Shadows Using Photoshop 3D

10:01
101

How to Export a High Quality 3D Image from Photoshop

04:42
102

Class Project – 3D in Photoshop

01:08
103

How to Create Fake 3D Lines & Type in Photoshop

09:33
104

Fake 2.5D Gradient Effect with Paths in Photoshop

07:10
105

Class Project - Fake 3D in Photoshop

00:46

Mock-ups & Presenting Your Work

106

Using Free Templates & Adobe Market to Mockup in Photoshop

11:07
107

How Make a Reusable Mockup in Photoshop Using Smart Objects

06:40
108

Mockup Poster Against a Wall Using Photoshop

08:16
109

How to Make a Simple UI App Web Design Mockup Using Photoshop

06:06
110

Class Project – Mockups in Photoshop

01:00

Exporting

111

How to Proofing Colors in Adobe Photoshop Ready for Print

04:04
112

How to Tidy Up your Photoshop Files Before Sending Them Out

10:21
113

How to Package Your Photoshop File to Include Linked Images

07:22
114

3 Kinds of File Export for Photoshop Social Media Web & Print

12:59
115

Quiz - Exporting

What’s Next

116

What’s Next After Your Photoshop Advanced Course

01:05

Final Quiz

117

Final Quiz

Lesson Info

How to Add Images Correctly to a Photoshop Artboard

Hi there, this video, we're going to look at adding graphics properly. I say properly so that we can so that when we need to update this, we can update multiple art boards all at once. It's all about workflow, getting it set up, right? Doesn't take any longer. You just got to know what to do. Let me show you how alright, 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 and bringing 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 gotta make sure where I drag it too. Could end up on any old outboard, especially if it's a big image like this. 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 gonna delete that one. There is have your art board selected and go to file and go to place embedded or linked, whichever works for you embedded is going to stick it inside the ...

Photoshop file. So it's kind of always in here. The files a little bigger. But I find it most useful linked is when you're dealing with huge files like in design and kind of keeps the file somewhere else, it 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 fireplace, These are size. Yeah, that works for me. Let me get it just a touch bigger to fit my profile and this one here, I'm going to duplicate across the other way to bring it in is maybe from your library. So I'm going to go to my library, which I've 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 art board. And this is just one of the problems with outboards is you've got to be quite intentional, but it returned now it didn't end up in the right place. But because I was telling Photoshop 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 uh certification flag there? I am. So I'm in adobe certified expert for Photoshop and return and I had this here, stick it. Where am I going to stick it? Oh man, Make sure it's either file place or embedded, dragged him from the library or if you do copy and paste it and make sure it's a smart object because the smart objects. Really the thing we want here for updating. Lots. So let's say we want to move from one to the other. I need this expert logo over here, I can click it, hold it wrong layer. Okay, click it, hold it and drag it while holding down the option key on a Mac OK on a pc to get it to this one here. I can hold down the option key on my Mac old canopies 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 the same thing into the back making him smaller and you'll notice that my background here got turned into this kind of colored lay here. I'm just going to delete it. I don't need it. So dragging it's fine now you're watching but it does run into problems. So what do you do? The easiest way is to say I want this over here now. So I'm going to go you gonna get it to the right dish position for this one? Maybe I 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 gonna say duplicate my friend and I'm going to say where do you want it to go? I'm going to say this outboard, 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 gonna jump to my art board tool shortcut for that if you're looking for shortcuts is hold shift envy and it kind of just toggles between the move tool and the outboard tool. I want a new document and it's going to be the cover photo for say facebook facebook uses a 51 by 310. Don't worry too much about the sizes here. They seem to change all the time. So just google facebook cover photo 2000 and 18 and the cover photo is different from the fan page photo, there's all sorts of different things. Just check what you're doing, but we've got it here, nothing's really happening. I can just click one so I'm gonna keep my facebook staff over here shift, click both of these so I can just move them over and that's gonna be my little facebook group. I'm gonna give it a name and what you'll find with outboards that these guys get messy. I'm going to have a full video on how to work without boards a little bit better. But just because we need it now if you command, click the arrow on it. Okay. It just means that closes all of them up at once and just looks tidy. So where's my facebook copy and that is my facebook cover photo, no yelling come there's no reason why you can't drag it to kind of keep them together. It doesn't really, it 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. Cool. 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. So I'm selecting them. All right, click any one of them go to duplicate and just like before just pick the one you wanted to go to cover photo. Okay. Hopefully over here now it's all the bits and pieces. That's why we're using smart objects I guess. Is that these can all be resized now. Okay. My Photoshop logo could be bigger because it's a victor file. The 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 gonna try and break it. Oh look how big it is overlapping these guys. It's not going anywhere, but okay, It happens to me all the time when you're not here. Okay gets out of it breaks out of its like home and it doesn't know where to go and it ends up back there. It's over there. Okay, They're all too close together. I've been too good and kept them far apart. So let's say that this is your problem that you're trying to like, where did it end up ended up over here? But you're like, no no no, just be just be why don't you write? And it's just it's now fighting back. It's good. Okay, 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 outboard, prevent order 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 upward and just click on that. They should all stay there. Let's look at one of the things to other things before we go. One is you've created these outboards, you just don't want them anymore. For some reason they're just you've created two outboards, you're like where have all the pieces? You want to see it all, what you need to do is select all the art board names. So we're gonna use our trick where we hold down the command key on a Mac control key on a pc just click the arrow and then we can hold shift and click them all go to your layers. Little fly out here and there's one that says one group our boards, it's not there, it's up heads and the layer and there it is and group upwards and that just kind of puts everything just goes, ah no boundaries here, we all are. That could be nice when somebody sends you a file and it's all mixed up and I undo that because that was not what I want to do and I'll do the last thing. Okay? And there's not really any outboard. You can skip along just showing you content aware scale for because we want it for the rest of the tutorial man. It's good for when you're doing these, we're letterbox shapes and it runs into a problem with, I want to use content aware scale doesn't work unfortunately, it doesn't work on a smart object, so we're going to have to right click it and say rust arise layer, not 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 that return. Now I'm going to turn it back into a smart object because later on I'm gonna duplicate it and I want to use it and send it to the back and that'll be enough for this video. There's more upward stuff to come. so check out the next video.

Class Materials

Bonus Materials with Purchase

Exercise Files
Completed Files Part 2
Completed Files Part 1

Ratings and Reviews

Uli N
 

Great class, but outdated PS version. It was confusing sometimes. Some tools are not in PS anymore and more tools have been added which is not included in the course.

Nadim Rouf
 

Student Work

RELATED ARTICLES

RELATED ARTICLES