Red Fibrous Background

This tutorial will teach you how to make a textured red fibrous cool looking background with couple of filters and a custom shape tool. Your end result should be something like this:

Final Result

Lets get started:

 

Step 1:

Open a new blank photoshop document and choose dimensions to canvas according to your need, I choose 500 pixels by 500 pixels.

Choose foreground color as #780000.

 

Step 2:

Add a new layer. Use custom shaped tool to get a “hazard” image.

 

Make sure its in center by using the ruler function ( CTRL + R).

 

Step 3:

Add some changes to background layer so it should a bit cooler and professional.

Use the radial gradient tool and the these two colors:

#830506 – Foreground Color
#370000 – Background Color

Draw a gradient from center to out of canvas.

 

Step 4:

Now lets work on some texture effect.

Duplicate the Background/Gradient layer and go to Filers > Renders > Fibers and use the default settings. Before doing this make sure that red color is still selected because this makes difference to the effects.

Set the opacity of the layer to 30%

 

Step 5:

Duplicate the texture layer. Right click on one of the corner and select Rotate 90 CW.

 

Step 6:

To give it a blacky effect we must use a soft black brush and just brush around the corners.

 

Step 7:

We should now pay some attention to this poor radioactive symbol.

Create a new layer below the symbol’s layer. Now use CTRL + LEFT CLICK on the symbol’s layer.

Now simply left click on the new layer you made and choose Select > Modify > Expand.

Choose a value of 8 pixels and fill in the area with black color. Change the opacity of the layer to 25%.

 

Step 8:

To add some further effects to the symbol we will now add gradient to it.

I chose radial gradient from center to end with colors:

Foreground: #EECA04

Background: #D4A716

To add the radial gradient. Create a new layer but this time above the symbol. Then CTRL + LEFT click on symbol’s layer to select the symbol. Now left click the new layer and add the radial gradient.

 

Step 9:

Now add another professional effect, merge 3 layers which are, Symbol’s gradient, Symbol itself and Symbol’s shadow.

Duplicate the merged layer and enlarge it a little bit using SHIFT key so the ratio of the symbol remains constant.

Now rotate it and change its blending options to softlight. Do not forget to put the duplicate layer behind the original symbol.

 

Step 10:

You have almost finished. Now add some text and put your own effects on it.

About Fieryfoxx

CTO Deezon Studios, Owner Risen groups & MD XG Inc. I am a passionate graphic designer, web developer & designer. Currently I am doing my O'Levels and hopefully will be finishing it by June.

, , , , ,

6 Responses to Red Fibrous Background

  1. faheem March 9, 2011 at 7:18 am #

    An awesome design! Keep up the ‘good’ work !

  2. faheem March 9, 2011 at 8:50 pm #

    Yes, it is indeed a ‘red fibrous background’ or to be very specific, ‘red fabric background’ … quite beautiful ain’t it? Fiery would you mind telling how we can make a similar design with feel of a paper?

Trackbacks/Pingbacks

  1. Red Fibrous Background | Design Newz - March 9, 2011

    [...] Red Fibrous Background [...]

  2. Red Fibrous Background | The best Tutorials - March 9, 2011

    [...] Red Fibrous Background Red Fibrous Background [...]

  3. Red Fibrous Background | The best Tutorials - March 9, 2011

    [...] Red Fibrous Background [...]

  4. Red Fibrous Background | WebDevKungfu - March 10, 2011

    [...] Red Fibrous Background [...]

Leave a Reply


*

UA-21443764-3