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.
Author
Released
4/11/2018- 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
Duration
Views
Related Courses
-
Teaching Techniques: Blended Learning
with Chris Mattia1h 37m Intermediate -
Elearning Techniques: Visual Design
with Sally Cox1h 34m Intermediate -
Brain-Based Elearning Design
with Joe Pulichino1h 15m Intermediate
-
Introduction
-
Welcome1m 21s
-
Exercise files2m 10s
-
What you need to know1m 13s
-
-
1. Getting Started with Photoshop
-
Making selections6m 56s
-
Masking basics4m 59s
-
Making selective adjustments3m 44s
-
Scaling images4m 33s
-
Quickly exporting images2m 7s
-
Working with Bridge4m 20s
-
2. Image Basics for Teaching and Learning
-
Creating clean compositions2m 57s
-
Using leading lines2m 28s
-
Understanding image types5m 55s
-
Raster vs. vector images2m 20s
-
3. Fixing Common Image Problems
-
Cropping images4m 20s
-
Straightening images1m 39s
-
Repairing an image basics4m 42s
-
Making editable adjustments3m 14s
-
Removing objects from images3m 51s
-
-
4. Preparing Images for Presentations
-
Modifying slide backgrounds3m 18s
-
Using vector masks4m 24s
-
5. Creating Web Graphics
-
Using artboards4m 30s
-
Using Smart Objects4m 16s
-
Working with type4m 21s
-
Using layer styles3m 34s
-
Using type in Smart Objects5m 59s
-
Generating web graphics3m 42s
-
6. Videos, Animations, and 360 Media
-
Making an animated GIF3m 24s
-
Making a time-lapse video4m 43s
-
Creating 360 VR panoramas6m 24s
-
7. Exporting Images
-
Exporting images for the web4m 23s
-
Using the Image Processor4m 12s
-
-
Conclusion
-
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.
CancelTake 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.
Share this video
Embed this video
Video: Preparing images for use on the web