Website Splash Page

Guest tutorials explained

Over the years I've been writing many Adobe Photoshop tutorials and recently been writing for additional categories such as Cinema 4D and CSS. Now since I helped a lot of people with my tutorials it just seems right to have the option for members to give something back to the Celox design community by submitting there self-written tutorials to this site, keep in mind that it's not a tutorial engine instead all submitted tutorials will be re-published on this site.

Members that will submit there tutorials on this site will be awarded with a link back to there own website on the specific tutorial's page, this link will be in text format so it will most definitely improve your search engine ranking.

Intro:

In this tutorial we are going to learn how to make a cool website splash page, At the end of this tutorial you will be able to make something like this:

Step 1:

Well, let`s start this photoshop tutorial shall we. Create a new 600px by 600px document, and fill it with #333333 color. Using your Rounded Rectangle Tool



create a square and lower the opacity of the layer to 15%. You will have something like this.

Step 2:

Inside of it create another square with the rounded rectangle tool, and use these blending options:



Applying these blending options you should have something like this.

Step 3:

Inside the previous made rectangle we will make another 2 smaller rectangles, using the rounded rectangle tool again. These smaller rectangles will be used for enterring the website. Now apply these blending options to it:



Now under the main grey rectangle, using a brush add a shadow on a new layer and lower the opacity of this layer to 40%. You`ll now have something like this:



After adding some text with the text tool, here's what I've came up with:



Thanks for reading this photoshop tutorial.