- Duration: Flexible
Course details
Includes 120 lectures and 11 hours of content.- Tips and Techniques for Efficient usage of Photoshop for UI Design.
- Will cover all the Common Shortcuts, tools and Secret Extensions to increase speed and efficiency in Photoshop.
- Learn all the Photoshop Shortcuts for UI Design and all the Basic tools of Photoshop.
- Suitable for any Novice/Beginner Level Designers, Website Designers or Graphic Designers.
This course acts as an ultimate guide for Beginners to learn Photoshop & User Interface Design for Websites and Mobile Apps. You can apply the knowledge you learn to Landing Page design, Web App or Mobile App Design. It will cover all the Common Shortcuts, tools and Secret Extensions to increase speed and efficiency in Photoshop.
Muhammad Ahsan Pervaiz has worked for companies like INTEL, PANASONIC and Coca Cola. In just 1 year of Serious UI Designing, Muhammad made my place on DRIBBBLE. He has worked from App Icon Design to App UI Design, from wire-frames, prototypes and Mockups Design and won many Landing Page design contests.
This course is ideal for any Novice/Beginner Level Designers, Website or Graphic Designers. It is also suited to Web Developers that want to learn UI Design and those looking for advanced photoshop techniques.
Introduction- What this course will cover?
- Share your new course with friends and family!
- Say hi to your fellow students!
- Meet your Instructor
- Goal of this course
- How to upload your design assignments
- PTSD Files to be used within the course
- Photoshop Preferences for UI Design & better performance
- Color Proof Settings
- Color Profile Settings for ui design
- Creating Custom Shortcuts for Photoshop
- Installing Photoshop Scripts and setting Keyboard Shortcuts for them
- Installing Photoshop Scripts on MAC OS
- Photoshop Extensions used by UI Designers
- Super Powers of Photoshop Extensions
- How To Install Extensions
- How to Install ZXP Extension in Photoshop CC2015
- Download ZXP Installer for CC2015
- Installing Photoshop Extensions on MAC OS
- Photoshop Workspace(Panels) setup for UI Design
- Quiz - Photoshop Settings for UI Design
- What color calibration is and what tools are there to do calibration
- How to perform Color Calibration on Windows or MAC
- Which monitor is good for designers (TFT, TN, IPS or PLS)
- LCD Test Website (Colour Calibration)
- How Photoshop Interface Works
- New Document Setup for UI Design
- What are artboards and how to use them?
- Concept of Layers and Layers Panel Deep Dive
- Type Tool (Character and Paragraph Panel)
- Shape Tool for UI Design (Combine and Subtract Shapes)
- How to use Pen Tool for UI Design
- Shape Tool for UI Design (Combine and Subtract Shapes)
- Alignments
- Selections we use in UI Design
- Using Clipping Masks in UI Design
- Exercise Clipping Mask
- Exercise Challenge : Clipping Mask
- Layer Masks
- Smart objects
- Linked Smart Objects
- Layer Comps usage in Photoshop
- Commonly used Keyboard Shortcuts
- Quiz 3: Basic Tools Quiz
- Using Multiple Layer Shadow Effects in UI Design
- Drop Shadow Exercise File
- Using Inner Shadow Effect
- Using Layer Stroke Effect
- Re-using Layer Styles
- What are Gradients?
- Blend Gradient Creator Online
- Examples of Gradients usage in Web and UI Design
- 3 ways to create gradients in Photoshop
- Using Gradient Overlay Layer Style
- Gradient Editor Deep Dive
- What are Patterns and their Usage in UI Web Design?
- Methods of applying Patterns In Photoshop
- How to create patterns from an image file in Photoshop
- Installing and using .PAT pattern files in Photoshop
- MAC Photoshop Presets folder path.png
- Light and Shadow (Important Concept)
- Example usage of Light and Shadow in UI Design
- Color Schemes in UI Design for Beginners
- Getting Color Schemes from Logo and using HSL Basics
- Using Online Tools for creating Color Schemes
- Resources : Online Tools for Color Schemes PDF
- Resources : PDF Typography and Font pairing
- Typography or Font Selection for Beginners
- What are Grids in Web and UI Design and how to use Grids
- How to create Grids in Photoshop (Two methods)
- Exercise Challenge : Soft Button
- Challange SOLUTION: Soft Button (Step by Step)
- Exercise Challenge : 3D Button
- Exercise Mastering Pressed or Inset Effect in UI Design
- Exercise Modern Header/Hero area Design (PART 1)
- Exercise Modern Header/Hero area Design (Part 2)
- Exercise Modern Hero Area Design (Variation 2nd)
- Exercise Modern Header/Hero Design with Color Overlay Technique
- Modern Header Design: Masked Gradient Effect
- Tabbed navigation Design Introduction
- Tabbed navigation Design â Updated on 14 October, 2018
About OfCourse
OfCourse Learning is one of the UK's leading e-learning providers, with over 700 expert-led online courses. Their course categories range from well-being and health to personal and career development. Their courses contain numerous video-lectures, downloadable written materials and engaging assessments. Whether you want to learn sign language, become an excel whizz, or need the latest stress-busting techniques, OfCourse has something for everyone.
There are several reasons why students are choosing OfCourse to learn a new skill.
- All courses are taught by verified experts
- Students enjoy 24/7 access to their courses
- Courses can be accessed on any device
- Students get lifetime access to their courses so they can work at their own pace
- On completion, students receive a course certificate from a recognised educational institution
- Become a part of a global learning community where you can talk with teachers and students about the course
Photoshop Related Questions
- Adobe Photoshop CS3 - Advanced Adams AcademyAED 143
AED 1,543Duration: Upto 5 Hours - Basic Adobe Photoshop NextGen LearningAED 40Duration: Upto 2 Hours
