页面载入中...

Photoshop制作可爱的糖果饼干字【英】

xingphotoshop, 2017-12-260

 

Photoshop制作可爱的糖果饼干字【英】

来源: Tutsplus  作者: Rose

先看看效果图

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

This tutorial will show you how to use Photoshop's brush settings, layer styles, and adjustment layers to create a fun, bright glazed cookies text effect. Let's get started!

1. How to Create a Gradient Background and Text Layers

Step 1

Create a new 1000 x 800px document, and click the Create new fill or adjustment layer icon at the bottom of the Layers panel to add a Gradient layer.

Create the gradient fill using the Colors #e8d2d6 to the left and #ddbcc0 to the right, and change the Angle to 107.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 2

Create the text in All Caps using the font Sniglet, and set the Size to 250 pt.

You can create the whole word at once, or, if you want a more dynamic result, create each letter on a separate layer.

If you are creating the letters separately, make sure to place each one's layer in a group with the letter's name.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

2. How to Create and Save a Stroke Brush Tip

Step 1

Pick the Brush Tool and open the Brush panel. Choose a hard round tip and use these settings:

Brush Tip Shape

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Shape Dynamics

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 2

Click the Create new brush icon in the bottom right corner of the panel, change the Name to Cookie Stroke, and click OK.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

3. How to Create and Stroke a Work Path

Step 1

Right-click the text layer and choose Create Work Path.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 2

Create a new layer on top of the text layer, name it Stroke, make sure that the Brush Tool is still active, and hit the Return key to stroke the path.

Pick the Direct Selection Tool (A), and hit the Return key again to get rid of the work path.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 3

Put both the text and Stroke layers in a group and name it Text and Stroke.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

4. How to Style a Layer Group

Double-click the Text and Stroke group to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

Size: 7

Check the Anti-aliased box

Highlight Mode:

Color: #b08965

Shadow Mode:

Color: #d3a35e

Opacity: 35%

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 2

Add a Contour with these settings:

Contour: Half Round

Check the Anti-aliased box.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 3

Add a Drop Shadow with these settings:

Color: #762b3d

Opacity: 38%

Distance: 3

Size: 5

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 4

Add another Drop Shadow effect instance with these settings:

Color: #7d3848

Opacity: 50%

Distance: 15

Size: 25

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

This will style the main cookie shape.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

5. How to Add a Texture Image

Step 1

Open the Biscuits image, and pick the Elliptical Marquee Tool to select one of the cookies in the image. You can select only the part you want to use as well.

Go to Edit > Copy to copy the selected part.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 2

Go back to the original document and go to Edit > Paste to paste the copied biscuit texture.

Place the pasted layer inside the letter's group on top of the Text and Stroke group. Then, right-click the biscuit texture layer, and choose Create Clipping Mask.

Press Command-T to enter Free Transform Mode, and resize and rotate the texture until you like how it looks.

Hit Return to commit the changes.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

6. How to Contract a Selection

Step 1

Command-click the text layer's thumbnail to create a selection.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 2

Go to Select > Modify > Contract, and change the Contract By value to 5.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 3

Create a new layer at the top of the letter's group and name it Glaze 01.

Fill the selection with White, and press Command-D to deselect.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 4

Duplicate the Glaze 01 layer and name the copy Glaze 02, and change the copy's Fill value to 0.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 5

Place both glaze layers in a group and name it Glaze.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

7. How to Create a Smooth Glaze Style

Double-click the Glaze 01 layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

Size: 9

Soften: 9

Check the Anti-aliased box

Highlight Mode: Soft Light

Color: #b08965

Shadow Mode:

Color: #b69c5e

Opacity: 35%

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 2

Add a Contour with these settings:

Contour: Half Round

Check the Anti-aliased box.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 3

Add a Texture with these settings:

Pattern: Clouds

Depth: 25%

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 4

Add an Inner Shadow with these settings:

Color: #d3d1c8

Opacity: 35%

Distance: 3

Size: 7

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 5

Add a Color Overlay with these settings:

Color: #f1efde

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 6

Add a Drop Shadow with these settings:

