Bean Text in Photoshop

In this tutorial, we will create an appetizing text from colorful beans.

Final result:

Lesson resources:

1. Creating a brush

Step 1

Create a new document in Photoshop (Ctrl + N) with a size of 500×500 pixels. Choose a tool Ellipse (Ellipse Tool) (U), on the top panel, set the width and height (175×385 pixels) and create an oval in the center of the canvas.

Step 2

Choose a tool Arrow (Direct Selection Tool) (A) and select two anchor points on the sides.

Step 3

Press the left arrow key a couple of times to move the anchor points.

Step 4

Now select the other two anchor points and go to the menu Editing> Contour Transform> Scaling (Edit> Transform Points> Scale). Hold the Alt key and drag the right side of the transformation frame to the right. Holding down the Alt key is responsible for symmetrical transformation. Press Enter to apply the changes.

Step 5

Tool Arrow (Direct Selection Tool) (A) Select the anchor points and move them so that you get the shape of a bean.

Step 6

Go to menu Editing> Define Brush (Edit> Define Brush Preset.

2. Creating a background

Step 1

Create a new document in Photoshop (Ctrl + N) measuring 1250×1250 pixels with a resolution of 300 pixels / inch. On the toolbar, set the colors to # f7f7f7 and # cdc9c8 as the main and background colors, respectively. Choose a tool Gradient (Gradien Tool) (G): From main to background (Foreground to Background), Radial (Radial).

Draw a gradient from the center of the canvas to one of the corners. Then create a copy of the background layer (Ctrl + J).

Step 2

Double click on the copy of the background layer to open the style window. Apply style Pattern overlay (Pattern Overlay): Mode – Multiplication, wall texture.


3. Creating text

Step 1

Tool Horizontal text (Horizontal Type Tool) (T) write “JELLY BEANS” with “Insaniburger” font. Each line of text should be on a separate layer.

Step 2

Open the panel Symbol (Window> Character) (Window> Character) and customize the font of each word.

4. Creating a contour

Step 1

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

Step 2

Turn off the “JELLY” layer that we just created the outline from. Create a new layer at the top and name it “Stroke”. Select Brush tool (Brush Tool) (B).

5. Brush stroke

Step 1

Open the brushes panel (F5), select the bean-shaped brush we created at the beginning of the lesson, and customize it as shown below:

Brush Print Form (Brush Tip Shape):

Form Dynamics (Shape Dynamics):

Step 2

Select the black color for the brush and press Enter to circle the outline.

6. Bean Overlay Fix

Step 1

The following screenshot shows the areas on which the beans overlap.

Step 2

Choose a tool Eraser (Eraser Tool) (E) and erase problem areas.

Step 3

Select a brush to paint the beans and fill the voids with single clicks. It is very important that the angle of inclination of the new beans matches the general shape.

Make sure that you have not missed any problem areas.

7. Styling beans

Open the “Stroke” layer styles and apply the following styles:

Stamping (Bevel Emboss): Mode – Inner Bevel, Method – Smooth, Backlight Mode – Lightening, Shadow Mode – Multiplication.

Circuit (Contour):

Texture (Texture): white sand.

Internal glow (Inner Glow): Mode – Overlap, Method – Exact.

Color overlay (Color Overlay): # 75b602.

Casting a shadow (Drop Shadow): Mode – Multiplication.

The styles we just applied will be used for other text layers from beans, except for the Overlay color style, which will change to create color diversity.

Right-click on the “Stroke” layer and select Copy layer style (Copy Layer Style).

8. Filling the text

Step 1

Create a new layer under the “Stroke” layer and name it “Pink 1”. On this layer we will fill the text with pink beans. The name of the layer will help not to get confused in a large number of multi-colored beans. Paste the styles we copied from the Stroke layer to each bean layer.

Step 2

Open the “Pink 1” layer styles and change the color of the Color Overlay style to # da296c.

Step 3

Draw some beans inside the text.

Step 4

Add more layers on which you want to paste styles and beans. Here are the names of the layers and the color of the beans:

Pink 3 – # da296c
Green 2 – # 75b602
Purple 2 – # 4f2b3a
Yellow 2 – # ddc64b
Orange 2 – # ea9400
Purple 1 – # 4f2b3a
Yellow 1 – # ddc64b
Pink 2 – # da296c
Green 1 – # 75b602
Orange 1 – # ea9400
Pink 1 – # da296c

9. A few more beans

Step 1

Choose a tool Eraser (Eraser Tool) (E) and on the “Stroke” layer, erase a few green beans with the letter “Y”. Then add a few green beans so that the letter becomes revealed.

Step 2

Draw a few colored bean, dropped from the letter.

Step 3

Put all the beans of the first word in one “JELLY” group (Ctrl + G).

10. Creating a contour from the second word

Step 1

Choose a tool Pen (Pen Tool) (P) and in the settings select the mode Circuit (Path). Create a new layer at the top and name it “Beans”. Draw an outline inside the letters of the second word. To immediately draw the outline on all letters, hold down the Ctrl key while continuing to the next. To draw straight lines, hold down the Shift key.

Step 2

Choose a tool Arrow (Direct Selection Tool) (A) and correct the shape of the contours. Move the anchor points and levers.

Step 3

On the need to draw the outline in too small areas, as the beans on them can be drawn independently.

Step 4

Turn off the text layer, select the tool Brush (Brush Tool) (B) and draw a circle on the new layer. Then paste copied styles onto it. Change the color of the beans and pay attention to their overlay.

Congratulations! We finished the lesson!

So let’s summarize. We created a simple bean paint brush with tools. Ellipse (Ellipse Tool) (U) and Arrow (Direct Selection Tool) (A).

Next, we created two different-sized words that were drawn around the brush to draw the beans. Attention was paid to the imposition of beans on each other.

We stylized the stroke with different effects to make the beans look like candies. These styles were used by us throughout the lesson to change the appearance of the beans. With their help, we filled the inside of the text.

To create the second word from the beans, we created an outline inside the letters and circled it. As a result, we got the words from the bean line and went without filling.

On the example of this lesson, you have seen that using standard Photoshop tools and styles you can create different objects.

Like this post? Please share to your friends: