Web Elements Design With Photoshop
4.2 (37 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5,064 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web Elements Design With Photoshop to your Wishlist.

Add to Wishlist

Web Elements Design With Photoshop

A step by step guide of learning how to design great looking web elements with photoshop
4.2 (37 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5,064 students enrolled
Created by Sabik Biswas
Last updated 10/2014
English
Current price: $10 Original price: $20 Discount: 50% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
You Will Get To Learn How Some Of The Most Popular UI Elements Are Designed From Scratch
A Workflow That Will Transform Your Idea To a Fully Designed User Interface.
You Will Acquire The Knowledge About a Skill set Which is in Much Demand.
View Curriculum
Requirements
  • In This Course You'll Need Basic Knowledge Of Adobe Photoshop and The Software Itself
Description

In This Course I'll Walk You Through a Simple Process Where You'll Learn The Methods Of Designing Beautiful Web Elements in Photoshop.

This Course is Designed To Inspire Your Creativity To Make Beautiful Designs in a Easier Way and in Less Time.

The Skills Learned in This Course Will Help You Develop a Workflow For Creating Beautiful and Simple User Interface or Web Elements.

This Course Has Been Broken Down in 12 Sections and It Includes...

Introduction: This Will Show You a Quick Look Inside The Course Contents and How This Course Works.

Buttons Design: In This Section You Will Start Learning From Basic To Various Styles Of Button Designing. Along With This You'll Also Learn How To Use The Same Techniques To Create More Better Designs With Details.

Navigation Bar Design: This Part Will Show You Different Type Of Navigation Design, Like Flat Design With Details , Light Gradients, Retro Design and Many More.

Forms Design: Here You Will See Various Types Of Forms Designing, Including Flat, Multi-Step and More With Various Styles.

Slider Design: This Section Will Show You Beautiful Slider Designing in Various Style With Many Examples.

Pricing Table Design: In This Part You'll Learn Easiest Ways Of Pricing Table Design With Details.

Media Player Design: This Part Will Show How To Design Stylish Video Players and Music Players For Web.

Timeline UI Design: Timeline Shows How Your Posts Look Like On Your Blog. You'll Learn To Design Beautiful Styles Of Describing Your Post, Make It Look Better and Attractive.

Progress Bars and Toggle Switches: In This Section You'll Learn Simplest Ways Of Designing Progress Bars and Toggle Switches.

Forms UI and Pagination: Here You'll Learn To Design Stylish Forms UI and Pagination. Stylish Pagination Grabs More Attention and Forms UI Make Sign Up Forms Look More Stylish and Detailed.

Using High Quality Resources: In This Section You Will Learn How To Get High Quality Resources For Free Personal or Commercial Use and How To Use Them To Take Your Skills To The Next Level.

Conclusion: Here We'll Wrap-up The Course and Tell You Where To Go Next.

I Have Included Every PSD File That I Have Designed During The Course, That Will Help You Understand The Course Instructions in More Detail.

Who is the target audience?
  • Aspiring Web Designers and User Interface Designers
  • Beginner Web Designers Looking To Explore The Whole Process Behind Building Web Elements Design.
  • Anyone Who Wants To Design Great Looking Web User Interface
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 44 Lectures Collapse All 44 Lectures 04:55:28
+
Introduction
1 Lecture 02:26

This Video Shows You a Quick Look What is Inside This Course.

Preview 02:26
+
Button Design
8 Lectures 55:25

In This Lecture You Will Learn To Design Basic Flat Buttons and How To Add Details To Make Them More Attractive.

Basic Flat Button With Details
07:50

In This Lecture You'll Continue Learning Basic Flat Buttons With Details and Along With That You'll Also Learn How Use a Single Technique To Create Different Designs.

Flat Button With Minimal Details
06:30

In This Lecture You'll Learn How To Apply Effects On Flat Buttons To Create Different Styles.

Preview 08:29

In This Lecture You'll Learn How To Apply Stitch Effect On Flat Buttons.

Using Stitch Effect and Circle Buttons
04:20

This Lecture Will Show You Examples Of App Store and Social Media Buttons and How Easily You Can Create Them.

Social Media Styles and App Store Buttons
04:58

In This Lecture You'll Learn To Use Gradients On Buttons and How To Apply Shining Effect On Them.

Preview 06:03

In This Lecture You Will Learn To Apply Multiple Effect On a Single Button and You Will See How Each Effect Gives a Different Look.

Using Multiple Effects On Gradients
07:43

In This Lecture You'll Learn How Most Of The Icons are Created.

Extras
09:32
+
Navigation Bar Design
7 Lectures 48:36

In This Lecture You Will Learn To Design a Simple Flat Navigation Menu.

Flat Style Navigation With a Minimal Highlight
06:48

In This Lecture You Will Learn To Design Navigation Menu With Simple Details To Make The Navigation More Better and Interesting.

Flat Style Navigation With Icon and Logo Place Holder Details
05:47

In This Lecture You Will Learn To Design a Simple E-Commerce Navigation Menu With Details.

E-Commerce Style Flat Navigation
07:27

In This Lecture You Will Learn To Design Navigation Menu With Beautiful Gradient Effects.

Navigation With Different Effects
07:26

In This Lecture You Will Learn To Design a Retro Style Beautiful Navigation Menu With Stitch Details.

Retro Style Navigation With Elegant and Stitch Details
06:17

In This Lecture You Will Learn To Design a Beautiful Retro Style Navigation Menu With Ribbon and Circular Details.

Retro Style Navigation With Ribbon and Circular Details
08:32

In This Lecture You Will Learn To Design a Beautiful Retro Navigation Menu With Triangular Stitch Details.

Retro Style Navigation With Triangular Stitch Details
06:19
+
Forms Design
6 Lectures 01:02:34

In This Lecture You Will Learn To Design a Minimal and Stylish Flat Login Form.

Clean and Stylish Login Form in Flat Style
10:26

In This Lecture You Will Learn To Design Minimal Login and Sign up Form With Details.

Flat Form With Details
11:14

In This Lecture You Will Learn To Design Minimal Flat Forms With Line Details.

Vertical Flat Forms With Line Details
09:40

In This Lecture You Will Learn To Design a Gradient Sign up Form With Minimal Notification Details.

Gradient Form With Detailed Effects
09:54

In This Lecture You Will Learn To Design a Basic Multi-Step Sign up Form.

Flat Multi-Step Sign Up Forms With Details
08:34

In This Lecture You Will Learn To Design Another Simple Multi-Step Sign up Form With Different Details.

Flat Style Compact Booking Form
12:46
+
Pricing Table Design
5 Lectures 34:06

In This Lecture You Will Learn To Design a Minimal Flat Pricing Table.

Minimal Flat Pricing Table
05:21

In This Lecture You Will Learn To Design a Stylish Flat Pricing Table With Details.

Standard Flat Pricing Table With Elegant Design
05:14

In This Lecture You Will Learn To Design Another Good Looking Flat Pricing Table With Details.

Elegant Flat Pricing Table Design With Details
08:20

In This Lecture You Will Learn To Design a Beautiful Flat Pricing Table With Circular Highlight.

Flat Style With Circular Highlight
05:53

In This Lecture You Will Learn To Design a Stylish Pricing Table With Icons and Details.

Flat Style With Icons and Details
09:18
+
Slider Design
4 Lectures 24:57

In This Lecture You Will Learn To Design a Beautiful Slider With Minimal Details

Flat Style Slider With Basic Details
05:07

In This Lecture You Will Learn To Design a Slider With Customized Text Details.

Flat Style Slider With Highlighted Text Details
07:21

In This Lecture You Will Learn To Design Another Stylish Slider With Customized Text Details.

Flat Style Slider With Assorted Details
07:22

In This Lecture You Will Learn To Design a Slider With Minimal Preview Details.

Flat Slider With Preview Details
05:07
+
Media Player Design
3 Lectures 20:38

In This Lecture You Will Learn To Design a Video Player For Web With Minimal Details.

Elegant Flat Style Video Player With Details
05:13

In This Lecture You Will Learn To Design Minimal Preview Details For The Video Player.

Elegant Flat Style Video Player With Different Statuses
04:39

In This Lecture You Will Learn To Design Stylish Music Player With Details.

Music Player With Preview Details and Effects
10:46
+
Timeline UI Design
3 Lectures 21:02

In This Lecture You Will Learn To Design a Beautiful Timeline UI With Minimal Details.

Standard Flat Style With Minimal Details
06:36

In This Lecture You Will Learn To Design Another Stylish Timeline UI With Minimal Details.

Standard Flat Style With Assorted Details
07:11

In This Lecture You Will Learn To Design a Beautiful Timeline UI With Minimal Preview Details.
Flat Style Timeline With Preview and Icon Details
07:15
+
Progress Bars and Toggle Switches
2 Lectures 14:15

In This Lecture You Will Learn To Design Beautiful Progress Bars With Different Details.

Flat Style Progress Bars With Different Details
09:32

In This Lecture You Will Learn To Design Stylish Toggle Switches.

Stylish Toggle Switches With Details
04:43
+
Forms UI and Pagination Design
2 Lectures 03:42

In This Lecture You Will Learn To Design Beautiful Forms UI With Minimal Details, and You Will Also Learn How It Will Make Your Sign up Forms More Attractive.

Forms UI With Details
02:40

In This Lecture You Will Learn To Design Stylish Pagination UI Using Previous Techniques.

Stylish Pagination Design
01:02
2 More Sections
About the Instructor
Sabik Biswas
4.2 Average rating
37 Reviews
5,064 Students
1 Course
Web Designer, Animator, Freelancer

Sabik Biswas is a Freelancer Web Designer. With a background in Design and Animation, Sabik has a passion for the digital arts and he brings this creativity into his approach to teaching web design. It's a dream come true for him to be able to share his knowledge with others who are interested in design. His course is designed to engage and inspire you to understand and utilize the techniques he teaches, to become limitless in creating your own web designs.

Sabik brings imagination and technological skill together to create a philosophy that will make it easy to learn, and allow you to start implementing your new skills right away.