UPUP Media :: Media :: Photoshop Tutorials :: Irish Content Box Tutorial

Photoshop Tutorials » IrishContentBox Tutorial

Step 1 - Starting Out
Create a new document, and fill it in with a very light green color like in the image. Step 2 - Rounded Rectangle Base
Select the "Rounded Rectangle Tool", and change the radius of it to 20px. Now make a rectangle shape about the size as the one in the example. Once you do that, go into the "Blending Options" by right-clicking the layer, and selecting "Blending Options". Click once on stroke, and then change the color of the stroke to black. Once you've done that, change the "Blending Mode" of the stroke to "Overlay". This should give the rectangle a stroke (pictured in the next step.) Step 3 - Adding Custom Shapes
Select the following custom shapes, and add them on to the bottom-right, and top-right side of the content box. Keep the original size of the shapes present. Do this on the same layer as the rectangle, so that the stroke is maintained. Step 4 - Adding the Title
Select a nice and thick font, and type the word "Content" (Or any title text you want to use) in the top-left corner of the box. Step 5 - Selection
Hold down "CTRL" on your keyboard, and then click once on the text layer's thumbnail. This will create an outline of the text. You can now delete the same text layer, but be sure to keep the outline of it. Step 6 - Filling with the Paint Bucket
With a very dark green color, Fill the outline using the "Paint Bucket" tool on the same layer as the rectangles/shapes, so the stroke is maintained again. Step 7 - Removing the Blank Spot
There is a little space in between the C and the rectangle, so we're going to fill that in by using a 3px brush. If you have any spaces like that in yours, be sure to clean it up a bit so it flows better. Step 8 - Filler Text
Add some filler text from Lipsum.org, and welcome in your new content box! End! Job well done!