Categories

Partners
  • Website Templates

  • Design Feeds

  • Adobe Photoshop Tutorials

  • Website Templates, WordPress Themes

  • Website Templates

  • Flash Web Sites

  • Photoshop Templates

  • Photo Contests

  • Photo Tips
  • Search


    Advanced Search


    Partner Links
  • Adobe Photoshop Tutorials

  • Free Stock Photos and Images



  • Website Templates

     »  Adobe Home  »  Adobe Photoshop  »  Designing  »  Loading Interface
    Loading Interface
    Published  04/21/2008 | Designing
       
    Loading Interface - part 1


    Sick of the loading interface? Learn how to make rich loading interface with blending modes, gradients, and tons of layers.

    Download out of Internet the same texture, like the next one, having 1280x1024 px and 72 dpi.

    Create Loading Interface in Photoshop CS3

    Press CTRL+SHIFT+U

    Create Loading Interface in Photoshop CS3

    Set the next parameters for the above downloaded texture’s layer by making a mouse click on the layer we work with in the layers’ panel: Blending Options>Gradient Overlay

    Create Loading Interface in Photoshop CS3

    Gradient’s parameters:

    Create Loading Interface in Photoshop CS3 

    Create Loading Interface in Photoshop CS3

    Next we shall use the Ellipse Tool (U) to represent the primary layer of an abstract element:

    Create Loading Interface in Photoshop CS3

    The layer’s parameters: Blending Options>Outer Glow

    Create Loading Interface in Photoshop CS3

    Blending Options>Inner Glow

    Create Loading Interface in Photoshop CS3

    Blending Options>Gradient Overlay

    Create Loading Interface in Photoshop CS3

    Gradient’s parameters:

    Create Loading Interface in Photoshop CS3

    Create Loading Interface in Photoshop CS3 Loading Interface
    Sick of the loading interface? Learn how to make rich loading interface with blending modes, gradients, and tons of layers.