Introduction
- The Ultimate Web Designing Course in Photoshop
- Introduction
- How to get full advantage of this course
Getting acquainted with Tools of Photoshop for Web Designing
- Introduction
- Rectangle Tool
- Rounded Rectangle Tool
- Ellipse Tool
- Polygon Tool
- Line Tool
- Custom Shape Tool
- Move Tool
- Alignment
- Type Tool and Character Panel
- Eye Dropper Tool
- Swatches
- Layers
- Layer Styles
- Fun Project
- Rectangular Marquee Tool
- Direct Selection Tool
- Gradient Tool
- Pen Tool
- Test your knowledge on Photoshop Tools
Creating UI Elements
- Introduction
- Simple Navigation
- Gradient Navigation
- Corporate Navigation
- Awesome Glossy Button
- Simple Call to Action Button
- Awesome Call to Action Buttons
- Contact Form
- Pricing Table
- Slider
- Progress Bar
- Download UI PSD elements
- Test your knowledge on UI Elements
Step by Step Procedure of Web Designing
- Introduction
- Step1 : Get the Details
- Step2 : Inspiration
- Step3 : Wireframing
- Step4 : Implementation
Important Informations and useful Tips and Tricks of Web Designing
- Introduction
- Grid
- Techniques of Improving Images
- Important Shortcuts of Photoshop
- Selecting Best Colors
- Selecting Best Fonts
- Link to Google Fonts
- Link to Awesome colors
- How to Use Font Awesome Icons
- Working Efficiently with FontAwesome (Increasing or Decreasing Thickness/Height)
Getting High Quality Resources
- Introduction
- Download the Bootstrap Grid here (Grid PSD File)
- Images
- Links to Free High Quality Image Sites
- Links to Paid High Quality Image Sites
- Patterns and Backgrounds
- Link to Free Patterns and Backgrounds
- Link to Paid Patterns
- Brushes
- Link to Free Brushes and Brush Packs
- Styles and Gradients
- Link to Free Styles and Gradients
- Custom Shapes
- Link to Free Custom Shapes
- Icons
- Links to Icons
- Web Design Inspiration
- Links to Web Design Inspiration
Mega Project1 : Designing Modern Corporate PSD Template
- Introduction
- How to Design a Corporate Website
- Planning Typography , Colors and Grid
- Header
- Slider
- Services
- Works
- Team
- Testimonial
- Blog
- Contact Form
- Footer (Part1)
- Footer (Part2)
- Grab the PSD Template resource file
Improving Corporate Template : Corporate 2.0
- Introduction
- Improving Slider
- Hover Effect on Projects
- Hover Effect on Team Members
- Grab the PSD Template resource file
Mega Project2 : Designing Awesome Hosting PSD Template
- Introduction
- How to Design a Hosting Website
- Planning Typography , Colors and Grid
