Monday, November 30, 2009

Polka Dots with Clipping Mask

This is yet another Photoshop tutorial on creating Polka dots. The earlier tutorial is here. For this tutorial learn how to make the Polka Dots with a clipping Mask.

Step1 : Open a new White Layer in Photoshop.


Step 2 : Click the Add New Layer in the Layers pallette and a new Layer 1 forms above the Background Layer.

Step 3 : Click on the Elliptical Marquee Tool.


Step 4 : Press Shift and draw out a perfect circle. Make it a large circle. Use the cursor to position it in the middle.


Step 5 : Click the Pattern Stamp Tool.

Step 6 : In the top panel click to reveal the default Patterns pallete. When You click it you will see the Patterns available in you version of Photoshop.


Step 7 : Click the tiny arrow to reveal the other Patterns available in your version. I have downloaded some free patterns from the internet. But we are not bothered about the other Patterns. We will make do with the default ones.


Step 8 : Click the icon in the top panel to reveal the Brushes. Click the Brush Tip Shape. I have chosen Brush 19 which is a Hard Brush. Drag the Mater Diameter till the line at the bottom separates into dots. I have dragged 125 pixels.


Step 9 : Click on Patterns in the top panel. I have clicked on the second one called 'Tie and Dye'.


Step 10 : Click with the Pattern in within the circle as shown here.


Step 11 : Go to Filter>Distort>Spherize.


Step12 : The Spherize dialogue box opens. The default Amount is 100 %. Click OK.


The dots have been Spherized.


Step 13 : Press CTRL+J. Layer 1 duplicates into Layer 2.


Step 14 : Click the Move Tool.


Step 15 : Use the Move Tool to move the layer to the left. Press CTRL+T. A selection forms around the dots.


Step 16: Press SHIFT+ALT. Grab a corner handle and you will be able to resize the dots proportionately. Press Enter after the resizing. The selection will diappear.


Step 17 : Press CTRL+J. Layer 2 duplicates into Layer 2 copy.


Step 18 : Use the Move Tool to move the dots layer  to the left bottom.


Step 19 : Press CTRL+J. Layer2 copy duplicates into Layer 2 copy 2.


Step 20 : Use the Move Tool to move the new dot layer to the top right.


Step 21 : Prss CTRL+J. Layer 2 copy 2 duplicates into Layer 2 copy 2.


Step 22 : Use the move tool to move the  dots on this layer to the left bottom corner.


Step 23 : In Step 21 you were on Layer 2 copy 3. Press Shift and click on Layer 1. All the layers are highlighted.


Step 24 : Press CTRL+E. All the layers are combined into one layer -- Layer 2 copy 3.


Step 25 : CTRL+Click the layer thumbnail on Layer 2 copy 3.


Step 26 : You will find a selection of  'marching ants' selecting the polka dots.


Step 27 : I have opened this free stock image. Press CTRL+A (select all) then CTRL+C (copy)


Step 28 : Go to the other image and press CTRL+V. The photo I have chosen is a large one. It covers the polka dots entirely. Press CTRL+T. You will notice corner handles appear.


Step 29 : Press SHIFT+ALT and drag the corner handle down. Then drag it up with Move Tool and resize again and again till the photo fits over the Polka Dots.


Step 30 : The photo has been resized over the Polka Dots. Press Enter to apply the transformation.


Step 31 : Look in the Layers pallete. The photo is now on top of the Polka Dot layer (layer 2 copy 3).


Step 32 : Press ALT and click exactly on the edge of layer 2 copy 3 and Layer 1 (the photo). A small black dot will appear. This will clip the layer.


Step 33 : And ,there is your Polka dots created with a clipping layer. You can leave it at that. You can also do the additional steps.


Step 34 : Click on the Background Layer.


Step 35 : Make sure your Foreground Color is setto Black. If not press 'x' and then 'd' on your keyboard.


Press Alt+Backspace. The Background Layer fills with Black.


Step 36 : Go to Filter>Texture>Texturiser.


Step 37 : The Texture dialogue box opens filling you screen.


