Creating Video

You are here : HomeCreating Graphics for the Web › Unit Map

Unit Map : Creating Graphics for the Web

 

Introduction

1. Research Web Graphics

  1. Graphics for use on websites
  2. Digital resource bank
  3. Navigation bars and buttons
  4. Navigational graphics
  5. Advertising banners
  6. Looking at banner adverts
  7. Web icons
  8. Looking at icons
  9. Website logos
  10. Audience and purpose
  11. Fit for purpose?
  12. Skills
  13. Resources
  14. Model assignment
  15. Curriculum mapping

2. Planning your graphics

  1. Setting the tone
  2. Styles and moods
  3. Who's the audience?
  4. Audience and purpose comparison
  5. House style analysis
  6. Colours and contrast
  7. Investigating colours
  8. RGB Colours
  9. How to set colours
  10. Where will it be?
  11. Image dimensions
  12. Another dimension
  13. Graphical features
  14. Image formats
  15. File size
  16. Graphic file formats and size
  17. How to optimise in PhotoPlus
  18. How to optimise in DrawPlus
  19. Optimising files practice
  20. Skills
  21. Resources
  22. Model assignment
  23. Curriculum mapping

3. Create navigation bars

  1. Navigation bars
  2. Looking at navigation bars
  3. Background colour / transparency
  4. How to create transparent backgrounds
  5. How to make shapes in DrawPlus
  6. Quick shapes
  7. How to make a navigation bar in DrawPlus
  8. Expanding navigation bars
  9. How to make an expanding navigation bar in DrawPlus
  10. How to make an expanding navigation bar in WebPlus
  11. Make a navigation bar
  12. Optimising and exporting
  13. Skills
  14. Resources
  15. Model assignment
  16. Curriculum mapping

4. Create navigation buttons

  1. Navigation buttons
  2. Look at navigation buttons
  3. Use vector tools to make buttons
  4. Rollover buttons
  5. Buttons from simple shapes
  6. House style
  7. Combine text and graphics
  8. House style for buttons
  9. Optimising and exporting buttons
  10. Skills
  11. Resources
  12. Model assignment
  13. Curriculum mapping

5. Create advertising banners

  1. Leaderboard or skyscraper?
  2. An example advertising banner
  3. Effective messages
  4. Looking at banner ads
  5. Combining graphics and text
  6. Graphics and text
  7. It's all about frames
  8. Make a banner with frames
  9. Flash advertising banners
  10. Make a Flash animation in DrawPlus
  11. User interaction
  12. Optimising animations
  13. Skills
  14. Resources
  15. Model assignment
  16. Curriculum mapping

6. Present your work to a client

  1. Presenting your work
  2. Different presentation formats
  3. Placeholder text
  4. Testing your graphics
  5. Skills
  6. Resources
  7. Model assignment
  8. Curriculum mapping

Model Assignment

Interactive Training Videos : Animations with DrawPlus

Interactive Training Videos : Vector Graphics with DrawPlus

Interactive training videos : Bitmap Graphics with PhotoPlus

    1. Open saved images : demo : training
    2. The colour selection tool : demo : training
    3. The polygon selection tool : demo : training
    4. The extract command : demo : training
    5. Use layers : demo : training
    6. Add layer masks : demo : training
    7. Add text with filter effects : demo : training
    8. Export and optimise : demo : training
    9. Crop images : demo : training
    10. Import a scan : demo : training
    11. Remove red eye : demo : training
    12. Make a navigation bar : demo : training
Main Site Index