« Raymond Hettinger's Amazing PyCon 2013 Talk: Transforming Code into Beautiful, Idiomatic Python | Main | A Simple Example of Web Scraping With the Html Agility Pack »
Wednesday
Mar202013

Getting a Depth of Field effect with Visio 2013 and the Soft Edges Feature  

The new shape formatting options in Visio open up some new expressive opportunities for your diagrams.

In this post, we'll simulate a depth-of-field effect. First, to clarify, below is one of the samples from Wikipedia showing what the effect looks like.

DOF-ShallowDepthofField

 

NOTE: You can download the Visio 2013 VSDX file used for this blog post here: http://sdrv.ms/Y0BbEi

In Visio 2013 (in fact in many of the Office applications), we can simulate this effect by using the “Soft Edges” feature. Below is an example of what could be done in Visio.

Snap00265

 

The technique is very simple, for any shape – I'll get to the limitations later –  simply apply a varying amount of Soft Edges.

First, draw a simple shape with a solid fill color, right-click on the shape and select Shape Format.

Snap00266

 

And then under Format Shape, select the Effects icon (the pentagon) and then soft edges

 

Snap00267

They key is to vary the Size value.

Snap00275

 

Below are some examples of how size effects the shape. The first shape has no Soft Edges applied, the 2nd  has the Soft Edge size set to 12pt, and then the 3rd  set to 24pt. Notice that the Soft Edges effect diminishes the apparent size of the shape. Compare no soft edge with 12 pt and 24 pt soft edge.

Snap00276

 

Keep in mind that “soft edges” is not the same blur. It won't affect the internal components of a shape. This is easy to demonstrate if you apply Soft Edges to a bitmap. Notice that as the edge gets more blurred, the internal contents are not changed.

Snap00280

Soft Edges also affects grouped shapes by softening each individual component shape and not the edge of the group.

Snap00278

Snap00277

 

 

 

 

 

 

 

PrintView Printer Friendly Version

EmailEmail Article to Friend

Reader Comments

There are no comments for this journal entry. To create a new comment, use the form below.

PostPost a New Comment

Enter your information below to add a new comment.
Author Email (optional):
Author URL (optional):
Post:
 
Some HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>