MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Photoshop CS6 for Web Design

Course Summary

Reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups in adobe Photoshop with navigation bars and buttons.       

  • +

    Course Syllabus

       Using the exercise files
    1. Core Concepts
       Designing for screens
       Decoding screen size and resolution
       Exploring the PSD-to-HTML workflow
       Setting up Adobe Photoshop for web work
       Creating a new document for web
       Creating a new document for mobile
       Setting up a responsive web layout
       Creating email newsletter documents
    2. Working with Color
       Adjusting color settings
       Understanding web color
       Creating a color palette
       Creating custom swatches
       Applying color to shapes and graphics
    3. Working with Layers
       Exploring the Layers panel
       Renaming and grouping layers
       Searching and filtering layers
       Using layer comps effectively
       Using automatic layer selection
    4. Working with Shapes and Objects
       Using vector shapes vs. pixel shapes
       Creating vector shapes
       Working with fills and strokes
       Working with Smart Objects
       Importing images
       Cropping and resizing images
    5. Creating Wireframes
       Planning your project
       Using guides and rulers
       Using a grid system
       Developing a layout with shape layers
       Making pixel-perfect adjustments
    6. Working with Text
       Using point text vs. paragraph text
       Using text as text vs. using text as an image
       Understanding web-safe fonts
       Inserting placeholder text
       Creating and using character styles
       Creating and using paragraph styles
       Creating editable 3D text
    7. Using Layer Styles
       Understanding layer styles
       Creating and using drop shadows
       Creating better bevels
       Simulating metallic textures
       Saving and applying layer styles
       Turning layer styles into independent layers
    8. Creating a Web Site Mockup
       Starting with a wireframe
       Organizing page structure
       Adding master elements
       Creating navigation
       Working with photographs
       Working with text
       Creating media placeholders
       Creating buttons
       Creating form fields
       Simulating pages with layer comps
    9. Optimizing Web Graphics
       Understanding slicing
       Slicing up a mockup
       Understanding web file formats
       Exploring the Save for Web dialog
       Optimizing photographs
       Optimizing transparent graphics
       Saving Retina display graphics
       Using the Image Generator (NEW)
    10. Creating Image Sprites
       Understanding image sprites
       Creating a sprite grid
       Assembling a sprite
       Optimizing sprites for the web
    11. Automating Your Web Workflow
       Creating a basic action
       Exploring batch processing
       Creating droplets
       Using the Fit Image command
       Using the Image Processor
    12. Working with Other Apps
       Integrating PSD files with Dreamweaver
       Integrating PSD files with Fireworks
       Integrating PSD files with Muse


Course Fee:
USD 25

Course Type:


Course Status:



5 - 6 hours / week

This course is listed under Development & Implementations and Digital Media & Games Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top