How to Create a Spectacular Nature Composition in Photoshop

How to Create a Spectacular Nature Composition in Photoshop

Today we will create an abstract composition by combining stock vectors, photos and brushes. Along with creating your image, you will learn now to:

– create interesting compositions
– use blending properties
– use layer masks
– make cutouts
– photo retouching and enhancement

Difficulty: Beginner
Completion time: 40 min
Tools: Photoshop CS3, Illustrator CS3 (Optional)

Resources:

– Floral Vector Pack 84 from Designious.com

glass from mmp-stock

leaves from phantompanther-stock

cloud brushes from XavierZhX

lemons from setsuna22

brush from fairiegodmother

desert from phantompanther-stock

fish from phantompanther-stock

Final image preview

final-designioustimes-abstract-nature-composition-tutorial

STEP 1

Create a new document of 1680 x 1050 px at 72 dpi in RGB color mode.

1-designioustimes-abstract-nature-composition-tutorial

STEP 2

Grab the Gradient Tool (G), create the gradient below and click-drag it like below.

2-designioustimes-abstract-nature-composition-tutorial

2.1-designioustimes-abstract-nature-composition-tutorial

STEP 3

Open the โ€œglassโ€ picture. Now grab the Pen Tool (P), set it on Paths and trace the outline of the glass. Then right-click > Make Selection, set it to 0 px and hit OK. Copy it (CTRL+C), go back to our document and paste it (CTRL+V). Go to Image > Adjustments > Desaturate.

3-designioustimes-abstract-nature-composition-tutorial

3.1-designioustimes-abstract-nature-composition-tutorial

STEP 4

Go to Edit > Free Transform (CTRL+T), rotate it and resize it like below. Hold the SHIFT key to preserve its proportions. Then hit Enter to exit Free Transform mode.

4-designioustimes-abstract-nature-composition-tutorial

STEP 5

Extract the โ€œlemonsโ€ pack in a folder of your choosing. Then click-drag one of the pictures into Photoshop. Make a cutout of the lemons like in STEP 3, then paste it into our drawing.

5-designioustimes-abstract-nature-composition-tutorial

6-designioustimes-abstract-nature-composition-tutorial

STEP 6

Repeat STEP 4 to make the lemon look like below. Go to Image > Adjustments > Brightness / Contrast and use the settings below.

7-designioustimes-abstract-nature-composition-tutorial

STEP 7

With the lemon selected, grab the Selection Tool (V), hold the ALT key and click-drag it to the right. Then hit CTRL+T to enter Free Transform mode and make it smaller.

8-designioustimes-abstract-nature-composition-tutorial

STEP 8

Create more copies of lemons, but keep in mind to make them smaller and more distant to one another the further they are from the glass.

9-designioustimes-abstract-nature-composition-tutorial

STEP 9

Open the โ€œleavesโ€ picture. Grab the Crop Tool (C) and crop the image leaving out the frame. Double-click the lock in the Layers palette (F7) and hit OK. Go to the Channels window ย (Window > Channels) right-click the Blue channel and select โ€œDuplicate channelโ€.

10-designioustimes-abstract-nature-composition-tutorial

11-designioustimes-abstract-nature-composition-tutorial

12-designioustimes-abstract-nature-composition-tutorial

STEP 10

Go to Image > Adjustments > Curves. Adjust the curve like below. Then go to Image > Adjustments > Levels and use the settings below. Repeat this until the shadow (respectively, midtones) disappear completely. If you see jagged edges, then youโ€™ve overdone it.

13-designioustimes-abstract-nature-composition-tutorial

14-designioustimes-abstract-nature-composition-tutorial

STEP 11

CTRL+click the โ€œBlue copyโ€ channelโ€™s thumbnail, go back to the Layers palette (F7) and hit Delete.

15-designioustimes-abstract-nature-composition-tutorial

STEP 12

Grab the Polygonal Lasso Tool (L) and select a leaf. Copy it and paste it into our document. Hit CTRL+T to enter Free Transform mode, resize it and place it like below.

16-designioustimes-abstract-nature-composition-tutorial

STEP 13

Grab the Selection Tool (V), hold the ALT key and click drag multiple copies of the leaf. Resize and rotate each to fit the scenario.

17-designioustimes-abstract-nature-composition-tutorial

18-designioustimes-abstract-nature-composition-tutorial

STEP 14

Open the โ€œbrushโ€ picture. Grab the Magic Wand Tool (W), click the background and hit Delete.
Grab the Eraser Tool (E) and clean up the remaining areas.

19-designioustimes-abstract-nature-composition-tutorial

STEP 15

Grab the Polygonal Lasso Tool (L), select a part of the leaves, copy it (CTRL+C), go back to our document and paste it (CTRL+V). Resize it and rotate it to fit like below.

20-designioustimes-abstract-nature-composition-tutorial

STEP 16

Create copies like we did with the lemons.

21-designioustimes-abstract-nature-composition-tutorial

STEP 17

Grab the Path Tool (P), set it on Shapes and draw a shape like below.

22-designioustimes-abstract-nature-composition-tutorial

STEP 18

In the Layers palette (F7), select the shape layer you just created and click the โ€œfxโ€ and select Blending Options. Use the settings below. Hit OK.

23-designioustimes-abstract-nature-composition-tutorial

STEP 19

Right-click on the vector mask of the shape layer and select โ€œRasterize Layerโ€.

STEP 20

Go to Layer > Layer Mask > Reveal All. Then grab the Brush Tool (B), set Hardness to 0%, select the layer mask, make sure the Foreground color is black and paint the area shown below.

24-designioustimes-abstract-nature-composition-tutorial

25-designioustimes-abstract-nature-composition-tutorial

STEP 21

Go to Layer > Duplicate layer (CTRL+J). Hit CTRL+T to enter Free Transform mode and click-drag the rotation center to the bottom right corner of the bounding box. Then rotate it a bit clockwise. Hit Enter.

21-designioustimes-abstract-nature-composition-tutorial

STEP 22

Double-click the โ€œfxโ€ icon near the layer thumbnail. Change the โ€œColor Overlayโ€ color to a light orange. Hit OK. Then hit CTRL+J to duplicate the layer.

22-designioustimes-abstract-nature-composition-tutorial

STEP 23

Repeat STEPS 21-22 for multiple colors shapes: yellow, green. (Yup, you guessed it, I want to create a rainbow.)

23-designioustimes-abstract-nature-composition-tutorial

STEP 24

Select all the shape layers you created so far and hit CTRL+G) to place them in a layer group. Double-click the layer groupโ€™s tag and rename it to โ€œrainbow-leftโ€.

24-designioustimes-abstract-nature-composition-tutorial

STEP 25

Repeat STEPS 17-24 for the shape below.

25-designioustimes-abstract-nature-composition-tutorial

25.1-designioustimes-abstract-nature-composition-tutorial

STEP 26

Select all the shape layers you created after STEP 25 and hit CTRL+G) to place them in a layer group. Double-click the layer groupโ€™s tag and rename it to โ€œrainbow-rightโ€.

26-designioustimes-abstract-nature-composition-tutorial

STEP 27

Open the โ€œcloud brushesโ€. Just double-click the .abr file, it will load them into Photoshop. ย ย ย  Go to Layer > New > Layer (CTRL+SHIFT+N).

27-designioustimes-abstract-nature-composition-tutorial

STEP 28

Grab the Brush Tool (B), hit D, then X (resets foreground and background colors and switches between them), select a cloud brush and paint over the rainbow. Experiment with different brushes.

28-designioustimes-abstract-nature-composition-tutorial

28.1-designioustimes-abstract-nature-composition-tutorial

STEP 29

Grab the Pen Tool (P) and draw a shape like below. Then go to the Layers palette (F7), click the โ€œfxโ€ button and select โ€œBlending Optionsโ€. Use the settings below.

29-designioustimes-abstract-nature-composition-tutorial

29.1-designioustimes-abstract-nature-composition-tutorial

29.2-designioustimes-abstract-nature-composition-tutorial

STEP 30

Grab the Selection Tool (V), hold the ALT key and click-drag it to create multiple copies. Resize and reflect them similar to the image below.

30-designioustimes-abstract-nature-composition-tutorial

30.1-designioustimes-abstract-nature-composition-tutorial

STEP 31

Create a new layer (CTRL+SHIFT+N) and place it below the โ€œrainbow-leftโ€ layer group. Now grab the Brush Tool (B), select a cloud brush, set Foreground color to a light sky blue and paint some clouds. Experiment with different opacity of the brush to add more perspective.

