Teachers, trainers, instructional designers, and students have a unique set of needs when preparing images for use on the web in teaching and learning. Learn the foundational concepts that will carry you through the rest of this chapter.
- [Instructor] When it comes to preparing images for use on the web in teaching and learning, we have a unique set of needs. While we use the web extensively on multiple types of devices, we often do so within the confines of a system that is largely outside of our control, such as an LMS, or learning management system, a blog built on a platform, such as WordPress, or any one of dozens of different web based tools. It's fairly uncommon that we're designing whole sites from scratch, designing navigational elements, or managing complex responsive design sites.
We do need ways to prepare, manage, compress, and share a wide range of image based assets that creates a consistent and cohesive experience across a wide range of tools. Now, for teachers, you likely need to make this process as automated and as painless as possible, since you're likely teaching multiple courses per term or semester. Keeping your course pages always up to date and flush with fresh, new content is a great way to keep your students engaged with the course materials.
Now, for students, your projects are getting more and more complex and creating multiple, reusable assets is also an extremely high priority. Therefore, in this chapter, we're going to walk through a fairly advanced workflow to create this custom Photoshop template for creating multiple course or unit banner graphics that are appropriately sized for a variety of uses. The project is going to take you through many time saving tools, such as how to use artboards, smart objects, text, layer styles, and auto generating multiple files with a single click.
You'll likely find all of these tools and techniques extremely helpful in putting together your own web workflows.
- Mastering the Photoshop user interface
- Making selective adjustments
- Using actions for repetitive tasks
- Fixing common image problems
- Repairing an image with masks
- Preparing images for use on the web
- Creating 360 VR panoramas
- Making an animated GIF
Skill Level Intermediate
Elearning Techniques: Visual Designwith Sally Cox1h 34m Intermediate
Building Elearning Games in Captivatewith Anastasia McCune2h 50m Intermediate
Teaching Techniques: Blended Learningwith Chris Mattia1h 37m Appropriate for all
1. Getting Started with Photoshop
2. Image Basics for Teaching and Learning
3. Fixing Common Image Problems
4. Preparing Images for Presentations
5. Creating Web Graphics
6. Videos, Animations, and 360 Media
7. Exporting Images
Next steps1m 58s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.