Skip to main content
D
dddpearson
Participant
November 9, 2018
Question

Can anyone show or help me create this text effect?

  • November 9, 2018
  • 2 replies
  • 620 views

Hi All,

ive seen Samual Silverman on Twitter who does this amazing text effect making in the floor, I’ve tried hours apon hours to re-create it but im Struggling to find a way.

if have any suggesting then please comment below, here is a link to one of his designs -

https://pbs.twimg.com/media/DrfHhYGU0AE-Ipg?format=jpg&name=large

thanks in advance

    This topic has been closed for replies.

    2 replies

    KShinabery212
    Community Expert
    KShinabery212Community Expert
    Community Expert
    November 9, 2018

    I think those to answers are wonderful.

    I do not think this any plugin that will magically create it.  I think you have to do it by hand.

    In fact,  would even consider doing this in Ilustrator, but that is just me.

    Having it as a Vector graphic probably would be more useful than doing it in Photoshop.

    The great thing is if you follow the same idea to the answers above in Illustrator you should be able to do there same there as well and then have a vector graphic!

    Let's connect on LinkedIn. https://www.linkedin.com/in/kshinabery/
    Trevor.Dennis
    Community Expert
    Trevor.DennisCommunity Expert
    Community Expert
    November 10, 2018

    davescm  that's great.  It figures that you would use 3D    Is it possible to do it that way without letting the horizontal character components become fatter than the verticals?

    I had some other thoughts myself after posting my reply. One being to use Shape layers because their strokes will retain thickness.  Which is not exactly what we want, but we can fudge it.

    So this is the top section of the R.  I have turned off the corner radius lock, and given the left corners zero radius.

    We can re-achieve the perspective by rasterising the shape before transforming it, but we are left with the problem that the upper crossbar will then be too thin.  This is how it looks after transforming it.  The lower half is OK, so I think I'll step backwards, and increase the radius for the top section

    Increasing the radius to 40 gave me this

    So I have selected the problem area, and moved it

    After a manual touch up we have a good fit.

    I wouldn't do it this way myself, but if a person was not comfortable making compound paths and making them into shape layers, it might make some of the curves easier to produce.  Note that I was completely arbitrary in positioning of the horizontal guides — I tried to make them the same thickness as the vertical character bars 'at that point'.

    The 'S' presents some more problems.  I'm still in suck it and see mode here

    And it's not working :-(

    Using the same trick as before I have fixed the top, but the central portion of the S remains unsolved, and has reached a stage where fudging has become more problematic that doing it properly with the Pen tool.  As we are always telling people.  Time spent learning the Pen tool is as good an investment as you can make with Photoshop, and Michael's series of Tip Squirrel tutorials are as good as anything else out there.

    davescm
    Community Expert
    davescmCommunity Expert
    Community Expert
    November 10, 2018

    Trevor.Dennis  wrote

    ..........Is it possible to do it that way without letting the horizontal character components become fatter than the verticals?

    You can adjust that by reopening the diffuse texture and converting the text to a shape then just adjust the points as required. You can have the texture and the 3D view open in adjacent windows so when you make an adjustment in the psb just click Save (Ctrl+S) to see it update in the 3D view.

    A bit more tweaking of the "S"

    Dave

    Trevor.Dennis
    Community Expert
    Trevor.DennisCommunity Expert
    Community Expert
    November 9, 2018

    Goodness!  That is not as straight forward as some might think.  Indeed, there are some issues that would need to  be dealt with.

    The first is the extreme aspect ratio of the text, or it its ultra condensed width vs height.  If you try using the Character style panel, then horizontal parts of the characters are going to become fatter than the vertical.

    So you would need to construct the shapes as graphic elements.  People will tell you this is a job for Illustrator, and I very much expect that a professional looking graphic like this was  was indeed made with Illustrator, but you could do it with Photoshop.

    First you'd need to make a frame work.  There are two vanishing points for the perspectives.  You could copy this, but you'd be designing from scratch.  

    I've created a canvas 1000 x 3000 pixels.

    Dragged out a vertical guide (from the ruler) that snaps to the centre.

    Dragged out a horizontal guide to a purely arbitrary position just clear of the top of the canvas

    And dragged from the ruler intersection to the guide intersection to zero the grid to that position. You can see the rulers reflect this.

    I've laid down some text towards the bottom of the canvas as a guide,  and used one  of the Variable concept fonts because it makes it easy to adjust the weight so the font  verticals  roughly matches the spacing between the characters.

    You need to centre the text.

    I actually use Lazy Nezumi Pro for perspective, but as you  might not have that, we'll use the Bert Monroy method.

    Select the Pen tool, and make sure Rubber Band is turned on in Settings in the Options bar

    Drag down another guide to where you want the change in perspective of the characters to be.

    Now draw a path from the guide intersection to where the guide intersects the characters one by one

    On a new layer, stroke the path with a narrow fully hard brush with a bright color like red.   Note I have gone beyond the guide

    Select the White Arrow and drag a window around the bottom of the path, and move it  to the next position.

    Note you can stroke each position with the  icon I have placed the red circle around above.

    Repeat for all positions.

    So now you need to  create construction guides for the letter shapes. Draw each outline with the pen tool, but save the paths as you make them, and make each path into a shape layer

         Layer > New Fill Layer > Solid Color

    I'll give you some links for using the Pen tool, but you get the idea?

    Then repeat the construction lines with a lower pivot point

    How to use the Pen Tool.  There are four or five parts. The others will be linked in the side bar.

    jane-e
    Community Expert
    jane-eCommunity Expert
    Community Expert
    November 9, 2018

    Trevor.Dennis  wrote

    Goodness!  That is not as straight forward as some might think.  Indeed, there are some issues that would need to  be dealt with.

    People will tell you this is a job for Illustrator, and I very much expect that a professional looking graphic like this was  was indeed made with Illustrator, but you could do it with Photoshop.

    I actually use Lazy Nezumi Pro for perspective, but as you  might not have that, we'll use the Bert Monroy method.

    Trevor,

    This is great, and I’m sure it can be done in a variety of software once you figure out the technique, which you explained so well.

    In Illustrator you would draw the first line > option + drag it to make the second > create a blend to make the in-between lines > expand the blend to convert them to real lines and group them > duplicate and scale the group to make the second set > and finally Cmd + 5 to convert all the lines to guides, which you would lock.

    And I suspect it’s even easier with Lazy Nezumi Pro.

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices