Skip to main content

52. Adding Artboards to your Photoshop Workflow Properly

Lesson 57 from: Adobe Photoshop Mastery

Daniel Walter Scott

52. Adding Artboards to your Photoshop Workflow Properly

Lesson 57 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

57. 52. Adding Artboards to your Photoshop Workflow Properly

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

52. Adding Artboards to your Photoshop Workflow Properly

Hi there. This video is all about art boards to get started with, we'll show you the kind of just the basics but just quickly then we'll step into some more of the fun professional advanced stuff to hang around. So to create an outboard, we're going to create a new document any which way and all you need to do is we're going to be doing social media update pack. So we're going to creating a template for new twitter profile, instagram profile and facebook profile photos plus updating all the cover photos for it. And then looking at the actual posting images in different sizes for all the different platforms, all in one file. That's the perk of up boards. So we're gonna start with facebook and their profile photo at the moment is 180 pixels squared. Because we want this to be outboards, we're gonna turn that guy on click. Great. And you, my friend have a document with an outboard. Outboards are kind of distinguished by these little groups here, let's say you didn't do that. Most people d...

on't they do it there. How do I do it once I've got a file thing. So let's say we started it without turning it into an outboard to turn this into an art boards file. Okay, all you need to do is have your layer selected if you've got multiple layers, just select them all and then go to the fly out menu in the layers panel And choose this one here, says outboard from layers. So whatever you have selected it will use that size will appear down here. You might have to re type it in if you've got something kind of spilling off the edges here. Now, naming your outboards is a lot more important than it is naming layers, it's going to save us time because outboard is all about doing kind of lots of work at once and then the next time we have to do it, it's super quick and easy. So although I'm kind of lazy with my layer naming, outboard naming is different. So I give it the project name, the date, the platform that's going on to and potentially the size just so you know what normally goes into an outboard name. Pretty nerdy. Okay, so this is for my Photoshop essentials update. Okay, so whenever I release, of course I go through and update all of my profiles everywhere. This is essential, it's done in July and then this one is Facebook profile. Why does it look so long? And all these hyphens, that's just me. You might use underscores, you might use codes. Okay, like this is quite long, you might use like oh 7 19. You can get fancy with it, but that works for me and I'm gonna click crap. Okay, so let's say we want to add another art board, there's two ways both of them require, you go into the outboard tool, so grab the outboard tools hiding underneath secretly underneath the move tool. If you want to just duplicate this, I'm going to duplicate this one because I need this fella to be my profile for instagram. Okay, so all I did is double clicked it here and I'm going to double this is how you rename it. Double click it in your layers panel. So this one is all the same except this is instagram. Another way to add them is using this tool, you can go up here and Where is this size? If you've got this selected and you pick the IPhone six, it's going to change what you have selected, which might be what you want. I'm going to undo that. So you want to add that this little plus. Then I want to add IPhone six. So you're doing a web design or app development, you need the IPhone size six. They're a bit slow with updating these anyway. Iphone six is a bit old but if you click anywhere randomly you get an iphone six size deleting an outboard, just click on it. Okay, the easiest way when you're working with outboards is to click the name rather than trying to click the edge and just hit delete on your keyboard. Now I'm going to add a few graphics, going to show you a few extra things, so we're going to bring in an image, we're going to go to file and we're going to go to place embedded, it's going to go wherever we have selected. I got this art board selected at the moment and in your own eine. Art boards folder, grab Daniel scott. Okay. It's a smart object. I'm going to kind of scale it to something ish like that. Hello me. So I need to do my twitter profile now. Okay, If I go to my technique here, outboard, click on it and I want to duplicate it, it just kind of makes a new one. What I want to do is actually just because I'm going to use a lot of the same elements. I want to duplicate it. The easiest ways to hold down the option key on a Mac or the old key on a Pc when you're clicking that. Plus now I'm using the one on the right, you can undo, he's the one in the bottom. It depends on your workflow. I'm going to go across that way. You can see it brings through both name, which is cool. But also any images that are on there. So this one here is now twitter. Another way of doing it is our board tool again and just holding down the option key on a Mac and just dragging the name. Have to drag the name that makes the duplicate as well, bringing along everything you can see mine, they're freaked out a little bit upwards are weird. Art boards are, they've been around a while. I find the best kind of way of dealing with them is making sure there's a good bit of distance behind them. You can see I'm just using the outboard two and dragging them. It's got some really cool smart guys to make sure they're all lined up, but I find a bit of distance means they don't end up overlapping and jumping ship into this other art board. If you're finding them tough, move them apart a little bit and that one there, all I did was I turned the eyeball on and off and it kind of came back to life. That doesn't happen very often. Just in this video, I'll leave it in if you need to move a bunch of them, say you want to move them all down, okay, You can just shift, click them all as well, they will kind of look like they're highlighted. You can shift, click them in your layers panel as well and just move one of them and they all come along for the ride. Alright, so that's the kind of introduction to art boards. Let's get into the next video, we'll get into some more hardcore stuff as hardcore as art boards. Get I'll see you there

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