Web Elements Design With Photoshop Premium class

Sabik Biswas, Web Designer, Animator, Freelancer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
44 Videos (4h 55m)
    • Welcome

      2:26
    • Basic Flat Button With Details

      7:50
    • Flat Button With Minimal Details

      6:30
    • Flat Buttons With Effects

      8:29
    • Using Stitch Effect and Circle Buttons

      4:20
    • Social Media Styles and App Store Buttons

      4:58
    • Using Gradients and Shining Effects

      6:03
    • Using Multiple Effects On Gradients

      7:43
    • Extras

      9:32
    • Flat Style Navigation With a Minimal Highlight

      6:48
    • Flat Style Navigation With Icon and Logo Place Holder Details

      5:47
    • E-Commerce Style Flat Navigation

      7:27
    • Navigation With Different Effects

      7:26
    • Retro Style Navigation With Elegant and Stitch Details

      6:17
    • Retro Style Navigation With Ribbon and Circular Details

      8:31
    • Retro Style Navigation With Triangular Stitch Details

      6:19
    • Clean and Stylish Login Form in Flat Style

      10:26
    • Flat Form With Details

      11:13
    • Vertical Flat Forms With Line Details

      9:40
    • Gradient Form With Detailed Effects

      9:54
    • Flat Multi-Step Sign Up Forms With Details

      8:34
    • Flat Style Compact Booking Form

      12:45
    • Minimal Flat Pricing Table

      5:21
    • Standard Flat Pricing Table With Elegant Design

      5:13
    • Elegant Flat Pricing Table Design With Details

      8:19
    • Flat Style With Circular Highlight

      5:53
    • Flat Style With Icons and Details

      9:18
    • Flat Style Slider With Basic Details

      5:07
    • Flat Style Slider With Highlighted Text Details

      7:21
    • Flat Style Slider With Assorted Details

      7:22
    • Flat Slider With Preview Details

      5:07
    • Elegant Flat Style Video Player With Details

      5:13
    • Elegant Flat Style Video Player With Different Statuses

      4:39
    • Music Player With Preview Details and Effects

      10:46
    • Standard Flat Style With Minimal Details

      6:36
    • Standard Flat Style With Assorted Details

      7:11
    • Flat Style Timeline With Preview and Icon Details

      7:15
    • Flat Style Progress Bars With Different Details

      9:32
    • Stylish Toggle Switches With Details

      4:43
    • Forms UI With Details

      2:40
    • Stylish Pagination Design

      1:01
    • Using High Quality Royalty Free Images

      2:47
    • Using High Quality Fonts For Attractive Detailing

      3:14
    • Wrapping Up

      1:46

About This Class

531074f9

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

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

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

This Class 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 Class 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 Class and Tell You Where To Go Next.

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

1 of 1 students recommendSee All

185

Students

--

Projects

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.