iDevie
October 2019
M T W T F S S
« Sep    
 123456
78910111213
14151617181920
21222324252627
28293031  

Categories


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.

PixelTango


Comments 0
There are currently no comments.