Step  38 : Look at the controls at the panel on the right. You can choose the texture you want from the drop down. I will be using the Brick texture. I am leaving it at the default settings. Click ok.


And, hee is the completed image.

Other photoshop tutorials are here.

Sunday, November 29, 2009

Polka Dots with Patterns in Photoshop

I have shown how Polka Dots can be make in any version of Photoshop. The tutorial is here. This tutorial will show how you can make Polka Dots with Patterns. Photoshop has a number of built in Patterns. You can also download free patterns from the internet and install them in Photoshop. You can find some here. 



Step 1 : Open a New White Layer in Photoshop.

Step 2 : Click the New Layer icon and a new layer -- Layer 1 -- forms above the Background Layer.


Step 3 : Click the Elliptical Marquee Tool.


Step 4 : Press Shift and draw out a small circle approximately in the middle of the White layer.


Step 5 : Click on the paths pallete to open it, then click on the Make Workpath icon at the bottom (blue arrow).


Step 6 : As soon as you click the selection turns into a Path.

Step 7 : Click on the Pattern Stamp Tool.


Step 8 : Click the small square icon in the top right of the top panel (red arrow). It opens the Brush dialogue box. Click on Brush 19. It is a hard brush. Click on Brush Presets then just below it on Brush Tip Shape  (Yellow arrow). Drag the Master Diameter at the bottom (purple arrow) till the brush separates into dots. I have set the Master Diameter at 20 pixels.


Step 9 : Click on top panel to reveal the Patterns dialogue box. Then click on the tiny black arrow at the right.

Step : 10 : You will be able to see all the Pattern presets available. I have some that have been downloaded from the internet. I will be using the Basic Elements which I have downloaded. The link to it is given at the beginning of the tutorial.


Step 11 : As soon as you click on a Pattern, this dialogue box appears. Click OK.

Step 12 : The patterns are replaced in the box at the top. I have clicked on a pattern.



Step 13 : Right click the Layer thumbnail of the Workpath and from the popup click on Stroke path.


Step 14  A Stroke Path popup appears. From the dropdown change the default setting of Brush to Pattern Stamp. Click OK.



Step 15 : As soon as you click OK, the path is stroked by the Pattern Stamp.

Step 16 : Click anywhere below the Workpath .


The Path disappears.

Step 17 : Click back on the Layers pallete. Click on the New Layer icon and a New Layer 2 forms over Layer 1.



Step 18 : Click the Elliptical Marquee Tool.

Step 19 : Press Shift and draw out a larger perfect circle. You do not have to bother that it is not at the centre.


Step 20 : Switch back to the Paths pallete and click on the Make Workpath icon.


The selection changes to a Workpath.


Step 21 : Click the Foreground Color.

Step 22 : As soon as you click the Color Picker appears. The column of color in the middle is called the Spectrum. Note that there is a tine white slider at the bottom. You can move it up or down to change the color in the left panel. I have clicked on a shade of red. Its numerical value is given in the box at the bottom -- 'ea0e0e'. Click OK.


You will find that the Foreground Color immediately changes to the color picked.


Step 23 : Click on the Pattern Stamp Tool.


