Photoshop Tutorials, Photos
Tag: Tutorials
These items have all been tagged with the tag "Tutorials", You can see other tags in the Tag Cloud
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 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.
Unless 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. Unless 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. 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
2. Opening the "canvas size " menu gives the following screen
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.
- 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.
4.2. First we add a black border of 2 pixels around the whole photo.
4.3. Secondly I added a 5 pixel border with a grey color of 225,225,225
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.
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.
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
2. Opening the "canvas size " menu gives the following screen
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.
- 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.
4.2. First we add a black border of 2 pixels around the whole photo.
4.3. Secondly I added a 5 pixel border with a grey color of 225,225,225
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.
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.
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:
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.
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.
Now you can use your custom shape to create vector squircles whenever you like!
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:
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.
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.
Now you can use your custom shape to create vector squircles whenever you like!
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.
Continue until you’ve filled the canvas (you can just duplicate the first few rows a few times to make this go faster)
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.
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.
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.
Now you can start using your pattern in your art!
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.
Continue until you’ve filled the canvas (you can just duplicate the first few rows a few times to make this go faster)
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.
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.
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.
Now you can start using your pattern in your art!
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.
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.
Now go to Layer - Flatten Image.
Next, go to Filter - Blur - Gaussian Blur Enter a value of 1.
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.
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.
Now you can go to the Brush palette and adjust the brush options.
Don’t forget to save your brushes when you’re done by bringing up the Brush palette options menu and selecting Save Brushes
You can now use your brush any time you like!
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.
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.
Now go to Layer - Flatten Image.
Next, go to Filter - Blur - Gaussian Blur Enter a value of 1.
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.
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.
Now you can go to the Brush palette and adjust the brush options.
Don’t forget to save your brushes when you’re done by bringing up the Brush palette options menu and selecting Save Brushes
You can now use your brush any time you like!
and draw a white colored shape behind the lense base:-
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.
and draw a white colored shape behind the lense base:-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.
Adobe Photoshop 1.0 - released in February 1990 for Macintosh.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Hope my tutorial helped you to remember the whole history of Photoshop creation and now you'll be able to use it more effectively.
Adobe Photoshop 1.0 - released in February 1990 for Macintosh.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Hope my tutorial helped you to remember the whole history of Photoshop creation and now you'll be able to use it more effectively.
| Start by creating a six points star shape using polygon shape tool. |
 |
|
From “Filter” menu select “Distort>>Twirl”. Apply settings as shown. |
 |
| Double click the layer to open layer style window. Apply settings as shown. |
 |
 |
 |
 |
 |
| Create a new layer and select brush as shown. |
 |
| Press F5 to open brush settings. Apply settings as shown. |
 |
 |
 |
| Apply the brush randomly as shown. Move this layer below all the layers in layer order in layer palette. Duplicate the layer. Press Ctrl+T. Right click and select Flip Vertical. Hide this layer. |
 |
| Create a new layer. Select brush tool with feathered settings. Select violet as foreground color and apply brush strokes randomly as shown. |
 |
| Select the star layer and change the layer mode to "color dodge". |
 |
| Duplicate the layer. Press Ctrl+T and rotate it 15°. |
 |
| Create two more duplicates of this layer and rotate each layer further by 15°. |
 |
| Select all the twirl layers. Press Ctrl+T. Right Click and select distort. Adjust the nodes to get the shape as shown. |
 |
| Open animation window. For the first frame hide three duplicates off twirl layer. Also hide one of the stars layers. |
 |
| Duplicate frame. Hide the first twirl layer and unhide the second duplicate. Also hide the first stars layer and unhide the flipped one. Similarly duplicate frames and repeat the above steps to reveal the rest of the duplicates of twirl layer with stars layer hide/unhide every alternate frame. |
 |
| Press Ctrl+Alt+Shift+S to save an optimized animated GIF. |
 |
