Making text from a chocolate bar in Photoshop

In this lesson you will learn how to create a simple pattern, and then using it together with several layer styles, you can make text from a chocolate bar. Next, change the simple brush to add some stuffing to the text, and finally add some adjustment layers for the final effect.

The final result.


Step 1. Set foreground color to # fece01, and background color # e8661b and spend radial gradient from the center of the document to one of the corners.

Open the Vintage texture, and place it on the background layer, reducing it to fit our document, and change Layer opacity (Opacity) up to 50%.

Click the icon, Create New correctivelayer (New Adjustment Layer) at the bottom of the layers palette, and select Hue / Saturation (Hue / Saturation).

Change the Hue value to -10 and the Saturation value to -40.

Click the icon again Createnewadjustment layer (New Adjustment Layer), and select Vibration (Vibrance).

Change value Vibration (Vibrance) to 100 and Saturation (Saturation) to -40.

Step 2. Now we will create a pattern. To do this, create a new document with a size of 30×30 pixels. with white background. You can enlarge the document to make it easier to work.

Activate the tool Rectangular area (Rectangular Marquee Tool), and draw a square that covers the whole document.

Click the icon Subtract from selected area (Subtract From Selection) in the options bar and draw another ?? one rectangle, which on 1px less than the first.

Note: You can open the panel Window-> Info (Window-> Info) to check the dimensions.

Fill the selection with color # 888888.

Click Ctrl + D, to get rid of the selection, and repeat the process, but this time make the first rectangle so that it covers only the white area, and the other should be 2 pixels less. Fill the selection with color # 222222.

Once again, make a 2px smaller rectangle and fill it with color # c7c7c7.

And finally, we will create vertical lines 1 pixel wide with a distance between them equal to 2 pixels. Activate the tool Rectangular area (Rectangular Marquee Tool) and click on the icon Add to selected area (Add to Selection) in the options bar to combine all selections. Fill the lines with the color # e9e9e9 and cancel the selection (Ctrl / Cmd + D).

Now, go to the menu Edit-> Define Pattern (Edit-> Define Pattern), and think of the name of the pattern.

Step 3. Go to the original document, write the text, color # 743d10. The font used in the lesson PicoBlack, and the size of 350 pixels. In addition, set the tracking value for the selected characters to 25.

Note: You can open the character panel with Window-> Symbol (Window -> Character)

Duplicate the text layers.

If you have several layers of text, select their duplicates, and go Layers-> Merge Layers (Layer -> Merge Layers), or just click Ctrl + E. If you have only one text layer, right-click and select Rastrirovat (Resterize).

Now that the layers are merged or rasterized, move it under the original text layers, and rename it to “Shadow.” We will use it a little later to create a shadow using the filter. Motion blur (Motion blur).

Step 4. Double click on the original text layer, Add the following layer styles (Add a layer style):
Shadow (DropShadow): Change the color to # 402713.

Inner shadow (Inner Shadow): Change the color to # 743d10, Distance (Distance) to 0, and Size (Size) to 13.

Stamping (Bevel and Emboss): Change the Size to 20, check the Anti-aliased checkbox, change the Highlight Mode color to # 72533a, and Shadow Mode color to # 98653b.

Circuit (Contour): Change the Contour to Shallow Slop – Valley, this will create a simple frame around the text so that the text does not look flat at the edges. Check the Anti-aliased checkbox for a smoother result.

Texture (Texture): And now we add our pattern created in the second step. Check if the Invert checkbox is checked (Invert).You can change the Depth value if you want, as it is set by default.

Color overlay (Color Overlay): This is optional, but here you can choose a color for chocolate. The color used in the lesson is # 673d26, but you can choose different colors.

Click the OK button to exit the Layer Style window. See what happened!

Open the panel Brushes, Window-> Brush (Window-> Brush), select the round brush, and change its parameters as shown in the image below:
Brush Print Form (BrushTipShape):

Form Dynamics (Shape Dynamics):

Create a new layer on top of the “Shadow” layer, but under the text layer, and name it “Stuffing”.

