Google

Istockphoto  

Wednesday, 29 October 2008

iStockphoto : royalty-free stock photography
please visit!
it's very helpfully for design reference!
click here!

AddThis Social Bookmark Button

Links to this post


IHEA Vector Curves Brushes for Photoshop  

Brush Details

ihea_vector_curve_brushes.jpg
click here to download
it's a nice photoshop brush and i used it for my works.

AddThis Social Bookmark Button

Links to this post


Photoshop Tutorial : Glossy Buttons  

Sunday, 19 October 2008

Example 11

Create some shiny glossy buttons for your website's menu system. This tutorial illustrates how to add a glossy finish to your buttons or other nifty shapes.

Photoshop 5+5+


1.

Start with a new image about 400x400 pixels with a background color of your choice, (the example uses white). Make any kind of wacky shape you'd like for your button (for this tutorial I will show you one particular shape, though you can use any shape you can imagine). Start by creating a new layer and using the ','black')" onmouseout="hidetooltip()">Rectangular Marquee Tool to draw a rectangle roughly the size you want your button to be.

Example 1

2.

Open the Channels palette and create a new channel. Fill the selection in with white, and deselect (CTRL+D). Now go to Filter » Blur » Gaussian Blur and use a setting of about 3.5. Click OK. Next go to Image » Adjust » Levels and drag the two bottom triangles towards the center until the button looks nice and smooth (see the example below). Click OK when done. Hold CTRL and click on the "Alpha 1" channel to select it. Click the Layers tab to return to the Layers Palette.

Example 2

3.

Create a new layer, make that layer current, and then fill your selection with your chosen color (the example uses R:255 G:126 B:0), and deselect (CTRL+D). Now to make the button more interesting go to Edit » Transform » Perspective. Drag the bottom right point inwards so that your button is shaped similar to the example (or of course feel free to experiment with other shapes).

Example 3

4.

Now, to make the highlight, create a new layer. Using the ','black')" onmouseout="hidetooltip()">Freeform Pen. Ensure that the "Paths" options is selected in the Options bar, and not "Shape Layers". Draw a rough wiggle circle around the top of the shape as seen in the example. Once you have your path, right click and choose "Make Selection" - use the default settings. If the path is still visible under the selection, right click again and choose "Delete Path". Now create a new layer and fill the selection in with white.

Example 4

5.

Next hold CTRL and click on "Layer 1" to select it. Go to Select » Modify » Contract and enter 1. Now go to Select » Inverse. Make sure you have "Layer 2" active and hit delete. Now hold CTRL and click on "Layer 2" to select it then hit DELETE about 4 times to completely get rid of the white. Do not lose the selection.

Example 5

6.

Now press D then X to reset the colors. Select the ','black')" onmouseout="hidetooltip()">Gradient Tool and ensure that it is set to Linear mode. In the options tab change the gradient type to "Foreground to Transparent" and drag the gradient from the top of the selection to the bottom. You should now get a highlight effect. If you'd like you can save the selection for later use by choosing Select » Save Selection » OK. Then press CTRL+D to deselect. If the bottom of the highlight isn't as well-blended into the rest of the button as you'd like, choose Filter » Blur » Gaussian Blur and add as much blur as needed to soften the edge of the highlight.

Example 6

7.

You have the highlight, now you need the dark shadow. Do the same as before, using the ','black')" onmouseout="hidetooltip()">Freeform Pen draw a wiggly line across the bottom of your button (see the example). Again, right click and choose "Make selection", use default settings, and if applicable, right click and choose "Delete Path". Now create a new layer - don't lose the selection.

Example 7

8.

Create a new layer, select the layer and fill the selection with black. Hold CTRL and click on "Layer 1" to select it. Go to Select » Modify » Contract and enter 1. Then, go to Select » Inverse and with "Layer 3" active in the layers palette, hit delete. Now hold CTRL and click on "Layer 3" to select it, hit DELETE about 4 times to remove all the black - do not lose the selection.

Example 8

9.

Now set black as your foreground color, and using a the ','black')" onmouseout="hidetooltip()">Linear Gradient at foreground to transparent still, drag from the bottom of the selection to the top (you may want to drag from a spot a bit below the selection and stop right at the top, so that the gradient won't appear too dark). Then Deselect (CTRL+D). Now you may want to blur the black shadow a little using Filter » Blur » Gaussian Blur (the example uses a setting of 3.0, with the layer's opacity lowered down to between 40-60). The button is now complete, so if you'd like to add a drop shadow at this point, select "Layer 1" and choose Layer » Effects » Drop Shadow, and adjust the settings to your preference.

Example 9

10.

When you add text make it the same color as the button but a lot darker. To make it look like it's inset into the button's surface, make a copy of the text layer by dragging it to the ','black')" onmouseout="hidetooltip()">New Layer icon in the Layers Palette. Drag the new copy layer below the first text layer and change the color of the duplicate text to white. Hold down CTRL to temporarily enable the Move Tool, and using the arrow keys on your keyboard, move it up a pixel and left a pixel. Set the layer blend mode to "Color Dodge". Go to Layer » Type » Render Layer (or depending on your version, right click on the text and choose Rasterize Type), and then Filter » Blur » Gaussian Blur, choose a setting of about 1.0. Finally, turn the bottom text layer's opacity down to about 50% and you're done.

Example 10

11.

Don't stop there though. Make some whacky shapes and see the cool effects you get. Just experiment and see what you can come up with.

AddThis Social Bookmark Button

Links to this post


Sun Day Design - part 2  

You must get the next result on this stage:

Create Sun Day Design Wallpaper in Photoshop CS3

Using the brush of yellow color, try to add on the picture more mist between the layer with the grass and the one with the rainbow:

Create Sun Day Design Wallpaper in Photoshop CS3

Applying the Rectangle Tool (U), make a new rectangle, applying the next Blending Options:

Create Sun Day Design Wallpaper in Photoshop CS3

Create Sun Day Design Wallpaper in Photoshop CS3

It’s the result we must get, but the color of the lines is not so important:

Create Sun Day Design Wallpaper in Photoshop CS3

Provide the same rasterizing operation that we did with the rainbow’s layer. Press Ctrl+Shift+U, making it this way a monochromatic one.

Create Sun Day Design Wallpaper in Photoshop CS3

Set the same Blending Mode shown below:

Create Sun Day Design Wallpaper in Photoshop CS3

Applying the Eraser Tool (E)

Eraser Tool (E). "" The Eraser tool changes pixels in the image as you drag through them. If you\'re working in the background or in a layer with transparency locked, the pixels change to the background color; otherwise, the pixels are erased to transparency. You can also use the eraser to return the affected area to a state selected in the History palette.'); return false">Eraser Tool (E)
, try to move off those parts of the layer demonstrated next picture:

Create Sun Day Design Wallpaper in Photoshop CS3

Make a spot of white color, choosing the brush for this operation:

Create Sun Day Design Wallpaper in Photoshop CS3

Select the Paint Bucket Tool (G)

Paint Bucket Tool (G). "" The Paint Bucket tool fills adjacent pixels that are similar in color value to the pixels you click.'); return false">Paint Bucket Tool (G)
to fill the new layer with white color and then insert on the layers’ panel the mask containing the cloud effect (Filter>Render>Clouds)

Create Sun Day Design Wallpaper in Photoshop CS3

You must get the same result from below:

Create Sun Day Design Wallpaper in Photoshop CS3

Using the Eraser Tool (E), try to move off the unnecessary parts to give the clouds a corresponding shape.

Create Sun Day Design Wallpaper in Photoshop CS3

Next insert a vector character out of the own library.

Create Sun Day Design Wallpaper in Photoshop CS3

… and several butterflies with the Custom Shape Tool (U)

Custom Shape Tool (U). "" You use the shape tools to draw lines, rectangles, rounded rectangles, and ellipses in an image. In Photoshop, you can also draw polygons and create custom shape libraries to reuse and share custom shapes.
'); return false">Custom Shape Tool (U)


Create Sun Day Design Wallpaper in Photoshop CS3

