Frame - Square Frame

I have just shown how to make a circular frame in Photoshop. The tutorial is here. You can make a square frame following the steps. But this is another way of making a Square Frame. All you need is a single photo.
Step 1 : I have opened this photo in Photoshop.
Step 2 : Click the Crop tool.Step 3 : With the Crop Tool drag from the top left corner to the right bottom of the image.
Step 4 : Now press CTRL+SHIFT and drag either the bottom or top central handle outwards.
Step 5 : Now still keeping SHIFT+ALT pressed drag the middle corner handle either on the left side or the right side.
Step 6 : Press Enter. And there is your frame. If you want something more, just keep following.
Step 7 : Click the Magic Wand Tool.
Step 8 : Now click once on the White Frame with the Magic Wand. A selection of marching ants select the White portion.
Step 9 : Press CTRL+J. The White Frame will be cut and pasted onto Layer 1. The marching ants will automatically disappear. Now click the layer thumbnail again on Layer 1 and the marching ants will reappear.

Step 10 : The marching ants reappear on the white frame.
Step 11 : Go to Windows>Styles to reveal the Styles if it is not already visible on a panel in the right.
Step 12 : The Styles dialogue box opens. These are the default Styles. There are many more Styles hidden. Click the tiny black arrow on the right top corner to reveal the other Gradients. You will have to click to select them. But here I will make do with the Styles that can be seen here.

Step 13 : I have clicked on a Gradient, the one the small white hand points to in the bottom row.

And this the effect I have got. So will you. It is as simple as that.

Step 14 : To undo a Gradient click at the top left or the first one in the top row. I am now clicking on the second Gradient on the top row.

This the effect you will get.

Step 15 : I have clicked on the fourth Style in the middle row.

And this is the effect I have got and so will you too. How long did it take? You can do it any version of Photoshop including Photoshop 7.

Other Photoshop tutorials are here.

Read More

Frame -- Circular Frame

There are many ways you can make a frame for your images in Photoshop, I will show you how a circular frame can be made very easily. Step 1 : Open any image in Photoshop. I have opened this photo.
Step 2 : Click the Elliptical Marquee Tool.

Step 3 : Press SHIFT and drag and you will be able to draw a perfect circle with the Circular Marquee Tool. Note I have chosen the skyscraper which is to the left of the image.

Step 4 : Press CTRL+J. The selection is copied and pasted from the Background Layer to Layer 1. Now click off the eye icon in Background Layer.
This is how the image looks.
Step 5 : Press CTRL+A and a selection of marching ants forms all around the edge of the image.

Step 6 : Click the Move Tool (just above the Marquee Tools on the left panel). Then click the second and fifth icons that appear in the top panel as shown.

The image moves to the exact centre of the canvas.

Step 7 : CTRL+Click the layer thumbnail on Layer 1.

A column of marching ants selects the circle.

Step 8 : Go to Select>Modify>Border.

Step 9 : When this dialogue box pops up give an appropriate value. It will depend on your image. I have put the width at 50 pixels.

Step 10 : The border forms around the circle.

Step 11 : Click on the New Layer icon and a new Layer 2 forms above Layer 1.

Step 12 : Click on the Gradient Tool, then click in the top panel to bring up the Gradient Editor.

Step 13 : Click on the first Preset. You can click any of the Presets. I have chosen the first Preset.

Step 14 : With the Gradient Tool drag from the top left corner to the bottom right corner. You can of course drag in any direction. It will give you a different effect.

This is how the Gradient looks like. Press CTRL+D to deselect.

Step 15 : Click the Add Layer Style Button and click on Outer Glow.

Step 16 : The Outer Glow controls open. First check Anti-Alias then click the Contour. From the drop down click on Ring Double. It is the one the small white hand points to. Next you can change the Color of the Glow. By default it is set to yellow. Click where the red arrow points to.

