May 11th

Photoshop CS5 Loading Screen in Photoshop

Photoshop CS5 Loading Screen in Photoshop

Create the new 3D style loading screen used in the Adobe Photoshop CS5 using Photoshop. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.

Final Result

Tutorial Resources

Lets Get Started

We just showed you how to create the new Photoshop CS5 Icon in Photoshop, and here is the loading screen.

1. For this tutorial I have provided you with a document with guides already in place to help you while creating your introduction loading screen image. You can download this file from the tutorial resource list above, or by clicking here. Once downloaded, open it up in Photoshop.

2. I chose to use the Polygonal Lasso Tool for the purpose of this tutorial since we will just be creating basic shapes. If you are more comfortable using the Pen Tool, there is no harm in that. Using your Tool, create a shape similar to the following and fill it with #05417F.

3. Right now our shape is a little flat, so we want to add some blending options to our layer to give it some depth. To do this right click your layer in the layers palette and choose blending options from the drop down menu.

4. Next we will continue with making shapes. Using your Polygonal Lasso Tool create a selection similar to the following and fill it with #2B5D9D.

5. Just like before we want to add some depth to our shape, so add the following blending options:

6. Again we need to create yet another shape. So using your Polygonal Lasso Tool again, create the following shape and fill it with #50ADDE.

7. Add the following blending options to your shapes layer:

8. We now want to make another light blue shape that will be in the bottom left side of our document. Using your Polygonal Lasso Tool yet again, make the following shape and fill it with #77CDF6.

9. Add the following blending options to your layer:

9. We are almost done creating our 3D shape, only two more boxes left! Using your Polygonal Lasso Tool create another shape similar to the following with a fill of #295998:

10. Add the following blending options:

11. Just one shape left. Using your Tool for the last time, create a selection that looks similar to the following and fill it with #244E84.

12. Add the following blending options to your layer:

13. The last thing we need to do is merge all our layers. I did this by selecting all of my layers and then right clicking and choosing Merge Layers. We then want to add a drop shadow to our newly created layer by adding the following blending options:

14. All that is left is to add the text and your finished! To create the PS logo, please visit our tutorial on creating the CS5 Icon for Photoshop. When it’s all said and done, you’ll have something that looks like this:

Related Articles

Written by Matthew Heidenreich

Matthew Heidenreich is a freelance designer from St. Louis, Missouri. He enjoys teaching others how to create interface and web design tutorials. Find his work on his site, DeviseFunction. You can follow him on Twitter @Spicypepper.

Share Your Thoughts12 Comments

  • patrick james May 12th, 2010 at 9:14 am

    That Polygonal Lasso Tool is so useful. Very good tutorial man. :-D

  • clippingimages May 13th, 2010 at 1:02 am

    very good tutorial man.please keep them coming……..

  • Edward May 14th, 2010 at 10:11 pm

    Hey the link for the download project doesn’t work

  • Tutorial Lounge May 17th, 2010 at 7:35 am

    beautiful Photoshop appearance.

  • WP Themes August 2nd, 2010 at 8:04 am

    Genial post and this mail helped me alot in my college assignement. Say thank you you seeking your information.

  • efren August 16th, 2010 at 6:32 am

    Thank you..And I need more for techniques in creating for the design.
    Could I ask favor from you if it is okay for you because i want to know about photoshop.coz I need this.

  • Viktor April 21st, 2011 at 7:42 am

    Awesome tutorial! Thank you!

  • Marni Pastano July 3rd, 2011 at 2:45 am

    I possess been after your blogs and those of various experts. Even now seeing which I’m not employing dark hat tacticts my site isn’t ranking. Might you tell me if I have repeated pages on one more site may that damage me? I use calendars and descriptions of over 140 songs indicates and reproduce that on one of my various domains. Coulkd it damage my web page ranking?

  • Gopi August 20th, 2011 at 11:00 am

    Awesome, tutorial.

  • Fairy Gnome Statue Sculpture October 22nd, 2011 at 1:46 am

    Very Good Tutorials, I also added your Tutorial on facebook.

  • Injury attorneys in Long Beach November 1st, 2011 at 11:40 am

    Haha that is absolutely hilarious, making the logo with the logo :) Great tutorial, you really are good at photoshop!

Leave Your Response