In this tutorial We will Learn how to create awesome looking “Eye Popping” Dialogue Boxes like Below.
Create a new document with the following properties:
Width: 500 px
Height: 400 px
Background Color: #373737
Create a New Layer Use the Marquee Tool to create a box near the middle of the new document, Fill the box with White. Like Below:
Now create a New Layer, Make sure that you create this New Layer UNDERNEATH The White Rectangle Layer
Use the Marquee Tool Again, set the Feather to 20px and make a selection near the bottom of your white Rectangle. Fill the marquee with Black It should now look like below:
It acutally already looks pretty good so this step is optional, essentially you follow the same procedure but put the marquee tool on the Left, Right and Top sides Make a New Layer for Each side. To come out with the following effect:
Make a Rectangular Selection In the middle of your popup dialogue box and Fill it with #dddddd
And that’s it! Add whatever else you want to add to the box depending on what you need. I added in some text and a button:
I hope you enjoyed the tutorial. Be sure to let us know if you have any questions in the Comments below.