Watch Anime Online

Tag: Basic Tutorials

These items have all been tagged with the tag "Basic Tutorials", You can see other tags in the Tag Cloud

Photoshop Toolbar

Photoshop Rectangular Marquee Tool

Used to select a rectangular area.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Photoshop Elliptical Marquee Tool

Used to select an elliptical (round) area.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Photoshop Single Column Marquee Tool

Selects a single pixel column.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Photoshop Single Row Marquee Tool

Selects a single pixel row.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.


Photoshop Move Tool

Used to move a layer.
Use the mouse or the arrow keys to move it.

Photoshop Lasso Tool

Selects an area of your choice. Click and hold the left mouse button to select.
When the left mouse button is released the area will be closed with a straight line from the ending point to the starting point.
Hold ALT while selecting to create a straight line. You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Photoshop Magnetic Lasso Tool

Selects an area of your choice.
Click to start selecting, move the tool over the image to create the selection.
This tool will guess were you want to select by selecting were the colors differ the most in the area were you move your mouse.
If you think you should help it a bit just click were you want it to go next.
This tool is very nice if you want to select something on a background with a completely diffrent color.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Photoshop Polygonal Lasso Tool

Selects an area of your choice. Click to start selecting, then make the selection click by click.
The selection will go from point to point (were you clicked) with straight lines. Hold SHIFT while selecting to make horizontal, vertical or diagonal lines. You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.



Photoshop Magic Wand Tool

Selects a colored area.
Click in the area you want to select.
This tool will select an area that has one color.
For example if you click in a bright red area it will select the whole bright red area, but not the green area next to it.
By setting the tolerance higher it will also select the slightly darker and lighter red next to it.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Photoshop Crop Tool

This tool enables you to make a selection, and it will delete everything that is not in the selection.
Usefull is you only need a small part of a big image.

Photoshop Slice Tool

The slice tool is very usefull when building websites.
You can use it to tear an image down in to seperate images, put into a html table.
When you want to save the stuff go to File>Save for Web... or hit ALT+SHIFT+CRTL+S and save it.
Photoshop will automatically create a html file with the table for you.

Photoshop Slice Select Tool

The slice select tool is very usefull when building websites.
Use this tool to set the slices options.
Double click on a slice and an option menu will pop up with various html options like creating a link out of the image.

Photoshop Spot Healing Brush Tool

This tool can be used to repair an image.
When an image has a very small scratch or something like that, click on it with this tool and Photoshop will use a nearby color to fix the image.

Photoshop Healing Brush Tool

This tool can be used to repair an image.
When holding ALT you can select the source from were you want to copy.
After selecting the source, brushing over the image will copy from the source to the spot were you are brushing and repair the image.
This can be used to repair little scratches in the image.

Photoshop Patch Tool

This tool can be used to repair an image.
With this tool, select the part you want to repair.
Then move the selection to another place, and Photoshop will use the second position to repair the first position.



Photoshop Toolbar

Photoshop Rectangular Marquee Tool

Used to select a rectangular area.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Photoshop Elliptical Marquee Tool

Used to select an elliptical (round) area.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Photoshop Single Column Marquee Tool

Selects a single pixel column.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Photoshop Single Row Marquee Tool

Selects a single pixel row.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.


Photoshop Move Tool

Used to move a layer.
Use the mouse or the arrow keys to move it.

Photoshop Lasso Tool

Selects an area of your choice. Click and hold the left mouse button to select.
When the left mouse button is released the area will be closed with a straight line from the ending point to the starting point.
Hold ALT while selecting to create a straight line. You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Photoshop Magnetic Lasso Tool

Selects an area of your choice.
Click to start selecting, move the tool over the image to create the selection.
This tool will guess were you want to select by selecting were the colors differ the most in the area were you move your mouse.
If you think you should help it a bit just click were you want it to go next.
This tool is very nice if you want to select something on a background with a completely diffrent color.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Photoshop Polygonal Lasso Tool

Selects an area of your choice. Click to start selecting, then make the selection click by click.
The selection will go from point to point (were you clicked) with straight lines. Hold SHIFT while selecting to make horizontal, vertical or diagonal lines. You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.