Step 24 : Look at the top panel where the arrow points to. You can increase the size of the Brush tip by pressing ] (right bracker key next to the letter P on your keyboard). You can decrease the size by pressing [ (left bracket key). This is a very useful shortcut to know.


Step 25 : Click on the Paths pallette. Right click the Workpath and click on Stroke Path.


Step 26 : In the top panel I am selecting another Pattern by first clicking on the Pattern Stamp in the left panel and then in the top panel.


Step 27 : After you right click the Workpath this dialogue pops up. Make sure that Pattern Stamp is selected.


The workpath is filled with the pattern. Click blow the workpath in the Paths pallete as in Step 16 to make the path go away.


Step 28 : Click back on the layers pallette and click on the New layer icon. A new Layer 3 forms above Layer 2.

Step 29 : Click the Pattern Stamp Tool. In the top from the drop down click on the small black arrow to reveal the list of Patterns. I am clicking on Nature Patterns which you will find in Photoshop.


Step 30 : This dialogue box pops up. Click OK.


Step 31 : I am now clicking on one of the presets of Nature Patterns.


Step 32 : Click on the Rectangular Marquee.


Step 33 : Press Shift and you will be able to draw out a perfect square.


Step 34 : Click on the Paths pallete and click on Make Workpath icon.

Click on the Pattern Stamp.


Step 35 : In the Paths pallette, right click the thumbnail of the workpath and click on Stroke Path.


Step 36 : This dialogue box pops up. Click OK.



Step 37 : The Pattern is applied.


Step 38 :  Click on the Layer pallette. Click on the Add New Layer icon and a new layer 4 forms.


Step 39 : Click on the Elliptical Marquee Tool.


Step 40 : Press Shift and draw a perfect circle.


Step 41 : Click on the Paths pallete. Click on Make Workpath from Selection.


Step 42 : Click on the Brush Tool. we have been using Patterns, let us try the Brush Tool.


Step 43 : Click the icon in the top panel to reveal the Brushes pallete. Click on the small double arrow to close the Brush pallette.


Step 44 : In the Paths pallette right click the layer thumbnail of the workpath and click on Stroke Path.


Step 45 : The Stroke Path dialogue box pops up. Make sure that Brush is selected. Click OK.


The Brush is applied. Note I had earlier in Step 21 changed the Foreground Color to Red. Click below the workpath to make the path go away.

Step 46 : Click back on the Layers pallette. Note you are on Layer 4 which is highlighted.

Step 47 : Press CTRL+A. This will select the entire canvas. Click on the Move Tool.


Step 48 : In the top panel you will find these five icons. Click on the second and fifth.

Step 49 : Now click on Layer 3 and follow exactly the same steps as in 47 and 48. Do the same for Layer 2 and Layer 1.


By following steps 47 and 48 in each layer in turn aligns the dots. They are now exactly in the centre of the canvas.

Step 50 : Layer 1 is the last layer I worked on, therefore it is highlighted.


Step 51 : Press Shift and click on Layer 4 which is the topmost layer. All the layers are highlighted.



Step 52 : Press CTRL+E. All the layers are merged into Layer 4.\

Step 53 : Go to Filter>Distort>Spherize.

Step 54 : The Spherize dialogue box opens. Drag the Amount slider from 100 % to 60 %. Nohing hard and fast about it though. Click Ok.


Step  55 : The Spherize filter has been applied.

Step 56 : In the Layers pallete click on Add Layer Styles and from the popup click on Bevel and Emboss.


Step 57 : When the Bevel and Emboss dialogue opens first change the Technique to Chisel hard.


Step 58 :  Check Anti-alias. Click the Gloss Counter and from the dropdown click on Ringe double. It is the one the red arrow points to.


Step 59  : Next Increasethe to 10 pixel and decrease the Depth to 75 %. Do not click OK.
This is how the Polka Dots looks after applying Bevel and Emboss.


Step 60 : Click on Drop Shadow. Now click ok.


Step 61 : Right click the Drop Shadow and from the popup click on Create Layer.


Step 62 : This dialogue box pops up. Click OK.


Step 63 : Look in the layers pallete. You will find a layer called Layer 4's Drop shadow. Click to select it.


Step 64  : Press CTRL+T. A selection appears.


Step 65  : Keeping CTRL+T pressed drag the middle handle down as shown. Press Enter to apply the transformation.


Step 66  : Drag the Opacity of the layer down to 50 %.


Step 67 : Click on the Add layer Mask and a Layer Mask forms next to the layer thumbnail on Layer 4's drop shadow.


Step 68 : Click the Gradient Tool.


Step 69 : Click in the top panel where the arrow points to, to reveal the Gradient editor.



Step 70 : Click the Gradient shown by the arrow. It's called Foreground to Transparent.


Step 71 : Drag from just above the drop shadow till the bottom keeping Shift pressed.


The drop shadow is blurred out at the top by the Layer Mask. And, here is the finished image.
Other photoshop tutorials are here.




Share

Twitter Delicious Facebook Digg Stumbleupon Favorites