Designing for the Web with Photoshop

By Paul Duffey

Running Time: 91 Minutes, 39 Seconds

  Overview

There’s never been a more powerful tool for creating graphics for the web. In this series designer Paul Duffey shows you how to create and optimize professional looking images that can be used in your web page design.

  1 - Introduction (Running Time: 2:35)

Paul narrates a comprehensive outline of topics and lessons discussed in this very useful series. The skills and ideas expressed in this collection can readily be used in a productive design environment.

  2 - Image Formats (Running Time: 1:38)

In this video you’ll learn the types of image formats for graphics on the web, as well as the characteristics of those image types. This is a foundation for knowing how to better optimize images for fast download.

  3 - Compression (Running Time: 6:03)

Learn first hand how to compress images using Photoshop’s “Export for Web” features. Details such as comparison methods, control adjustments, and theory are also heavily covered.

  4 – Reducing Size (Running Time: 1:51)

Photoshop has built in tools for cropping unused portions of an image, such as a white background. This quickly reduces the file size of your image, increasing the download speed of your page.

  5 – Importing Images (Running Time: 3:25)

Import almost any kind of image in many different ways, including drag and drop. This greatly improves your workflow, and reduces your design time.

  6 – Transparency Gif (Running Time: 2:45)

Paul explains how to create a transparent gif image to be used over a pattern background.

  7 – Transparency Png (Running Time: 2:11)

In this video you’ll learn how to make a transparency png image to be used in a Flash document. The Png format allows multiple alpha levels, which allows for a realistic blending effect.

  8 – Images in a Page (Running Time: 3:22)

Learn how to resize and create border effects to images in the body of a web page, such as a drop shadow.

  9 – Creating Thumbnails (Running Time: 1:40)

Discover how quick and easy it is to create thumbnails for a web page. Thumbnails are smaller images of a large image that allow for faster downloading and easy navigation to another page, or a large version of the file.

  10 – Layout 1 (Running Time: 6:48)

In this video Paul shows how to set up a page design and gives a brief overview of the major elements in a web page layout.

  11 – Layout 2 (Running Time: 7:40)

Walk step-by-step through a page design using Photoshop. You’ll import images, resize, and position each element and text according to guided design sense.

  12 – Layout 3 (Running Time: 11:07)

To make the elements work better together, Paul applies a few effects to images to give them a more modern look. Also you’ll learn how to create a 3-D button that will allow for quick modifications.

  13 – Image Slicing (Running Time: 6:26)

Photoshop has built in slice tools for cutting up your images for better file size optimization and download speeds. Learn the tools for creating, naming, and adjusting slices.

  14 – Text Tips (Running Time: 4:13)

Creating text graphics for a web page often helps the user navigate and aids in the over all look of a page. Learn tips for adding simple styles, colors, and font selection.

  15 – Horizontal Menus (Running Time: 5:52)

Discover tips for setting up a horizontal graphic menu. Paul shares ways for adding 3-D effects to your navigation bar, along with useful advice on font usage in these areas.

  16 – Vertical Menus (Running Time: 5:17)

Walk through the steps to create a vertical menu in real time. Learn tips for creating separators, line spacing, and other font adjustments.

  17 – Creating Buttons (Running Time: 4:40)

Learn to create professional looking 3-D, flat, and text buttons using styles in Photoshop.

  18 – Custom Background (Running Time: 2:34)

In this video Paul uses a special technique to create a custom faded background for a web page that’s similar to a watermark effect.

  19 – Pattern Background (Running Time: 3:11)

Use Photoshop’s filters to create an interesting pattern, then using the tools provided, Paul shows how to match the edges so that pattern will tile to create a seamless border.

  20 - Gif Animations (Running Time: 3:59)

Adobe Image Ready is bundled with Photoshop, and is a powerful program for creating gif animations. In this video Paul walks through the controls, showing step-by-step how to create a simple animated gif.

  21 - Banner Ads (Running Time: 3:52)

In this video you’ll learn how to use Image Ready to create and optimize an animated banner ad to be used on a web page.

Our Risk-Free Lifetime Money-Back Guarantee

Purchase as many videos as you like. If you discover that the videos do not completely and successfully train you on that subject, simply contact us anytime at support@technicallead.com and we will give you a complete refund.

Why such a generous guarantee? It is simple. We know how powerful the videos are and we know that they will help you. It is our way of assuring you that – in the case that you do not receive maximum benefit from the videos or if for whatever reason you are not completely satisfied – you won’t have to pay for something you can’t use.

However, you will never know until you try. That’s why we are giving you as much time as you need to evaluate the videos. If they don’t live up to your expectations you are not out a dime.

Option 1. Designing for the Web with Photoshop Training/Mentoring Program - You can take advantage of our unique training and mentoring program for just $197.00 $147.00. That is $50.00 off the regular price.

Here's what you get with Option 1:

• You get the Designing for the Web with Photoshop videos. That's over 1.5 hours of video training you can download immediately.
• We will also ship you all the videos on CDs so you will have a back-up.
• You get one-on-one support via email from our Photoshop experts for 60 days - this will give you plenty of time to master the basics of Photoshop and complete your Photoshop project with our help.

Option 2. 3 Easy Payments - Designing for the Web with Photoshop Training/Mentoring Program - You can take advantage of our unique training and mentoring program for just 3 easy payments of $49.00.

Here's what you get with Option 2:

• You get the Designing for the Web with Photoshop videos. That's over 1.5 hours of video training you can download immediately.
• We will also ship you all the videos on CDs so you will have a back-up.
• You get one-on-one support via email from our Photoshop experts for 60 days - this will give you plenty of time to master the basics of Photoshop and complete your Photoshop project with our help.