| Start by creating a six points star shape using polygon shape tool. |
|
|
|
From “Filter” menu select “Distort>>Twirl”. Apply settings as shown. |
|
|
| Double click the layer to open layer style window. Apply settings as shown. |
|
|
|
|
|
|
|
|
|
|
| Create a new layer and select brush as shown. |
|
|
| Press F5 to open brush settings. Apply settings as shown. |
|
|
|
|
|
|
| Apply the brush randomly as shown. Move this layer below all the layers in layer order in layer palette. Duplicate the layer. Press Ctrl+T. Right click and select Flip Vertical. Hide this layer. |
|
|
| Create a new layer. Select brush tool with feathered settings. Select violet as foreground color and apply brush strokes randomly as shown. |
|
|
| Select the star layer and change the layer mode to "color dodge". |
|
|
| Duplicate the layer. Press Ctrl+T and rotate it 15°. |
|
|
| Create two more duplicates of this layer and rotate each layer further by 15°. |
|
|
| Select all the twirl layers. Press Ctrl+T. Right Click and select distort. Adjust the nodes to get the shape as shown. |
|
|
| Open animation window. For the first frame hide three duplicates off twirl layer. Also hide one of the stars layers. |
|
|
| Duplicate frame. Hide the first twirl layer and unhide the second duplicate. Also hide the first stars layer and unhide the flipped one. Similarly duplicate frames and repeat the above steps to reveal the rest of the duplicates of twirl layer with stars layer hide/unhide every alternate frame. |
|
|
| Press Ctrl+Alt+Shift+S to save an optimized animated GIF. |
|
|
Create a magnificent animated lightning strike.
1. Create a new document or open an image.
2. Create a new layer and use a lightning brush to create a nice lightning. I got my brushes from here.
3. OK, now export the document to ImageReady. Click the icon on the bottom of the tool window.
4. Open the Animation Window (Window >> Animation) and press on Duplicate Current Frame and create 4 frames.
5. In the first frame, make the first layer (the one with the lightning) invisible, by clicking on the eye icon in front of the layer. Do the same for the 3rd layer.
6. Ok, now select the first frame, hold Ctrl key and select the second one also. You now must have both frames selected. Click on the tween button, enter 7 frames and hit ok.
7. Now select the third and the fourth frame and add another tween, only this time put 2 or 3 frames. And that’s it.
8. If you use an image, you can make something like this. Pretty spectacular, huh? Enjoy!
Create a magnificent animated lightning strike.
1. Create a new document or open an image.
2. Create a new layer and use a lightning brush to create a nice lightning. I got my brushes from here.
3. OK, now export the document to ImageReady. Click the icon on the bottom of the tool window.
4. Open the Animation Window (Window >> Animation) and press on Duplicate Current Frame and create 4 frames.
5. In the first frame, make the first layer (the one with the lightning) invisible, by clicking on the eye icon in front of the layer. Do the same for the 3rd layer.
6. Ok, now select the first frame, hold Ctrl key and select the second one also. You now must have both frames selected. Click on the tween button, enter 7 frames and hit ok.
7. Now select the third and the fourth frame and add another tween, only this time put 2 or 3 frames. And that’s it.
8. If you use an image, you can make something like this. Pretty spectacular, huh? Enjoy!
Do you want to create an amazing avatar? Do you want to make it remarkable? Then this tutorial is for you. Here I will tell you how to create an unusual effect, bright and eye-catching. Here it is, have a look.
It looks like a never ending approach to the city. It is based on 2 layers, one near and one distant, slightly rotated and magnified, then the color is inverted and layers are put back to their initial position. While inverting the color it is hard to keep everything in its place. So, it appears to be on a permanent approach. But everything will appear in its turn.
First, take two similar pictures of a city at night. I selected a couple of pictures of Hong Kong .
This one will be the background (I'll call it Background Hong Kong)
And this one will be the foreground - (I'll call it Foreground Hong Kong)
Don't worry about different size. The most important thing is that they fit in style and color.
Open the foreground image in Photoshop, and using the Extract Tool cut the front building out of the background. You can learn more about Extract Tool in this tutorial.
Don't worry about perfection when cutting the buildings out - all the defects will be hidden.
Now, open the background image in Photoshop and drag the cut out foreground layer to it. Next, move it to the specified place with the help of Move tool, just like I did with this one:
Duplicate Hong Kong Background and Foreground layers. Select the duplicated Foreground Hong Kong layer and press Ctrl+T. Make the following changes: move the rotation control point to the lower left corner (that one, which is in the center by default), make the rotation angle -1, press the Constrain Aspect Ratio button, and increase the width by 10 pixels.
Do the same for Background Hong Kong, but this time make rotation angle +1. Also you can increase the width by 20 pixels instead of 10.
Now using the Crop tool resize the picture to match the size of the smaller one. You should have something like this:
Now duplicate each layer and invert their color.
Here comes the most interesting part - animation. Create 4 frames in the Animation Panel (3 more than the one you have)
Leave visible 2 initial layers, Background and Foreground for the first frame: (beginning of animation, everything in its place).
For the second frame leave visible 2 initial layers with rotation: Background Copy and Foreground Copy (the city rotates a bit as if we are approaching it).
For the third frame leave visible 2 initial inverted layers: Background Invert and Foreground Invert (the city goes back in its place, but the colors are inverted and the human eye cannot recognize the rotation back).
For the forth frame leave visible 2 inverted layers with rotation: Background Copy Invert and Foreground Copy Invert (color changes back to normal, but rotation has just occurred).
That ' s it . Make the visible 0.1 second and Save the results.
Do you want to create an amazing avatar? Do you want to make it remarkable? Then this tutorial is for you. Here I will tell you how to create an unusual effect, bright and eye-catching. Here it is, have a look.
It looks like a never ending approach to the city. It is based on 2 layers, one near and one distant, slightly rotated and magnified, then the color is inverted and layers are put back to their initial position. While inverting the color it is hard to keep everything in its place. So, it appears to be on a permanent approach. But everything will appear in its turn.
First, take two similar pictures of a city at night. I selected a couple of pictures of Hong Kong .
This one will be the background (I'll call it Background Hong Kong)
And this one will be the foreground - (I'll call it Foreground Hong Kong)
Don't worry about different size. The most important thing is that they fit in style and color.
Open the foreground image in Photoshop, and using the Extract Tool cut the front building out of the background. You can learn more about Extract Tool in this tutorial.
Don't worry about perfection when cutting the buildings out - all the defects will be hidden.
Now, open the background image in Photoshop and drag the cut out foreground layer to it. Next, move it to the specified place with the help of Move tool, just like I did with this one:
Duplicate Hong Kong Background and Foreground layers. Select the duplicated Foreground Hong Kong layer and press Ctrl+T. Make the following changes: move the rotation control point to the lower left corner (that one, which is in the center by default), make the rotation angle -1, press the Constrain Aspect Ratio button, and increase the width by 10 pixels.
Do the same for Background Hong Kong, but this time make rotation angle +1. Also you can increase the width by 20 pixels instead of 10.
Now using the Crop tool resize the picture to match the size of the smaller one. You should have something like this:
Now duplicate each layer and invert their color.
Here comes the most interesting part - animation. Create 4 frames in the Animation Panel (3 more than the one you have)
Leave visible 2 initial layers, Background and Foreground for the first frame: (beginning of animation, everything in its place).
For the second frame leave visible 2 initial layers with rotation: Background Copy and Foreground Copy (the city rotates a bit as if we are approaching it).
For the third frame leave visible 2 initial inverted layers: Background Invert and Foreground Invert (the city goes back in its place, but the colors are inverted and the human eye cannot recognize the rotation back).
For the forth frame leave visible 2 inverted layers with rotation: Background Copy Invert and Foreground Copy Invert (color changes back to normal, but rotation has just occurred).
That ' s it . Make the visible 0.1 second and Save the results.
1) Open the picture you want to animate and then copy and paste the image into a new document with a Transparent Layer. I will explain later what this does but it is a very important step.
2) Duplicate the layer of the image:
3) Change the opacity of the layer that you duplicated to 50%:
4) Click the little arrow in the Animation panel and then click Make Frames From Layers. If you cannot see the Animation panel then click Window > Animation.
5) Select the 2nd frame in pallete and click the Tween button. Before doing this, make sure when you have selected the 2nd frame in the Animation panel, only the 2nd layer in the Layer Pallete should have a eye on the left side of it and when you have selected the 1st frame in the animation panel, only the original layer should have an eye on its left. Any additional eyes, just click them to take them away. Eyes = Layer Visible:
6) When the tween screen pops up after you have clicked the tween button, apply these settings then click ok:
7) Click the last layer in the Animation Panel(should be 7th) and then click the arrow and click New Layer as in the screenshot below:
Make sure that when you clicked the frame you just made, only the first layer is visible:
8) Click the tween button on the newly created frame in the Animation Panel and do the settings below. And then click Ok:
9) Make the delay of every layer 0.2 Seconds:
You can end the tutorial here or carry on to Step 10. End it here by clicking File > Save Optimized As and then choosen .gif as the type. If there is no .gif there then you didn't paste the image into a new layer which means you probably will have to do this again.
10) Now, duplicate the layer that was duplicated before and move the new layer to the top in the layers pallete.Make sure that the Opacity of the new layer is 100%. Create a new frame in the Animations Pallete. Make sure that the new layer is the only visible in the Layers Pallete when you select the Frame you just made in the Animations Pallete.
11) Press Control + T and resize the layer to the middle like the screenshot below:
12) Tween the frame with the previous frame using the same old settings.
13) Create a new Frame, make Layer 1 visible on it and click the Tween button using the same settings like you've used before.
14) File > Save Optimized As and choose .gif as type then save it.
There you go, you've got a full finished simple animated product now.
This is what I got:
1) Open the picture you want to animate and then copy and paste the image into a new document with a Transparent Layer. I will explain later what this does but it is a very important step.
2) Duplicate the layer of the image:
3) Change the opacity of the layer that you duplicated to 50%:
4) Click the little arrow in the Animation panel and then click Make Frames From Layers. If you cannot see the Animation panel then click Window > Animation.
5) Select the 2nd frame in pallete and click the Tween button. Before doing this, make sure when you have selected the 2nd frame in the Animation panel, only the 2nd layer in the Layer Pallete should have a eye on the left side of it and when you have selected the 1st frame in the animation panel, only the original layer should have an eye on its left. Any additional eyes, just click them to take them away. Eyes = Layer Visible:
6) When the tween screen pops up after you have clicked the tween button, apply these settings then click ok:
7) Click the last layer in the Animation Panel(should be 7th) and then click the arrow and click New Layer as in the screenshot below:
Make sure that when you clicked the frame you just made, only the first layer is visible:
8) Click the tween button on the newly created frame in the Animation Panel and do the settings below. And then click Ok:
9) Make the delay of every layer 0.2 Seconds:
You can end the tutorial here or carry on to Step 10. End it here by clicking File > Save Optimized As and then choosen .gif as the type. If there is no .gif there then you didn't paste the image into a new layer which means you probably will have to do this again.
10) Now, duplicate the layer that was duplicated before and move the new layer to the top in the layers pallete.Make sure that the Opacity of the new layer is 100%. Create a new frame in the Animations Pallete. Make sure that the new layer is the only visible in the Layers Pallete when you select the Frame you just made in the Animations Pallete.
11) Press Control + T and resize the layer to the middle like the screenshot below:
12) Tween the frame with the previous frame using the same old settings.
13) Create a new Frame, make Layer 1 visible on it and click the Tween button using the same settings like you've used before.
14) File > Save Optimized As and choose .gif as type then save it.
There you go, you've got a full finished simple animated product now.
This is what I got:
n this tutorial I am going to show you how to make a userbar and
then animate it with other userbars you create.
Making a userbar :
1) File > New and do the settings below
2) Create a new layer. Layer > New > Layer
3) Choose any colours in the colour pallete. I chose #00a8c6 for foreground and #afafaf for background.
4) Choose the gradient tool
5) While the gradient tool is selected, point your mouse to the top of the document and drag it to the bottom of it so it creates a gradient
6) Create a new document 3 by 3 pixels with a transparent background and zoom into it to 1600%.
7) Select the pencil tool and using size 1, create 3 dots from top to bottom diagonally.
Click Edit > Define Pattern and name it whatever you want then in the userbar document, create a new layer and select everything by click CTRL + A and go to Edit > Fill and choose the pattern you made and click Ok.
You might find it better if you choose to lower the Opacity if you have chosen dark colours like I have. I lowered Opacity to
45% from the layers pallete on the bottom left corner.
This is what I have so far :
8) Now find a subject of your user for example mine is going to be Firefox so I found a picture of Firefox logo and pasted it into my document and resized it so it fit on my document.
9) Now its time to add the text. Use the font Visitor TT2 (BRK) which you can get at :
http://www.webpagepublicity.com/free-fonts...TT2%20-BRK-.ttf
My font colour was white and size 14. I added a black stroke of 1px by right clicking the text layer and going to Stroke.
10) Now to add an effect you will need to do the following :
Make a new layer and get the Elliptal Marque Tool and draw an ellips from top left to bottom right then move it up with arrow keys so its only showing half. Click Edit > Fill and choose White and click Ok. Reduce the opacity of the layer with the ellipse so it looks something cool.
11) Now select all of the document by pressing CTRL + A and then click Edit > Stroke. Add a 1px black stroke and make sure that the Location is Inside. Then your userbar is complete.
Now make arround 4 more userbars then we will animate them.
These are the userbars I am going to animate :-
Animating the userbar:
To animate the userbar you will need to do the following :-
1) Open image ready and create a 350x19 document with a
Transparent Layer.
2) Now paste the userbars you made so they are on different layers.
3) Click the arrow on the Animation Panel. If you can't see it then click Window > Animation. Click Make Frames From Layers.
4) Now select the Second frame in the Animation Panel and click
the Tween Button : 
and use the following settings :
5) Go to Frame 8 now and use the same settings for tweening and then for Frames 9 and 10 aswell.
6) Now change the Delay Duration of each Frame to 0.2 but change to 1.0 Seconds in Frame 1, Frame 7, Frame 13, Frame 19 and Frame
25.This is my Final Product :
n this tutorial I am going to show you how to make a userbar and
then animate it with other userbars you create.
Making a userbar :
1) File > New and do the settings below
2) Create a new layer. Layer > New > Layer
3) Choose any colours in the colour pallete. I chose #00a8c6 for foreground and #afafaf for background.
4) Choose the gradient tool
5) While the gradient tool is selected, point your mouse to the top of the document and drag it to the bottom of it so it creates a gradient
6) Create a new document 3 by 3 pixels with a transparent background and zoom into it to 1600%.
7) Select the pencil tool and using size 1, create 3 dots from top to bottom diagonally.
Click Edit > Define Pattern and name it whatever you want then in the userbar document, create a new layer and select everything by click CTRL + A and go to Edit > Fill and choose the pattern you made and click Ok.
You might find it better if you choose to lower the Opacity if you have chosen dark colours like I have. I lowered Opacity to
45% from the layers pallete on the bottom left corner.
This is what I have so far :
8) Now find a subject of your user for example mine is going to be Firefox so I found a picture of Firefox logo and pasted it into my document and resized it so it fit on my document.
9) Now its time to add the text. Use the font Visitor TT2 (BRK) which you can get at :
http://www.webpagepublicity.com/free-fonts...TT2%20-BRK-.ttf
My font colour was white and size 14. I added a black stroke of 1px by right clicking the text layer and going to Stroke.
10) Now to add an effect you will need to do the following :
Make a new layer and get the Elliptal Marque Tool and draw an ellips from top left to bottom right then move it up with arrow keys so its only showing half. Click Edit > Fill and choose White and click Ok. Reduce the opacity of the layer with the ellipse so it looks something cool.
11) Now select all of the document by pressing CTRL + A and then click Edit > Stroke. Add a 1px black stroke and make sure that the Location is Inside. Then your userbar is complete.
Now make arround 4 more userbars then we will animate them.
These are the userbars I am going to animate :-
Animating the userbar:
To animate the userbar you will need to do the following :-
1) Open image ready and create a 350x19 document with a
Transparent Layer.
2) Now paste the userbars you made so they are on different layers.
3) Click the arrow on the Animation Panel. If you can't see it then click Window > Animation. Click Make Frames From Layers.
4) Now select the Second frame in the Animation Panel and click
the Tween Button :
and use the following settings :
5) Go to Frame 8 now and use the same settings for tweening and then for Frames 9 and 10 aswell.
6) Now change the Delay Duration of each Frame to 0.2 but change to 1.0 Seconds in Frame 1, Frame 7, Frame 13, Frame 19 and Frame
25.This is my Final Product :
|
Creating a glitter effect |
|
Start by creating a heart shape using custom shape tool. |
 |
