7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
  1. Design & Illustration
  2. Effects

Reader Request: MSNBC Style Effect

Scroll to top
Read Time: 2 mins

In this tutorial, I will create an effect like the one in the header of the MSNBC.com website. This effect is a reader's-request tutorial.

If you have an effect you want to know how to achieve, just let us know in the comments and we will try to write a tutorial about it.

Step 1

Create a new document. Double-click on the background layer to open the Layer Styles. Select the Gradient Overlay and use black and a dark blue for the colors. Select Radial for the Gradient Style.

Step 2

Create a new layer and fill it with black.

Step 3

First select black for the foreground color and a medium grey for the background color. Go to Filters>Render>Fibers. Set 36 for the Variance and 1 for the Strength.

Step 4

Go to Filters>Blur>Motion Blur. I set the distance to 999, the maximum value, but feel free to test another value. For the angle use 90º.

Step 5

Double-click on the blurry layer in order to open the Layer Styles dialog box. Select Gradient Overlay and Overlay for the Blend Mode. For the colors, use the rainbow colors: start with violet, blue, green, yellow, and red. I think those are the colors :)

Step 6

Using the Lasso Tool (L), set the Feather option to 30px and create a random selection like I did. After that go to Layer>Layer Mask>Reveal Selection.


This is a very simple but cool effect. You can use it for website headers, CD covers, and wherever you want. I've just created a beautiful wallpaper for my blog. Again, there are lots of ways to achieve the same result, maybe using other filters and settings. It's all about playing with the tool. Additionally, if you are using the CS3 version of Photoshop, you can use the Smart Filters to test different values and see the effects without worrying about losing the previous version.

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.