Saturday, March 27, 2010

Movable Border Action with Photoshop CS

Movable border is an action which will put you back by $37. Why spend good money when you can do it Photoshop yourself. First you need an image. Any image will do.
Step 1 : I have opened this photo of pretty ladies. This is a free stock photo which you can download here.
It is Katanaz-Stock. You will need to register. Registration is free. So let's get started.
Step 2 : Click the New Layer icon and a new Layer 1 forms above the Background layer.
Step 3 : Click the Rectangular Marquee Tool.
Step 4 : Draw a selection with the Rectangular Marqee Tool.
Step 5 : Your Foreground Color should be set to the default Black. If it is not, press 'x' and then 'd' on your keyboard.
Step 6 : Press ALT+BACKSPACE. This will fill the selection with the Foreground Color which is Black.
Step 7 : Drag the Fill slider of Layer 1 to zero.
Step 8 : Click on the Add Layer Style button and then on Blending Options.
Step 9 : The Layer styles dialogue box opens.
Step 10 : Click on Stroke at the left bottom. Click on Color.
Step 11 : The Select Stroke Color dialogue box opens. It works just like the Color Picker. Just type in ffffff (6fs) in the box the arrow points to and click OK. The 6fs represent White.
Step 12 : Now change the Blend Mode to Inside.
Step 13 : Click on Drop Shadow at the left top. Click OK.
Step 14 : This is how the Layer palette looks.
Step 15 : Go to Select>Modify>Contract.
Step 16 : The Contract Selection dialogue box pops up. I have put 5 pixels for Contract by. Click OK.
Step 17 : Click on New Fill or adjustment layer button and from thepopup click on Gradient Map.
Step 18 : The default Gradient appears. We will leave it at that.
Step 19 : This is how the image looks.
Step 20 : With the Gradient Map 1 selected press CTRL+I.
(Note that the layer mask has a tiny white border. This denotes it is selected. If it is not selected, click on the layer mask. It will be selected).
 
Step 21 : The image also changes. The colored portions become B&W and vice versa.
Step 22 : Press SHIFT and click on layer 1. Both Layer 1 and Gradient Map 1 layers are highlighted which means both are selected.
 
Step 23 : Press CTRL+G. The two layer become a Group.
Step 24 : Press CTRL+T. A selection with corner handles is immediately visible.
Step 25 : Hover your cursor over the top left corner. A small double headed bent arrow appears. Use it to rotate the selection to your liking.
Step 26 : Press SHIFT+ALT, grab the middle handle on top and drag up to increase the size of the selection proportionately.
 
Step 27 : Use the cursor to move the selection up or down or sideways if you want to.
 
Step 28 : Once you are satisfied, click the Tick Mark  in the top panel or press ENTER to apply the transformation.
 
And here is the completed image. I have saved you $37. You don't have to buy the action, you can do
it this way.
You can do a few additional steps for a better effect.
Step 29 : Resize the rectangular selection pressing CTRL+T and then SHIFT+ALT and dragging. Resize in a way that leaves  the faces of two girls on the left in black and white as also the arm of the girl at the extreme right.
Step 30 : Click the Add Layer Mask button. A Layer Mask forms next to Group1 Layer.
Step 31 : Click on the Brush Tool.
Step 32 : Zoom into the image. Make sure the Foreground Color is Black.
Step 33 : I have zoomed into the image.
Step 34 : With the Brush you can paint back the color.
Step 35 : Make the Brush large or small by pressing [ (left bracket) and ] right bracket) keys as you work to restore the color.
The finished image.
Other Photoshop tutorials are here



Friday, March 26, 2010

CD Cover with Photoshop

