Join Deke McClelland for an in-depth discussion in this video Saving an interactive image to PNG, part of Photoshop CS6 One-on-One: Fundamentals.
Our next file format PNG is very popular in the world of interactive design.…Like TIFF, it allows you to save full color graphics with lossless compression.…However unlike TIFF, it does not support layers.…However it does support transparency.…Now let's say I want to save this image complete with transparency to the PNG format.…I'd go up to the File menu and choose the Save As command and then I'll switch…my format from PSD to PNG, which is PNG.…And notice that I've already created this file in advance just so I can lift its…name, so I'll click on it to select it.…
Also notice down here that Photoshop not only automatically deselects the…Layers check box, but it also dims the check box so I can't turn it back on and…As a Copy is checked.…So what that means is Photoshop is breaking the link between the file that I'm…saving and the file I have opened and there is no way I can change that.…I'll go ahead and click on the Save button and because I do want to overwrite…the file I'll click OK, and I get the PNG Options dialog box here.…
Author
Deke McClelland
Released
4/26/2012- Opening an image from Photoshop, Bridge, or Camera Raw
- Navigating, zooming, panning, and rotating the canvas
- Adding, deleting, and merging layers
- Saving your progress and understanding file formats
- Cropping and straightening
- Adjusting brightness and contrast
- Identifying and correcting a color cast
- Making and editing selections
- Enhancing portraits by retouching skin, teeth, and eyes
Skill Level Beginner
Duration
Views
Q: Where can I learn more about graphic design?
A: Discover more on this topic by visiting graphic design on lynda.com.
Q: When I double click the welcome.psd file included with the exercise files, I get the following error message:
"Some text layers contain fonts that are missing. These layers will need to have the missing fonts replaced before they can be used for vector based output."
Unlike the TIF and JPEG files which display and open correctly, all the icons for PSD files are blank but other than the welcome.psd file, they seem to open correctly without the error message. Is this a problem that I should address (perhaps re-download the files or find the missing fonts)?
A: The TIFF and JPEG files are flat, so they don't contain fonts and the operating system can interpret them (and generate thumbnails) without help from Photoshop. The PSD files have two issues:
First, they may contain editable text complete with font info. The files are designed with fonts that ship with Photoshop, so you don't get error messages, but Adobe sells some versions of Photoshop without fonts. This may be your issue.
Second, the PSD files contain no flat previews. This makes for smaller files, but it means the operating system, Mac or Windows, cannot generate previews. That won't effect your experience in Photoshop, but it does mean you can't see the file until you open it.
-
1. Opening an Image
-
Welcome to One-on-One2m 24s
-
Opening through Camera Raw2m 32s
-
-
2. Getting Around
-
Navigating tabs and windows4m 32s
-
Panels and workspaces4m 27s
-
Zooming incrementally4m 29s
-
Zooming continuously2m 43s
-
Entering a custom zoom value2m 25s
-
Scrolling and panning images2m 31s
-
Cycling between screen modes3m 10s
-
Using the Navigator panel3m 38s
-
Adjusting a few screen prefs4m 16s
-
3. Image Size and Resolution
-
Digital imaging fundamentals1m 45s
-
The Image Size command3m 27s
-
Common resolution standards3m 20s
-
Upsampling vs. real pixels4m 36s
-
Changing the print size6m 16s
-
Downsampling for print4m 12s
-
Downsampling for email3m 11s
-
The interpolation settings5m 22s
-
Downsampling advice4m 36s
-
Upsampling advice6m 10s
-
-
4. Using Layers
-
The layered composition1m 40s
-
Introducing the Layers panel4m 12s
-
Dragging and dropping layers4m 36s
-
Stack, reveal, and rename2m 58s
-
Applying a clipping mask3m 58s
-
Finishing off your artwork3m 13s
-
Layering tips and tricks7m 2s
-
-
5. Saving Your Progress
-
Saving layers to PSD6m 38s
-
Saving print images to TIFF4m 48s
-
Saving a flat photo to JPEG4m 18s
-
6. Crop and Straighten
-
Honing in on your image1m 43s
-
Editing your last crop3m 1s
-
Filling in missing details6m 44s
-
-
7. Adjusting Luminance
-
First, there is brightness2m 12s
-
How luminance works4m 18s
-
The three Auto commands3m 27s
-
Editing adjustment layers3m 52s
-
Introducing the histogram4m 58s
-
Measuring an adjustment3m 34s
-
-
8. Adjusting Colors
-
And second, there is color1m 31s
-
Identifying a color cast3m 34s
-
Changing the color balance6m 10s
-
The Hue/Saturation command5m 26s
-
-
9. Select and Edit
-
The freeform Lasso tools3m 59s
-
Creating rays of light4m 44s
-
Quick Selection and Similar4m 11s
-
Integrating image elements2m 39s
-
Magic Wand and Grow5m 17s
-
10. Retouch and Heal
-
Content-Aware Fill6m 11s
-
Using the Spot Healing Brush5m 36s
-
Meet the Clone Source panel3m 53s
-
Caps Lock and Fade4m 57s
-
The Dodge and Burn tools5m 1s
-
Smoothing skin textures5m 58s
-
Intensifying eyes4m 43s
-
Conclusion
-
Goodbye51s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Saving an interactive image to PNG