Text from cookies in Photoshop

In this lesson you will learn how to create delicious text from cookies. You will also learn some useful tips on using layer styles, filters, and brushes when creating various “Cookie” elements.

Resources:

Step 1. Download wooden textures, and open the image “elso.png” in
Photoshop. Move on Edit-> Define Pattern (Edit-> Define Pattern) and enter any name for the pattern.

Move on File-> Create (File-> New), and create a new document with a size of 1150 x 768 pixels.

Create a new layer (Ctrl + Shift + N) on top of the background layer and name it “Texture.”

Activate the tool Fill (Paint Bucket Tool) in the options bar at the top, select Regular (Pattern) fill type, and select a tree pattern from the drop-down menu templates. Then fill the document with the selected template.

Create a new layer (Ctrl + Shift + N) on top of the “Texture” layer and call it “Gradient”. Select tool Gradient (Gradient Tool), set foreground color to the black, and in the top toolbar, select Diamond shaped (Diamond) gradient “from foreground to transparent” and check whether the tick is worth Inversion (Revers). Draw a gradient from the center of the document to one of the corners to create a gradient.

Change Blend mode (Blend Mode) layer “Gradient” on Soft light (Soft Light).

Click on the icon Create a new adjustment layer or fill layer (Create new fill or adjustment layer) at the bottom of the layers palette and select Levels (Levels).

Change the value of the shadow to 65. Our background is ready.

Step 2. Write the text in color # c29f5f . The font used in the lesson is Bubblegum, and the size is 250 pixels.Move on Window-> Symbol (Window-> Character) set the value of tracking (Tracking) on ten, to avoid overlap.

Now we will change some settings Brushes (Brush) to create a stroke. Thus, open the settings panel of the brush. Window-> Brush (Window-> Brush) and select Hard Round Brush (Brush), set the size to 20, Hardness to 85%, and Spacing to 68%.

Form Dynamics (Shape Dynamics): Set the Size Jitter to 100% and make sure that other values ​​are set, as shown in the image below. Also, check Wet Edges (Wet edge).

Go back to the layers panel, right-click on the text layer and select Create work path (Create Work Path).

Create a new layer (Ctrl + Shift + N) below the text layer and name it “Stroke”. Set foreground color to # a06600 and select tool Outline selection (Direct Selection Tool).

Right click on the path and select Perform a stroke (Stroke Path).

Select brush in the drop-down menu, and uncheck Simulate pressure (Simulater Pressure).

We created a cookie imitation stroke.

Step 3. Duplicate the text layer (Ctrl + J) and click on the eye icon next to original text layer to make it invisible.

Right click on a copy text layer and select Rastrirovat (Rasterize).

If the text layer is rasterized, it means that you can no longer change the text, so make sure you have made all the necessary changes.

Move on Filter-> Blur-> Gaussian Blur (Filter-> Blur-> Gaussan Blur)and set the Radius (Raduis) 2.

Hold down the Ctrl key and click on the raster layer and the Stroke layer to select them. After that go to Layer-> Merge Layers (Layer-> Merge Layers) (or press Ctrl + E).

Duplicate the resulting layer (Ctrl + J) and click on the eye icon next to a copy 2, to make the layer invisible.

Step 4. Double-click on the original merged layer (Cookies copy) to add the following Layer Styles:
Shadow (Drop Shadow):

Inner shadow (Inner Shadow): Change the color to # 986917.

Stamping(Bevel and Emboss): Change the Size (Size) to 10, Gloss Contour (Gloss Contour) – Notched Slope and check the Anti-aliased checkbox for a smoother effect. In addition, we will change the Highlight Mode (Highlight Mode) to Overlay, the color to # e4d2b2, and the Color Shadow Mode (Shadow Mode) to # c5a260.

Circuit (Contour): Select Half Round and check the Anti-aliased box.

Texture (Texture): Select Rusted Metal, and also change the Depth to 25%.

This is what should happen.

Step 5. Now click on the empty box next to a copy 2 layer to return the eye icon, and make the layer visible.

Double click on the layer copy 2, to add Layer style (Layer Styles):
Color overlay (Color Overlay) and set the color to # c5a464.

This color will be the basis for some Filters (Filter), which we will apply further.

Step 6. It’s time to apply Filters (Filter) to improve the texture that we already have.

First we are going to transform the layer copy 2 Smart Object (Smart object). By doing this, we will apply filters for Color overlay (Color Overlay) instead of the original color, and will give us the opportunity to change the values ​​of the filters, if necessary later.

To do this, simply right-click on the layer copy 2 and select Convert to smart object (Convert To Smart Object).

Set foreground color to # c3a15f and background color # 93713a.

Move on Filter-> Sketch-> Reticulation (Filter-> Sketch-> Reticulation). Change the Density to 10, the Foreground Level to 10, and the Background Level to 20.