Photoshop Magic Wand Tool

Selects a colored area.
Click in the area you want to select.
This tool will select an area that has one color.
For example if you click in a bright red area it will select the whole bright red area, but not the green area next to it.
By setting the tolerance higher it will also select the slightly darker and lighter red next to it.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Photoshop Crop Tool

This tool enables you to make a selection, and it will delete everything that is not in the selection.
Usefull is you only need a small part of a big image.

Photoshop Slice Tool

The slice tool is very usefull when building websites.
You can use it to tear an image down in to seperate images, put into a html table.
When you want to save the stuff go to File>Save for Web... or hit ALT+SHIFT+CRTL+S and save it.
Photoshop will automatically create a html file with the table for you.

Photoshop Slice Select Tool

The slice select tool is very usefull when building websites.
Use this tool to set the slices options.
Double click on a slice and an option menu will pop up with various html options like creating a link out of the image.

Photoshop Spot Healing Brush Tool

This tool can be used to repair an image.
When an image has a very small scratch or something like that, click on it with this tool and Photoshop will use a nearby color to fix the image.

Photoshop Healing Brush Tool

This tool can be used to repair an image.
When holding ALT you can select the source from were you want to copy.
After selecting the source, brushing over the image will copy from the source to the spot were you are brushing and repair the image.
This can be used to repair little scratches in the image.

Photoshop Patch Tool

This tool can be used to repair an image.
With this tool, select the part you want to repair.
Then move the selection to another place, and Photoshop will use the second position to repair the first position.



Photoshop CS3


Adobe Photoshop CS3 Public BetaUnless you have been hiding in a cupboard somewhere high in the Andes you have probably heard by now that Adobe has released a public beta of Photoshop CS3. As a beta tester (prior to this pubic release) I have been working with this software for some time now and would strongly recommend that you download this beta before Photoshop CS3 goes on sale. For G4 Mac laptop owners, and for those Mac users who have invested in the new Mac hardware sporting the new Intel chips, this public beta is your Christmas present from Adobe. Even if we stop talking about the new features that this public beta offers, the software delivers the speed you have probably been yearning for now.





Photoshop CS3


Adobe Photoshop CS3 Public BetaUnless you have been hiding in a cupboard somewhere high in the Andes you have probably heard by now that Adobe has released a public beta of Photoshop CS3. As a beta tester (prior to this pubic release) I have been working with this software for some time now and would strongly recommend that you download this beta before Photoshop CS3 goes on sale. For G4 Mac laptop owners, and for those Mac users who have invested in the new Mac hardware sporting the new Intel chips, this public beta is your Christmas present from Adobe. Even if we stop talking about the new features that this public beta offers, the software delivers the speed you have probably been yearning for now.





How to add a border around a photo

Let's add a border around a photo in a very simple way by using the "canvas size" menu in Photoshop.

1. Open the "canvas size" menu by image > canvas size

hosted at pbase | Photo Border


2. Opening the "canvas size " menu gives the following screen

hosted at pbase | Photo Border


3. Several options

3.1. Here we see the height and width of the photo in pixels at this moment. By chancing these number we will add an extra border to the photo. For instance, chanching the 500 into 550 will add 50px in width to the photo. Where those pixels are added and which color they have we'll see in the next paragraphs.

We do have a second possibility to add 50 pixels. If you check the " relative box ", the width and height numbers will reset to 0 (blue arrow). Typing 50 into the width box, will have the same effect as 550 in the previous case. With the relative box checked, you just see the actualy pixels being added.

3.2. Secondly we choose where the pixels are being added.

hosted at pbase | Photo Border

- In A we add pixels to the top, bottom and left. Oru 50 pixels in width out of the previous exemple will completely be added to the left in this case.
- In B we add a border to left, right and bottom. Our 50 pixels will equally be divided between left and right. So 25 pixels are added to both sides.
- In C pixels are added to top and right only.

3.3. We have 4 option in the way we define the color of the border.

3.3.1. With this option we can choose the fore- or background color we had already selected in the tool palet.

3.3.2. Gives us the opportunity to choose white, black or 50% gray (128,128,128)

3.3.3. Opens the color picker where you can choose any color you want.

3.3.4. Finally, when you choose 'Other...' in the previous option, you can select with the eye dropper any color on screen. This is very useful is you want to take a color from the picture itself.

4. Example :

4.1. Let's make a nice border around this lovely lady of 250*166 pixels.

hosted at pbase | Photo Border


4.2. First we add a black border of 2 pixels around the whole photo.

hosted at pbase | Photo Border   hosted at pbase | Photo Border


4.3. Secondly I added a 5 pixel border with a grey color of 225,225,225

hosted at pbase | Photo Border   hosted at pbase | Photo Border


4.4. Then I added a border of 25 pixels of the same grey color to the bottom alone. Such a space underneath is ideal to put text into.

hosted at pbase | Photo Border   hosted at pbase | Photo Border


4.5. And finally I did put a 2px black border all around to give a better display against the white background of this webpage.



hosted at pbase | Photo Border



How to add a border around a photo

Let's add a border around a photo in a very simple way by using the "canvas size" menu in Photoshop.

1. Open the "canvas size" menu by image > canvas size

hosted at pbase | Photo Border


2. Opening the "canvas size " menu gives the following screen

hosted at pbase | Photo Border


3. Several options

3.1. Here we see the height and width of the photo in pixels at this moment. By chancing these number we will add an extra border to the photo. For instance, chanching the 500 into 550 will add 50px in width to the photo. Where those pixels are added and which color they have we'll see in the next paragraphs.

We do have a second possibility to add 50 pixels. If you check the " relative box ", the width and height numbers will reset to 0 (blue arrow). Typing 50 into the width box, will have the same effect as 550 in the previous case. With the relative box checked, you just see the actualy pixels being added.

3.2. Secondly we choose where the pixels are being added.

hosted at pbase | Photo Border

- In A we add pixels to the top, bottom and left. Oru 50 pixels in width out of the previous exemple will completely be added to the left in this case.
- In B we add a border to left, right and bottom. Our 50 pixels will equally be divided between left and right. So 25 pixels are added to both sides.
- In C pixels are added to top and right only.

3.3. We have 4 option in the way we define the color of the border.

3.3.1. With this option we can choose the fore- or background color we had already selected in the tool palet.

3.3.2. Gives us the opportunity to choose white, black or 50% gray (128,128,128)

3.3.3. Opens the color picker where you can choose any color you want.

3.3.4. Finally, when you choose 'Other...' in the previous option, you can select with the eye dropper any color on screen. This is very useful is you want to take a color from the picture itself.

4. Example :

4.1. Let's make a nice border around this lovely lady of 250*166 pixels.

hosted at pbase | Photo Border


4.2. First we add a black border of 2 pixels around the whole photo.

hosted at pbase | Photo Border   hosted at pbase | Photo Border


4.3. Secondly I added a 5 pixel border with a grey color of 225,225,225

hosted at pbase | Photo Border   hosted at pbase | Photo Border


4.4. Then I added a border of 25 pixels of the same grey color to the bottom alone. Such a space underneath is ideal to put text into.

hosted at pbase | Photo Border   hosted at pbase | Photo Border


4.5. And finally I did put a 2px black border all around to give a better display against the white background of this webpage.



hosted at pbase | Photo Border



Creating Custom Shapes

Vector Shapes:
Vector shapes are incredibly handy, because they can be resized to suit any purpose without losing quality.

First, let’s draw our shape. I’m going to use the pen tool to do this and, using grid lines as my guide, I’m going to create a shape that is a sort of circle and square juxtaposed on top of one another (a.k.a. a squircle), like so:

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 15

I’m going to complete the shape, then use the path selection tool and drag over the entire shape to select all of the endpoints.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 16

Then go to Edit - Define Custom Shape and give the new shape a name and click “OK.” Once again, save your shapes by selecting the “Save Shapes” option in the Shapes palette menu.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 17

Now you can use your custom shape to create vector squircles whenever you like!

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 18




Creating Custom Shapes

Vector Shapes:
Vector shapes are incredibly handy, because they can be resized to suit any purpose without losing quality.

First, let’s draw our shape. I’m going to use the pen tool to do this and, using grid lines as my guide, I’m going to create a shape that is a sort of circle and square juxtaposed on top of one another (a.k.a. a squircle), like so:

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 15

I’m going to complete the shape, then use the path selection tool and drag over the entire shape to select all of the endpoints.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 16

Then go to Edit - Define Custom Shape and give the new shape a name and click “OK.” Once again, save your shapes by selecting the “Save Shapes” option in the Shapes palette menu.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 17

Now you can use your custom shape to create vector squircles whenever you like!

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 18




Creating custom patterns

Patterns:
One of the cool things about patterns is that, like brushes, they can have semi-transparent and transparent pixels, so let’s make a fading checkerboard pattern.

Start with a new image that’s 20×20px in size (I’m zooming in 10x to demonstrate). Create a new layer and hit D to reset the colors to their default black on white. Now grab your pencil tool and start drawing a checkerboard pattern on your canvas, like so.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 9

Continue until you’ve filled the canvas (you can just duplicate the first few rows a few times to make this go faster)

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 10

Now Ctrl+Click on the layer’s icon in the layers palette to load its selection. Then delete the layer.

Create another new layer and this time, select the gradient tool. Now select the “Foreground to Background” linear gradient.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 11

Drag from the top of the canvas down to the bottom of the canvas to make the faded checkerboard pattern. Then click on the eye icon next to the background layer in the layers palette to hide it.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 12

Next, with the checker layer still selected, go to Edit - Define Pattern and give your new pattern a name. Save your pattern the same way you saved your brush, by selecting “Save Pattern” from the Patterns palette menu.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 13

Now you can start using your pattern in your art!

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 14




Creating custom patterns

Patterns:
One of the cool things about patterns is that, like brushes, they can have semi-transparent and transparent pixels, so let’s make a fading checkerboard pattern.

Start with a new image that’s 20×20px in size (I’m zooming in 10x to demonstrate). Create a new layer and hit D to reset the colors to their default black on white. Now grab your pencil tool and start drawing a checkerboard pattern on your canvas, like so.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 9

Continue until you’ve filled the canvas (you can just duplicate the first few rows a few times to make this go faster)

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 10

Now Ctrl+Click on the layer’s icon in the layers palette to load its selection. Then delete the layer.

Create another new layer and this time, select the gradient tool. Now select the “Foreground to Background” linear gradient.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 11

Drag from the top of the canvas down to the bottom of the canvas to make the faded checkerboard pattern. Then click on the eye icon next to the background layer in the layers palette to hide it.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 12

Next, with the checker layer still selected, go to Edit - Define Pattern and give your new pattern a name. Save your pattern the same way you saved your brush, by selecting “Save Pattern” from the Patterns palette menu.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 13

Now you can start using your pattern in your art!

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 14




Creating Custom Brushes

Start building your own libraries of custom brushes, patterns and shapes. This tutorial will guide you through the steps to create re-usable presets from your artwork.

Brushes:
The basic steps for creating a custom brush in Photoshop are fairly simple. To begin, you want a new canvas upon which to create your artwork. I’m going to make a simple swirl brush.

Create a new layer and make a black square on that layer. Then go to Filter - Distort - Twirl and enter a value of 550.
Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 1
Next, create another new layer and make a white square, slightly smaller than the black one was. Hit Ctrl+F to repeat the Twirl filter effect.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 2

Now go to Layer - Flatten Image.

Next, go to Filter - Blur - Gaussian Blur Enter a value of 1.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 3

Now hit Ctrl+L to bring up the levels dialog and slide both end points toward the center until your shape is nice and smooth and crisp.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 4

Great! Now let’s make the actual brush. This is the easy part.

Use your rectangular marquee tool to make a selection around the shape we just made. Then go to Edit - Define Brush Preset. Give your brush a name and click OK.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 5

Now you can go to the Brush palette and adjust the brush options.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 6

