Course Description
Do you think that UI Designers use Photoshop in the same way as other Designers?
Do you know what are the basic concepts, settings and tools UI Designers know and you don’t?
So if you want to learn UI Design with Photoshop and upgrade your confidence and Skill levels in Photoshop; this course is for YOU. This course is equally good for Beginners and Experts so don’t worry if you haven’t used Photoshop before.
Most of us don’t know the basic settings, shortcuts, tools and extension we need in Photoshop to become a UI Designer, we make same mistakes and keep on wasting time online searching for different settings and answers to common UI Design issues and problems.
What Will I Learn?
- Start your Career as UI Designer
- Learn the settings necessary for UI Design Process
- Learn all the Basic tools of Photoshop for UI Design
- Start using Photoshop with solid foundation in UI Design
- Learn all the Photoshop Shortcuts for UI Design
- How to use Photoshop Extensions to speed up UI Desing Process
- Tips and Techniques for Efficient usage of Photoshop for UI Design
- Learn how to use Custom Scripts in Photoshop for UI Design
- Learn about Color schemes and Typography Online tools
- Learn how to use Gradients and Patterns in UI Design
- Create Wireframes and learn the tools needed to create them
- Learn how to design MODERN DASHBOARD graphs and elements
- Learn how to design MODERN HERO/HEADERS of Websites
Who is the target audience?
- Novice/Beginner Level Designers
- Web Designer
- Graphic Designer
- Web Developers who wants to learn UI Design
- UI Designer who wants more advaced techniques
Requirements
- Passion to become a UI Designer
- Minimum Photoshop CC or Latest version of Photoshop
-
1.1) Upload And Review Your Work-100:03:00
-
2.2) Setting up Photoshop CC Preferences00:06:00
-
2.3) Color Profile Settings for ui design00:05:00
-
2.5) Creating Custom Shortcut Keys00:04:00
-
2.6) Installing scripts in Photoshop00:06:00
-
2.8) What area Photoshop Extensions00:07:00
-
2.9) Power of Photoshop Extensions00:09:00
-
2.10) How to install Extension in mac and win update00:16:00
-
2.5-1 Color Calibration00:08:00
-
2.5-2 Monitor You Need-100:02:00
-
2.5 – 3 OS Based clor Calibration00:07:00
-
00.Customize Toolbar00:04:00
-
01.how Photoshop interface works00:05:00
-
02.creating photoshop new document00:04:00
-
03.what are artboards00:06:00
-
04.Layers Panel Part 100:06:00
-
05.Layer Panel Filtering And Finding Part 200:06:00
-
07.Type tool00:05:00
-
08.Character Panel00:07:00
-
09.Paragraph Panel00:04:00
-
10.New Shape Tool00:08:00
-
12.Deep dive in Pen Tool00:16:00
-
12.selections april2017 New00:07:00
-
13.pen tool in web design00:04:00
-
14.Alignments00:06:00
-
15.common-shortcuts00:15:00
-
16.Clipping_Masks00:02:00
-
17.exercise clipping mask00:01:00
-
18.Layer Masks HB00:05:00
-
19.smart_objects00:08:00
-
20.linked smart objects_Revised00:07:00
-
21.Layer comps usage00:06:00
-
22 Using Smart Guides In Photoshop-100:05:00
-
1.drop_shadow_layer_effect00:04:00
-
2.inner_shadow_UI_Design00:02:00
-
3.stroke effect00:03:00
-
4. Re-using layer styles00:02:00
-
1.what.are.gradients00:02:00
-
2.uses.of.gradients00:04:00
-
3.3ways-to-create-gradients00:05:00
-
4.how to use gradient editor00:08:00
-
5.using-gradient-overlay00:06:00
-
1.what are patterns00:02:00
-
2. two methods of applying patterns00:05:00
-
3.create Pattern From an Img File00:03:00
-
04. using .pat files in photoshop00:05:00
-
01. How light and shadow works in UI Design00:01:00
-
2.examples of lightshadow00:02:00
-
3.color schemes for beginners00:02:00
-
4.getting scheme from logo and hsb00:01:00
-
5.online tools for color schemes00:06:00
-
6.how to choose fonts and typography00:09:00
-
7.Using Grids for Web Design00:06:00
-
8.Creating Grids In Photoshop00:06:00
-
1.soft-shadow button challange00:01:00
-
2.soft_button_solution00:13:00
-
3.3d Button Challange00:01:00
-
4.Pressed effect in Photoshop00:07:00
-
5.modern pattern part 100:09:00
-
6.modern header design part 200:09:00
-
7.moder header design new variation00:09:00
-
8.color overlay header00:11:00
-
09 Gradienteffect Header Design-audiosynced00:13:00
-
9.Actual Exercise Transparent Image Header-100:13:00
-
10.tabs intro00:01:00
-
11.tabs-part100:14:00
-
12.tabs-part200:08:00
-
1.removing White Bg With Blending Options00:03:00
-
2.Spot Healing brush usage00:04:00
-
3.making Colors Pop in Photohsop00:07:00
-
4.magnetic Lasso Tool to remove background00:16:00
-
5.select And Mask Tool00:10:00
-
1.Gathering Resources IOS App-Design00:04:00
-
2.Lets Start The IOS App Design00:05:00
-
3.Adding Images To Design the App design00:06:00
-
4.Adding Text On App Screen00:06:00
-
5.Adding Phone And Book Now Buttons00:12:00
-
6.Using Mobile Mockups00:04:00
-
UDEMY ONLY App Design Challane-exercise00:06:00
-
1.area graph base design00:04:00
-
2area graph grid00:05:00
-
3.adding text to graph area00:08:00
-
4.drwaing area graph with pen tool00:04:00
-
5.designing extras adding dots and hover info00:06:00
-
7.final Adjustments To Area Graph-100:10:00
-
8.area graph to line graph00:04:00
-
9.circular bar graph base shape.mp400:06:00
-
10.adding Gradients And Shadows To Circular Graphs-100:13:00
-
11.designing stats with text00:09:00
-
12.bar Graph Design In Photoshop Pt00:09:00
-
13.Bar Graph Adding Text00:06:00
-
14.Student-request-ciruclar-percentage graph00:08:00
-
1.what Are Wirefreams
-
2.Tools Used For Wireframes00:12:00
-
dribbble redesig part 100:15:00
-
dribble shot part 200:15:00
-
1.Base Of Login Form00:07:00
-
2.Form Fields Design00:12:00
-
3.Finishing Form Design00:12:00
-
Converting psd to CSS00:07:00
-
Exporting Images from Photoshop00:07:00
-
Tips on Using Grids00:02:00
-
3.Match Fonts Cc2015.5-100:03:00
-
Cc2018 Update-100:04:00
Course Reviews
No Reviews found for this course.