-1

Does anybody know how to create this effect on the text in Ai or Ps? I mean this liquid, stairsy-glitch effect on letters. Please help me(( enter image description here

  • 2
    What have you tried? – RoobyDooby Mar 3 at 20:27
  • Envelope Distort, Liquify, cut and combine. Nothings works – Nikita Zagnetov Mar 3 at 20:29
  • 1
    The basic shapes are drawn or manually edited. Then the grey/raised effect could be done in many applications. – Scott Mar 3 at 20:37
  • I want to create only letters, this stairs effect without raised effect – Nikita Zagnetov Mar 3 at 20:42
  • 2
    That aspect is manually created by altering glyphs. It's not some filter or effect. – Scott Mar 3 at 21:12
1

The image you posted appears to have been done manually. You can achieve an effect similar to this if you have a scanner. For this example, I printed a sample image of regular 3D text. Then I placed the print onto my scanner at an angle, and shifted it three times as the scanner sensor passed by. I would imagine that if you spent some time with it, you could get something closer to the effect in your image. Maybe start with simple black text to make your scan warp, then take that into Photoshop to add the 3D effects. That way you could get the lighting to look more uniform than in the rough sample I made. The difficult part would be getting the warped shapes to look right, which this scan technique can help a great deal with. It just isn't great as the final step.

enter image description here

| improve this answer | |
1

If you want to trash some letters of a normal clean text it's easiest in Illustrator:

enter image description here

  1. A word is written and Type > Create Outlines is applied. The N will be splitted, the red line is drawn for it

  2. The red line is selected and Object > Path > Divide objects below is applied, the loose part is moved apart and new outlines are drawn with the pen. The drawn curves can continue on the grey to make sure there's no gaps.

  3. Both pieces of the N and new lines are selected, the areas of the new N are filled and combined with the shape builder tool. As well one can use Pathfinder panel > Unite to combine areas. The inserts must be drawn as closed shapes for it, overlaps do not harm.

  4. Effect Stylize >Round corners is applied

The text could get 3D extrusion effect in Illustrator, but you wrote in a comment it's not interesting. Actually it's not the same as your example has. Illustrators 3D > Bevel&Extrude makes too machined look, something like this:

enter image description here

That result isn't used, the version in image 4 is selected, copied and pasted to a prepared 1000 x 700 px image Photoshop. 1000 x 700 pixels has acceptable resolution on the screen. Printing can need more depending on the size.

Copying and pasting to Photoshop as high resolution raster image to a new layer gives plenty of options. I guess the grainy stone texture is made in Photoshop. Unfortunately I haven't such effect as one ready-to-use plugin.

Photoshop's Layer Style Bevel&Emboss creates a wide variety of raised edge effects and a drop shadow lifts it above the background. One example with another surface texture (=what happened to be on top of the list)

enter image description here

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.