2009年5月11日 星期一

Thanks for visiting

Welcome to my blog . My blog has been transfer to design tuts. Please visit my website on Design Tuts+!

designtuts

2009年3月3日 星期二

Making Funny Disco Style Background

Making Funny Disco Style Background

In this little Photoshop tutorial we'll be designing funny disco style background, for your wallpapers, greeting cards, etc.

Let's start with a new document. For this Photoshop tutorial I'm using a size of 1000×1000 pixels, 72 dpi and black color.

Making Funny Disco Style Image 01

First of all press D to set up foreground and background colors black and white, then create a new layer and apply Filter > Render > Clouds:

Making Funny Disco Style Image 02

Now use Image > Adjustments > Brightness > Contrast to make clouds more contrast:

Making Funny Disco Style Image 03

Now, we have picture like this one:

Making Funny Disco Style Image 04

After that apply Filter > Noise > Add Noise with similar settings to these:

Making Funny Disco Style Image 05

Your picture should look as mine:

Making Funny Disco Style Image 06

Then select Single Row Marquee Tool and make selection as below:

Making Funny Disco Style Image 07

Press Ctrl+T to transform the selection and move it up and down. Now your have a picture like this:

Making Funny Disco Style Image 08

Deselect chosen area with Ctrl+D and apply the following layer style:
Gradient Overlay

Making Funny Disco Style Image 09

See the difference now:

Making Funny Disco Style Image 10

Then continue with selection the Eraser Tool and soft round brush and clear some upper and lower parts of image as shown on a picture below:

Making Funny Disco Style Image 11

Then chose another one brush with presets similar to these (it is also standard Photoshop brush):

Making Funny Disco Style Image 12

And make holes in this layer:

Making Funny Disco Style Image 13

Ok, now apply Filter > Blur > Motion Blur with the next presets:

Making Funny Disco Style Image 14

To get the next picture:

Making Funny Disco Style Image 15

Looks not good yet! Ok, next we'll add cool white lines to the background. Now before we can start making our lines, I would like to note you that you need to get out the Brush Tool before and set up with the following settings:

Making Funny Disco Style Image 16

Also set foreground color as white. Get out the Pen Tool (you need to make sure that you're working with Paths instead of Shape Layers) and drag the first line onto your canvas like I've done in the below screenshot:

Making Funny Disco Style Image 17

Create a new layer, then right-click and select Stroke Path.

Making Funny Disco Style Image 18

A little dialog box will appear as in the screenshot. Choose the Brush from stroke path resources and press OK. The picture use to look as mine:

Making Funny Disco Style Image 19

Next right click again and select Delete Path. Add two more lines, making the same things two more times:

Making Funny Disco Style Image 20

Now select the Polygonal Lasso Tool to make selection of small part of line as below:

Making Funny Disco Style Image 21

Then select the Blur Tool (Strength: 50%) and blur the selected part of line. Press Ctrl+D to deselect it. You can see the result below:

Making Funny Disco Style Image 22

Also you can blur more parts of different lines:

Making Funny Disco Style Image 23

Now get out the Brush Tool and a soft round brush (size of 9 px) to make little white dots on the blurred and normal lines boundary.

Making Funny Disco Style Image 24

Making Funny Disco Style Image 25

Ok, let's move onto the next step. Create a new one layer, then select the Ellipse Tool and make different white rounds as on picture below (Note: every time pres Shift to make all the rounds on the same layer):

Set opacity up to 20% for this layer. Then create a new layer and create new white rounds on it and set opacity up to 20% for this layer too.

Making Funny Disco Style Image 26

Make the last one layer for white rounds. Do the same things again.

Making Funny Disco Style Image 27

Ok, merge all layers with white rounds and lines in one and apply the following layer style:
Gradient Overlay

Making Funny Disco Style Image 28

Now your canvas should look as mine:

Making Funny Disco Style Image 29

After that things set opacity to 50% up and press Ctrl+J to duplicate layer, then apply Filter > Blur > Box Blur with similar settings to these:

Making Funny Disco Style Image 30

See the difference:

Making Funny Disco Style Image 31

Ok, to finish off the background I think we should add some white dots on it to make it funnier and more contrast. Get out the Brush Tool and a soft round brush (size of 9 pixels) and put some dots on the new layer as below. Set opacity up to 50% for this layer.

Making Funny Disco Style Image 32

Well, I think I've pretty much explained all I can for this tutorial!

Making Funny Disco Style Image 33

Starburst Photoshop Tutorial

Start off by making a nice black to white gradient.

starburst tutorial 1

Next choose Filter > Distort > Wave and use the following settings, or choose some of your own to get a unique effect.

starburst tutorial 2

Next choose Filter > Distort > Polar Coordinates, and use the default settings.

starburst tutorial 3

Duplicate your current layer, and rotate is 90 degrees. To do this choose Edit > Transform > Rotate 90 degrees. Next change the layer mode to "Overlay"

starburst tutorial 4

While your still on this second layer we are going to add one more filter. Choose Filter > Distort > Twirl.

starburst tutorial 5

Your should have a pretty interesting design going by now, if you want to give some color to it make a new layer and change the layer mode to "color." I added a purple - blue gradient.

starburst tutorial 6

This is looking fairly interesting, but I'm going for more of a "vortex" feel, so lets add some depth. Once you have colored your image flatten all the layers. To do this choose Layer > Flatten Image. Now go to Filter >Distort > Pinch.

starburst tutorial 7

Create simple light stripes effect in Photoshop

Create simple light stripes effect in Photoshop

Today I'm going to teach you a simple tutorial on creating a simple light stripes effect in Photoshop. The tutorial is simple and I think it's suitable for Photoshop beginners too. Before getting into the steps, please take a look at the final result below. This light stripes effect looks cool in both dark and bright, hot and cold background too, so I think it's a really cool and useful effect.

The final result

Create simple light stripes effect in Photoshop - final

Tutorial

First open a new document at any size you like, but preferable more than 1000px wide and 1500px height or higher. Then fill up the background with Linear Gradient from top to bottom with light colors. In this example I use: #c6dfe5, #ffdfb3, #969391. Then, by using the Ellipse Shape Tool, draw out some ellipses in the same layer like picture below. Well it looks like a group of clouds.

Step 1

Duplicate the Shape Layer that created just now and hide the original layer (for backup purposes). Then, by selecting the duplicated Shape Layer which containing the clouds, right click the layer in Layers Palette and select 「Rasterize Layer」 to rasterize it. Immediate after this, apply Gaussian Blur on it with about 10px Radius.

Now we are entering the core step in this tutorial. After rasterizing and applying Gaussian Blur, now select the Rectangular Marquee Tool, and draw a selection at the most left part of the cloud. Then, hit Ctrl+T to turn the selection into Transform mode. You can drag the selection longer (press alt while dragging to get equal dragging on both top and bottom part) and hit Enter to complete the step. Now, marquee select the next part of the cloud and repeat the step until the end like picture below.

Step 2

The step above is to create multiple length of light stripes. For better result, you can marquee selects them with different sizes of width, for example, some fatter and some thinner. Besides dragging longer, you can also make them shorter too. You can also overlap the new selection with the previous one to create richer result. The picture below are the result of the select+drag step.

Step 3

Well, the result does not look good at this moment. So, in the final step, select the layer and open up Motion Blur window (Filter > Blur > Motion Blur). In here you can smooth out the blurring effect even more, shown in the picture below. I'm using the maximum 250px Distance to achieve the smoother light stripes. Well this is the reason to use a bigger height of canvas so that the blurring effect won't get cut by the canvas boundary.

Now the light stripes effect is done! :D
Step 4

Light Stripes in action examples

This light stripes effect are quite flexible to useful too as mentioned earlier. The first example below, you can also use it to create a color spectrum with dark background. While the second example showing the application of light stripes effect in web design. Looks cool isn't it?

Light stripes become color spectrum