Adding Artboards to your Photoshop workflow properly

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 is all about Artboards. 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. So hang around. 


So to create an Artboard, we're going to create a new document any which way. All you need to do is, we're going to be doing a social media update pack. So we're going to create a template for new Twitter profile, Instagram profile, and Facebook profile photos. Plus updating all the cover photos for it. Then looking at the actual posting images and different sizes. For all the different platforms, all in one file, that's the perk of Artboards. 


We're going to start with Facebook, and their profile photo at the moment is 180 pixels squared. Because we want this to be Artboards, we're going to turn that guy on. Click 'Create'. And you my friend, have a document with an Artboard. Artboards are kind of distinguished by these little groups here. Let's say you didn't do that, most people don't, they do it the-- how do I do it once I've got a file thing? So let's say we started it without turning it into an Artboard. To turn this into an Artboards file, all you need to do is have your layer selected. If you've got multiple layers, just select them all. Then go to the fly out menu in the Layers panel, and choose this one here, it says 'Artboard from Layers'. Whatever you have selected, it will use that size. It will appear down here, you might have to retype it in if you've got something kind of spilling off the edges here. 


Now naming your Artboards is a lot more important than it is naming layers, it's going to save us time. Because Artboard is all about doing kind of lots of work at once. And then, next time we have to do it, it's super quick and easy. So although I'm kind of lazy with my layer naming, Artboard naming is different. So I give it the project name, the date, the platform it's going on to, and potentially the size, just so you know what normally goes into an Artboard name, pretty nerdy. 


So this is for my Photoshop Essentials update. So whenever I release a course, I go through and update all of my profiles everywhere. So this is Photoshop Essential, it's done in July, 2019. 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. Like this is quite long, you might use like 07-19. You can get fancy with it, but that works for me. I'm going to click 'OK'. 


So let's say we want to add another Artboard. There's two ways, both of them require you going to the Artboard Tool. So grab the 'Artboard Tool', he's hiding 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. So all I did is double clicked it here, and I'm going to double-- this is where 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 it says Size, if you've got this selected and you pick iPhone 6, it's going to change what you have selected, which might be what you want. 


I'm going to undo. Let's say we want to add this little '+'. Then I want to add iPhone6, say you're doing a Web design or an App development, you need the iPhone size 6. A bit slow with updating these, anyway iPhone 6 is a bit old. But if you click anywhere randomly you get an iPhone6 size. Deleting an Artboard, just click on it. The easiest way, when you're working with Artboards, is to click the name rather than trying to click the edge, and hit 'Delete' on your keyboard. 


Now I'm going to add a few graphics, I'll show you a few extra things. I'm 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 Artboard selected at the moment. And in your '09 Artboards' folder, grab 'Daniel Scott'. It's a Smart Object. I'm going to kind of scale it to something like that. Hello, me. Say I need to do my Twitter profile now. If I go to my technique here, 'Artboard', click on it. Now 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. 


Easiest way is to hold down the 'Option' key on a Mac, or the 'Alt' key on a PC when you're clicking that '+'. Now I'm using the one on the right, you can undo, use 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 the 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 'Artboard Tool' again, and just holding down the 'Option' key on a Mac, 'Alt' key on a PC, and just dragging the name. I said, drag the name. Makes a duplicate as well, bringing along everything. You can see, mine there freaked out a little bit. Artboards are weird, Artboards 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 Artboard tool and dragging them. It's because of really cool Smart Guides, to make sure they're all lined up. But I find, a better distance means they don't end up overlapping and jumping ship into this other Artboard. 


If you're finding them tough move them apart a little bit, and then when 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, 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, then just move one of them, and they all come along for the ride. 


All right, so that's the kind of introduction to Artboards. Let's get into the next video. We'll get into some more hard core stuff. It's hard core as Artboards get. I'll see you there.

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