ICM 122 Graphic Design for the Internet : Second Semester of 2009 :  by A.Thantranont
week Topic
  Home page
1 Introduction to internet
2 web content | Background&table
3 Photoshop Table Rollover png
4 Home Page Design
5 Slice Tool
6 Web Page Design
Semester break Feb 28-March 7
7 Hyperlink
8 CSS secret to success
9 Gif Animation & Banner AD
10 Flash
11 Flash Navigator
12 i-Frame ASP & PHP
13 12:40 - 5:50 Make up
14 Standard of working with client
  Final Exam week
  Final Project
Useful Link
Things you always forget and Photoshop Layer
 

Gif Animation

  • Review
  • Vocab about Ad Banner
  • How to Do Gif Animation
  • Assignment 9

 

 

Banner ad
an ad unit on a Web page that contains a promotional message and possibly a link to the advertiser’s Web site. Banner ads are GIF images and animated banner ads are Gif animation images. ( can also be Flash animation )

SAMPLE

SAMPLE SIZES

Ad space
Space on a Web page reserved for ads, multiple “spaces” can exist on one page.
( sometime we call : the landing page)

Microsite
Web pages accessed by a user from clicking on a button, banner, or hypertext link. The page(s) of the microsite are usually full-page advertisements often highlighting specific products and services.

Impression
The delivery of an ad.

Keyword
Word used in a Web search.

Unique Users (visitor)
The number of different individuals who visit a Web site during a specific time period.

Traffic
The number of page views reported by a site from its log files, generally calculated on a monthly basis. Traffic can usually be reported for the entire site or for sections.

Rich Media
Technologies that enhance interaction, multimedia and transaction activity between users and the ad or Web content. Examples include HTML, Java, video, audio, Flash and more.

PPC
Pay per click. Interactive service where the client only pays for the times when their advertisement is clicked.

Cost-per-thousand (CPM)
A Web price model that is becoming the standard, it is the cost to reach a thousand persons, the M stands for Roman numeral M, which equals 1,000.

Page Views
The successful transmittal of a Web page, fully downloaded to the user's browser.

Directory
Manually-compiled collection of category-specific Web links.
or Folder

reference

 

 

How to do Gif Animation

it can be done by photoshop CS 3 UP

or Program image ready

Step of Work :

1. Do some sketch... Planing want your animations step...Wording... images

2. get to Photoshop work in Layer

>>New and give size you want

3. After get all your graphic and wording go to window>> animation (if you dont't have CS3 You have to switch to image ready... at the bottom of tool box)

Select Animation Frames

4. Work with Frames, relate to the layers.

5.Set time line and test

6. Save for web >>>>select to gif

you can insert the gif file in your web design....
Keep you PSD original for future editon

 

Here it is

Create a attactive & creative Banner AD Gif Animation

Size

or

Banner of : Promoting The Computer Graphics and Multimedia program at Bangkok University International College (BUIC)

Thinking about wording and Image that make you want to CLICK!!!!!

Create Headline something like :

If you want to be Web Designer come to BUIC

Enroll Now ! For you bright future

Career Opportunities

Detail :
The Computer Graphics and Multimedia program at Bangkok University International College (BUIC) is designed for students who want to prepare themselves for careers in computer graphics and multimedia that provide the skills, insight, and fluency of expression necessary to meet the challenges of future development. This program will begin with a foundation in drawing/illustration, graphic design, color, and computer applications. Following the foundation, students are expected to develop advanced skills in various aspects of computer graphics and multimedia, learning to use tools of design, and modeling. These tools enhance the student's flexibility and creativity and enable them to produce senior projects that will demonstrate their practical and technical competence.

 

 


Dead line by the end of Lab Class as always.... late work will get reduce

Attach your animation at Forum >> Assignment 9

Work Evaluation base on :

  1. Creativity
  2. Craftsmanship (neatness)
  3. all images online correctly
  4. follow all instruction correctly
  5. on time

 

 


Course out line Any concern can contact me by e-mail : Nont@wholeinone.co.th