Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Join Justin Seeley as he reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups in Adobe Photoshop. The course covers creating a custom web workspace for maximum efficiency; drawing, coloring, and optimizing web graphics; creating vector shapes and text that scale seamlessly; mastering transparency; building navigation bars and buttons; and speeding up these tasks with the Photoshop automation tools.
Another great way to automate your workflow inside of Photoshop is to utilize something called batch processing. In this movie I'm going to be exploring the Batch Processing command, but I first want you to load up an action that I've provided for you inside of your chapter 11 exercise files folder. Let's bring up the Actions panel first by going to Window and selecting Actions. And inside of the Actions panel, I want to go up to the panel menu in the top-right corner and choose Load Actions. And then inside of your chapter 11 exercise files folder should be a Resizing.atn file.
Hit Open. Once that's open, you should see the Resizing action set, and inside there should be a Resize 400pixels Wide action. I can now collapse the Actions panel and I'm ready to go into my Batch Processing command. Let me explain exactly what batch processing means. Basically, you are wanting to change a group of images in some way. In this case I want to run an action on them and then have them save out to a different folder, and that's exactly what I can do inside of the Batch Processing command without actually having to open up each individual image and do all this myself. So I'm going to go up to File, choose Automate, and select Batch.
Inside of the Batch command, I want to make sure that I'm set to the Resizing set. My Action is Resize 400pixels Wide. I'm going to choose a folder for my Source, and I'll select to the Batch folder inside, and I'll hit Choose. For my Destination, I want to send my images to a folder. I'll choose the folder here and I'll select the resized folder, which is inside of that Batch folder. Then I get to change my file name. In this case, I'm going to change it to robot, I'll set it to a two-digit serial number, and then I'll add the extension.
So as you can here, I've got robot01, 02, 03, et cetera, and then the extension. It says .GIF right here, but that's okay. You don't have to worry about that. It's not actually going to save it as GIF; that's just for demonstration purposes. And so now I'll also select Windows and UNIX compatibility, just for safety's sake. And now I'm going to hit OK. Once I hit OK, it goes through. It runs that action--you saw how quick it--was on each one of those photos. And if I go and open those by going to File > Open, now in the Resized folder, I have robot01, 02 and 03. And if I select those and open them, they all open. And if I go to Image > Image size, they are 400 pixels wide each. Image > Image Size, 400 pixels and 400 pixels.
So it would actually open those files for me, converted them to 400 pixels wide, and then saved them back out in a separate folder with a different file name, all in one single action. Pretty neat! So the next time you have to perform an action or resize or anything on multiple images at a time, whether it'd be 3 or 300, try using the Batch Processing command and see how much time it truly saves you.
There are currently no FAQs about Photoshop for Web Design.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.