Expression Web Tutorials

 Expression Design 3 Video Tutorials: 
By Popular Demand

NEW VIDEOS!   Expression Design 3 Videos

I am starting to make Expression Design 3 Video Tutorials that will teach you how to do some basic stuff. 

The first video teaches you how to add a Drop Shadow to a rectangle.  A Drop Shadow also looks very cool when applied to text.  Therefore, that will be the next Tutorial. 

Below is a list of tentative Videos using Expression Design 3.  If you would like to make a request, please contact me and describe what it is you would like to learn.  Be as descriptive as possible.

expression web tutorial for beginners

Expression Design 3 Video Tutorial add a drop shadowExpression Design 3:  Set up a New Document & Add a Drop Shadow

 This video tutorial teaches you how to properly set up a New Canvas using the correct Resolution based on the medium. 

 

Image Resolution

Resolution of images is referred to as PPI or Pixels Per Inch.  Images on the web should be 96 or 72 ppi.  Mac and Windows have slightly different Resolutions, 72 and 96 respectively.  As long as you are close to one of these numbers, you will be fine.  I use either one at any given time.

If you were going to print an image or graphic, then you would need to change the resolution to 300 ppi and use a TIFF format.

Image File Types

The most common image file types include the following:

These are bitmap images, which means they are made of pixels.  When we resize a bitmap image, we are not changing the number of pixels in the image.  Instead, we are stretching or shrinking the pixels.  As such, this leads to distortion.  And, over time with every resize and save cycle, the image degrades.  (always save the original image somewhere other than in your web site!!) 

Because bitmaps are made up of pixels, they are Resolution-Dependent.  If you could change the number of ppi (pixels per inch), you would change the quality of an image. 

Here is a list of tentative Expression Design 3 Video Tutorials I am in the midst of planning and producing:

  1. Add a Drop Shadow and other Effects to Text
  2. Optimize Images for the Web
  3. Exporting images from Design 3 to Expression Web 2 or 3
  4. How to Make Gradients
  5. How to Slice an image and insert that slice into a Web Page with CSS
  6. General Instructions for inserting Images from Exp Design 3
  7. Will also add a tutorial on how to import a Photoshop file in Expression Web 2 or 3
  8. How to import a Photoshop or Illustrator file into Expression Design 3
  9. Show you where the presets are located in Exp Design 3 so that you can toy with it.  That is one way to use your creativity and learn.