Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

Stone Archway

Making stone patterns

1. Open a new file 55 pixel high by 75 pixels wide. RGB 72 ppi, white.

2. Select the rounded rectangle tool and set to 10 pixel radius. Change the foreground color to be hex #F9DBA7.

Draw a rounded rectangle that is 70 pixels wide by 50 pixels high. Control click the shape1 layer to select it. Insert a new layer and using the paint bucket, fill with the same color. Use your move tool to center the image. Turn the eye off the shapes layer.

3. Control click on Layer 1.  Click select=>modify=>contract. Set the contract to 4 pixels. Click Select=>inverse selection.

Click Image=>adjust=> Hue saturation and change the lightness to a setting of -7. Deselect all.

4. Click on your background layer and set your default colors by hitting your D key. Using the gradient tool set to linear gradient of black to white, draw a gradient from lower right to upper left.

5. Click edit=> define pattern. Call it block. Save the block file as block.psd.

6. Open a new document that is 110 high by 150 wide. Fill with your block pattern set to 100 %. Using your rectangular marquee tool set to feather = 0, select the bottom 55 pixels of your image.

Click Filter=>other=>offset and set the offset to

  • horizontal = 20
  • vertical = 0, and
  • check wrap around.

7. Select the magic wand set to a tolerance of 35, and UNCHECK contiguous. click the magic wand in the center of one of the bricks to select all the bricks. Click select=> Inverse. Click Filter=>Blur=> Gaussian blur, set to 3.2 pixels.
8. Click Select=> inverse.  Click Filter=> Texture=> Grain.

  • intensity = 40
  • contrast = 50
  • Crain type = Clumped.


9. Click Filter => Texture=> Craquelure

  • spacing = 11
  • depth = 2
  • brightness = 8

10. Click select=>select all. Click Filter=>other=>offset. Set offset to

  • horizontal = 75
  • vertical = 55
  • wrap around.

Use the clone tool and the smudge tool to smooth the sharp edges that cross the center.

11. Click edit=> define pattern. Call it Stonewall.

Use the rectangular marquee to highlight exactly one brick of 75 pixel wide and 55 pixels high.

 Click edit=>define pattern. Call this pattern One Stone Brick. Save the file as stonewall.psd so you can use it later on


Making the arch stones.

12. Make an image that is 200 wide by 220 tall, rgb, white, 72.

13.  Insert a new layer and Fill with the stonewall pattern at 100 % opacity.

3. Use the rectangular marquee set to 0 feather to select an entire block of 75 X 55 pixels. Click Select=Inverse and hit the backspace key. Click select=>inverse again.

14. Click edit=>transform=> rotate 90 Degrees CCW (counter clockwise). Then click edit=>transform=>flip vertically. Use the move tool to move your block to the top center of the canvas. Deselect all. Using the line tool with red color selected, draw a line from the top left of the block to the center bottom, and from the top right of the block to the center bottom. These lines are the guides for the radius of your arch.

15. Click back on your block layer 1. Click Edit=>transform=>perspective. Bring the bottom handles of the block together enough to align the sides of the block with the red lines above it. Apply the changes and click select=> all, then edit=>copy.


 

Making the arch

16. Open a new image that is 1000 wide by 800 high. Paste the arch stones into your drawing by clicking Control-V 13 times. Link layers 1-13 together by clicking the link column in the layers panel. Use the move tool to move the linked blocks up to center at 500 pixels across and the top at 50 pixels form the top.

16. On th3e background layer, Mark the point of 500 pixels across and 270 pixels down in a red mark Click on layer 1 and unlink the top 7 of the image layers.

17. With layer 1 highlighted, Click edit=>transform=>rotate. Move the center pivot point to the red dot first, then rotate the image clockwise until the top left corner meets the top right corner of the images left behind. Apply the changes.

18. Unlink one layer from your layer 1, and repeat 17, by clicking Edit=>transform=>rotate, moving the center pivot point to the red dot, and rotating the group so that the upper left hand corner of the rotaing image meets the upper right name corner of the last image rotates.

19. Continue with this procedure until the linked images are used up. Highlight layer 7 and link layers 7-12. Click Edit=>transform=>rotate. Move your center pivor point to the reddot and this time rotate counter clockwise until the upper right corner of the rotating image meets the upper left hand corner of the top block. Apply the changes and unliink a layer. Continue doing the counter clockwise rotation until all the blocks are gone.

Turn the eye off on the background layer and Click Layer=>Merge Visible.


 

Making the columns

20. Insert a new layer. Click Edit=>fill and select the One Stone Brick pattern at 100 % opacity.

Use your marquee set to 75 pixels wide by 500 to select the one row of bricks.

Click select=> inverse. Hit your backspace key.

Use your move tool to line up your bricks perfectly under the arch. Duplicate this layer and move the new column under the other side of the arch.

21. Click Layer Merge Visible.

Duplicate this layer. Use the move tool to shift this image to the right.

Click Image=>adjust=> hue/saturation and set the lightness down to -20

 

Making the wall.

22. Click on the bottom arch layer and then insert new layer.

Use your Rectangular marquee to select the lower half of the document, from 400 pixels to nearly the bottom of the columns.

Click Edit=>Fill and fill the selection with the pattern stonewall.

23. Use the marquee tool to select the upper row of stone. DO not worry if it is only a quarter of a brick. Click Edit=>transform=>skew. move the center top handle to the right to form the top of the wall.

24.Use the rectangular marquee tool to select the wall from the center of one column to the center of the other, and hit your backspace key.

 

Filling in the garden

25. Click on the background layer to turn it on. Select the gradient tool and set it to the preset gradient of Chrome. Draw this gradient from top top of the arch to the bottom holding your shift key down while you do it.

26. Open up this leaf picture and copy it into Photoshop. Trim the background out of the image so that the leaves are the only thing left. Save this image as a brush. rotate the canvas 90 degree and save again. Rotate again and save as a brush, and rotate again and save as a brush.

27. Click on the background and Insert a new layer just above the background. Set your foreground color to dark green hex #10640C and your background color to bright green hex # 2CF505. Select one of the four brushes and paint in dark green some leaves just behind and above the wall.

28. Switch your color palette color and switch leaf brush. Paint in the light green over the dark green leaves, up a little from the previous leaves.

29. Switch your green colors, and brush and paint in dark green above the last set of leaves and so on until you get a good background of effects.

30. Click on your top layer and insert a new layer. Use the same technique to pain in front of hte wall, but not as many leaf prints or layers

.31. Set the foreground color to hex #CC9900, and background color to hex #663300. Click on your background layer. Insert a new layer.

Select the bottom third of the image using the rectangular marquee with feather of 30 pixels. . Fill with the foreground color. Click Filter=>noise=>add noise at 13, uniform, monochromatic. Use the smudge tool to define a narrow path.

32. Download this picture and make a brush out of it. Use this brush in alternating lightgreen first, then dark green images. Please the images on a new layer on the top, and a new layer just above the background.

33. Click on the background layer and insert a new layer. Hit your D key and then click Filter=>render=>clouds. Set this layer mode to Multiply.
34. Resize your image to your desired width/height.

 


 

 



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2008 All Rights Reserved
Privacy and Legal