Don’t forget to save your brushes when you’re done by bringing up the Brush palette options menu and selecting Save Brushes

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 7

You can now use your brush any time you like!

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 8




Creating Custom Brushes

Start building your own libraries of custom brushes, patterns and shapes. This tutorial will guide you through the steps to create re-usable presets from your artwork.

Brushes:
The basic steps for creating a custom brush in Photoshop are fairly simple. To begin, you want a new canvas upon which to create your artwork. I’m going to make a simple swirl brush.

Create a new layer and make a black square on that layer. Then go to Filter - Distort - Twirl and enter a value of 550.
Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 1
Next, create another new layer and make a white square, slightly smaller than the black one was. Hit Ctrl+F to repeat the Twirl filter effect.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 2

Now go to Layer - Flatten Image.

Next, go to Filter - Blur - Gaussian Blur Enter a value of 1.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 3

Now hit Ctrl+L to bring up the levels dialog and slide both end points toward the center until your shape is nice and smooth and crisp.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 4

Great! Now let’s make the actual brush. This is the easy part.

Use your rectangular marquee tool to make a selection around the shape we just made. Then go to Edit - Define Brush Preset. Give your brush a name and click OK.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 5

Now you can go to the Brush palette and adjust the brush options.

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 6

Don’t forget to save your brushes when you’re done by bringing up the Brush palette options menu and selecting Save Brushes

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 7

You can now use your brush any time you like!

Adobe Photoshop Tutorial - Custom brushes, patterns and shapes - Fig. 8




Glossy effect

 
Start by creating a new file of your choice. Fill the background with Linear gradient selecting #2E8FC0 as foreground and #2181BF as background.
Use Ellipse tool to draw a white color circle as shown:-
 
 
Select this layer by pressing control and clicking on its layer name in layer pallate. Set the foreground color to #ECF1EF & background color to #C5C8C0. Click on gradient tool and fill the selection with these colors. Now, apply inner shadow as shown:-
 
 
This will create the base of our lense.
 
 
Again create a smaller white color circle
 
Apply Gradient Overlay in it as shown:-
 
 
 
Create a new layer by pressing shift+control+n together. Now select elliptical marquee tool to draw a smaller oval shape as shown:-
 
 
Press "D" to change foreground and background color back to black and white. Press "x" to swap the colors. Now, select gradient tool and fill the selection with linear gradient.
 
 
Now, change the layer mode from normal to screen.
 
 
Select Rounded Rectangle tool and draw a white colored shape behind the lense base:-
 
 
First, rasterize this shape by right clicking on its layer name in layer pallate and select rasterize and than control+click on its layer name in layer pallate to select it. Set the foreground color to #529FFB and background to #3167E0. Fill the selection with linear gradient. Our glossy lense icon is ready.


 
If you read this tutorial carefully, you will find that I have used 4 gradients. First for filling the background, second for the lense base, third for lense handle and fourth gradient to have a Glass effect. Basic gradient selection i.e. selecting lighter and darker shades of same color is the key for these kind of objects. You will also notice that I have given the glass shade to the lense by filling it with gradient and than changing its color mode from normal to screen. So, this is the basic technique to create glossy or in other words "XP style" objects.
I hope you enjoy reading this simple tutorial and it helped you to learn something.



Glossy effect

 
Start by creating a new file of your choice. Fill the background with Linear gradient selecting #2E8FC0 as foreground and #2181BF as background.
Use Ellipse tool to draw a white color circle as shown:-
 
 
Select this layer by pressing control and clicking on its layer name in layer pallate. Set the foreground color to #ECF1EF & background color to #C5C8C0. Click on gradient tool and fill the selection with these colors. Now, apply inner shadow as shown:-
 
 
This will create the base of our lense.
 
 
Again create a smaller white color circle
 
Apply Gradient Overlay in it as shown:-
 
 
 