| Double click the layer to open layer style window. Apply layer style with the settings shown. |
|
|
 |
 |
 |
| Create a circular selection using elliptical marquee tool. Create a new layer and apply a black to white gradient in linear mode. |
 |
| Change the layer mode to screen. |
|
|
| Using eraser tool with feather brush setting erase some of the bottom portion of this layer. |
|
|
| Duplicate the layer for the other side. |
 |
| Select heart shape layer. From layer menu select layer style>>create layers. Now select the stroke layer from the resulting layers. From filter menu select noise>>add noise. Apply settings as shown. |
|
|
 |
| Except the stroke layer, select and merge all other heart layers. Press Ctrl+F to reapply noise filter on the resulting merged layer. |
 |
| Press Q to enable quick mask. From filter menu select pixelate>>mezzotint. Apply settings as shown. |
 |
| Press Q to disable quick mask. |
 |
| Create a new layer and fill it with white color. |
 |
| Ctrl+Click the stroke layer thumbnail to get the selection. Press Ctrl+Shift+I to inverse the selection. Press delete to remove the glitter outside the heart shape. Create two more glitter layers with random settings. |
 |
| Apply the same technique over the text layer. |
 |
| Open animation window. For the first frame keep the original glitter layer visible. Hide the other two glitter layers. |
 |
