Adobe Education
Educators and Professional Development Specialists

Preparing images and graphics for web, print, and video

Lesson Plan Published 11/11/13 Last updated on 3/2/20

Different mediums - print, web, and video - require different file formats. This activity teaches students how to generate appropriate image and graphic file formats for these mediums. Students will also learn about design comps and how to use Artboards to create comps for different devices and export for review.

File Updates:

  • Files updated on December 5, 2016 to Adobe Photoshop CC 2017 (November 2016) release.
  • Files updated on February 24, 2017 to Adobe Illustrator CC 2017 (November 2016) release.
  • Files updated on January 29, 2018 to Adobe Photoshop & Illustrator CC 2018 (version 22.0 - October 2017) release.
  • Photoshop

    Editing and compositing for photos, web and mobile app designs, 3D artwork, videos, and more.

  • Illustrator

    Create beautiful vector art and illustrations.

Age Levels
1-2 Hours
Custom Standards
ACA Photoshop 2.1, 3.3, 3.4, 5.1; ACA Illustrator 2.2, 3.7, 5.1
ISTE Standards
Students: Computational Trainer
  • Adobe Photoshop CC
  • Adobe Illustrator CC
CC License
Attribution Non-Commercial Share Alike
5 / 5 • 13 Ratings

Resources (4)

or Join for free to access materials

Comments (26)

Write a reply...
or Join for free to view all comments and participate in the discussion.

Dhanaraj Keezhara

Posted on 2/27/20 2:02:54 PM Permalink

Thank you so much.​

Lisa Bates

Posted on 2/24/20 2:25:27 AM Permalink

​I am having trouble getting the assets.

Joanne Mignone

Posted on 1/29/20 7:33:22 AM Permalink

​Thanks Adobe, that will very helpful

Judy Durkin

Posted on 11/30/19 12:33:03 AM Permalink

​Thanks, Adobe. I just discovered these.

Diana Bennett

Posted on 10/9/19 6:03:52 PM Permalink

Good resources.

SVG needs to be added "How to generate file formats"​

Mick Perkins

Posted on 6/29/19 4:32:11 AM Permalink

Unbelievable resource an area in which many Graphic Design students have some troubles with, these are great tutorial documents
Thanks for the resource

Martina Budimir

Posted on 6/21/19 7:40:26 AM Permalink

​Thank you, these are so useful

Zoltan Nagy

Posted on 6/21/19 5:40:40 PM Permalink

​You are awesomely welcome Martina : ) Have an incredible Friday today : )

Zoltan Nagy

Posted on 6/20/19 7:47:27 PM Permalink

I haven't even opened them, but I already love these files.... : )

Zoltan Nagy

Posted on 6/20/19 7:45:45 PM Permalink

​Now, this is something that I have been looking for for a looong time : ) Thank you.


Posted on 6/5/19 11:04:13 AM Permalink

Students must learn how to prepare their images before inserting them into advertising projects for print or for the web. This course is a good start for them to do it.

Nazurah Kamaruddin

Posted on 3/15/19 5:58:07 PM Permalink

​thank you

Jack Knoebber

Posted on 3/7/19 7:00:39 PM Permalink

Great! This aspect can be really confusing to beginners and this explains it well.

Elisabeth Biers

Posted on 1/16/19 3:14:08 PM Permalink

​Fantastic! Thanks

Jennifer Curtiss

Posted on 1/10/19 4:20:46 PM Permalink

THanks for this, I will share with my online students

Jessica Campbell

Posted on 12/4/18 2:29:34 PM Permalink

​None of the links in the PDF for multi-screen design comps to any of the assets or creative cloud libraries are working. The Vermillion tutorial is no longer active. Help! I really wanted to use this with my classes.

Adobe Education

Posted on 12/10/18 3:39:50 PM Permalink

Hi Jessica - the PDF file in the resource has been updated with the correct link. Here is direct link to the assets for that tutorial:

Ahmed Belal

Posted on 11/14/18 5:30:42 PM Permalink

​Thank you Adobe Team you are fantastic.

Jason Lachance

Posted on 9/4/18 10:16:13 PM Permalink

Thank you Adobe Team you are fantastic​.

Judy Durkin

Posted on 8/22/18 5:08:13 PM Permalink

​Thank you Adobe. I have never taught for the ACA exams and this curriculum is a life saver.

Osniel Munguia

Posted on 1/30/18 10:56:25 PM Permalink

Thank's for share these amazing materials,

Adobe Education

Posted on 1/30/18 8:29:32 PM Permalink

​We recently updated our files to the Adobe Photoshop & Illustrator CC 2018 (version 22.0 - October 2017) release. We've also added links to assets used in the technical guides.

Adobe Education

Posted on 2/24/17 7:06:54 PM Permalink

We recently updated our files to the Adobe Illustrator CC 2017 (November 2016) release. We've also added links to image assets used in the step-by-step technical guides.


The AEE Team

Salheddine Boumaraf

Posted on 10/17/15 11:10:25 AM Permalink

Very helpful resources, thank's.

Muhammad ayyaz

Posted on 1/29/15 10:02:13 AM Permalink

Thank you very useful to learn how to convert file/ image formats

Excellent resource for learning

Bhuvana Sriram

Posted on 8/16/14 2:21:07 PM Permalink

Very useful resource for beginner like me to learn and to generate images and file formats different medium. Thanks for sharing this resource.