Create your own world – part 2

“Create your own world” part 2 Requirements: Photoshop CS6 Difficulty: Medium Time: max 1 hour Outcome: Resources: Create your own world Part 1 PSD We will use our previous image to create a simple website template. Let’s begin: 1. Open a new document. I used 1600×950 2. Fill it with #FFECAA color using Paint Bucket […]

“Create your own world” part 2

Requirements: Photoshop CS6
Difficulty: Medium
Time: max 1 hour

Outcome:

outcome

Resources: Create your own world Part 1 PSD

We will use our previous image to create a simple website template. Let’s begin:

1. Open a new document. I used 1600×950

create your own world part 2

2. Fill it with #FFECAA color using Paint Bucket Tool. ( G )

create your own world part 2

3. Create new layer and fill it with black color, we have named this ‘noise’.

create your own world part 2

4. Click Filter > Noise > Add noise. Select uniform and select around 129%.

create your own world part 2

5. Now lower opacity to 10% to add the noise to the image. 10% will ensure it is not too overbearing.

create your own world part 2

6. Open part 1 document. If you do not have it you can download it here, although I recommend that you go back and try Create your own world Part 1.

create your own world part 2

7. Now hide all layers and leave just these ones. Select them all with SHIFT+CLICK and then merge with CTRL+E.

create your own world part 2

8. Copy to the original document you created earlier and name the layer ‘hand’.

create your own world part 2

9. Now move it to the left of the document, this is where it will sit.

create your own world part 2

10. Draw a rectangle like this one with Rectangle Tool ( U ). I used color #C7023A.

create your own world part 2

11. Now simply transform it like this.

create your own world part 2

12. Now click CTRL+J on the rectangle layer to duplicate it. We will now have 2 rectangles. Now click on icon near it’s name so you can change color to #EF1955

create your own world part 2

13. Move the new rectangle down.

create your own world part 2

14. Now look towards those yellow spots on the hand, we need to delete them so it looks smoother.

create your own world part 2

15. I used Eraser tool ( E ) for right part and Burn tool ( O ) for left part.

create your own world part 2

16. Now CTRL+CLICK on icon near ‘hand’ layers name.

create your own world part 2

17. Using the Soft brush ( B ) draw like this on a new layer named ‘light’.

create your own world part 2

18. With Smudge tool, smudge it to look like this.

create your own world part 2

19. Set that layer to Screen and set it to around 50%.

create your own world part 2

20. Create new layer named ‘shadow’ beneath the hand layer.

create your own world part 2

21. Use CTRL+SHIFT+CLICK on icon near both rectangle layers to select the whole element.

create your own world part 2

22. Using Soft black brush ( B ) draw shadow like this.

create your own world part 2

23. Select Filter > Blur > Gaussian blur, and set it to be around 18%.

create your own world part 2

24. Now create a new layer named ‘shadow_line’.

create your own world part 2

25. With Gradient tool ( G ) make shadows like this. I used a Black-to-Nothing gradient.

create your own world part 2

26. Create a new rectangl with color #C7023A.

create your own world part 2

27. Now transform it like this.

create your own world part 2

28. Now create a new layer above it and use CTRL+CLICK on that new rectangle. Then apply a shadow with gradient tool ( G ) as in step 25.

create your own world part 2

29. Write some headline text.

create your own world part 2

30. Right click on text layer then select Blending options. Click Outer Glow > Blend mode: normal. I used Opacity of 43% and a White color.

create your own world part 2

31. Now create a new rectangle but with no color. (You adjust colors in upper left corner)

create your own world part 2

32. Transform it with Pen Tool ( P ). You can transform points while using Pen Tool. You just have to hold CTRL while clicking on a certain point.

create your own world part 2

33. Select the text tool and just click anywhere inside rectangle area.

create your own world part 2

34. Write something. (I used lorem ipsum)

create your own world part 2

35. I used bold some parts just for the effect.

create your own world part 2

36. I then duplicated my headline text, lowered it’s size and created navigation with it.

create your own world part 2

37. Just copy paste and change text into something like home, info, about, gallery, etc etc.

create your own world part 2

Your done! Hope this has given you a few helpful tips, we have plenty more tutorials so please make sure you check out the whole site.

Did you enjoy this?

Support us by sharing this article with your friends. This way we will be able to produce more content like this, and in the end we are all winners!

Comments and Feedback

PixelTango Original © 2013-05-02 | Usage

About the Author

Alex is a web developer from the UK. Owner of Matlex Solutions Limited and Pixel Tango. Always on the lookout for great tutorials, photography, techniques and effects, if you want your work featured, get in touch!

Sorry to interrupt, but...

It seems you are using AdBlock to block our advertisement (yes, 1 tiny ad). Displaying ads is essential for us to keep good quality of our posts here at PixelTango.

Please unblock, so that we can keep this site alive!