Create a new layer by pressing shift+control+n together. Now select elliptical marquee tool to draw a smaller oval shape as shown:-
 
 
Press "D" to change foreground and background color back to black and white. Press "x" to swap the colors. Now, select gradient tool and fill the selection with linear gradient.
 
 
Now, change the layer mode from normal to screen.
 
 
Select Rounded Rectangle tool and draw a white colored shape behind the lense base:-
 
 
First, rasterize this shape by right clicking on its layer name in layer pallate and select rasterize and than control+click on its layer name in layer pallate to select it. Set the foreground color to #529FFB and background to #3167E0. Fill the selection with linear gradient. Our glossy lense icon is ready.


 
If you read this tutorial carefully, you will find that I have used 4 gradients. First for filling the background, second for the lense base, third for lense handle and fourth gradient to have a Glass effect. Basic gradient selection i.e. selecting lighter and darker shades of same color is the key for these kind of objects. You will also notice that I have given the glass shade to the lense by filling it with gradient and than changing its color mode from normal to screen. So, this is the basic technique to create glossy or in other words "XP style" objects.
I hope you enjoy reading this simple tutorial and it helped you to learn something.



Photoshop History

Adobe Photoshop 1.0 - released in February 1990 for Macintosh.

Photoshop 1.0

Adobe Photoshop 2.0 - released in June 1991 for Macintosh. Main feature - support for Paths was introduced. In January 1992 version 2.0.1. appeared and later in November 1992 with release of version 2.5 it became compatible with Windows, and in November 1993 with IRIX and Solaris.

Photoshop 2.0

Adobe Photoshop 3.0 - released in September 1994, for Macintosh. In November versions for Windows, IRIX, Solaris were released as well. Introduction of Layers and Tabbed Pallets were among its special features.

Photoshop 3.0

Adobe Photoshop 4.0 - released in November 1996 for Macintosh and Windows. Special features included - Adjustment Layers and Actions. In August 1997 version 4.0.1 was released.

Photoshop 4.0

Adobe Photoshop 5.0 - released in May 1998 for Macintosh and Windows. In this version the History Pallete, which allowed canceling multiple actions, and the Magnetic Lasso tool were added as well as improved editing Type tool. In February 1999 version 5.5 was released, this time with the integrated ImageReady. Extract tool was also added.

Photoshop 5.0

Adobe Photoshop 6.0 - released in September 2000 for Macintosh and Windows. In this version the user interface was significantly improved. Also the Liquify filter and the Vector Shapes were added. Later in March 2001 Photoshop was updated to version 6.0.1.

Photoshop 6.0

Adobe Photoshop 7.0 - released in March 2002 for Mac OS and Windows. This version comes with further improvements to the Type tool and now it is completely vector. Another added tool is introduced - Healing Brush. In August 2002 version 7.0.1 was released, here for $99, the Camera RAW 1.x. plug-in was the most important introduction. It was developed by Thomas Knoll and allowed the user to read the RAW-formats of different digital cameras and to import them directly into Adobe Photoshop.

Photoshop 7.0

Adobe Photoshop CS (8.0) - released in October 2003 for Mac OS X and Windows. The plug-in Camera RAW was updated to version 2.x. The Slice tool also underwent major improvements. Shadow\Highlight and Match Color commands were added. Lens Blur filter and Smart Guides were included as well. Histogram now works in real-time.

Beginning from version 8 the product changed its name to Adobe CS. The CS abbreviation means that several applications are now integrated into one software package - Adobe Creative Suite. The following products are included into Adobe Photoshop package: Adobe Illustrator, Adobe InDesign, Adobe GoLive, Adobe Acrobat Professional, Version Cue, Adobe Bridge , Adobe Stock Photos and Dreamweaver 8 (after Macromedia was sold to Adobe). The logo was changed as well. Now it has feathers instead of an eye.

Photoshop CS (8.0)

Adobe Photoshop CS2 (9.0) - released in April 2005 for Mac OS X and Windows. Here the Camera RAW plug-in was updated to version 3.x. Smart Objects and other features were added, including: Image Warp, Lens Correction, Smart Sharpen, Vanishing Point. New Spot healing brush and Red-Eye tools were introduced. Layer editing was also improved.

Photoshop CS2 (9.0)

