Home » Featured, Tutorials

Tutorial: How to create a realistic post chop in photoshop

28 June 2009 One Comment

You may want to create a realistic post chop in your design, following this tutorial you will find the way to create one.

Step one: Prepare a paper texture

Create a new document with the size of 500 x 300 pixel and white background. Or, you can find a paper texture as the background. Open the prepared paper texture and drag it to the empty document created before. [Paper texture]

Drag and place the paper texture

Drag and place the paper texture

Step two: Create a chop outline a little bit larger than the original size

In this step, we will create a chop 20% – 30% larger than the size you desire, in order to decreasing it further to get a more realistic layout.

Create a new layer on top of the layer of paper texture. Use the Ellipse Tool to create a round shape with any color. It doesn’t matter which color you use.

Create round path

Create round path

Open the Layer Style window, set the fill opacity to 0% and the size of stroke to 5 px, color in black. [Fill opacity setting] [Stroke setting]

Fill opacity and stroke

Fill opacity and stroke

Step three: Duplicate the inner circle of the chop

Duplicate the layer of the black circle and make it a little bit smaller. To decrease the size the circle press [Ctrl+T] or go to Edit -> Transform Path -> Scale. Press and hold [ALT+Shift] to get the proportional decreasing.

Proportional decreasing

Proportional decreasing

Step four: Add some text into the chop

Firstly, select the circle vector mark of the inner small circle layer [Select mask].

Vector mask is selected

Vector mask is selected

Select the Vertical Type Tool and click on the path of inner circle and type some texts on it. After that, select the text you have typed and go to Edit -> Transform Path -> Scale. Press and hold [ALT+Shift] to get the proportional increasing. (Increase the size of  the new inner circle to the average size of original inner circle and outer circle.)

Increase the size

Increase the size

After that you will have something like this. [See]

After finishing the previous step, go to Edit -> Transform Path -> Rotate to rotate the text to a right position.

Rotate text to right position

Rotate text to right position

Add star signs and some text into the chop link. Select Custom Shape Tool for drawing the star sign. Choose the 5 point star from the standard Photoshop palette [How to choose 5 point star]. Press [Ctrl+J] to copy two more star sign and move them to the position. After that, use Horizontal Type Tool to type some inside the small circle.

Add star sign and text

Add star sign and text

Step five: Make the chop more realistic

After finish the last step, we have finished design of our chop. Now, we are going to add some effect to make it more realistic. Merge all layers except the background first. Then apply a Gradient Overlay style to it. [Gradient overlay setting]

Create a new layer under the chop layer and merge it to the chop layer to get all effects in one layer.

Chop with gradient

Chop with gradient

Use the Erase Tool with pencil mode, brush size of 1px and opacity of 100% and erase chaotically like this.

Erase the chop chaotically

Erase the chop chaotically

After that change the layer mode to Dissolve. Then, create a new layer below and merge it with the chop layer.

Dissolve layer

Dissolve layer

Now, scale down the size of chop.

Scale down the size of the chop

Scale down the size of the chop

Final step: Finalize the effect of the chop

Now let’s go to add the final effect. There are last two thing we need to do for this final effect. We need to  spread the stamp in some place and make it combine to the paper texture.

Firstly, use the Smudge Tool with Normal mode and Strength of 50% to make some smearing.

Smudge the chop

Smudge the chop

Secondly, add Drop Shadow layer style to the chop layer. [Drop shadow setting]

Add drop shadow style

Add drop shadow style

Hope you will like this tutorial!

Some exmaples

Some examples

Some examples

VN:F [1.6.4_902]
Rating: 7.0/10 (1 vote cast)
VN:F [1.6.4_902]
Rating: 0 (from 0 votes)
Blog Widget by LinkWithin

Tags: , , ,

One Comment »

  • wendy said:

    Hi,
    I face some difficulties in doing step four.
    Could you mind show me more detail information on how to make the letters align to the circle.
    Thanks a lot.
    Wendy

Leave your response!

You must be logged in to post a comment.