<?xml version="1.0" encoding="UTF-8"?>
<!--Generated by Squarespace V5 Site Server v5.13.159 (http://www.squarespace.com) on Sat, 25 May 2013 16:50:23 GMT--><feed xmlns="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/"><title>QUICK TIPS: VIGNETTING</title><subtitle>QUICK TIPS: VIGNETTING</subtitle><id>http://www.alexhogrefe.com/quick-tips-vignetting/</id><link rel="alternate" type="application/xhtml+xml" href="http://www.alexhogrefe.com/quick-tips-vignetting/"/><link rel="self" type="application/atom+xml" href="http://www.alexhogrefe.com/quick-tips-vignetting/atom.xml"/><updated>2011-05-09T02:43:25Z</updated><generator uri="http://five.squarespace.com/" version="Squarespace V5 Site Server v5.13.159 (http://www.squarespace.com)">Squarespace</generator><entry><title>QUICK TIPS: VIGNETTING</title><category term="photoshop"/><category term="tips"/><category term="vignetting"/><id>http://www.alexhogrefe.com/quick-tips-vignetting/2011/5/7/quick-tips-vignetting.html</id><link rel="alternate" type="text/html" href="http://www.alexhogrefe.com/quick-tips-vignetting/2011/5/7/quick-tips-vignetting.html"/><author><name>ALEX HOGREFE</name></author><published>2011-05-07T23:50:24Z</published><updated>2011-05-07T23:50:24Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p>Vignetting is something you see a lot in photography, and it works just as well in architecture illustrations. The idea is simple, the edges of the illustration are darkened to &ldquo;frame&rdquo; the image and draw attention to the center. If there is a lot going on in the rendering, this is an easy way to draw the eye to your design in the center, and avoid distracting geometry around the perimeter.</p>
<p><span class="thumbnail-image-block ssNonEditable"><span><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Fskyscraper_after_vignette_final.jpg%3F__SQUARESPACE_CACHEVERSION%3D1304812638871',437,864);"><img src="http://www.alexhogrefe.com/storage/thumbnails/3906413-12112208-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1304812638872" alt="" /></a></span></span></p>
<p>There are many ways to produce this effect. Many of them can be automated with software such as Photoshop (Filters&gt;Distort&gt;Lens Correction) and Lightroom. I prefer to paint in the shadows because I don't always want even shading around the perimeter. Here is how its done:</p>
<p>First, open the image in Photoshop. The image I will be using is below. For the most part, it looks finished. However, there were many buildings, to the sides and in the distance, were not modeled. Adding vignetting will draw attention to the center of the illustration and put the focus on my design instead of what I did not design.</p>
<p><span class="thumbnail-image-block ssNonEditable"><span><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Fskyscraper_before_vignette.jpg%3F__SQUARESPACE_CACHEVERSION%3D1304812936504',437,864);"><img src="http://www.alexhogrefe.com/storage/thumbnails/3906413-12112324-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1304812936505" alt="" /></a></span></span></p>
<p>Create a new layer and move that layer to the top of the layers pallet.</p>
<p><span class="full-image-block ssNonEditable"><span><img src="http://www.alexhogrefe.com/storage/new_layer_vignette.JPG?__SQUARESPACE_CACHEVERSION=1304813135729" alt="" /></span></span></p>
<p>Select the "Paint Brush" tool, and with black paint, a soft brush, and an opacity below 20%, begin to paint the perimeter. In this case, I wanted to play up the horizon, so I focused most of the darkness in the corners, with less shading on the sides.</p>
<p><span class="thumbnail-image-block ssNonEditable"><span><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Fpaint_vignette_cropped.jpg%3F__SQUARESPACE_CACHEVERSION%3D1304813420744',718,850);"><img src="http://www.alexhogrefe.com/storage/thumbnails/3906413-12112481-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1304813420745" alt="" /></a></span></span></p>
<p>Going to Filter&gt;Distort&gt;Lens Correction or using the gradient tool could also be used to achieve a similar effect, but like I said above, sometimes it's not desired to have an even gradient around the image. Most of the time, a subtle bit of shading is all that is needed.</p>
<p><span class="thumbnail-image-block ssNonEditable"><span><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Fskyscraper_after_vignette_final.jpg%3F__SQUARESPACE_CACHEVERSION%3D1304813595789',437,864);"><img src="http://www.alexhogrefe.com/storage/thumbnails/3906413-12112208-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1304813595790" alt="" /></a></span></span></p>
<p>&nbsp;</p>
<p><a href="http://www.alexhogrefe.com/quick-tips-image-softening/">LIKE THIS TIP? GO TO THE NEXT</a></p>
<p><a href="http://www.alexhogrefe.com/quick-tips-image-softening/"><span class="full-image-block ssNonEditable"><span><img src="http://www.alexhogrefe.com/storage/banner_image_softening.jpg?__SQUARESPACE_CACHEVERSION=1304898427332" alt="" /></span></span></a></p>
<p><span class="thumbnail-image-block ssNonEditable"><span><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Fnew_layer_vignette.JPG%3F__SQUARESPACE_CACHEVERSION%3D1304813067636',314,645);"><img src="http://www.alexhogrefe.com/storage/thumbnails/3906413-12112434-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1304813067637" alt="" /></a></span></span></p>]]></content></entry></feed>