| Duplicate frame. Hide the first glitter layer and unhide the second one. |
 |
| Duplicate frame. Hide the first second layer and unhide the third one. |
 |
| Press Ctrl+Alt+Shift+S to save an optimized animated GIF. |
|
|
|
Creating a glitter effect |
|
Start by creating a heart shape using custom shape tool. |
|
|
| Double click the layer to open layer style window. Apply layer style with the settings shown. |
|
|
|
|
|
|
|
|
| Create a circular selection using elliptical marquee tool. Create a new layer and apply a black to white gradient in linear mode. |
|
|
| Change the layer mode to screen. |
|
|
| Using eraser tool with feather brush setting erase some of the bottom portion of this layer. |
|
|
| Duplicate the layer for the other side. |
|
|
| Select heart shape layer. From layer menu select layer style>>create layers. Now select the stroke layer from the resulting layers. From filter menu select noise>>add noise. Apply settings as shown. |
|
|
|
|
| Except the stroke layer, select and merge all other heart layers. Press Ctrl+F to reapply noise filter on the resulting merged layer. |
|
|
| Press Q to enable quick mask. From filter menu select pixelate>>mezzotint. Apply settings as shown. |
|
|
| Press Q to disable quick mask. |
|
|
| Create a new layer and fill it with white color. |
|
|
| Ctrl+Click the stroke layer thumbnail to get the selection. Press Ctrl+Shift+I to inverse the selection. Press delete to remove the glitter outside the heart shape. Create two more glitter layers with random settings. |
|
|
| Apply the same technique over the text layer. |
|
|
| Open animation window. For the first frame keep the original glitter layer visible. Hide the other two glitter layers. |
|
|
| Duplicate frame. Hide the first glitter layer and unhide the second one. |
|
|
| Duplicate frame. Hide the first second layer and unhide the third one. |
|
|
| Press Ctrl+Alt+Shift+S to save an optimized animated GIF. |
|
|
Start out a new document at 300x299. Fill the layer with #000000.
On a new layer, create a circular selection with your circular marquee tool and fill it with the radial gradient and with the following colors: foreground - #373739; background-#555459.
On another layer, select the circular graphic you just created and move your selection down. Hit Delete.
Again, on another layer, fill the selection with #000000 and #ffffff.
Move your selection down again, and hit delete.
Merge the two layers together, and duplicate it. You should have something that appears similar to below.
Create a new layer, Ctrl+Select the cable layer, and fill it with the following gradient.
Apply the gradient on the new layer, change the blending mode to Softlight.
Merge the two layers together. Duplicate the cable a few times.
Now, go to Filter/Distort/Shear and apply various settings to your cables.
Other things that look good is to change the color of a couple cables.
Start out a new document at 300x299. Fill the layer with #000000.
On a new layer, create a circular selection with your circular marquee tool and fill it with the radial gradient and with the following colors: foreground - #373739; background-#555459.
On another layer, select the circular graphic you just created and move your selection down. Hit Delete.
Again, on another layer, fill the selection with #000000 and #ffffff.
Move your selection down again, and hit delete.
Merge the two layers together, and duplicate it. You should have something that appears similar to below.
Create a new layer, Ctrl+Select the cable layer, and fill it with the following gradient.
Apply the gradient on the new layer, change the blending mode to Softlight.
Merge the two layers together. Duplicate the cable a few times.
Now, go to Filter/Distort/Shear and apply various settings to your cables.
Other things that look good is to change the color of a couple cables.
Copy the layer, applying Layer � Duplicate Layer and erase the previous layer, using Delete Layer button in the Layers window. Change a little the brightness of the picture, using next combination: Image � Adjustments � Levels (ctrl+L)
Apply next the Crop Tool for dividing the picture in several sequences for the picture to look more successful.
Apply now the Patch Tool to erase the patches from the face, by marking out the necessary part to retouch and moving it on the place without defects.
Pass to the menu Filter � Liquefy (shift+ctrl+x) and use Turbulence Tool to correct the face�s traits by very careful and blurring motions. Improve the lips also.
Raise a little the eyebrow.
Make the nose a little thinner:
Using a different size for the brush, it�s possible to narrow a little the face�s oval:
Then narrow out a little the picture, just for the face not to look so long, applying Edit � Free Transform (ctrl+t)
Erase the rest of the picture that is not necessary for processing, using the Crop Tool. Applying Polygonal Lasso Tool, mark out the face, deviating a little from the face�s edges. After that, change the instrument�s adjustments to erase the markings from the eyes, lips and the nostrils.
Copy this part now: Edit � Copy (ctrl+c) and insert it on a new layer: Edit � Paste (ctrl+v). Blur out the layer that we�ve got, making use of next combination: Filter � Blur � Gaussian Blur.
Minimize the layer�s Opacity till 69%.
Copy the layer, applying Layer � Duplicate Layer and erase the previous layer, using Delete Layer button in the Layers window. Change a little the brightness of the picture, using next combination: Image � Adjustments � Levels (ctrl+L)
Apply next the Crop Tool for dividing the picture in several sequences for the picture to look more successful.
Apply now the Patch Tool to erase the patches from the face, by marking out the necessary part to retouch and moving it on the place without defects.
Pass to the menu Filter � Liquefy (shift+ctrl+x) and use Turbulence Tool to correct the face�s traits by very careful and blurring motions. Improve the lips also.
Raise a little the eyebrow.
Make the nose a little thinner:
Using a different size for the brush, it�s possible to narrow a little the face�s oval:
Then narrow out a little the picture, just for the face not to look so long, applying Edit � Free Transform (ctrl+t)
Erase the rest of the picture that is not necessary for processing, using the Crop Tool. Applying Polygonal Lasso Tool, mark out the face, deviating a little from the face�s edges. After that, change the instrument�s adjustments to erase the markings from the eyes, lips and the nostrils.
Copy this part now: Edit � Copy (ctrl+c) and insert it on a new layer: Edit � Paste (ctrl+v). Blur out the layer that we�ve got, making use of next combination: Filter � Blur � Gaussian Blur.
Minimize the layer�s Opacity till 69%.
|
To begin this tutorial you will need a couple of images. I simply googled "Gollum" and got 18,700 results and found the below images. To use these images, simply click on them to download.
|
 |
 |
