Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
With so many file formats, colour spaces, and image types, knowing where to start with web graphics can be daunting. But guided by this thorough, yet easy to follow course, you’ll be feeling like a pro in no time! Join award-winning trainer Geoff Blake as he takes you step-by-step through the process of preparing images for your next web project. You’ll learn all about the web friendly file formats, when to use each, and how to get the most out of them. Discover web colour spaces, methods for working faster and more efficiently, and an approach to image resolution that’ll leave you feeling like a Zen Master of web graphics! Break down the barriers, dispel the myths, and clear the clutter. In just a few short hours, you’ll have clarity and confidence using Photoshop for your web projects!
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Getting Started|
Hello And WelcomePreview
Understanding Raster And VectorPreview
Setting Up Photoshop For The WebPreview
Common Photoshop Productivity TechniquesPreview
Understanding Colour SpacesPreview
|Section 2: Preparing Your Images For The Web|
Understanding The Image Size Dialog Box
Why Resolution Doesn’t Matter On The Web
Techniques For Resizing Images
Web Graphics Roundup
Saving Images As A GIF
Saving A Transparent GIF
Saving Images As JPEGs
Saving Images As PNGs
Saving Images In The SVG Format
|Section 3: A Closer Look At Image Optimization|
Touring Through The Save For Web Dialog Box
Optimizing Images As GIFs
Creating Animated GIFs
Optimizing Images As JPEGs
Saving As Both PNG-8 And PNG-24
Creating Alpha Transparency With PNGs
A Final Note On Image Optimization
Preparing Images For Retina Displays
Saving An Optimization Preset
Creating A Droplet
Batch Processing A Large Number Of Images
Using Photoshop’s Image Processor Command
|Section 4: Photoshop Web Styling Techniques|
Creating Web Buttons
Building A Website Header
Building A Navigation Menu
|Section 5: Using The Photoshop Asset Generator|
Introducing The Asset Generator
Going Further With The Asset Generator
Final Notes When Using Generator
|Section 6: Wrapping Up|
Where To Go From Here
Request a Course
At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered.
Check out our huge catalog of courses and join the over 370,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.