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

UX Design Tools: Photoshop

Course Summary

 Learn how to use Photoshop shapes, styles, and layers to create wireframes, prototypes, and other UX design documents.       

  • +

    Course Syllabus

       About Photoshop and UX
       Using the exercise files
    1. Setting Up Your Files
       Creating a new Photoshop document
       Using guides
       Using the grid
    2. Creating Shapes
       Exploring how pixels can go wrong
       Building live shapes using the Rectangle tool
       Preserving stroke width using layer effects
    3. Working with Text
       Adding styles to your text
       Adding placeholder text to a wireframe
    4. Organizing Content
       Stacking artwork using the Layers panel
       Using layer folders
       Creating layer comps
       Challenge: Create a video overlay
       Solution: Create a video overlay
    5. Creating Reusable Assets
       Creating and saving custom shapes
       Grouping and reusing content inside Smart Objects
       Saving graphic styles
       Using free wireframe kits
       Creating your own wireframe kit
    6. Exporting Artwork
       Using the Save for Web dialog
       Exporting multiple states
       Next steps


Course Fee:
USD 25

Course Type:


Course Status:



1 - 2 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