Adobe Photoshop CS3 (10.0) - planned to be released in spring 2007 for Mac OS X and Windows. You can download and try the beta-version of Photoshop CS3. The user interface underwent considerable reconstruction. Some new features were added: Smart Filters, Refine Edge, Auto bend Layers, Auto Align Layers, Black and White Conversion. 

Photoshop CS3 (10.0)

Hope my tutorial helped you to remember the whole history of Photoshop creation and now you'll be able to use it more effectively.




Photoshop History

Adobe Photoshop 1.0 - released in February 1990 for Macintosh.

Photoshop 1.0

Adobe Photoshop 2.0 - released in June 1991 for Macintosh. Main feature - support for Paths was introduced. In January 1992 version 2.0.1. appeared and later in November 1992 with release of version 2.5 it became compatible with Windows, and in November 1993 with IRIX and Solaris.

Photoshop 2.0

Adobe Photoshop 3.0 - released in September 1994, for Macintosh. In November versions for Windows, IRIX, Solaris were released as well. Introduction of Layers and Tabbed Pallets were among its special features.

Photoshop 3.0

Adobe Photoshop 4.0 - released in November 1996 for Macintosh and Windows. Special features included - Adjustment Layers and Actions. In August 1997 version 4.0.1 was released.

Photoshop 4.0

Adobe Photoshop 5.0 - released in May 1998 for Macintosh and Windows. In this version the History Pallete, which allowed canceling multiple actions, and the Magnetic Lasso tool were added as well as improved editing Type tool. In February 1999 version 5.5 was released, this time with the integrated ImageReady. Extract tool was also added.

Photoshop 5.0

Adobe Photoshop 6.0 - released in September 2000 for Macintosh and Windows. In this version the user interface was significantly improved. Also the Liquify filter and the Vector Shapes were added. Later in March 2001 Photoshop was updated to version 6.0.1.

Photoshop 6.0

Adobe Photoshop 7.0 - released in March 2002 for Mac OS and Windows. This version comes with further improvements to the Type tool and now it is completely vector. Another added tool is introduced - Healing Brush. In August 2002 version 7.0.1 was released, here for $99, the Camera RAW 1.x. plug-in was the most important introduction. It was developed by Thomas Knoll and allowed the user to read the RAW-formats of different digital cameras and to import them directly into Adobe Photoshop.

Photoshop 7.0

Adobe Photoshop CS (8.0) - released in October 2003 for Mac OS X and Windows. The plug-in Camera RAW was updated to version 2.x. The Slice tool also underwent major improvements. Shadow\Highlight and Match Color commands were added. Lens Blur filter and Smart Guides were included as well. Histogram now works in real-time.

Beginning from version 8 the product changed its name to Adobe CS. The CS abbreviation means that several applications are now integrated into one software package - Adobe Creative Suite. The following products are included into Adobe Photoshop package: Adobe Illustrator, Adobe InDesign, Adobe GoLive, Adobe Acrobat Professional, Version Cue, Adobe Bridge , Adobe Stock Photos and Dreamweaver 8 (after Macromedia was sold to Adobe). The logo was changed as well. Now it has feathers instead of an eye.

Photoshop CS (8.0)

Adobe Photoshop CS2 (9.0) - released in April 2005 for Mac OS X and Windows. Here the Camera RAW plug-in was updated to version 3.x. Smart Objects and other features were added, including: Image Warp, Lens Correction, Smart Sharpen, Vanishing Point. New Spot healing brush and Red-Eye tools were introduced. Layer editing was also improved.

Photoshop CS2 (9.0)

Adobe Photoshop CS3 (10.0) - planned to be released in spring 2007 for Mac OS X and Windows. You can download and try the beta-version of Photoshop CS3. The user interface underwent considerable reconstruction. Some new features were added: Smart Filters, Refine Edge, Auto bend Layers, Auto Align Layers, Black and White Conversion. 

Photoshop CS3 (10.0)

Hope my tutorial helped you to remember the whole history of Photoshop creation and now you'll be able to use it more effectively.





There are 16 items tagged with Basic Tutorials

PhotoshopCafe