Home
Username:
Password:
Adobe Photoshop CS4 for the Web Tutorials

Getting Around / Saving Your Work




Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.


Learn More

Subtitles of the Movie

Let's take a moment and talk about saving images inside Photoshop and of course coming up we'll be talking about the different file formats that we're going to be using, especially in Web design, but before we get to that, let's talk about just some important things to know about saving your images here inside Photoshop. First of all what I'm going to do is I'll hit the F key twice to go back into sort of a tabbed view inside Photoshop and I'll head back to my Hollow Barn file and I'll just hit the Tab key to bring the Toolbox and the Application Bar, the Options Bar and the Panels on the right-hand side all back to life. Now what we can do here when we want to go about saving our images, of course, is we can simply choose File, Save whenever we get to a point where we want to save our file, right, that's pretty simple and, of course, you can use your keyboard shortcuts - Command-S or Ctrl-S - or what I can do is I can use my Save As command and I think that's what I'll do here is I'll hit Save As, so File, Save As and what I can do here, if I want, inside Photoshop is of course I can go and decide where I want to save this file, maybe into my Lesson 4 folder or maybe up on my Desktop, or something like this, right. But the other thing that I wanted to talk about is your File Formats and as I say we'll be talking about some specific file formats that we'll use inside Web design, but most importantly what I wanted to mention is the native Photoshop File Format which is .psp, so choose Photoshop out of your Format menu. Now how I like to work is I always work with the original Photoshop file, in other words the original .psd file. So you can see, at the top here, I'm about to save out Hollow Barn.psd. Now why do I like to work that way? Well, because the .psd file format is going to save everything that Photoshop is capable of including things like Layers, Alpha Channels, Masks, all kinds of different things, right, Adjustment Layers, all sorts of things. So, what I like to do is I like to work its original file format and then when I get my image to a point where I'm ready to save it out for use on my website or my blog, then I'll save it out using the appropriate File Format. But then down the road if a change comes along and I need to go and change that file, that image that sits on my website or on my blog I don't go and change that file, I go back to the original .psd file. I make the change there and then what I do is I go and overwrite the file that's actually sitting on my website be it a jpg or a GIF, or some other file format, right, which again, we'll talk about. So that's how I like to work. This has been my own sort of workflow that I figured out on my own just through years of trial and error and that's definitely the best way to work. So, in other words, when you're working with your files always edit the original .psd file and then save out your work in a Web File Format. So, what I'll do here inside my Chapter 4 folder is I'm going to save out Hollow Barn.psd. I'm going to make sure that I'm embedding a Color Profile. You can turn that on or shut that off. That's really up to you. So I'm going to leave mine on here and I'll go ahead and click on Save and then as soon as Photoshop saves out that file I'm now working inside Hollow Barn.psd, right. Now what you can do, if you want, is you can head back to your File Menu, back down to Save As and you can choose from any number of File Formats if you want, right. For example, maybe a client is requesting a file in a very specific format. Maybe they want a TIFF for example. Well, you'll find TIFF inside your list File Formats. TIFF is not a Web design file format so we can't really use it for our website or our blog, but it is an option here. Same with Photoshop PDF. You can post a PDF online but in this kind of capacity it might not be ideal, but you can certainly go for it if you want. So if you want to take a quick moment and try saving out some different files here, maybe here I'll save out a TIFF even though we can't use TIFF in Web design and notice now, by the way, up at the top I'm saving it Hollow Barn.tif, I'll click on Save. Now oftentimes what happens and you'll see this more and more as we go along, is when you go and save out a file you're going to get some options, right, so some options specifically related to that File Format. And what I have here in the situation where I'm saving out a TIFF is I have Image Compression, I can choose from any number of compression methods here that are supported by the TIFF File Format. My Pixel Order and the Byte Order and something called the Image Pyramid, which sounds like a bit of a Ponzi scheme, but anyway, I'm going to go ahead and click on OK. That's really all there is to it. So now, inside my Lesson 4 folder I now have Hollow Barn.jpg, I have Hollow Barn.psd and I have Hollow Barn.tif and you can see here I now have Hollow Barn.tif opened up inside Photoshop. So how I think of File Formats is I think of them as almost like vehicles. Each one has its own unique set of properties and settings that I can use for it and each is used in very specific settings, right, so anyway I hope that makes sense for you.

Tutorial Information

Course: Adobe Photoshop CS4 for the Web
Author: Geoff Blake
SKU: 34089
ISBN: 1-936334-01-1
Release Date: 2010-02-25
Duration: 7 hrs / 105 lessons
Work Files: Yes
Captions: Available on CD and Online University
Compatibility: Vista/XP/2000, OS X, Linux
QuickTime 7, Flash 8

VTC Sign up & Benefits

  • Unlimited Access
  • 98,729 Video Tutorials (23,265 free)
  • Video Available as Flash or QuickTime
  • Over 1026 Courses
  • $30 for One Month Access
  • Multi-User Discounts Available