Photoshop Tutorials

How to Create a Colorful Text Design in Photoshop

How to Create a Colorful Text Design in Photoshop
img(20)
Then I added some more segments.
img(21)
Lock the transparency and apply color.
img(22)
As you can see this time I made a selection to apply color in a new layer despite using the existing layer below. But it will add some extra layers. However There is no definite way to go about this. The whole process is intuitive than a set of predefined steps. Basically we are adding darker and lighter tones to give depth to the letters.
img(23)
img(24)
Adding some interesting shapes. Here I drew an oval, filled with a nice pink and deleted the portion I don't want.
img(25)
img(26)
img(27)
Continue to add more details
img(28)
img(29)
img(30)
img(31)
Use Pen Tool to create similar shape.
img(32)
Here I added sharp highlight filled with white.
img(33)
Now we have pretty much completed the first letter. But the letter shape is still too defined. We need to induce some randomness that will give character to it. Make a selection on the edge and fill it with solid color. Don't make a perfect selection keep it a bit irregular. Lock the transparency of the layer and add more shades. Keep these layers out of the clipped stack.
img(34)
Let's move on the next letter in order.
img(35)
img(36)
Here I recolored the piece which I wasn't satisfied with. Lock the transparency and press Alt+Backspace to fill the color.
img(37)
More shades and details.
img(38)
img(39)
Work on the Edges.
img(40)
Let's finish the final letter.
img(41)
img(42)
img(43)

Step 5 : Creating Vector Line Work

That's fine so far. The text is perfectly made up. Now we can add some line work to it using Illustrator. To do this save a copy of our image as JPEG. Open it in Illustrator. Lock the image layer in the Layers palette. Crete a New layer above the image.
img(44)
img(45)
Now create the blends. Use Pen Tool to draw the lines. Pick different colors for each of the lines that will give a nice transformation between the two colors. Select the lines and hit Ctrl+Alt+B to create blend. To edit the blend settings, double click on the blend tool. Pick any color that looks good.
img(46)
img(47)
img(48)
Create blends for the remaining letters.
img(49)
We now need to take the blends into Photoshop. Copy and paste each piece separately as Smart Objects.
img(50)
To hide any part add layer mask select the area and fill the selection with black.
img(51)
Or place it in the clipping stack below the layer that is supposed to be on top.
img(52)
Bring in rest of the blend objects. that finishes the text part.
img(53)

Step 6 : Bakcground

Create a new layer below the text and fill the gradient using Gradient Tool.
img(54)
Create a new layer above the background and choose Filter > Render > Clouds. Press 'D' key before applying the filter to reset the colors to default. Change the blend mode to "Soft light".
img(55)
I don't like the clouds to appear all over. Hide the clouds at the center using Layer Mask.
img(56)
Drop in the coffee stain image (1.JPEG in the pack). Place it below the Text.
img(57)
Now double click on the layer thumbnail. This will present you the Layer Style box. First change the blend mode to "Screen" On the same box you will find "Blend If" section. This is where all is going to happen. We have two Blend sliders there we can adjust. We need to adjust the "This Layer" slider. Hold the "Alt" key, click on the white color handle and drag it away from the edge. This will blend the texture into the background nicely.

Pages: 1 2 3 4

Create Dot Grid Art in 1 Click
Sponsored

Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.

21 comments on “How to Create a Colorful Text Design in Photoshop”

  2. Only few artists share their tricks of the trade. You're one passionate artist that believes in "share your blessing" motto. :-)

    Reply

  3. It's truly a great and helpful piece of information. I am happy that you shared this helpful information with us. Please stay us informed like this. Thank you for sharing.

    Reply

  4. Its not my first time to pay a visit this website, i am visiting this site dailly and get good data from here every day.

    Reply

  5. It's truly a great and helpful piece of info. I'm happy that you just shared this helpful information with us. Please keep us informed like this. Thank you for sharing.

    Reply

  8. ... Honestly This should be named "how to collect textures to create a design" because nothing named design over here

    Reply

  9. oh my god what the patient artist
    thank you for your article!
    its very help full
    i learned some more tips and tricks from it
    :D

    Reply

  12. Hi,
    how can i apply line tool on the duplicate layer??
    should I rasterize vector mask..because i cant simply draw the lines and they goes to new layers when i draw them..

    Reply

  14. Hey, I'm starting learning Photoshop lately :)
    but I'm stuck at step one hhhh
    I don't know what is " illustrator " , but when I try to write the letters in Photoshop then try to create outlines it doesn't work :(
    so, can anyone help me please :) ??
    Thanks in advanced.

    Reply

Leave a Reply

Your email address will not be published.

Special FX Photoshop Actions

Free Photoshop Actions

Get 10 free Photoshop actions when you subscribe to our newsletter.
Close
cross