How to design a coming soon page in Photoshop
Hello and welcome to another tutorial here on trendyTUTS.com. For today I’ll show you how to create a coming soon page in photoshop. To design a coming soon page is really important if you are about to lunch a new website, and is a pretty good marketing tool.
If it’s the first time when you came on trendyTUTS, I would like to let you know that we have dozens of other cool website layout tutorials on our Website Layout Tutorials section. Here you will find different kinds of psd templates (for various niche) and I’m sure that it will help you a lot!
If you’d like to download this photoshop template you will need to sign-up for a Premium Membership. As a premium member you will have unlimited access to the entire collection of PSD Templates (the source file for our tutorials), Premium Files and PSD to HTML Tutorials.
Here is my final result:
Let’s start the tutorial
Open Photoshop and create a new document (Ctrl + N)
With Rectangle Tool I will create a large shape, to cover the entire canvas. As a color I have used #98afb4. In this step you can use Paint Bucket Tool also…
I will select Rounded Rectangle Tool with a radius of 10px I will create this shape (color used : c0c0c0 ) and I will apply the following layer styles:
I will select Ellipse Tool and I will create 3 black shapes, than I will apply for each shape a Gaussian Blur (Filter>Blur>Gaussian Blur) of about 11px.
On the top of this shapes I will create with Rectangle Tool another 2 shapes. For the first one (the orange one) I have used this color: # f38630 and for the second one (the blue one) this color: # 94ccd7
I will select Type Tool and I will write “we’re coming soon” I have applied the following layer styles:
With Ellipse Tool I will create this black shape and I will apply a Gaussian Blur of about 20px.
With Rectangular Marque Tool, I will make this selection.
Once you have this selection hit Delete on your keyboard to delete that portion and Ctrl +D to unload the selection. I will lower the opacity to 60% also.
I will select Type Tool, I will write “Get Notified” and I will apply this layer styles:
With Type Tool I will continue to add some text:
With Rectangle Tool I will create this shape
With Pen Tool I will create this triangle
On my Layer Palette is will select this 2 shapes created on Step 11 and Step 12.
I will press Ctrl + E to merge them together and I will apply this layer styles:
On the right side, with Rounded Rectangle Tool with a radius of 10px I will create this shape (color: d7f0ef) and I will apply this layer styles:
With Rectangle Tool I will create this 3 shapes and I will apply this layer styles:
Next I will make a “Call to Action” button. I will select Rounded Rectangle Tool with a radius of 10px and I will create this shape. Color used # f38630, then with Type Tool I will write “Hook me up”
Next I will select Type Tool I will write “We’ll be online in :” For this sentence I have applied this layer styles:
With Rectangle Tool I will create this shapes and I will apply this layer styles:
With Line Tool I will add this 2 lines on the middle of the shapes created on step 18
With Type Tool I will add some numbers and I will write “days”. To create all of this I have applied the same layer styles from step 17
I will repeat step 18, 19 and 20 for about 3 times
Here is my final result:
Want to Download the Source File?
In order to download the source file you will need to become a Premium Member.
Already a premium member? When you click on the download link please make sure that you are logged in.
The tutorial is finished now. I hope your result is the same with mine, if not better! If you’d like to know when we post a new tutorial, you can follow trendyTUTS.com on twitter.blog comments powered by Disqus