Classes, Workshops, Tutoring and Educational Materials for Budding Web Designers


Grades and Class Structure

There are many good video-based tutorials, and Adobe has put together a series of online lessons, (which it strongly stresses educators use) you'll learn most of your basic interface, toolbar and common functions using those tools. My role is to introduce you to situations, applications and environments:

  • Where the program you're using doesn't produce the results you need.
  • Where you have far more flexibility and control than most users know
  • Where you'll learn smart workarounds, quick tips and easy shortcuts.

Grades

Each weekly lesson's practice session will be turned in to me at the end of class. If you miss a class it is YOUR RESPONSIBILITY to make up that practice session and turn your document in to me by the following week. Since all materials are available online, you can easily follow the course materials. These weekly assignments make up about 50% of your final grade

 

Digital Image Editing

This is the course outline for your Syllabus. Since we have so many links to online tutorials, it is easier for you to use this website as a starting point.

April 2012
Instructor: Myra Anson Nicholas
Cell: (703) 402-9065
Classes: Thursdays 6 pm

Through this course students will learn the basic rules for creating and modifying digital images and how to avoid common mistakes. Students will create graphics such a navigation bars and buttons, image collages and how to color correct digital photos as well as modify photos to solve common problems.

Objective is to develop an understanding of color theory and palettes and cope with a variety of file formats independent of specific software. Class will be using will be on Adobe Photoshop

Photoshop Basics This 18-pg PDF covers the basics of Photoshop, including common tools and palettes as well as basic image manipulation. elements.

Class 1

In this first class, I'd like to identify students who are beginners, and advanced. I will attempt to give students at all levels a challenging learning experience.

Course Introduction

  • Definition of Digital Graphics
  • Understanding RGB
  • Introduction to Resources Page
  • Graphics file formats, what they are, why you should care
    • Portable formats and their use
    • Web-friendly formats and their use
    • File formats for special apps
    • Native file formats
    • Icon, font and universally portable formats
    • Exported music, animation and video

In-Class:  Editing Simple Graphics Files

Students will review the tools, download graphics files and use pixels for indicating size then enlarge, reduce and crop images. Click to download image.

Homework: Read

Class 2

Choosing Palettes, Color Strategy, Color Theory

Lecture:  Class will review color theory concepts, how modifying an image's color can be used to create different effects, bring the image to the foreground or make it a background. Students will also begin to explore the art of retouching images. Click to download color sample image.

In-Class:  Color Correcting Digital Images

Students will download graphics files and use color adjustment tools to alter an image. Click to download image.

  • The Importance of Contrast
  • Color combination is really the most important part of color theory and designing with colors, and also the hardest-- It always comes down to your personal judgement and how you look at colors.

MIDTERM ASSIGNMENT (Due class 5)

Students will edit 3 separate photos (500 x 500 pixels) so that they all have the same color palette and style
You can use FreeImages where you'll find a library of stock photography for use on websites, printed media, products, etc. Another website Free Photos also has links to many photo libraries

Class 3

Using Layers and retouching tools

Class will learn how to use layers, one of photoshop's most valuable feature. We will be using layers for most of our advanced image editing.

In-Class:  Editing Digital Images

Students will download graphics files and explore the various methods used to retouch an image. Click to download image.

Click to download photoshop layered image.

Class 4

Creating Screen Shots, Adding Comments

Lecture:  Students will learn how to create a screen shot, import it into photoshop so they can highlight areas, add comments and emphasis.

Click to download sample result.

Class 5

Using Layer Effects

Lecture:  Class will learn how to use layer effects to add emphasis, drama or visibility to text or an image within a photograph. Click to download layered image. The downloaded image is an ad for a magazine. note how adding outer glows and drop shadows help the readability of the text.

Click to download photoshop finished image.

Class 6


Using Multiple Layers, Cloning Elements, Color Editing to Edit Group Photo

Lecture:  Class will learn how to use multiple layers, editing different sections of an image using a variety of techniques to correct elements in a photograph. Click to download image.

Students are encouraged to edit and color correct as many sections of this photo as they wish.

Click to download photoshop layered image.

Class 7

Using Filters

Lecture: The filter gallery can transform your badly lit, blurry or crooked image into a beautiful work of art. In this class students will:

  • Transform photographs into watercolors, sketches, mosaics, and more
  • Use one of the filters in combination with a photo to improve the look of the image
  • Use a filter to create a background or a mood.

Samples

FINAL ASSIGNMENT (Due class 10)

Students will:

  • Create a multiple-image collage banner sized 800 x 200 pixes using 3 or more images on one subject (like flowers, or sports, or cars, whatever.... Banner image must have consistent color palette.
    You can use FreeImages where you'll find a library of stock photography for use on websites, printed media, products, etc. Another website Free Photos also has links to many photo libraries
  • Create 2 small thumbnail images (100 x 100 pixels) that coordinate with the banner
  • All images must show use of filters, layers and color editing

Class 8

Creating A Photo Collage

Lecture: We'll take a variety of images, modify and cut out sections then assemble them into a banner that can illustrate a complex concept where just one image will not do.

JPG of finished image

Click to view example of finished image.

Component images

City photo
Clock photo
People photo 1
People photo 2
People photo 3

Layered image

Class 9

Photoshop Review

Lecture:  We will use this class to review and practice techniques, explore ideas and deal with any problems or questions that arise.

Class 10

Present Finals


 

Resource links

This 18-pg PDF course the basics of Photoshop, including common tools and palettes as well as basic image manipulation. elements.

Design Principles

Elements of Design These are the ingredients to any design project, whether it's a way to set up your garden to a map that shows people who to go from here to the moon. There are eight design elements that are pulled together by eight design principles.

Principles of Design These are the tools that blend the ingredients for any design project. You can use all the design elements, but if you don't blend them with rhythm, balance, contrast, etc., then you don't have a cake.

Design Palettes: A design palette is a mix of basic ingredients- typefaces, photographs, illustrations, and color schemes-that, in one designer's opinion (mine), represents a distinctive mood or style.

Choosing & Using Type In your lifetime you've seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read.

Photo, Type and Graphics Libraries

At FreeImages you'll find a library of stock photography for use on websites, printed media, products and anywhere you need a photo to help with illustration and design.

Free Clipart and Free Photos , Free Fonts

IconFinder allows you to search through 115,827 icons or browse 276 icon sets. i

50 Fresh Useful Icon Sets For Your Next Design

Bookmark and Share

Providing Visual Solutions for Business in Northern Virginia since 1979

Copyright 2012, Anson-Bowles & Assoc. mnicholas@anson-bowles.com