Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

http://cl.ly/image/2Y1N0G283g1f
Is there any way to easily generate this? thanks!

share|improve this question
add comment

4 Answers

I just spent some time recreating this in Sketch for you. If you'd like to check out the raw file you can download it here: https://www.dropbox.com/sh/nxtj6htricmn7en/RdHzDCRIR6

Basically I've cloned the letter multiple times and applied a motion blur and opacity to achieve a similar effect. If I was aiming for pixel-perfection I'd've scaled each shadow letter appropriately to recreate the proper perspective that each shadow has in the original.

As a side note, the font is Avenir Next Regular.

enter image description here

share|improve this answer
add comment

Based on the Userguide I would use Motion Blur. Without knowing how Sketch works it looks like you might need to make the letters as separate outlines/objects whatever they're called in this particular software. Then adjust the motion blur a little on each one to give the effect of them all coming from one focal point.

The userguide doesn't really give details on how or where the blur tool is but here's the page: http://www.bohemiancoding.com/sketch/help/manual/layer-styling/

share|improve this answer
add comment

One way to do this is manually: make several layers (10 or more), each with the "rise" text, but the bottom layer is the smallest size and the top layer is the final size of the text.

Each layer, slightly enlarge the text and perhaps slightly increase the tracking, and then blur slightly. Set each layer to "overlay" or "lighten" mode. Motion blur (if available) in the direction of movement is recommended, but this method is mostly tool agnostic.

Shift layers manually to tweak positioning. Below is a sample with 4 or 5 levels and very little tweaking. The typeface is Comic Sans, which should be in every designer's toolbox.

enter image description here

share|improve this answer
add comment

In Adobe Fireworks, this is quite easily achievable.

You need to download and install this free (awesome) extension http://fireworks.abeall.com/extensions/#Path

  • Start with the desired font. (make sure your're happy with it before you proceed) (fig.1)
  • Make a duplicate and put it beneath in the layer-stack
  • Convert duplicate to paths (ctrl + shift + p) and ungroup (ctrl + shift + g)
  • Union these ungrouped paths (Modify >> Combine Path >> Union )
  • Extrude paths using the path panel (fig.2)
  • Set the Opacity and add a little Gaussian Blur.
  • Make any further changes, otherwise you're done (fig.3)

Fig.1

Set the font and stuff

Fig.2

Extrude the paths

Fig.3

See the typography you made

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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