First off, when you read you’re going to be learning how to prepare an exactly sized web graphic you should know that I’m referring to size as in size of the file, not size as in dimensions. There are many instances where this may be necessary - ranging from uploading photographs to a social networking site to uploading an avatar or signature for an online forum that stipulates a maximum file size.
|
The GIF format was introduced in 1987 and contains one eight-bit channel of data giving it the ability to reproduce up to 256 colours at any one time from a palette of 16.8 million. This means that although a GIF is no good for saving continuous tone imagery such as photographs, it is extremely well suited to images that contain large blocks of colour such as logos and line art. The advantage of saving so few colours is found in the sharpness of detail and the ability to keep file sizes low.
|
archive, back up, beginner's guide to photoshop elements, catalogue, colour settings, Commands / Tools, flatten image, free, gif, image size command, JPEG, Output, photoshop elements 6, print, PSD, quality settings, resolution, save, send via email, version sets, video tutorial
Once you have the perfect image, chances are you’re going to want to show other people your work. Photoshop Elements allows you to do this in a number of ways, whether by printing the image using a local inkjet printer, sending via email or placing on a web site or image hosting service. How you decide to ‘output’ the image will determine how you save it, what format, what quality settings, what size! You’ll need to know how to balance out the quality of the final image and achieve manageable file sizes for your output criteria all at the same time.
|
compression, free, gif, guide to file formats, JPEG, lossless, optimize, Output, photoshop cs2, PNG, save, web, video tutorial
The PNG-8 and PNG-24 formats are ofter compared to the GIF and JPEG formats respectively, in this tutorial we'll look at where this is a fair comparison - and where it's not!
|
compression, dither, free, gif, guide to file formats, imageready, look-up table, Output, photoshop cs2, save for web, video tutorial
Outputting your graphics to look their best is an important part of any workflow. When saving for the web you're aim is usually to find a compromise between file size and quality. Here we'll look at how we can get the best out of the Graphic Interchange Format using Photoshop and Imageready.
|
Animation, frame, free, gif, imageready, layer effects, motion, optimize, Output, photoshop cs2, trim command, tween, Web Design, video tutorial
In this tutorial we'll look at how to create a basic animated GIF image, and how we can save time with tweening inside Photoshop and Imageready. I'll also take you through the saving process and make sure the finished product works the way it was intended to.
|