Step 17 : When you click the Color Picker dialogue box opens. Type ffffff (6fs) in the box the arrow points and click ok in the Color Picker. What I did was I changed the Color of the glow to White. DO NOT CLICK OK.

Step 18 : Now click on Bevel and Emboss. The dialogue box will change. Tick Contour also in the left panel as shown.

Step 19 : Change the Technique to Chisel Hard from the dropdown menu. Check Anti-Alias and then click the Ring Double in the Gloss Counter dialogue. Now you can click Ok.

Step 20 : In the Layers pallette Press SHIFT, click on Layer1. Now both Layer 2 and Layer1 are highlighted. Press CTRL+E.

Step 21 : Layer 1 and Layer 2 combine to form Layer 2.

Step 22 : Note that you are on Layer 2. Press CTRL and then click the New Layer icon. A new Layer 3 forms below Layer 2. Usually a layer forms above a current layer. With this command a new layer forms below the current layer.

Step 23 : Your Foreground and Background Colors should be set to Black and White respectively. If it is not press 'x' and then 'd' on the keyboard. Then press CTRL+BACKSPACE. The Layer 3 fills with White or the Background Color.

And there is the Circular frame. If, instead, you want a rectangular frame use the Rectangular Marquee and follow the same steps.

Other Photoshop tutorials are here.

Read More

Quick Mask Mode

I have posted a lot of tutorials, but it seems I have never posted one on the Quick Mask for creating a selection. Quick Mask can be used for selecting a portion of an image or for cutting out an image for putting on another background. I have been asked to post a tutorial on the Quick Mask.

Step 1 : You will find the Quick Mask button on the left panel bottom. This is CS4 and there is only one button that toggles between 'Edit in Quick Mask Mode' and 'Edit in Standard Mode'. In earlier versions you will find two separate buttons, which does the same job.

Step 2 : I have opened this photo in Photoshop. I intend to cut out the flower with the Quick Mask. There are various ways you can begin creating a selection.
Step 3 : You can use the Lasso Tool or the Magnetic Lasso Tool for creating a selection. I have chosen the Magnetic Lasso Tool and not the Polygon Lasso Tool even though it is highlighted.
You can use it too of course.Step 4 : Now click a point with the Magnetic Lasso Tool. Then click and drag adding points. If you make a mistake, hit DELETE and it will delete the last point, then carry on till the entire portion you want is selected.Step 5 : As soon as you return to the last point a selection will form.
Step 6 : Click the Edit in Select Mode button or press 'Q' on your keyboard.

Step 7 : As soon as you click the Edit in Quick Mask Mode button, a reddish color will fill the canvas except for the selection.
Step 8 : Now zoom into the image. You will see that there are imperfections in the Mask. Some portions may have been left out of the Mask or some portions included that you do not want.
Step 9 : To add to the Mask paint with Black (Foreground Color) to substract from the Mask paint with White (Background Color) with the Brush Tool.
Step 10 : Click on the Brush Tool. To make the Brush tip large press ] (right bracket key) and to make it small [ left bracket key). You will need to change the brush size from large to small as you paint.
Step 11 : Paint out the imperfections with Black when you want to add areas and with White when you want to substract from it.

Step 12 : Paint with the White to erase portions that the Mask accidentally included. When you are finished clicked the Edit in Standard Mask button.

Step 13 : As soon as you click the Edit in Standard Mode button a selection forms and the red Quick Mask disappears.

Step 14 : Now press CTRL+J. Look in the Layers pallette. The selection will be cut and pasted from the Background Layer to Layer1. Now turn off the eye icon of the Background Layer.

The flower has been cut out from the image. Now you can do what you want with it. You can put it on a different background or add a white background or whatever.

I have used the Hue/Saturation to change the color of the flower an added a Drop Shadow.

Other Photoshop tutorials are here.
You will find Hue/Saturation explained in this tutorial.

and Drop Shadow manipulation here.

Read More