Blend Mode: Linear Burn

Color: #2c1c0b

Opacity: 15%

Distance: 3

Size: 3

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

This will create a soft glaze style.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

8. How to Create a Textured Glaze Style

Double-click the Glaze 02 layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

Size: 7

Soften: 7

Uncheck the Use Global Light box

Angle: 85

Altitude: 26

Check the Anti-aliased box

Highlight Mode: Vivid Light

Color: #ffffff

Shadow Mode: Linear Burn

Color: #b1997c

Opacity: 28%

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 2

Add a Contour with these settings:

Contour: Half Round

Check the Anti-aliased box.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 3

Add a Texture with these settings:

Pattern: Satin

Depth: 26%

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

This will create a more textured glaze.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

9. How to Create More Letters

Repeat the same steps to create any more letters you need.

Use the Free Transform Mode to rotate the letters and place them however you like.

You don't need to re-apply all the layer styles for each layer. Instead, you can right-click the styled layer, choose Copy Layer Style, right-click the new layer you want to apply the same layer style to, and choose Paste Layer Style.

Once you're done, place all the letter groups in another group and name it Text.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

10. How to Create a Sprinkles Brush Tip

Pick the Brush Tool and open the Brush panel.

Choose a hard round tip and use these settings:

Brush Tip Shape

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Shape Dynamics

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Scattering

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

11. How to Create a Sprinkles Style

Step 1

Create a new layer on top of the Text group, and place it in a group with the name Sprinkles.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Double-click the new layer to apply the following layer style:

Step 2

Add a Bevel and Emboss with these settings:

Size: 6

Uncheck the Use Global Light box

Angle: 98

Altitude: 53

Check the Anti-aliased box

Highlight Mode: Vivid Light

Opacity: 5%

Shadow Mode: Color Burn

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 3

Add a Contour with these settings:

Contour: Rounded Steps

Check the Anti-aliased box.

Range: 59%

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 4

Add a Color Overlay with these settings:

Color: #f88dc7

This is where you can choose the color of the sprinkles on the styled layer, so you can choose any color you like.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 5

Add a Drop Shadow with these settings:

Color: #2a2826

Opacity: 20%

Distance: 2

Size: 3

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

12. How to Add Sprinkles

Step 1

Rename the styled layer to the color you chose for the Color Overlay effect, and copy its layer style.

Click-drag slightly over the letters to add the sprinkles. You can change the brush tip's Spacing and Scattering values as needed to create an effect you like.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 2

Create new layers, name each one with the color you want its sprinkles to be, and paste the layer style to it.

All you need to do to change the sprinkles' color is double-click the sprinkles layer, and choose a new Color value for the Color Overlay effect.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 3

You can add as many sprinkle layers and colors as you like to fill the text with.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

13. How to Add Global Adjustments

Step 1

Once you're done adding the sprinkles, put the Text and Sprinkles groups in another new group and name it Cookies.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 2

Add a Levels adjustments layer and clip it to the Cookies group.

Then, change the Highlights value to 6, the Gamma to 0.90, and the Shadows to 248.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 3

Add a Vibrance adjustments layer and clip it to the Cookies group, and change the Vibrance value to 20.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Step 4

Add a Brightness/Contrast adjustments layer and clip it to the Cookies group, and change the Contrastvalue to 15.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Advertisement

Step 5

Place the Cement texture image on top of the Gradient fill layer, resize it to fit within the document, and rename its layer to Texture Overlay.

Change the Texture Overlay layer's Blend Mode to Linear Burn and its Opacity to 50%.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

Congratulations! You're Done!

In this tutorial, we created a gradient background and text layers.

Then, we created a simple brush tip, used it to stroke the text, and styled the text and stroke layers to create the main cookie shape.

After that, we created and styled glaze layers, and created a sprinkles brush tip that we added on top of the glazed cookies and styled with different colors.

Finally, we used a couple of adjustment layers to add global adjustments to the effect.

Please feel free to leave your comments, suggestions, and outcomes below.

Photoshop制作可爱的糖果饼干字【英】,PS教程,素材中国网

 


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信