Andrew Wilson
Assistant Professor

Create a Custom Animated Pre-loader From Scratch in Photoshop

Technical Tutorial Published 10/5/12 Last updated on 2/28/20
In this tutorial we'll be creating a custom designed animated pre-loader. Students will use several features of Photoshop including: custom shape layers, creating and utilizing custom patterns, layer styles, masking, and animation. The tutorial is written step-by-step in 3 major sections, with over 50 images to illustrate tutorial steps. This tutorial is tailored for intermediate Photoshop users with the final output product being used in a web design or user interface design workflow.
  • Photoshop

    Editing and compositing for photos, web and mobile app designs, 3D artwork, videos, and more.

Age Levels
Content Standards
Common Core State Standards
ISTE Standards
Students: Innovative Designer, Students: Computational Trainer, Students: Knowledge Constructor

Adobe Photoshop Software

CC License
Attribution Non-Commercial
5 / 5 • 2 Ratings

Resources (2)

or Join for free to access materials
File Size

Comments (2)

Write a reply...
or Join for free to view all comments and participate in the discussion.

Kris Fontes

Posted on 10/22/12 6:09:55 PM Permalink

Great tutorial...easy to follow.

Andrew Wilson

Posted on 10/5/12 2:57:45 AM Permalink

Hope you all enjoy!