The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Design a Under Construction Image for Website

Design a Under Construction Image for Website


Learn how to create under construction sign.. In this tutorial we will use Pen, Marquee tools and other effects.

Design a Under Construction Image for Website Tutorial: Final Result

1. Create a new document in Photoshop of any size (I have used 300 / 200 px) and fill with #59595b color using Paint Bucket tool.

image 2

2. Now create a shape as shown using Polygonal Lasso Tool and fill the selection with #000000 color on a new layer. Press Ctrl + D to deselect.

image 3

image 4

3. Repeat the above step to create the leg of the stand and fill the selection with #a3a3d6 on a new layer.

image 5

image 6

4. To add the shadow to the leg select the area as shown below and fill with #000000 on a new layer.

image 7

image 8

5. Create a shape as shown using the Polygonal Lasso Tool above all and fill with #ffae00 color on a new layer.

image 9

image 10

6. Go to Select > Modify > Contract and apply the option as shown. Fill the selection with #ff8a00 color on a new layer.

image 11

image 12

7. Again with the same tool create a shape as shown below and fill the selection with #ffb500 color on a new layer. Press Ctrl + D to deselect, then set the layer Opacity = 40% and Blending Mode = Overlay.

image 13

image 14

8. Now with Polygonal Lasso tool create a shape on the left side of the stand as shown and fill the selection with #000000 color on a new layer.

image 15

image 16

9. Using the same tool, create a shape on the top of the new black shape and fill the selection with White color.

image 17

10. Repeat the above steps to add two more shapes to your canvas.

image 18

11. Create a shape as show using the Polygonal Lasso tool and fill the selection with #000000 color on a new layer.

image 19

image 20

12. Using the same tool to create a shape as shown and fill with #ff2626 color on a new layer.

image 21

image 22

13. Repeat the step using the same tool to get the effect as shown on the picture.

image 23

14. Duplicate the whole shape and place it on the right hand of the stand.

image 24

15. Create a triangle using Polygonal Lasso tool and fill the selection with #ff2626 color. Duplicate the layer several time and place as shown below.

image 25

image 26

16. Repeat the above step for the other light of the stand. Your finished image should look something like this.

Design a Under Construction Image for Website Tutorial: Final Result



Author's URL: Photoshopmonster.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Design a Under Construction Image for Website"

Only registered users can write comment

Reader's comments