Welcome to my blog . My blog has been transfer to design tuts. Please visit my website on Design Tuts+!
2009年5月11日 星期一
2009年3月3日 星期二
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.
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:
Now use Image > Adjustments > Brightness > Contrast to make clouds more contrast:
Now, we have picture like this one:
After that apply Filter > Noise > Add Noise with similar settings to these:
Your picture should look as mine:
Then select Single Row Marquee Tool and make selection as below:
Press Ctrl+T to transform the selection and move it up and down. Now your have a picture like this:
Deselect chosen area with Ctrl+D and apply the following layer style:
• Gradient Overlay
See the difference now:
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:
Then chose another one brush with presets similar to these (it is also standard Photoshop brush):
And make holes in this layer:
Ok, now apply Filter > Blur > Motion Blur with the next presets:
To get the next picture:
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:
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:
Create a new layer, then right-click and select Stroke Path.
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:
Next right click again and select Delete Path. Add two more lines, making the same things two more times:
Now select the Polygonal Lasso Tool to make selection of small part of line as below:
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:
Also you can blur more parts of different lines:
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.
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.
Make the last one layer for white rounds. Do the same things again.
Ok, merge all layers with white rounds and lines in one and apply the following layer style:
• Gradient Overlay
Now your canvas should look as mine:
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:
See the difference:
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.
Well, I think I've pretty much explained all I can for this tutorial!
Starburst Photoshop Tutorial
Start off by making a nice black to white gradient.
Next choose Filter > Distort > Wave and use the following settings, or choose some of your own to get a unique effect.
Next choose Filter > Distort > Polar Coordinates, and use the default settings.
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"
While your still on this second layer we are going to add one more filter. Choose Filter > Distort > Twirl.
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.
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.
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
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.
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.
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.
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!
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?