Then go to Filter-> Strokes-> Stroke (Filter -> Brush Strokes -> Ink Outlines). Change the Stroke Length to 17, the Dark Intensity 0, and the Light Intensity to 10.

Finally, let’s go Filter-> Texture-> Craquelures (Filter -> Texture -> Craquelure). Set the Intervals (Crack Spacing) to 15, the Depth of Cracks (Crack Depth) to 6, and the Illumination (Crakc Brightness) to 10.

This is exactly for filters. If you want to experiment with the values, you can double-click on the Filter Gallery to get to the filter dialog. Make sure you have made all the changes before proceeding to the next step, because we are going to rasterize the layer.

Step 7. Next, click on the layer “Copy 2 ” Right-click on it and select Rasterize Layer (Rasterize Layer).

Layer is not a Smart Object now.

We drive Image-> Correction-> Hue / Saturation (Image-> Adjustments-> Hue / Saturation) (or press Ctrl + U), change Saturation (Saturation) up to 50.

Next, go to Image-> Correction-> Color Balance (Image-> Adjustments-> Color Balance) (or press Ctrl + B), change the Midtones, the color of the levels are 35, -7 and 29.

Change Blend mode (Blend Mode) layer “Copy 2 ” layer on Soft light (Soft Light). This will give a nice red tone to the texture.

Step 8. Create a new layer (Ctrl + Shift + N) on top of all layers and name it Glaze. Then set the foreground color to # eae2cb and background color # c3a46c . We are going to apply layer styles for this layer before applying the glaze, as this will make the drawing process simpler and more accurate. To do this, double-click on the “Glaze” layer to add the following Layer Styles.

Shadow (Drop Shadow): Change the color to # ad7b40, Offset (Distance) to 3, and Spread (5) to 5.

Inner shadow (Inner Shadow): Change the color to # 9c958f, Opacity 100%, and Size to 13.

External glow (Outer Glow): Change the Blend Mode (Blend Mode) to Multiply (Multiply), color # e3ddd2 and Range (Range) to 80%.

Stamping (Bevel and Emboss): Change the Size to 13, Soften 7, check the Anti-aliased box, change the Highlight Mode to Linear Light and Opacity to 50% and also change the color of the Shadow Mode (Shadow Mode) to # cac8c4.

Texture (Texture): Select Cells, and also change the Depth to 50.

Gloss (Satin): Change the Blend Mode (Blend Mode) to Saturation and Color # 838383.

Color overlay (Color Overlay): Set the color to # ebe1c6.

Step 9. After the layer styles are added, we will Brush (Brush) for the glaze. Open the brush panel Window-> Brush (Window -> Brush), choose a round brush, I advise you to set the Size (Size) to 45, Hardness (up to 100%), and Intervals (Spacing) to 25%.

Form Dynamics (Shape Dynamics): set the Size Jitter to 75% and make sure the other values ​​are 0.

Make sure that the layer “Frosting” selected layer (active), begin to add the glaze. Try moving the brush slowly and quickly to see how it works in both cases. Since we have already applied the layer styles, you will notice that if you move the brush slowly, in a way, the glaze will fit like a real glaze!

Keep in mind that you can change the size of the brush, add or delete parts from different areas. Take your time with this step, we want the cookies to look as natural and tasty as possible!

As soon as you finish adding the glaze, duplicate the “Glaze” layer (Ctrl + J), then right-click on copy layer and select Clear layer style (Clear Layer Style).

Make sure that the foreground and background colors are still set to # eae2cb and # c3a46c.

Move on Filter-> Noise-> Add noise (Filter-> Noise-> Add Noise) and set the Effect (Amount) to 10, Distribution (Uniform), and check the Monochromatic checkbox.

Change Blend mode (Blend Mode) layer “Frosting Copy” on Soft light (Soft Light) and Opacity (Opacity) on 50%. This will make brighter colors and give it a beautiful shine.

We are done with the text effect. Next, we will create a grid.

Step 10. Create a new document (Ctrl + N) with a size of 42 x 1 pix. and transparent background.

Press Ctrl + R to activate the guides. Drag the guideline from the vertical ruler, and place it in the center of the document.

This is optional, but may be useful. Move on Editing-> Settings-> Cursors (Edit-> Preferences-> Cursors) and check the Show crosshairs on the brush tip (ShowCrosshair at BrushTip).

Go back to the document (you can zoom in to be better seen), select a round solid Brush (Brush), set its size to 15, and change the foreground color to # 5a391d. Place the brush in the center of the document on top, hold down the Shift key, and drag the brush down.

We use a brush instead of a fill, because it gives a smoother result.

Move on Edit-> Define Pattern (Edit-> Define Pattern) Enter a name for your Vertical pattern.