Create Sun Day Design Wallpaper in Photoshop CS3

The picture is finished!

thanks to: http://www.tutorialkit.com/tutorials/Sun-Day-Design-91679.html

AddThis Social Bookmark Button

Links to this post


Sun Day Design  

This tutorial will show you how to create sun day themed wallpaper.

For the beginning create a new file (File>New) of 1280x1024 px and 72 dpi. Select the Rectangle Tool (U) to stretch the element on the whole layer to represent the backside background. Select then the Blending Options>Gradient Overlay to set the next parameters, demonstrated below:

Create Sun Day Design Wallpaper in Photoshop CS3

Create Sun Day Design Wallpaper in Photoshop CS3

This is the way the new background should look like:

Create Sun Day Design Wallpaper in Photoshop CS3

On a new layer we’ll represent the grass. In this case we’ll select the Brush Tool (B)

Brush Tool (B). "" The brush tool is used for making good backgrounds and also on new layers they have different types so that you get a different effect with every brush you use.'); return false">Brush Tool (B)
and two standard brushes of two types, as it is indicated below:

Create Sun Day Design Wallpaper in Photoshop CS3

Set both black colors on the tools’ panel:

Create Sun Day Design Wallpaper in Photoshop CS3

… and represent the grass the next picture indicates it:

Create Sun Day Design Wallpaper in Photoshop CS3

Continue by representing the rainbow, drawing firstly a line by applying the same method we did with the background:

Create Sun Day Design Wallpaper in Photoshop CS3

Set the next indicated parameters:

Create Sun Day Design Wallpaper in Photoshop CS3

Create Sun Day Design Wallpaper in Photoshop CS3

We’ve got a rainbow line:

Create Sun Day Design Wallpaper in Photoshop CS3

Create a new layer, marking it on the layers’ palette both with the line’s layer. Press Ctrl+E for the layers to be put together:

Create Sun Day Design Wallpaper in Photoshop CS3

Select after that Filter>Distort>Shear to modify the line as it is shown below:

Create Sun Day Design Wallpaper in Photoshop CS3

You must get the same thing:

Create Sun Day Design Wallpaper in Photoshop CS3

Turn it over with Free Transform option (Ctrl+T)

Create Sun Day Design Wallpaper in Photoshop CS3

Increase the lightness (Ctrl+U):

Create Sun Day Design Wallpaper in Photoshop CS3

thanks to: http://www.tutorialkit.com/tutorials/Sun-Day-Design-91679.html

AddThis Social Bookmark Button

Links to this post


how to make a Improve photo quality true-colors in photoshop  

Saturday, 18 October 2008

how to make a Improve-photo-quality-true-colors in photoshop.


Here we will tell you how to make a Improve-photo-quality-true-colors in photoshop.

[1] Open your image.

Improve-photo-quality-true-colors1

[2] Go to Image>Mode>Lab color and select it.

Improve-photo-quality-true-colors2

[3] Now select the channel Pallate.

Improve-photo-quality-true-colors3

[4] Select only a channel. It should look like this.

Improve-photo-quality-true-colors4

[5] You should look like this.

Improve-photo-quality-true-colors5

[6] Now press CTRL+L and set these values for the levels.

Improve-photo-quality-true-colors6

[7] Do the same thing for the “b” channel and set these values.

Improve-photo-quality-true-colors7

[8] Now select the lab channel like in the picture.

Improve-photo-quality-true-colors9

[9] Your image something look like this.

Improve-photo-quality-true-colors10

[10] Now make the copy of Background Layer.

Improve-photo-quality-true-colors11

[11] Now press CTRL+L and set these values for the levels.

Improve-photo-quality-true-colors12

[12] See below for final photoshop output image. I hope this is a good tutorial and you can use these photoshop tips in your graphics design project.

Improve-photo-quality-true-colors13

thanks to: http://www.tutorialkit.com/tutorials/Learn-to-Improve-photo-quality-true-colors-10089.html

AddThis Social Bookmark Button

Links to this post


 

Design by Amanda @ Blogger Buster