Right-click on the text layer, and select the command Create work path (Create Work Path).

Go to the “Stuffing” layer to make it active, then select the tool Outline selection (Direct Selection Tool), set the foreground color to white. Right-click on the path and select, Perform a stroke (StrokePath).

Select Brush (Brush) from the drop down menu, and uncheck the box, Simulate pressure (Simulate Pressure).

This will stroke the path with a brush. Click Enter, to get rid of the way.

Step 6. Double-click on the “Stuffing” layer to add the following layer styles (Add a layer style):
Shadow (DropShadow): Just change the color to # 787878.

Stamping (Bevel and Emboss): Change the Contour (Gloss Contour), to Rounded Steps, check the checkbox, Anti-aliased, change, Highlight Mode to Overlay, and the color of the Shadow Mode ( Shadow Mode) on # 99846b.

Circuit (Contour): Change the contour (Gloss Contour) to Rounded Steps, and again check the tick, Anti-aliased.

Texture (Texture): This will add texture to the texture to make it look like 3D. Select the Ant Farm pattern, and change the Depth value to 20.

Color overlay (Color Overlay): This is also optional, but you can choose a color to fill. The color used in the lesson # e7e5df, but you can choose any other color you like.

This is how your filling should look.

Step 7. Select the “Shadow” layer we created earlier and go to Filter-> Blur-> Motion Blur (Filter-> Blur -> Motion Blur). Set the values, Angle to -30 and Distance to 100.

Move the shadow using the tool Move (Move Tool), so that it starts from the top of the letters, and is located diagonally. Change the Blend Mode of the layer to Multiplication (Multiply) and Opacity (Opacity) by 50%.
That’s what we should get.

Step 8. Go to the panel Brushes, Window-> Brush (Window-> Brush), and using the same hard round brush, change the parameters as shown in the picture below:
Brush Print Form (BrushTipShape):

Form Dynamics (Shape Dynamice):

Scattering (Scattering):

Now draw a few points on the “Filling” layer, along the entire text.

Step 9. Download bows, and place one of them, on top of all layers. By changing its size and turning it the way you like, place it on top of one of the letters.

Double click on the “Bow” layer to Add the following layer styles (Add a layer style):
Shadow (DropShadow): Change the color to # 805748 and size up to 11.

Color overlay (Color Overlay): Change the layer Blending Mode (Blend Mode) to Soft Light and color # 696149.

This should improve the color of the bow.

Next, go to Image-> Correction-> Hue / Saturation (Image-> Adjustments-> Hue / Saturation), and change the Hue to 5 and the Saturation to -10.

The color of the bow is better, but still needs a few adjustments. Let’s go to Image-> Correction-> Color Balance (Image-> Adjustments-> ColorBalance), make sure that the Tone Balance has the Midtones settings, and change the values ​​of the levels, as shown in the picture below:

Now, let’s go Image-> Correction-> Vibration (Image-> Adjustments-> Vibrance), set the values ​​of Vibration (-Vibrance) to -5 and Saturation (-Saturation) to -10.

Step 10.Finally, add some adjustment layers. Click the icon Create a new adjustment layer (New Adjustment Layer), and select Photo filter (Photo Filter).

Choose Deep yellow (Deep Yellow) filter from the drop down menu.

Add adjustment layer Hue / Saturation(Hue / Saturation), and set the values ​​as shown in the picture below.

You can also add color adjustments to the “Bow” layer. Only now we change the value. Saturation, for this we go Image-> Correction-> Hue / Saturation(Image-> Adjustments-> Hue / Saturation) to make the color less bright. But you can go ahead and make those adjustments that you would like to make.

And finally, let’s add the radial Gradient (Radial Gradient), create a new layer on top of all layers and call it “Gradient”, then draw a radial gradient, color, from black to transparent. Change the layer blending mode (Blend mode), on soft light (Soft light), and Fill value (Fill) before thirty%.

Our text is ready! I hope you were interested! Good luck to you.

(click on image to enlarge)


Like this post? Please share to your friends: