Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Start your Web Design Career with Adobe Photoshop
Rating: 4.0 out of 5(9 ratings)
250 students

Start your Web Design Career with Adobe Photoshop

Use the best tools and techniques of Adobe Photoshop CS6 to design for the web
Created byIshan Israff
Last updated 1/2015
English
English [Auto],

What you'll learn

  • Understanding the basics of Adobe Photoshop - You will learn how to set-up preferences, menus, workspace and use important keyboard shortcuts to speed up your process and kick start designing
  • Basic Tools - You will be given an introduction to the basic tools such as the move tool, marqee tool, brush tool, pen tool and other tools
  • Structure of a Photoshop document - You will learn the Anatomy of a Photoshop document
  • Creating a new document - You will learn the best settings to use when creating a document specially for the web
  • Layout Options - You will learn the best techniques to use when laying out the graphical elements within a web page
  • Working with Layers
  • Typography
  • Importing Images
  • Organizing Content - You will learn how to organize your layers in order to make it easier to access
  • Saving for the Web - You will learn the best techniques to use when saving content for the web thus making sure it is in lower size and higher quality
  • Adding Flexibility to the coder/Programmer - You will learn the new Copy CSS feature of Adobe Photoshop CS6 version 3.1.2 that allows you to auto generate CSS codes and save time for the coder
  • By the end of the course you will have the right knowledge to create your own website design using the best tools and techniques of Adobe Photoshop CS6

Course content

2 sections • 38 lectures • 4h 59m total length

  • Download Work Files0:04
  • Introduction1:35

    Learn to use Photoshop for web design, covering essential tools, document setup, layer organization, and background textures. Explore layout, typography, color scheme, design elements, and CS6 features for web designers.

  • Setting up Preferences8:49
    In this lesson you will learn the importance of setting up preferences. I won't be going through all of them but a few important ones.
  • Menu Settings5:30
    In this lesson you will learn how to set up menus and make your workflow easier.
  • Keyboard Shortcuts3:20
    In this lesson you will learn how to set up your own keyboard shortcuts and how to save a copy of all existing shortcuts for print 
  • Customizing your Workspace5:40
    In this lesson you will learn how to customize your own workspace as a web designer making sure that you have only the required commands and tools displayed on screen
  • Screen Modes3:16
    In this lesson you will learn how to switch between different screen modes:

    • Tab
    • Shift + tab - Fullscreen with tools bar
    • F

  • Structure of a Photoshop Document3:10
    In this lesson you will learn how a Photoshop document is put together and the importance of layers
  • Undo Command in Photoshop3:17
    The regular undo command short cut with other applications is ctrl + z but in Photoshop it is a little bit different:

    • Ctrl + Z - Undo Once
    • Ctrl + Alt + Z - Continuous Undo
    • Ctrl + Shift + Z - Continuous Redo 

  • Working with Color8:50
    In this lesson you will get an idea of the color picker and the swatches panel:

    • D -  to switch the foreground and background color to black and white
    • X - to switch between foreground and background color

  • Working with Patterns5:37
    In this lesson you will learn how to create your own pattern fills and use existing ones:

    • Shift + F5 - to access fill dialogue box

  • Creating a document layout12:25
    In this lesson you will learn how to use the best tools to create a proper web layout:

    • Ctrl + R - to access the ruler
    • Ctrl + H - to toggle between the guides
    • Ctrl + ' - to toggle between grids

  • Introduction to Vectors10:23
    In this lesson you will understand the difference between raster based graphics and vector based graphics and how to work with both.
  • Pen Tool Part 017:28
    In this lesson you will learn how to create your own vector shapes using the pen tool.
  • Pen Tool Part 024:13

    Master the pen tool to draw and edit paths, fill and stroke them, convert between paths and selections, and copy, cut, or delete selections and paths in Photoshop.

  • Gradient Tool12:05
    In this lesson you will learn how to use the gradient tool to fill with multiple colors.
  • Text Tool Part 0116:30
    In this lesson you will learn how to use the text tool effectively for Typography and the new feature character styles and paragraph styles.
  • Text Tool Part 027:34

    Master paragraph text in Photoshop by using paragraph mode and settings, using the horizontal text tools, type tools, and masking to color, gradient, and align text.

  • Layer Styles8:19
    In this lesson you will learn how to add different styles and effects to layers.

Requirements

  • You will just need a copy of Adobe Photoshop CS6 installed, no other prior requirements needed since the course starts all the way from the very basics

Description

This course takes you all the way from the very basics to having an incredibly confident handle in using the tools and techniques of Adobe Photoshop CS6 to design a simple but very attractive web page in less time.

The four key components of a great Website Design are:

  • Layout
  • Typography
  • Color Scheme
  • Design Elements

Adobe Photoshop is an application that allows you to do this effectively.

Rather than showing you each and every feature and making things complicated I will walk you through the best tools to use at the right time to achieve this goal.

Let's Get Started!

Who this course is for:

  • Totally new to Adobe Photoshop or been using it for a while, this course is worthwhile taking to boost up your skills

Report abuse