Creating Graphics for the Web

NOTE: If you're designing or developing an IU departmental website, we strongly encourage you to use IU's WCMS. Learn more about publishing departmental pages at IU.

Learning Objectives

  • Learn the difference between vector and raster graphics
  • Create graphics for a website, including a banner, buttons, and a logo
  • Learn techniques for creating web graphics in Photoshop and Illustrator
  • Optimize graphics for the web using Photoshop and Illustrator

Prerequisite Skills

  • Experience with the Photoshop and Illustrator interfaces
  • Ability to perform basic photo editing in Photoshop
  • Ability to create and edit text and shapes in Illustrator

For a more in-depth look at the content of Creating Graphics for the Web, view the title contents below.

Expand Course Available

View course in Expand

Important note for participants not affiliated with IU

  • This course contains training material only. 
  • Participants who are not affiliated with Indiana University will need your own access to installed and licensed software, according to the training topic. This will allow you to follow along and participate in the hands-on exercises.
  • If you do not have access to the needed software, you can still enroll in the online course and read the course content.

More information about this course

This online course is free to everyone and available for enrollment through IU Expand.

This course consists of a series of short lessons, examples, demonstrations, practice quizzes, and hands-on exercises.

To complete the course content, you will need:

  • a web browser and internet access to use the course material on IU Expand.
  • a copy of the software relevant to the training installed on your computer.