Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Parallax Slider Design: Make Your Website Come to Life

Martin Perhiniak, Design Your Career

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
14 Videos (1h 22m)
    • Introduction

    • What is parallax?

    • Planning the design

    • Creating a panoramic photo

    • Finding stock photos

    • Combining images

    • Adding text

    • Splitting up the background image

    • Testing the animation in Photoshop

    • Exporting images for Web

    • Creating slider in Wordpress

    • Importing the images

    • Adding Parallax effect to images

    • Conclusion


About This Class

Learn how to design engaging and interactive web sliders using Photoshop and WordPress! In this course Martin - Adobe Certified Instructor and freelance designer - will guide you through an easy-to-follow workflow showing you several best practices and explaining some theory too.

This course is for anyone who is into web design or planning to get into designing websites and blogs. You should join this course if you have some basic Photoshop knowledge and if you are planning to use WordPress, Joomla or other CMS for the website you are working on.

Sliders are probably one of the most important elements in web design so it is crucial to make them engaging and interactive. Almost every blog needs a good slider that crowns the site and welcomes the users. Parallax is a great technique, which uses the same principal as in animation when the background images move by the camera slower than foreground images, creating an illusion of depth in a 2D scene and adding to the immersion.

Watch the first video in the course to see the final result or check it out here.

13 of 13 students recommendSee All

Very clear, good pace, excellent teaching.
What an absolutely fantastic class! I really appreciated all the attention to detail and tricks when it came to using Photoshop and the history given behind the use of parallax – – it all made understanding why one would use it and how to use it really clear. Thanks so much!
Enjoyed the process. Wish there would have more discussion on how to incorporate the plugin with various themes and compatibility issues.





Martin Perhiniak

Design Your Career

Martin is a Certified Adobe Design Master and Instructor. He has worked as a designer with companies like Disney, Warner Brothers, Cartoon Network, Sony Pictures, Mattel, and DC Comics. He is currently working in London as a designer and instructor as well as providing a range of services from live online training to consultancy work to individuals worldwide.

Martin's Motto

"Do not compare yourself to your role models. Work hard and wait for the moment when others will compare t...

See full profile