31-designioustimes-abstract-nature-composition-tutorial

STEP 32

Grab the Selection Tool (V), check the โ€œAuto-Selectโ€ box and click the glass. Then hit CTRL+G to place it in a layer group. Double-click its name and rename it to โ€œglassโ€.

32-designioustimes-abstract-nature-composition-tutorial

STEP 33

Grab the Path Tool (P), set it on Paths and trace the cup part of the glass, like below. Then right-click > Make Selection. Switch to Rectangular Marquee Tool (M) and right-click > Layer Via Copy.

33-designioustimes-abstract-nature-composition-tutorial

STEP 34

Duplicate this layer (CTRL+J), CTRL+click the newly created layer to load a selection, Then go to Select > Modify > Contract. Set it to 4 px and hit OK. Hit Delete and set the Blending mode to Overlay and Fill to 0%. Also click the โ€œfxโ€ button and select โ€œBlending Optionsโ€. Use the settings below.

34-designioustimes-abstract-nature-composition-tutorial

STEP 35

Grab the Selection Tool (V) and select the layer below your current one. Go to Image > Adjustments > Hue/Saturation. Give it a sky blue tint (use the settings below).

35-designioustimes-abstract-nature-composition-tutorial

STEP 36

Cut out the lemons shown below and paste them into our drawing.

36-designioustimes-abstract-nature-composition-tutorial

36.1-designioustimes-abstract-nature-composition-tutorial

STEP 37

Resize it, go to Image > Adjustments > Brightness/Contrast. Use the settings below or similar.

37-designioustimes-abstract-nature-composition-tutorial

37.1-designioustimes-abstract-nature-composition-tutorial

STEP 38

Grab the Pen Tool (P), set it on Paths and Layer Via Copy the left half of the lemon. Then hit CTRL+T, right-click > Flip Horizontal and place it like below.

38-designioustimes-abstract-nature-composition-tutorial

STEP 39

Grab the Eraser Tool (E), set Hardness to 0% and erase the part shown in the image below. Set Fill to 25%.

39-designioustimes-abstract-nature-composition-tutorial

STEP 40

Repeat STEPS 38-39 for the right side of the lemon, but copy only half, reflect it horizontally, duplicate the copy (CTRL+J) and reflect it vertically. Also do the same for the glass.

40-designioustimes-abstract-nature-composition-tutorial

STEP 41

Open the Floral Vector Pack 84 and click-drag one of the flowers into our drawing. In the Layers palette (F7), click the โ€œfxโ€™ button and select โ€œBlending Optionsโ€. Use the settings below. Use the Selection Tool (V) and ALT+Click to place copies of the flowers.

41-designioustimes-abstract-nature-composition-tutorial

41.1-designioustimes-abstract-nature-composition-tutorial

STEP 42

Grab the Selection Tool (V), check the Auto-Select box and select the glass. Grab the Path Tool (P), set it on shapes and trace the glassโ€™ edges, like below. Give it a nice, sky blue color. Hit CTRL+T, rotate it and make it fit, like below. Set Fill to 50%.

42-designioustimes-abstract-nature-composition-tutorial

42.1-designioustimes-abstract-nature-composition-tutorial

STEP 43

Repeat STEP 43, but use the settings below. Open the โ€œfishโ€ picture. Grab the Path Tool (P), set it on Paths and trace the fish. Then right-click > Make Selection. Copy it (CTRL+G), go to our document and paste it (CTRL+V). Resize it to fit the glass, to make it look like itโ€™s in a bowl. Do the same for the sand.

43-designioustimes-abstract-nature-composition-tutorial

STEP 44

Select the top-most layer and go to Layer > New Adjustment Layer > Hue/Saturation. Use the settings below.

44-designioustimes-abstract-nature-composition-tutorial

STEP 45

Select all artwork CTRL+A), copy merged (CTRL+SHIFT+C) and paste it (CTRL+V).

45-designioustimes-abstract-nature-composition-tutorial

STEP 46

Go to Filter > Sharpen > Sharpen.

46-designioustimes-abstract-nature-composition-tutorial

Done!

final-designioustimes-abstract-nature-composition-tutorial

You can download the source file from the link below:

[download id=”168″]

6 Comments on “How to Create a Spectacular Nature Composition in Photoshop

Leave a Reply

Your email address will not be published. Required fields are marked *