Create a creative diagram in Photoshop # 1

In this lesson you will learn how to create a cake that is stylized as a layer of soil. It is quite complex and is designed for a confident user. To complete the lesson, you will need basic skills with corrective layers, masks, and layer styles.

  1. Texture: Sand cliff
  2. Texture: Rock cliff
  3. Texture: Gravel
  4. Texture: Dead grass
  5. Photo: Wheat field (requiring payment)
  6. Photo: Grazing cow (extra charge)
  7. Photo: Grass (charge)

1. Create a sketch

Step 1

Create a new document (Ctrl / Command + N) with a size of 600 x 700 pixels. Draw a primitive black and white sketch. This is best done using a graphics tablet.

Step 2

Group the layers with a sketch. Then we create new groups for different types of layers. Via Pen tool (P) (Pen) in Path mode (Contour) draw the contour of the desired shape, then click on it with the right mouse button and select Create Vector Mask (Create a vector mask). If your sketch is scanned, change its blending mode to Multiply (Multiplication) so that it becomes translucent.

You can use another way to create a fill, but groups with masks should be required. Later it will simplify our work.

Step 3

Via Pen tool (Feather) (P) in separate groups create layers of soil.

We don’t need a sketch, so we hide it.

2. Texturing

Step 1

Drag the texture onto the document, adjust the size of each layer of soil. Pay attention to the proportions so that everything looks harmonious. At this stage, do not think about color and perspective, now it is important to correctly position the texture.

Transform each layer of soil texture into a clipping mask. use them as clipping masks (Alt + Command / Ctrl + G or Layer> Create Clipping Mask or Alt + Click between layers).

Since the cake and its piece have two surfaces (with earthy textures) external and internal, for convenience, put the layers for each side into a separate group.

Step 2

Now we have to deform the textures so that they look realistic. Transform them with Edit – Transform – Warp (Editing – Transformation – Deformation) and Distort (Distortion).

For the transformation of the middle layer of soil we use only Perpective (Perspective).

Make sure all textures are proportional to each other. Move the textures to find similar elements in them. It will be useful to us later.

As seen in the screenshot, some deformed areas of smart objects look awful. This is especially evident on a piece of cake. This happens because Photoshop first scales the smart object and then transforms it. To fix this, we increase the necessary textures three times, rasterize them (right click on the layer and select Rasterize Layer (Rasterize the layer)), and then reduce to the desired size.

Step 3

Now adjust the color. Let’s start with the middle layer. Create two adjustment layers: Levels (Levels) and Hue / Saturation (Hue / Saturation) Layer – New Adjustment Layer (Layer – New adjustment layer).

Then select the bottom layer and increase the texture saturation with Hue / Saturation (Hue / Saturation).

After that, add to the bottom layer Brightness / Contrast adjustment layer (Brightness / Contrast) and solid color fill layer (Color) Layer – New Fill Layer – Solid Color (Layer – New Fill Layer – Color) in Soft light (Soft light) (color # 514740).

Next, go to the top layer. Create Levels adjustment layer (Levels) and move the black slider closer to the center. This is necessary to highlight the dark details on the texture. Then add a Brightness / Contrast adjustment layer to make the texture darker.

When finished, duplicate the adjustment layers for the corresponding textures on other parts of the cake.

Step 4

Now let’s work on the greens. The source of the grass is very high quality, so we just adjust the saturation.

3. Lighting

Step 1

Hide layer with cow. Add a new layer in the grass group and create a vertical gradient from black to transparent.

Then apply a layer style to the gradient layer. Color overlay (Color overlay) (color # fffae1) with 30% opacity.

Step 2

For convenience, we can create a special ball that will indicate the source of light.

Step 3

In the group “Cake front” create a group “Shadow” and add in it Brightness / Contrast adjustment layer (Brightness / Contrast). Dimming this part of the cake.

Select the mask of the adjustment layer and use a soft black brush to remove the extra shadow.

Create a new layer in mode. Overlay (Overlap). Black and white brush add shadows and highlights.

In the same way we add shadows in other places of the cake. Do not forget to take into account that the inside of the cake is hidden and there the shadow will be more saturated.

Step 4

Add a base shadow under the cake. Create a new group “Shadow”. Copy the layer mask and transform it into a new black shape. Move the top knots down to form the bottom of the cake. We pay special attention only to the side lines, moving them closer to the center.

Duplicate the shape (Ctrl + J) and rasterize it. Then we blur using a filter. Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur) Radius (Radius) – 2.

To make the shadow richer, duplicate it (Ctrl + J) and merge the copy with the original (Ctrl + E).

Step 5

If you want to apply the shadow correctly, then we will have to work a bit with the geometry. Draw the outline of the cake (top view).

Using Edit – Transform – Perspective (Editing – Transformation – Perspective), we fit the contour under the top of the cake. We continue the vertical lines to the edge of the working canvas. Then duplicate the grid and customize it under the bottom of the cake.

Via Ellipse tool (U) (Ellipse) draw at the bottom of the ellipse. Duplicate the contour of the ellipse and move it to the left and above (do not forget to follow the perspective lines). Two copies of an ellipse should create one common contour. Cut out a piece of ellipse so that it repeats the outline of the cake.

Create a new shape from this contour and rasterize it. Using a gradient, fill the document with a quick mask.

Select the layer with the shadow and blur it with the filter Gaussian blur (Blur according to Gauss) with Radius (Radius) 15. Also apply the filter Motion blur (Motion blur).

Carefully trim the shadow with a soft black brush (B) and a layer mask.

Then double click on the layer with the shadow and apply the layer style Color overlay (Color overlay) (color # 0e0700), set the opacity to 85%.

Now on the new layer add a shadow near the cut piece of cake.

Like this post? Please share to your friends: