DesignTips > > How to Create Bumpy Logo and Texture in Photoshop

How to Create Bumpy Logo and Texture in Photoshop

How to Create Bumpy Logo and Texture in Photoshop

In this section we will introduce you how to create a bumpy logo and original texture. First we will create texture, then apply mask, and apply layer style.

There are some complicated parts but we will take each step. If you are too lazy to do the whole process, master at least the layer style.

Step01 Create Texture

Let’s start off by creating the background texture.

Open Photoshop and set the can as size 800 x 600.

Click [Layer > New Fill Layer > Gradient] and set the [Gradient Fill] using the example above.

Step02 Apply Cloud Pattern

Next, create a new layer (Layer > New > Layer) and apply [Filter > Draw > Cloud Pattern 1]. Then apply [Filter > Draw > Cloud Pattern2].

(Retaled Articles:Know the Basic of Photoshop Layer)

Step03 Apply Wave Form

Click [Filter > Transform > Wave Form] and open the [Wave Form] dialog box. Set the preference in the dialog box using the example above. Click OK.

Step04 Duplicate Wave Form

Duplicate [Wave Form].

The [Wave Form] we have just set up appears on top when clicking [Filter]. Click it a few times.

Step05 Soft Light Mode

Change the draw mode of the [Wave Form] layer into [Soft Light].

Step06 New Paint Bucket Layer

Click [Layer > New Paint Bucket Layer > Fill]. Set the color #918278.

Step07 Remove Layer Mask

Click [Layer > Layer Mask > Remove]. Input any text.

Step08 Move Paint Bucket 1 Back

Click [Layer > Order > To Back] and move [Paint Bucket 1] to the back of [Layer 1].

Step09 Apply Selection on Text

trl + Click the “T” of the text layer in the [Layer] panel.

Make sure the text is selected.

Step10 Mask Selection

Select [Paint Bucket 1] in the [Layer] panel. Click [Layer > Layer Mask > Mask Selection].

Step11 Disable Text Layer

Disable unwanted text layer by clicking the eye icon of the layer.

Step12 Texture and Logo Completed

Now we have the texture and logo!

Check the background is clipped for the text shape. We will apply [Layer Style] to the logo for a 3D effect.

Step13 Apply Drop Shadow

Apply Drop Shadow on the logo.

Click [Layer > Layer Style > Drop Shadow]. Open [Layer Style] dialog and set the preference using the example above.

Do not click OK yet.

Step14 Apply Bevel

Next, we apply Bevel.

Click [Bevel and Emboss] in the [Layer Style] dialog box. The detailed setting section turns into [Bevel and Emboss]. Set the preference using the example above. Click OK.

Done!

Drop Shadow and Bevel are applied on the text. The 2-D text transformed into 3-D with Bevel and Drop Shadow.

It took some time to create the texture and mask, however, the technique itself was not so complicated.

You can set the Photoshop layer styles very detailed. You can do much more than the settings we used in this section. Try and be creative.

この投稿文は次の言語で読めます: Chinese (Simplified), Japanese

How to Create Halloween Jack O’ Lantern Illustration (Illustrator)
How to Create Halloween Ghost Illustration (Illustrator)
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to Create Retro Photo in Photoshop
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white in Photoshop 1
How to Create Retro Picture in Photoshop