Photoshop Tutorial

Simple General Content Box

In this Photoshop tutorial we're going to design a simple general content box using Adobe Photoshop.
Here at Photoshop-Pack you see this content box in all pages.
After following this tutorial, you will make something like image below.


Let's start.



Start out by making a blank document.
Draw a Rounded Rectangle with 12px Radius and Resterize it (right click the rounded rectangle layer and click Rasterize Layer).





Select the layer and double click on it in order to open Layer Style dialog box and apply following settings.

Drop Shadow



Color Overlay



Stroke



Here's the result.





Now, Select the layer in layer panel and press Ctrl+G to move the layer into a group.
Click "Add layer mask" Icon in layers panel while "group 1" is selected in order to add a layer mask

.

Select a black to white gradient and apply it as shown below.





Here's the result.




OK, now we want to add a simple orb and an arrow to the content box.
Create a new layer, select "Elliptical Marquee Tool" and make a selection and fill it with white color.





Select the layer and double click on it in order to open Layer Style dialog box and apply following settings.

Inner Shodow



Color Overlay



Stroke



Result



I've selected the following shape (Forward) using Custom Shape Tool.



Draw a "Forward" shape and Resterize it (right click the bubble layer and click Rasterize Layer).



Here's the final result.
Please leave comment if you have any idea.
Enjoy!

Comments