: Wondering how to achieve this blur text effect, hopefully in Sketch Is there any way to easily generate this? thanks!

@Karen819

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

Vote Up Vote Down

@Jessie844

In Adobe Fireworks, this is quite easily achievable.

You need to download and install this free (awesome) extension 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



Fig.2



Fig.3

Vote Up Vote Down

@Cofer715

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.

Vote Up Vote Down

@Sims5801359

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: www.bohemiancoding.com/sketch/help/manual/layer-styling/

Vote Up Vote Down