How to Create a Colorful Text Design in Photoshop

How to Create a Colorful Text Design in Photoshop
How to Create a Colorful Text Design in Photoshop
img(12)

Repeat the process. This is going to be a two fold process. First time we need to get every single segment filled and have them on separate layers. Then we work around each character and make them more vivid and bright. A thing about layer order, Don't get confused with so many layers. Proceed with it anyway that makes sense to you and as long as it works.

img(13)
img(14)
img(15)
img(16)

Repeat the process to complete the remaining letters.

img(17)
img(18)

Step 4 : Adding More Details and Colors

Here we have the solid color version of the design. Let's see what we can to improve it.

img(19)

We will apply different shades to the pieces. We can do this using the Brush Tool and isolating the transparent pixels of the layer. Check the Lock Transparent Pixels option on the Layers palette. This will limit the brush strokes to the existing pixels.

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.

Pages: 1 2 3 4 5

Download Free Presets
Sponsored

Download Lightroom presets and LUTs, absolutely free. Use the presets to add creativity and style to your photos.

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

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

  2. 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.

  3. 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.

  4. 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.

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

  6. 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

  7. 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..

  8. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *

cross