Move on Image-> Image rotation-> 90 ° clockwise (Image -> Image Rotation -> 90 ° CW) and then again Edit-> Define Pattern (Edit-> Define Pattern) Enter a name for your pattern this time Horizontal.

Step 11. Let’s go back to the original document, create a new layer (Ctrl + Chift + N) right above original text layer and call it “Grid”. Select tool Rounded Rectangle(Rounded Rectangle Tool), Click on the Outlines icon (Paths) in the parameters panel and enter the Radius value (Raduis) 10. Draw a rectangle around the text.

The main color is still set # 5a391d, perform a stroke, as we did in step 2 (Right-click on the layer and select Perform a stroke (Stroke Path), select a brush and uncheck Simulate pressure (Simulate Pressure)).

Create a new layer (Ctrl + Shift + N) on top of the “Grid” layer and name it “Grid – V”. Activate tool Fill(Paint Bucket), and select Vertical pattern to fill this document.

Using tool Rectangular area(Rectangular Marquee Tool), draw a rectangular selection around the area you want to save. Make sure that all the lines inside are on the grid, either outside or intersecting it on the left and right sides, but leave some extra (10 – 15 pixels) parts at the top and bottom. We will need to further create these shadows.

Move on Select-> Invert (Select-> Inverse) and click Delete to get rid of unwanted lines ..

Create a new layer (Ctrl + Shift + N) below the “Grid – V” layer and name it “Grid – H”. Fill it up Horizontal pattern. You can move the pattern if you want to change the position.

Once again, use tool Rectangular area(Rectangular Marquee Tool) to highlight the parts you want to keep. This time, leave additional parts on the right and left side of the grille.

This is what you should get.

Step 12. Hold down the Ctrl key and click on the Grid-V and Grid-H layers to select them, then duplicate them (Ctrl + J) and drag them so that they are below the original layer. Press Ctrl + E to merge copies layer and rename the merged layer to “Shadow”.

Open the image of the Rusty texture, then go Edit-> Define Pattern (Edit-> Define Pattern) and enter the name “Grid Texture”.

Double click on the “Grid” layer to Add layer styles (Add a layer style).
Shadow (Drop Shadow): Change the Distance to 2, and the Size to 8.

Stamping(Bevel and Emboss): Change the Size (Size) to 7, the colors of the Highlight Mode (Highlight Mode) to # bfbfbf, and the Shadow Mode (Shadow Mode) to # 797979.

Circuit (Contour): Select the contour Deep groove (Cove – Deep).

Pattern overlay (Pattern Overlay): Select “Grid Texture”.

This should give the grid a nice textured look.

Step 13. Double click on the “Grid -H” layer to Add layer styles (Add a layer style)
Shadow (Drop Shadow): Change the color to # 848484, the Distance to 0, and the Size to
four.

Stamping(Bevel and Emboss): Change the Size (Size) to 4, the colors of the Highlight Mode (Highlight Mode) to # bfbfbf, and the Shadow Mode (Shadow Mode) to # 797979.

Circuit (Contour): Select the contour Deep notch (Cove – Deep).

Pattern overlay (Pattern Overlay): Select “Grid Texture”.

This is what you should get.

Apply the same layer styles to the “Grid-V” layer. (Right-click on the “Grid-H” layer, select Copy layer style (Copy Layer Style), then right-click on the “Grid-V” layer, and select Paste the layer style (Paste Layer Style)).

Step 14. Select the “Shadow” layer, change it Blend mode (Blend Mode) on Multiplication (Multiply), and Opacity up to 50%. Using tool Move (Move Tool), Use the arrow keys to move the shadow slightly (left and down). We left additional parts so that there was a guarantee that there would be no empty seats when we move the shadow.

Move on Filter-> Blur-> Gaussian Blur (Filter-> Blur-> Gaussan Blur) and set the Radius to 1.5.

Once you have finished moving the shadow, use the Tool. Rectangular area (Rectagular Marquee Tool), to select and remove unnecessary parts from the “Grid – V”, “Grate – H” and “Shadow” layers.

Step 15. The last thing we are going to do is muffle the color, but this is not a necessary step. Click on the icon Create a new adjustment layer or fill layer (Create new fill or adjustment layer) at the bottom of the layers panel and select Vibrate (Vibrance).

Set the value Vibration (Vibrance) -15.

Note: If the color you get still looks red and bright, this may be due to the color settings you have in Photoshop. To fix this, click on the icon Create a new adjustment layer or fill layer (Create new fill or adjustment layer) again, and select Color balance (Color Balance). Select Mid tones (Midtones), and change the color of the levels to -17, +4, -4.

That’s all, I hope you liked this lesson, and you learned something new.

Like this post? Please share to your friends: