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!

This course includes…

  • Unlimited lifetime access
  • Downloadable project files
  • 30 day money-back guarantee

Start right now!

$82

Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

“I love Geoff’s training courses. It’s like he’s sitting right beside me, taking me through everything step-by-step!”

Kris

Learn all about web friendly graphic formats, and how to get the most out of them!

When should you use JPEG instead of a GIF? What the heck is a PNG-24? And what do all the settings mean? Dispel the confusion and get a clear understanding on how it all works!

See how you can make web-ready components!

Learn how to build buttons, icons, and other web components that are ready to use in your layouts!

Learn how to automate your workflow!

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.

Free course included!

Enrollment includes Foundations In Web Design, a free bonus course, at no extra cost!

  • Worksheets
  • Hands-on lessons
  • Other extras and goodies!

Let’s make sure this is a good fit

Before going further, let’s make sure you’re in the right spot. The info below will help…

Who is this course for?

Those wanting a solid understanding of web design, including…

  • People who don’t know where to start, who just want simple answers.
  • People who want to become full or part-time web designers.
  • Print designers who want to expand their skills into web design.
  • Employees who want to add to their skills, advance their careers, and become more marketable.
  • Small business owners who want complete control over their website.
  • Artists, writers, photographers, and other creative-types wanting to build a site to showcase their work.
  • People with ideas for side-projects, small businesses, and creative online ventures.
  • Hobbyists and those interested in doing web design on the side.

Sound like a good fit? Then let’s get started! If not, then let’s find the right course for you.

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!

Course prerequisites

It’s a good idea to be familiar with the following before enrolling in this course:

  • General computer skills (comfortable copying and pasting, navigating through folders…the basics).
  • Comfortable using a web browser, navigating web pages, etc.
  • A working copy of Photoshop CS4 or above (the free trial version is fine).
  • A basic understanding of Photoshop is very helpful (my Getting Started With Photoshop CC course or equivalent), but not required.
  • A familiarity with web design fundamentals is helpful, but not required.

Sound like a good fit? Then let’s get started! If not, then let’s find the right course for you.

“I can’t tell you how many times I sat there and said “Oh, that’s how you do that!” throughout this course. Most importantly, Geoff explains the “why” along with the “how,” so I didn’t feel like I was left in the dark. I highly recommend this course to anyone who wants to get the most out of Photoshop with web design. The word “helpful” doesn’t even begin to describe Geoff!”

Michele

Let a friend show you how

Hey, I’m Geoff. I help graphic designers, small business owners, and creative people just like you learn about web design, develop valuable, in-demand skills, launch online businesses and creative projects…and yeah, make more money! Learn more about me here.

Learning how to build websites is no different than figuring out perspective drawing, how to weave literary prose, or how to combine chords to make beautiful music. It’s like cooking or woodworking or learning how to fix your car…But for whatever reason, web design’s made out to be highly technical and overly complicated. Let’s change that.

Whatcha waitin’ for?!

Start right now!

$39

Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

What others are saying

People just like you are building dream web projects every day. A few would love to tell you how Ten Ton helped them get there.

“With Geoff’s excellent training, I graduated at the top of my 3-year college program in just 2 years.”

Ian’s story

“I fired my web designer and saved tons of money, thanks to Geoff’s videos.”

Bridgette’s story

“It’s because of Geoff that I can now call myself a web designer and can get paid for it.”

Patrick’s story

Start right now!

$39

Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

Course outline

Here’s a complete outline of all of the topics covered in this course

Chapter 1: Getting Started

  1. Hello And Welcome (Free Lesson!)
  2. Understanding Raster And Vector (Free Lesson!)
  3. Setting Up Photoshop for the Web (Free Lesson!)
  4. Common Photoshop Productivity Techniques (Free Lesson!)
  5. Understanding Colour Spaces (Free Lesson!)
  6. Photoshop Color Management For Web Design (Free Lesson!)

Chapter 2: Preparing Your Images For The Web

  1. Understanding the Image Size Dialog Box
  2. Why Resolution Doesn’t Matter On The Web
  3. Techniques for Resizing Images
  4. Web Graphics Roundup
  5. Saving Images As A GIF
  6. Saving A Transparent GIF
  7. Saving Images As JPEGs
  8. Saving Images as PNGs
  9. Saving Images In the SVG Format

Chapter 3: A Closer Look At Image Optimization

  1. Touring Through the Save For Web Dialog Box
  2. Optimizing Images as GIFs
  3. Creating Animated GIFs
  4. Optimizing Images as JPEGs
  5. Saving As Both PNG-8 And PNG-24
  6. Creating Alpha Transparency with PNGs
  7. A Final Note On Image Optimization
  8. Preparing Images For Retina Displays
  9. Saving An Optimization Preset
  10. Creating A Droplet
  11. Batch Processing A Large Number Of Images
  12. Using Photoshop’s Image Processor Command

Chapter 4: Photoshop Web Styling Techniques

  1. Creating Web Buttons
  2. Building A Website Header
  3. Building A Navigation Menu

Chapter 5: Using The Photoshop Asset Generator

  1. Introducing The Asset Generator
  2. Going Further With The Asset Generator
  3. Final Notes When Using Generator

Chapter 6: Wrapping Up

  1. Where to Go From Here

Frequently Asked Questions

Got questions? We’ve got answers!

What is Ten Ton?

Hey, I’m Geoff, an award-winning teacher, artist, and designer. Ten Ton Online is my premium online training platform to help graphic designers, small business owners, hobbyists, and other creative rabble-rousers learn about web design. If you want to discover how to build beautiful looking websites, how you can develop valuable, in-demand skills, or how to launch and market online businesses and creative projects, you’re in the right spot! You can view the full list of courses here.

Can I sign up any time?

Yes. All courses are completely self-paced. This means you can enroll now, and start your course whenever you like.

How do I watch the videos?

After enrolling, you’ll be able to stream your course lessons on the web, to your computer, tablet, or smartphone.

Can I download the video lessons?

To best serve the community, lessons are provided as streaming video only. This is because courses are sometimes updated to provide users with the latest information and content.

How long will I have access to my courses?

All courses come with unlimited, lifetime access. This means you can access your course as often as you’d like, without any limitations.

Are there recurring monthly costs?

Nope. There’s just a single one-time enrollment fee for your course.

Are courses self-paced or scheduled?

Courses are completely self-paced, allowing you to work through lessons at your own speed. You can skip ahead or go back, and otherwise move through your courses as quickly or slowly as you’d like. You can find out more about how it all works right here.

Are project files included?

You bet! Courses come with downloadable project files, allowing you to get the most out of your learning experience. You’re encouraged to follow along, step-by-step, so you can gain real-world, hands-on skills.

What is your refund policy?

All courses come with a 30-day money back guarantee. If you’re not satisfied with your course within 30 days of purchase, let us know. We’re here to help.

Where should I start?

Start with my free Foundations In Web Design course. It’ll give you a solid foundation in web design, and help you determine which direction you should head in based on your interests and goals.

I have more questions, how can I contact you?

You can contact me right here.

Start right now!

$39

Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

“Champagne videos! After trawling the web looking for many answers, your videos have answered them all and more! Thanks heaps for this knowledge as it’s saved so much time. They’re simply the best tutorials on the matter. Cheers!”

Dave

Hello And Welcome (Free Lesson!)

Understanding Raster And Vector (Free Lesson!)

Setting Up Photoshop for the Web (Free Lesson!)

Common Photoshop Productivity Techniques (Free Lesson!)

Understanding Colour Spaces (Free Lesson!)

Photoshop Color Management For Web Design (Free Lesson!)