spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / experts / dlab / 9803
Developer News
SaaS Tool Offers Custom Database Development
Microsoft’s Automated Agent: Can We Talk?
Borland Finally Sells CodeGear

[Dmitry's Design Lab]
Dmitry Kirsanov's monthly column
 
March 1998
The Art of Distortion
Artfully distorting your graphics with effects and filters can rarely be the foundation of your design, but is often very important at the finishing stages.  Learn the principles behind these transformations, how to choose the right one, and how to know when to abstain.
 
 
 

Today, probably the hottest graphic software titles on the market are various add-ons and plug-ins, effects and filters, applets and gadgets, offering all imaginable sorts of graphic stunts and distortion feats.  Sure, if the booming graphics market had not required this "cool stuff" over anything else, programmers would not spend so much time developing image distortion utilities.  Legions of graphic neophytes are enthusiastically sharing tons of graphic recipes, and a program is considered obsolete if it cannot do one-click drop shadows and bevelled buttons.

I'm not going to discuss graphics software here (although I want to point out that you cannot really design anything without a good drawing package as your first tool).  In my previous articles, in contempt of this popular trend, I've been talking mainly about general design principles, such as the use of color or size-related issues.  This month, I decided to catch up on the hot graphic frippery (which, more than a year ago, I termed "finishes").

The title of the article implies that all effects involve some sort of distortion, deterioration of the source image.  This is indeed the case, although the "distortion" meant here doesn't imply making your image "worse" in an aesthetic sense, but only some degree of loss, or corruption, of the original image's information (Web designers know that, if the source is a photo or another complex graphic, applying an effect in many cases reduces the file size of the image).  This "degradation," if tastefully done, can be more pleasing to human perception than strictly regular forms or perfectly authentic photos.  And you may have noticed that the motives of degradation and abandon are pretty modish in modern design.

Of all abstract design aspects we've studied so far, textures (especially the complex photographic and naturalistic textures) are the most relevant for the discussion of effects, because the result of most transformations boils down to changing the texture of the original image.  One consequence of this is that the images with different inherent textures, the two most common being photographic texture (e.g. in page visuals) and flat color (e.g. in text headings), are quite different in what effects work best with them.

In this article, we'll look at how various finishes affect the perception of an image, how they can complement (or clash with) the main pillars of the composition.  The first section covers simple (but very important!) effects that do not actually affect forms and textures, only changing the color and transparency properties of images.  The next section surveys the more complex and more numerous effects that blur, smear, or diffuse the image or its parts.  Finally, we'll investigate how graphic transformations affect outlines, and how complex, amorphous shapes can be successfully used in a predominantly geometric Web page.

 

Comments are welcome
Produced by Dmitry Kirsanov and

JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
Microsoft Article: Will Hyper-V Make VMware This Decade's Netscape?
Microsoft Article: 7.0, Microsoft's Lucky Version?
Microsoft Article: Hyper-V--The Killer Feature in Windows Server 2008
Avaya Article: How to Feed Data into the Avaya Event Processor
Microsoft Article: Install What You Need with Windows Server 2008
HP eBook: Putting the Green into IT
Whitepaper: HP Integrated Citrix XenServer for HP ProLiant Servers
Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 1
Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 2--The Future of Concurrency
Avaya Article: Setting Up a SIP A/S Development Environment
IBM Article: How Cool Is Your Data Center?
Microsoft Article: Managing Virtual Machines with Microsoft System Center
HP eBook: Storage Networking , Part 1
Microsoft Article: Solving Data Center Complexity with Microsoft System Center Configuration Manager 2007
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Intel Video: Are Multi-core Processors Here to Stay?
On-Demand Webcast: Five Virtualization Trends to Watch
HP Video: Page Cost Calculator
Intel Video: APIs for Parallel Programming
HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind
Microsoft Silverlight Video: Creating Fading Controls with Expression Design and Expression Blend 2
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Sun Download: Solaris 8 Migration Assistant
Sybase Download: SQL Anywhere Developer Edition
Red Gate Download: SQL Backup Pro and free DBA Best Practices eBook
Red Gate Download: SQL Compare Pro 6
Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
How-to-Article: Preparing for Hyper-Threading Technology and Dual Core Technology
eTouch PDF: Conquering the Tyranny of E-Mail and Word Processors
IBM Article: Collaborating in the High-Performance Workplace
HP Demo: StorageWorks EVA4400
Intel Featured Algorhythm: Intel Threading Building Blocks--The Pipeline Class
Microsoft How-to Article: Get Going with Silverlight and Windows Live
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
How to Create an Ajax Autocomplete Text Field: Part 6 · Software Engineering for Ajax · Perl Pragma Primer
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Using File Virtualization for Disaster Recovery · VoIP Security: SIP—Versatile but Vulnerable · Around the World in 80 Nodes

Created: Mar. 23, 1998
Revised: Mar. 23, 1998

URL: http://www.webreference.com/dlab/9803/