|
Once opened in Photoshop, you can drag the headshot image of "Gollum" onto the crouching image, resize and place where you wish to, as I have illustrated below.
|
 |
 |
|
Now create a "Layer Mask" by clicking on "Layer" in the Main menu, then "Add Layer Mask" then "Reveal All." Make sure the foreground is black and grab the "Paintbrush Tool" with a soft edge and a size brush of 50 or so. I also turned the "Opacity" on the "Options Bar" down to 59. Now you can begin to chisel away the parts of the image you want to eliminate.
|
 |
 |
|
The Results!!!
|
 |
|
To begin this tutorial you will need a couple of images. I simply googled "Gollum" and got 18,700 results and found the below images. To use these images, simply click on them to download.
|
|
|
|
|
|
Once opened in Photoshop, you can drag the headshot image of "Gollum" onto the crouching image, resize and place where you wish to, as I have illustrated below.
|
|
|
|
|
|
Now create a "Layer Mask" by clicking on "Layer" in the Main menu, then "Add Layer Mask" then "Reveal All." Make sure the foreground is black and grab the "Paintbrush Tool" with a soft edge and a size brush of 50 or so. I also turned the "Opacity" on the "Options Bar" down to 59. Now you can begin to chisel away the parts of the image you want to eliminate.
|
|
|
|
|
|
The Results!!!
|
|
|
If you notice, the iPhone “home” UI design is very similar to, if not the same as, the OS X Dashboard design. This tutorial will teach you how to create your own widgets, and you’ll be able to use those icons for your Websites or Avatars.
- Let’s start by creating the background interface where the Widgets appear. (Colours are optional, you can leave it white). Since shortcut keys are different on Mac and PC, I won’t be making references to them. Instead I will be referring to Photoshop’s top menu and submenus, but I do highly recommend learning the keys once you become comfortable.
- Start a new document (File/New) of 500×120 pixels.
- Create a new layer (Layer/New/Layer), call it “Interface”.
- In your Layers window, select it and do a Fill (Edit/Fill) — Use: color: #a3acb7.
- Double click on your “Interface” layer, you will get to the “Layer Style”.
- Check “Inner Shadow”, set Opacity: 50%, Angle: 90, Size: 7.
- Create a new layer, call it “Tile”.
- Select “Elliptical Marquee”, hold Shift, create a 3×3 pixels circle, and do a Fill — User color: #000000.
- Go to the “Layer Style” of “Tile”, check “Drop Shadow”:
- Now, select that circle you just’ve drawn, do a duplicate and move it 5 pixels to the right, and 5 pixels to the bottom. (Hold Alt + Ctrl and use your arrows)
- Select an area of 10×10 pixels from where it starts and Define Pattern (Edit/Define Pattern). Name it “Tile”.
- Now that you got your pattern, delete the “Tile” layer and select the “Interface” layer. We’ll try to apply that pattern all over the background space.
- Do a Select/All, move down 10 pixels, then Edit/Fill — Use: Pattern, Custom Pattern: “Tile”.
- Voila, your background is done!
Here’s a preview of what you should have by now:
Here’s what you should have in your Layers window:
- Now, the Widget part.
- Create a new layer: “Widget BG”.
- Do “Rounded Rectangular Tool” (U), create a 70×70 pixel selection and right-click/Fill Path — Use color: #BF0000.
- Do Layer style on “Widget BG”:
- Here’s the where the fun begins. You can drag in your own logo and/or add text. For now, we’ll create a Tutorials 2.0 widget.
- Select “Horizontal Type Tool”, type in “Tutorials” and use these settings:
- Again, Select “Horizontal Type Tool”, type in “2.0″ and use these settings:
- Place the fonts well so it should look like this:
- Ok, we’ll work on getting that glossy Apple-like look.
- Select your “Widget BG” layer and do Select/Load Select, press OK.
- Once you got the selection, do Select/Modify/Contract — By 3px.
- Create a new layer called “Glossy”.
- Now, go to “Gradient Tool” (G), customize your gradient by clicking on the gradient bar on the top left.
- On your gradient, you will find 4 settings, set Top left: 50% opacity, Top right: 0% opacity, Bottom left: #FFFFFF, Bottom right: #FFFFFF.
- With your gradient tool, click and hold from the top of the selection to the bottom and release.
- Deselect, use Elliptical Marquee and do a circle so it looks like this:
- Right-click/Select Inverse and hit your keyboard button “Delete”. Your Widget should finally look like this:
And your layers should look like this:
- Instead of having flat colour on the text, as an extra step let’s add shadows the “2.0″ text and make the “Widget BG” as a gradient from #BF0000 to #FF0000:
- You’re done! You can repeat Step 2 with different colors and with your own widget designs. Should Apple ask you to create your own iPhone widgets 6 months from now, you’ll be ready for it.
If you notice, the iPhone “home” UI design is very similar to, if not the same as, the OS X Dashboard design. This tutorial will teach you how to create your own widgets, and you’ll be able to use those icons for your Websites or Avatars.
- Let’s start by creating the background interface where the Widgets appear. (Colours are optional, you can leave it white). Since shortcut keys are different on Mac and PC, I won’t be making references to them. Instead I will be referring to Photoshop’s top menu and submenus, but I do highly recommend learning the keys once you become comfortable.
- Start a new document (File/New) of 500×120 pixels.
- Create a new layer (Layer/New/Layer), call it “Interface”.
- In your Layers window, select it and do a Fill (Edit/Fill) — Use: color: #a3acb7.
- Double click on your “Interface” layer, you will get to the “Layer Style”.
- Check “Inner Shadow”, set Opacity: 50%, Angle: 90, Size: 7.
- Create a new layer, call it “Tile”.
- Select “Elliptical Marquee”, hold Shift, create a 3×3 pixels circle, and do a Fill — User color: #000000.
- Go to the “Layer Style” of “Tile”, check “Drop Shadow”:
- Now, select that circle you just’ve drawn, do a duplicate and move it 5 pixels to the right, and 5 pixels to the bottom. (Hold Alt + Ctrl and use your arrows)
- Select an area of 10×10 pixels from where it starts and Define Pattern (Edit/Define Pattern). Name it “Tile”.
- Now that you got your pattern, delete the “Tile” layer and select the “Interface” layer. We’ll try to apply that pattern all over the background space.
- Do a Select/All, move down 10 pixels, then Edit/Fill — Use: Pattern, Custom Pattern: “Tile”.
- Voila, your background is done!
Here’s a preview of what you should have by now:
Here’s what you should have in your Layers window:
- Now, the Widget part.
- Create a new layer: “Widget BG”.
- Do “Rounded Rectangular Tool” (U), create a 70×70 pixel selection and right-click/Fill Path — Use color: #BF0000.
- Do Layer style on “Widget BG”:
- Here’s the where the fun begins. You can drag in your own logo and/or add text. For now, we’ll create a Tutorials 2.0 widget.
- Select “Horizontal Type Tool”, type in “Tutorials” and use these settings:
- Again, Select “Horizontal Type Tool”, type in “2.0″ and use these settings:
- Place the fonts well so it should look like this:
- Ok, we’ll work on getting that glossy Apple-like look.
- Select your “Widget BG” layer and do Select/Load Select, press OK.
- Once you got the selection, do Select/Modify/Contract — By 3px.
- Create a new layer called “Glossy”.
- Now, go to “Gradient Tool” (G), customize your gradient by clicking on the gradient bar on the top left.
- On your gradient, you will find 4 settings, set Top left: 50% opacity, Top right: 0% opacity, Bottom left: #FFFFFF, Bottom right: #FFFFFF.
- With your gradient tool, click and hold from the top of the selection to the bottom and release.
- Deselect, use Elliptical Marquee and do a circle so it looks like this:
- Right-click/Select Inverse and hit your keyboard button “Delete”. Your Widget should finally look like this:
And your layers should look like this:
- Instead of having flat colour on the text, as an extra step let’s add shadows the “2.0″ text and make the “Widget BG” as a gradient from #BF0000 to #FF0000:
- You’re done! You can repeat Step 2 with different colors and with your own widget designs. Should Apple ask you to create your own iPhone widgets 6 months from now, you’ll be ready for it.
Learn how to Create photoframe which may be used in digital scrap booking or creating a greeting card by following this step-by-step guide. In this tutorial we will use Pen, Brush, Direction Selection tools and other effects.
Here we will use specially blending options of layer.
1. Open a new document in Photoshop of any size (here I use 640 / 480 px) and fill with Gradient Color (Foreground = #74a6d7 and Background = #3e679b color).
2. To add a nice grass to your canvas, create a shape using Pen tool as shown then Right-click > Make Selection then apply the settings as shown below:
3. Now create a new layer then using Brush tool (set the Foreground #78b943 and Background #0f4b00 color) apply in the selected area. Use the combination of two brushes as shown below to create grass.
4. Now to add railway track Ctrl + Select the Grass layer and go to Select > Modify > Expand by 20px. Fill with #414141 color on a new layer. Again Ctrl + Select the grass layer and with the new layer selected press Delete.
5. Right-click on the new layer and select Blending Options (or double click on the layer). Select the options as shown below:
6. Then press the Down Arrow 2 times to hide the unwanted areas.
7. Now to create cloud press Shift + Elliptical Marquee tool create shapes as shown and fill with White color on a new layer.
8. Then press Ctrl + D to deselect and go to Filter > Blur > Gaussian Blur = 7%.
9. To create a frame for the Scrapbook I use Pen tool make a shape as shown, then right-click on it select Make Selection. Select the options as shown below:
10. Create a new layer and fill with a nice color (Here I use #d24a18). Now create a rectangle using Polygonal Lasso tool in the middle of the new shape then press Delete.
11. Press Ctrl + D then double-click the shape layer and apply the Blending Options as shown below:
12. With Pen tool create a shape as shown on the left hand of the frame then Right-click > Make Selection> select the default options.
13. Fill with desired color on a new layer, set Fill = 0% then double-click the new layer select default Drop Shadow options.
14. Duplicate the new layer go to Edit > Transform > Flip Horizontal then place it on the right site of the frame.
15. Create a new shape by following the above steps and place it just below the frame layer.
16. Now to add wheel to the frame create a circle using Elliptical Marquee tool and fill with a dark color on a new layer (here I use #494848). Go to Select > Modify > Border = 10px.
17. Now fill with a light color on new layer (here I use #f4f104) then double-click the new layer apply the settings as shown below:
18. Now duplicate the layers and place it on the opposite site. Put dots on both the wheel and apply the default blending options.
19. Now create a shape as shown using Pen tool then right-click > Make Selection then click on OK.
20. Fill with a nice color (here I use #ff993b) on a new layer, apply the Blending Options as shown below:
20. Similarly create different shapes by applying same blending options with different color. For your convenience unite all the layers, forming in a group.
21. Duplicate that Group apply Free Transform selection where it is necessary to turn it. Place it on the right site of frame.
22. Place two circle shapes on the middle of the two figer. Remember this steps because same steps can be helpful in representing the next image.
23. I create more shapes by following the above steps and place it on the top of the frame.
23. Now we’re very close to being finished. Finally put your desired image just behind the frame layer. Your finished image should look something like this:
Learn how to Create photoframe which may be used in digital scrap booking or creating a greeting card by following this step-by-step guide. In this tutorial we will use Pen, Brush, Direction Selection tools and other effects.
Here we will use specially blending options of layer.
1. Open a new document in Photoshop of any size (here I use 640 / 480 px) and fill with Gradient Color (Foreground = #74a6d7 and Background = #3e679b color).
2. To add a nice grass to your canvas, create a shape using Pen tool as shown then Right-click > Make Selection then apply the settings as shown below:
3. Now create a new layer then using Brush tool (set the Foreground #78b943 and Background #0f4b00 color) apply in the selected area. Use the combination of two brushes as shown below to create grass.
4. Now to add railway track Ctrl + Select the Grass layer and go to Select > Modify > Expand by 20px. Fill with #414141 color on a new layer. Again Ctrl + Select the grass layer and with the new layer selected press Delete.
5. Right-click on the new layer and select Blending Options (or double click on the layer). Select the options as shown below:
6. Then press the Down Arrow 2 times to hide the unwanted areas.
7. Now to create cloud press Shift + Elliptical Marquee tool create shapes as shown and fill with White color on a new layer.
8. Then press Ctrl + D to deselect and go to Filter > Blur > Gaussian Blur = 7%.
9. To create a frame for the Scrapbook I use Pen tool make a shape as shown, then right-click on it select Make Selection. Select the options as shown below:
10. Create a new layer and fill with a nice color (Here I use #d24a18). Now create a rectangle using Polygonal Lasso tool in the middle of the new shape then press Delete.
11. Press Ctrl + D then double-click the shape layer and apply the Blending Options as shown below:
12. With Pen tool create a shape as shown on the left hand of the frame then Right-click > Make Selection> select the default options.
13. Fill with desired color on a new layer, set Fill = 0% then double-click the new layer select default Drop Shadow options.
14. Duplicate the new layer go to Edit > Transform > Flip Horizontal then place it on the right site of the frame.
15. Create a new shape by following the above steps and place it just below the frame layer.
16. Now to add wheel to the frame create a circle using Elliptical Marquee tool and fill with a dark color on a new layer (here I use #494848). Go to Select > Modify > Border = 10px.
17. Now fill with a light color on new layer (here I use #f4f104) then double-click the new layer apply the settings as shown below:
18. Now duplicate the layers and place it on the opposite site. Put dots on both the wheel and apply the default blending options.
19. Now create a shape as shown using Pen tool then right-click > Make Selection then click on OK.
20. Fill with a nice color (here I use #ff993b) on a new layer, apply the Blending Options as shown below:
20. Similarly create different shapes by applying same blending options with different color. For your convenience unite all the layers, forming in a group.
21. Duplicate that Group apply Free Transform selection where it is necessary to turn it. Place it on the right site of frame.
22. Place two circle shapes on the middle of the two figer. Remember this steps because same steps can be helpful in representing the next image.
23. I create more shapes by following the above steps and place it on the top of the frame.
23. Now we’re very close to being finished. Finally put your desired image just behind the frame layer. Your finished image should look something like this:
Step 1
Open up the picture you want to be placed in the photo, I chose a picture of my dog sleeping on my bed.
Step 2
Select the " Rectangular Marquee Tool " and select a nice rectangle over the image that you would like to add into a photo.
Once you have selected a part of your image, lines should appear in a rectangular formation like this.
Now when you have that selected press and hold CTRL + C then goto File -> New and click OK
When a new document opens, press and hold CTRL + V and the selected part of your picture should appear
Click on the "Background" Layer and fill it in with a gradient or black, I used a gradient.
Step 3
Now create a new layer, and select the pencil tool and choose around, 13 pixels depending on your picture and make an outline in *WHITE* around your picture like mine.
This is an optional step but, with the pencil tool, add a few more pixels on the bottom of the image so its fatter then all the other outlines.
Step 4
Now merge both layers together by holding CTRL + E - Once thats done, hold down CTRL + T to rotate/re-size your picture.
Now this is pretty much your decision, resize and rotate your image around until you like it. With some rotating and re-sizing this is what I got.
Step 5
This is an optional step but it will make your photo look a bit 3D-ish
Edit -> Transform -> Perspective - Once a box appears that surrounds your image comes up, play around with the squares on the border of the box and you should get a 3D-ish result.
Step 6
Right click on the layer and click on Blending Options and click on " Dark Shadow " and use these settings.
Step 7
This is an optional step - Edit -> Transform -> Rotate 90 CW
Now goto Filter -> Distort -> Shear and use these settings
Now goto Edit -> Transform -> Rotate 90 CCW
Heres my result!
Heres an example of the tutorial combined.
Step 1
Open up the picture you want to be placed in the photo, I chose a picture of my dog sleeping on my bed.
Step 2
Select the " Rectangular Marquee Tool " and select a nice rectangle over the image that you would like to add into a photo.
Once you have selected a part of your image, lines should appear in a rectangular formation like this.
Now when you have that selected press and hold CTRL + C then goto File -> New and click OK
When a new document opens, press and hold CTRL + V and the selected part of your picture should appear
Click on the "Background" Layer and fill it in with a gradient or black, I used a gradient.
Step 3
Now create a new layer, and select the pencil tool and choose around, 13 pixels depending on your picture and make an outline in *WHITE* around your picture like mine.
This is an optional step but, with the pencil tool, add a few more pixels on the bottom of the image so its fatter then all the other outlines.
Step 4
Now merge both layers together by holding CTRL + E - Once thats done, hold down CTRL + T to rotate/re-size your picture.
Now this is pretty much your decision, resize and rotate your image around until you like it. With some rotating and re-sizing this is what I got.
Step 5
This is an optional step but it will make your photo look a bit 3D-ish
Edit -> Transform -> Perspective - Once a box appears that surrounds your image comes up, play around with the squares on the border of the box and you should get a 3D-ish result.
Step 6
Right click on the layer and click on Blending Options and click on " Dark Shadow " and use these settings.
Step 7
This is an optional step - Edit -> Transform -> Rotate 90 CW
Now goto Filter -> Distort -> Shear and use these settings
Now goto Edit -> Transform -> Rotate 90 CCW
Heres my result!
Heres an example of the tutorial combined.
Step 1
Open up the picture you want to be placed in the photo, I chose a picture of my dog sleeping on my bed.
Step 2
Select the " Rectangular Marquee Tool " and select a nice rectangle over the image that you would like to add into a photo.
Once you have selected a part of your image, lines should appear in a rectangular formation like this.
Now when you have that selected press and hold CTRL + C then goto File -> New and click OK
When a new document opens, press and hold CTRL + V and the selected part of your picture should appear
Click on the "Background" Layer and fill it in with a gradient or black, I used a gradient.
Step 3
Now create a new layer, and select the pencil tool and choose around, 13 pixels depending on your picture and make an outline in *WHITE* around your picture like mine.
This is an optional step but, with the pencil tool, add a few more pixels on the bottom of the image so its fatter then all the other outlines.
Step 4
Now merge both layers together by holding CTRL + E - Once thats done, hold down CTRL + T to rotate/re-size your picture.
Now this is pretty much your decision, resize and rotate your image around until you like it. With some rotating and re-sizing this is what I got.
Step 5
This is an optional step but it will make your photo look a bit 3D-ish
Edit -> Transform -> Perspective - Once a box appears that surrounds your image comes up, play around with the squares on the border of the box and you should get a 3D-ish result.
Step 6
Right click on the layer and click on Blending Options and click on " Dark Shadow " and use these settings.
Step 7
This is an optional step - Edit -> Transform -> Rotate 90 CW
Now goto Filter -> Distort -> Shear and use these settings
Now goto Edit -> Transform -> Rotate 90 CCW
Heres my result!
Heres an example of the tutorial combined.
|
To begin this tutorial, you will need the "Sims Font" which can be found here. Change the Foreground to white and make sure the background is set to something other than white, like yellow. Now grab the "Text Tool" and type the below letters in white on individual layers. Like so:
|
||||||||
 |
||||||||
|
|
||||||||
|
The order of the layers is crucial, so I placed a screenshot of the layers pallete below for you convenience. Put the layers as follows and move on to step 3.
|
||||||||
 |
||||||||
|
|
||||||||
|
Now you will need to resize both the letters "S" and the letter "M." Transform each of the letters to certain angles also as I have already done below. You should now have the following.
|
||||||||
 |
||||||||
|
|
||||||||
|
Now "Ctrl" click each of the four text layers, while holding in the "Shift" key to create a selection around the letters. Now go to "Selection" then "Modify" then "Expand" by 4 pixels. Create a new layer and place below the large "S." Fill with a dark blue (134C99). Your image should now look like the below image. Deselect the selection.
|
||||||||
 |
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
Color settings for above gradient.
|
||||||||
 |
||||||||
|
|
||||||||
|
Your should now have the following.
|
||||||||
 |
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
Folow steps 10 and 11 for letters i, m and s. Your should now have the following image.
|
||||||||
 |
||||||||
|
The Results!!!
|
||||||||
|
As you can see, I have added a few other details to give it the full effect. Such an easy tutorial, yet very cool results.
|
||||||||
 |
||||||||
|
To begin this tutorial, you will need the "Sims Font" which can be found here. Change the Foreground to white and make sure the background is set to something other than white, like yellow. Now grab the "Text Tool" and type the below letters in white on individual layers. Like so:
|
||||||||
|
|
||||||||
|
|
||||||||
|
The order of the layers is crucial, so I placed a screenshot of the layers pallete below for you convenience. Put the layers as follows and move on to step 3.
|
||||||||
|
|
||||||||
|
|
||||||||
|
Now you will need to resize both the letters "S" and the letter "M." Transform each of the letters to certain angles also as I have already done below. You should now have the following.
|
||||||||
|
|
||||||||
|
|
||||||||
|
Now "Ctrl" click each of the four text layers, while holding in the "Shift" key to create a selection around the letters. Now go to "Selection" then "Modify" then "Expand" by 4 pixels. Create a new layer and place below the large "S." Fill with a dark blue (134C99). Your image should now look like the below image. Deselect the selection.
|
||||||||
|
|
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
Color settings for above gradient.
|
||||||||
|
|
||||||||
|
|
||||||||
|
Your should now have the following.
|
||||||||
|
|
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
Folow steps 10 and 11 for letters i, m and s. Your should now have the following image.
|
||||||||
|
|
||||||||
|
The Results!!!
|
||||||||
|
As you can see, I have added a few other details to give it the full effect. Such an easy tutorial, yet very cool results.
|
||||||||
|
|
||||||||
|
To begin this tutorial, you will need the "Sims Font" which can be found here. Change the Foreground to white and make sure the background is set to something other than white, like yellow. Now grab the "Text Tool" and type the below letters in white on individual layers. Like so:
|
||||||||
|
|
||||||||
|
|
||||||||
|
The order of the layers is crucial, so I placed a screenshot of the layers pallete below for you convenience. Put the layers as follows and move on to step 3.
|
||||||||
|
|
||||||||
|
|
||||||||
|
Now you will need to resize both the letters "S" and the letter "M." Transform each of the letters to certain angles also as I have already done below. You should now have the following.
|
||||||||
|
|
||||||||
|
|
||||||||
|
Now "Ctrl" click each of the four text layers, while holding in the "Shift" key to create a selection around the letters. Now go to "Selection" then "Modify" then "Expand" by 4 pixels. Create a new layer and place below the large "S." Fill with a dark blue (134C99). Your image should now look like the below image. Deselect the selection.
|
||||||||
|
|
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
Color settings for above gradient.
|
||||||||
|
|
||||||||
|
|
||||||||
|
Your should now have the following.
|
||||||||
|
|
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
||||||||
|
|
||||||||
|
Folow steps 10 and 11 for letters i, m and s. Your should now have the following image.
|
||||||||
|
|
||||||||
|
The Results!!!
|
||||||||
|
As you can see, I have added a few other details to give it the full effect. Such an easy tutorial, yet very cool results.
|
||||||||
|
|
||||||||