Web Elements Design With Photoshop

A step by step guide of learning how to design great looking web elements with photoshop
4.5 (33 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,049 students enrolled
Instructed by Sabik Biswas Design / Graphic Design
$20
Take This Course
  • Lectures 44
  • Contents Video: 5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 10/2014 English

Course 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.

What are the requirements?

  • In This Course You'll Need Basic Knowledge Of Adobe Photoshop and The Software Itself

What am I going to get from this course?

  • 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.

What 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
02:26

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

Section 2: Button Design
07:50

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

06:30

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.

08:29

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

04:20

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

04:58

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

06:03

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

07:43

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.

09:32

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

Section 3: Navigation Bar Design
06:48

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

05:47

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

07:27

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

07:26

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

06:17

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

08:32

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

06:19

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

Section 4: Forms Design
10:26

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

11:14

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

09:40

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

09:54

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

08:34

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

12:46

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

Section 5: Pricing Table Design
05:21

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

05:14

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

08:20

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

05:53

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

09:18

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

Section 6: Slider Design
05:07

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

07:21

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

07:22

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

05:07

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

Section 7: Media Player Design
05:13

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

04:39

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

10:46

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

Section 8: Timeline UI Design
06:36

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

07:11

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

07:15
In This Lecture You Will Learn To Design a Beautiful Timeline UI With Minimal Preview Details.
Section 9: Progress Bars and Toggle Switches
09:32

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

04:43

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

Section 10: Forms UI and Pagination Design
02:40

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.

01:02

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

Section 11: Using High Quality Resources
02:47

In This Lecture You Will Learn To Use High Quality Images For Your Design Projects and Where To Get High Quality Royalty Free Images For Free Personal and Commercial Use.

03:14

In This Lecture You Will Learn To Use High Quality Fonts and Where To Get These Fonts For Free To Use In Your Personal and Commercial Projects.

Section 12: Conclusion
01:46

In This Lecture We Will Wrap-up The Course and Tell You What To Do Next.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Sabik Biswas, 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.

Ready to start learning?
Take This Course