Photoshop CC For The Web

Don’t remain in the dark with Photoshop’s web tools. Clear the confusion and get feeling like a pro in no time!
4.8 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
39 students enrolled
$19
$75
75% off
Take This Course
  • Lectures 34
  • Length 3.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2014 English

Course Description

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!

What are the requirements?

  • Basic computer skills

What am I going to get from this course?

  • An easy-to-follow, hands-on guide for getting the most out of Photoshop for your web projects
  • Dispel the myths, clear the clutter, and discover just how straight-forward and easy (and creative!) web graphics can be
  • Learn all about web friendly graphic formats, and how to get the most out of them—including the elusive SVG format
  • Discover loads of productivity techniques and methods for working faster inside Photoshop
  • Streamline your workflow with time-saving methods and approaches to automation, including Photoshop’s Asset Generator

What is the target audience?

  • Those looking to get the most out of Photoshop for web design

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Getting Started
Hello And Welcome
Preview
01:11
Understanding Raster And Vector
Preview
03:42
Setting Up Photoshop For The Web
Preview
09:40
Common Photoshop Productivity Techniques
Preview
09:28
Understanding Colour Spaces
Preview
06:55
Section 2: Preparing Your Images For The Web
Understanding The Image Size Dialog Box
09:50
Why Resolution Doesn’t Matter On The Web
15:41
Techniques For Resizing Images
11:23
Web Graphics Roundup
07:39
Saving Images As A GIF
08:18
Saving A Transparent GIF
03:13
Saving Images As JPEGs
05:33
Saving Images As PNGs
04:00
Saving Images In The SVG Format
06:04
Section 3: A Closer Look At Image Optimization
Touring Through The Save For Web Dialog Box
07:49
Optimizing Images As GIFs
07:00
Creating Animated GIFs
06:24
Optimizing Images As JPEGs
03:23
Saving As Both PNG-8 And PNG-24
03:23
Creating Alpha Transparency With PNGs
03:37
A Final Note On Image Optimization
01:33
Preparing Images For Retina Displays
04:43
Saving An Optimization Preset
03:39
Creating A Droplet
07:00
Batch Processing A Large Number Of Images
02:48
Using Photoshop’s Image Processor Command
02:59
Section 4: Photoshop Web Styling Techniques
Creating Web Buttons
10:39
Building A Website Header
10:40
Building A Navigation Menu
08:41
Section 5: Using The Photoshop Asset Generator
Introducing The Asset Generator
08:03
Going Further With The Asset Generator
07:46
Final Notes When Using Generator
02:21
Section 6: Wrapping Up
Where To Go From Here
02:07
Request a Course
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Stone River eLearning, 200,000+ Happy Udemy Students

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.

Ready to start learning?
Take This Course