From the course: Photoshop for Teaching and Learning
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Finding appropriate image sizes
From the course: Photoshop for Teaching and Learning
Finding appropriate image sizes
- [Narrator] The websites we build teaching and learning content for, such as learning managements systems, Wordpress blogs, and other web-based tools are all designed in a way that the content that you create goes into hidden HTML containers. This helps the website stay organized and structured. Let's look at a hidden feature of most web browsers to see these hidden containers, so you can figure out some appropriate sizes for your artboards. Now, if you want to follow along then open up your Chrome web browser and let's go to the HTML for educators course page, here on Linkedin Learning as an example. Any of the movie pages will do. Then go up to the View menu, select Developer, and then choose Developer Tools. Now if this is the first time that you're opening your tools, they'll more than likely open up on the right-hand side of your browser. Just look for three-dot menu, click on that, and then choose Dock Side Bottom. Then click on the Select An Element To Inspect icon, here on…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
Preparing images for use on the web1m 53s
-
(Locked)
Using artboards4m 30s
-
(Locked)
Finding appropriate image sizes2m 52s
-
(Locked)
Using Smart Objects4m 16s
-
(Locked)
Working with type4m 21s
-
(Locked)
Using layer styles3m 34s
-
(Locked)
Using type in Smart Objects5m 59s
-
(Locked)
Generating web graphics3m 42s
-
(Locked)
Challenge: Create course banner graphics36s
-
(Locked)
Solution: Create course banner graphics5m 15s
-
-
-
-