Photoshop For The Web Tutorial. A Definite Training Course

Learn The Art Of Image Creation For The Web. A Definitive Photoshop Training Course For Web Designers And Developers
4.8 (23 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.
866 students enrolled
$19
$50
62% off
Take This Course
  • Lectures 89
  • Length 6.5 hours
  • Skill Level All Levels
  • Languages English, captions
  • 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 12/2012 English Closed captions available

Course Description

This training course teaches you how to manipulate graphics and video to use on a web site. Since the release of its first version many years ago, Photoshop has added numerous tools tailored for use with graphics destined for the web. In this video tutorial you will learn how to master these tools.

This computer based training course demonstrates that Photoshop is capable of more than simply optimizing an image for the web. This course covers topics ranging from creating a web page mockup to understanding and applying the correct colour type to your images. You will learn about different image formats, which ones you should use, and when. Included are lessons covering vector versus raster imaging, preparing your images for the Internet, and working with layers. Andy even reveals tips and tricks to using Photoshop to create web-friendly videos, making basic animations, generating navigation graphics, and setting up automation and workflow to make you more efficient.

Once you have completed this computer based training course on Photoshop for Web Design, you will have a strong grasp of the fundamental tools and capabilities that Photoshop has to offer, and how to apply those tools specifically to your web design related projects. Working files are included, allowing you to follow along with the author throughout the lessons.

What are the requirements?

  • Photoshop Cs2 Or Later

What am I going to get from this course?

  • Learn How To Edit And Create Video For The Web
  • Learn How To Create Background, Buttons And Mock Layouts
  • Learn How To Edit And Enhance Video For The Web

What is the target audience?

  • Web Designers And Web Developers

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: Introduction
Working Files - Download These First
Article
0101 Course Intro
Preview
01:16
0102 What You Will Learn
Preview
04:15
0103 Using The Exercise Files
Preview
01:59
Section 2: The First Step
0201 First Steps Intro
Preview
01:00
0202 Image Resolution Versus Screen Resolution
Preview
03:17
0203 All About Workflow And Workspaces
04:19
0204 Generating A Web Page Mockup
02:15
0205 Working With Mobile Devices
02:25
0206 Creating Pages For Multiple Devices
02:13
Section 3: The Web And The World Of Colour
0301 The Web And The World Of Colour Intro
01:00
0302 Working With Colour Settings For The Web
03:34
0303 Understanding Hexadecimal Color
04:17
0304 Generating Web Color Palettes
04:56
0305 Bit-Depth And Color
02:02
0306 Working With Indexed Colour
05:33
0307 Creating A Custom Web Color Set
04:35
0308 Working With Bitmap And Grayscale
05:02
0309 Applying Color To Pixels, Shapes, And Text
05:51
Section 4: Web Image Formats
0401 Web Image Formats Intro
01:22
0402 Is 72ppi The Magic Number?
04:12
0403 GIF Versus PNG-8
04:06
0404 JPEG Versus PNG-24
04:36
0405 Compressing GIF And PNG Images
07:45
0406 Compressing JPG Images
05:15
Section 5: Mathematical Imagery
0501 Mathematical Imagery Intro
01:04
0502 Vector Versus Raster Images
04:49
0503 Photoshop And Vector Design
05:00
0504 Controlling Vector Shapes
05:31
0505 Using Existing Vector Art
03:37
0506 Working With Smart Objects
03:15
0507 Non-Destructive Web Image Editing
02:26
Section 6: Prepping Photos For The Internet
0601 Prepping Photos For The Internet Intro
01:19
0602 Going From Raw To The Web
04:23
0603 Resizing And Masking Images
05:01
0604 Optimizing A JPEG
10:17
0605 Optimizing A GIF
06:17
0606 Slicing Images
06:40
0607 Adding A Watermark
04:48
Section 7: Working With Layers
0701 Working With Layers Intro
01:23
0702 Using The Layers Panel
07:30
0703 Organizing The Layers Panel
09:13
0704 Finding What You Need And Quickly
05:11
0705 Using Layer Comps
04:13
0706 Applying Blending Modes
03:41
0707 Opacity Versus Fill
03:13
Section 8: Creating Web-Friendly Videos
0801 Creating Web-Friendly Videos Intro
01:05
0802 Importing Video Into Photoshop
04:32
0803 Working With The Timeline Panel
04:52
0804 Timeline Shortcuts
03:04
0805 Editing Video With Filters, Effects, And Adjustments
06:55
0806 Using Blending Modes With Video
04:12
0807 Adding Text To A Video
03:04
0808 Rendering Video For The Web
03:58
Section 9: Create Basic Web Animations
0901 Create Basic Web Animations Intro
01:12
0902 The Timeline And Layers Panels
04:01
0903 Generating A Basic Animation
04:57
0904 Creating An Animation From Multiple Documents
06:37
0905 Using The Unify Features
05:17
0906 Using Tweening To Create Motion
04:21
0907 Generating A Slide Show
05:24
Section 10: Generating Navigation
1001 Generating Navigation Intro
01:31
1002 Creating A Text Navigation Button
06:17
1003 Generating Buttons With Layer Styles
07:29
1004 Using Smart Objects With Buttons
06:00
1005 Making Glassine Buttons
08:18
1006 Creating Rollover Buttons
06:24
1007 Saving Out For The Web
04:17
Section 11: Designing Web Backgrounds
1101 Designing Web Backgrounds Intro
01:24
1102 Backgrounds 101
05:51
1103 Managing Background Compression
07:36
1104 Designing Backgrounds Using Offset
05:00
1105 Creating Unique Patterned Backgrounds
07:53
1106 Using Gradients With Backgrounds
04:09
Section 12: Generating A Web Site Mockup
1201 Generating A Web Site Mockup Intro
01:03
1202 Creating A Wireframe Site Model
09:42
1203 Designing Site Structure
07:50
1204 Adding Navigation
03:38
1205 Adding Images
07:03
1206 Adding Text
06:45
1207 Adding Touch-Friendly Buttons
05:16
1208 Adding Form Fields
07:11
1209 Using Layer Comps To Display The Site
03:44
Section 13: Automation And Workflow
1301 Automation And Workflow Intro
01:44
1302 Creating A Basic Action
05:51
1303 Performing Batch Processing
05:09
1304 Generating A Droplet
04:31

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Infinite Skills, High Quality Training

Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.

The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.

Ready to start learning?
Take This Course