I have been asked to post a tutorial on making a CD cover in any version of Photoshop. All you need is your imagination. I will show you how it can be done. You should improvise on it. You will find it quite easy to do.
Step 1 : After opening Photoshop press CTRL+N. It will open this dialogue box. You can give a name to your project. I have named it CD COVER.  I have set the Width and Height at 12 cm, the Resolution at 300 pixels, Color Mode is set to RGB Color and Background Contents as White. Click OK.  If necessary you can print this CD Cover.
Step 2 : This is how Photoshop looks. A White Layer has opened. There is only one layer. Look in the Layers palette at the right bottom. There is only the Background layer.
Step 3 : Click on the New Layer button and a new Layer 1 forms above the Background layer.
Step 4 : Click on the Brush Tool.
Step 5 : Click on the icon on the right top panel.
Step 6 : Click on the Brush Tip Shape. The brushes available in the set are displaed at right.
Step 7 : Click on Brush No 19.
Step 8 : Click on Shape Dynamics. Set it at OFF.
Step 9 : Click on Scattering. Check 'Both Axes' at the top. Give the settings shown.
Step 10 :  Click on Brush Tip Shape and drag the Spacing slider to 50%.
Step 11 : Click where the hand points to make the Brush palette go away.
Step 12 : Now that we have the Brush you can make it larger or smaller with the [ ] (left and right bracket keys next to the letter P on your keyboard). Use [ (left bracket) to make the Brush tip small and the ] (right bracket) to make it larger.
Step 13 : With the Brush go over randomly on the canvas. You will get something like this.
Step 14 : Go to Filter>Blur>Radial Blur.
Step 15 :  Set the Amount at 75, Blur Method to Zoom and Quality to Good. Click OK.
Step 16 : This is the effect I have got.
Step 17 : I have pressed CTRL+F thrice. CTRL+F reapplies the last filter.
Step 18 : CTRL+Click on the thumbnail of Layer 1.
Step 19 : Your image should look something like this. A selection of 'marching ants' forms.
Step 20 : Click on the Gradient Tool.
Step 21 : Click where the arrow points to bring up the Gradient Editor.
Step 22 : The Gradient Editor opens. I have some extra gradients that I found on the internet for free. I will be using only those Gradients found in all verions of Photoshop.
Step 23 : Click on the Blue, Red and Yellow Gradient. The hand points to it.
Click OK.
Step 24 : Drag from right bottom diagonally to left top as shown. You can drag in any direction. You will get a different effect.
Step 25 : Press CTRL+D to deselect. This is the effect I have got. If you drag from top to bottom you will get another effect.
Step 26 : Click the New layer icon and a  new Layer 2 forms. You need to create a new layer for each brush. The usefulness of this is that should you not like an effect, you can simply delete that layer without affecting the rest of the composition. You should remember this.
Step 27 : Click the Brush Tool.
Step 28 : Click on the Brush Prests and then on Flowing Stars brush. You can see which one it is. Scattering should be checked. Set the Master Diameter to around 30. I have set it at 29.
Step 29 : I have used the brush randomly to create this effect.
Step 30 : CTRL+CLICK the layer thumbnail on Layer 2.
Step 31 : A selection of 'marchng ants' immediately selects the stars.
Step 32 : Bring up the Gradient Editor as shown earlier and click on Blue, Yellow, Blue. Click OK in the Gradient Editor.
Step 33 : Drag down from left top to right bottom.
Step 34 : Press CTRL+D to make the 'marching ants' go away. This is the effect I have got.
Step 35 : I have reduced the Opacity of the Layer to 55%.
This is how the image looks like after lowering the Opacity.
Step 36 : Click the New Layer icon. A new Layer 3 forms.
Step 37 : Bring up the Brushes. Click on Scattered Leaves brush. Click the Brush Tip Shape. The Shape Dynamics, Scattering and Other Dynamics are checked. Drag the Spacing slider to 70 per cent. Exit the brushes.
Step 38 : Increase the size of the Brush by pressing the ] (right bracket) key.
Step 39 : Use the Brush randomly to get an effect like this.
Step 40 : Ctrl+CLICK the layer thumbnail on Layer 3. The marching ants will reappear.
Step 41 : Bring up the Gradient Editor and click on Chrome.
Step 42 : Drag diagonally with the Gradient Tool.
Step 43 : Press CTRL+D. This is the effect I have got.
You can try any number of Brushes. You can find free, high quality brushes here which you can also use. You can also see here. For More brushes and how to install them in Photoshop, please see here.
Step 44 : Click on the New Layer icon and a new Layer 4 forms.
Step 45 : Click the Rectangular Marquee Tool.
Step 46 : Draw a selection near the bottom with the Rectangular Marquee as shown.
Step 47 : Click the Eye Dropper Tool.
Step 48 : I have clicked with the Eye Dropper on a purple shade in the image.
Step 49 : The Foreground Color changes to the color picked.
Step 50 : Press CTRL+BackSpace and the rectangular selection fills with the Foreground Color. Press CTRL+D to deselect.
Step 51 : Click on the Add Layer Style button and click on Stroke from the popup.
Step 52 : The Stroke dialogue box opens. By default the Stroke Color in CS4 is Black. In earlier versions it is Red. Click OK. If you click on Color, it will bring up the Color Picker, where you can choose a different color.
Step 53 : The Stroke has been applied.
Step 54 : Click the Type Tool. At the top select the font you want to use and set the size. I have selected Impact which you will find.
Step 55 : Draw out a Text Box.
Step 56 : select Centre Text for the text alignment.
Step 57 : Increase the Font size to 14 pt.
Step 58 : Click where the arrow points to select the Text Color. The Select Text Color dialogue box opens as you click the black square.
Step 59 : I will set the text color to White. I have typed in ffffff (6 fs) in the highlighted box at the bottom. It stands for white. Click OK in Select Text Color.
Step 60 : You can see in the top panel that the Text Color has turned to white.
Step 61 : I have typed out the text. You can type your own.
Step 62 : Click the Tick mark in the top panel.
Step 63 : Press CTRL+T. Use the down, up left and right arrow keys on your keyboard to place the Text in the middle. Click the Tick mark in the top panel.
Step 64 : This is how the CD Cover Looks.
Step 65 : Click the Type Tool and draw out a Text Box as shown.
Step 66 : In the top panel click on Left Align.
Step 67 : I have typed out the names of the tracks.
Step 68 : Click the Tick mark in the top panel.
Step 69 : Click on the Background layer.
Step 70 : Press 'x' and then 'd' on your keyboard to change the Foreground Color to Black.
Step 71 : Press ALT+BACKSPACE. The background layer will be filled with the Foregeround Color which is Black.
Step 72 : I wish to change the color of the band on which 'The Blues Album' is written. Let's change it to something brighter. CTRL+Click Layer 4 which was drawn out earlier with the Rectangular Marquee. A selection of marching ants will enclose it immediately.
Step 73 : Click on the eyedropper Tool.
Step 74 : I am clicking on a shade of red in the image.
Step 75 : The Foreground Color changes to the same shade.
Step 76 : Press ALT+BACKSPACE. The band fills with the Foreground Color. Press CTRL+D to deselect.
Step 77 : Now double click on Stroke under Layer 4.
Step 78 : The Stroke dialogue box opens. Click on the Color. I want to change the color of the Stroke.
Step 79 : In the Select Stroke Color dialogue box I have typed in ffffff (6fs) which is white. Click Ok in the select Stroke Color dialogue box and also the Stroke.
This is how the CD Cover looks. You can use the Text Tool to add the year of manufacture and the price.
This is the finished CD Cover.
Other photoshop tutorials are here

 

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites