spacer
home / stock9 / 1 current pageTo page 2
[next]

ASP 3.0/.NET Developer
Jupitermedia
US-NY-New York

Justtechjobs.com Post A Job | Post A Resume
Biz Resources
Ecommerce Hosting
Dedicated Server Hosting
Data Recovery Services
Developer News
MicrosoftÂ’s Automated Agent: Can We Talk?
Borland Finally Sells CodeGear
Red Hat Heads For The JON 2.0

Professional Stock Images and Photos from Jupiterimages

Other Jupiterimages Offerings

Stock Photography for Web Developers: Part 9

By Nathan Segal

This week we’re going to take a brief look at a few of the photographic and design techniques necessary to create your own stock images. However, it’s important to realize that an in-depth knowledge of these techniques is not something that you can learn in a few minutes, or even a few days. The reality is that it takes years, but this article will give you a taste of what's involved.

A few of the topics we’ll look at are the Rule of Thirds, the importance of image placement, designing for type, verticals vs. horizontals, “learning how to see,” negative space, etc.

The Rule of Thirds

A relatively simple method of working with photographs is the Rule of Thirds, where you create imaginary lines in your field of view, breaking up the image into thirds, both vertically and horizontally. The task is to place the key elements of your image where the lines intersect. While this creates balance in images, it also leads to images becoming static, where the main focus in on the center of the image. Breaking this rule and experimenting with different placements will give you more creative freedom.

With stock photography, where you place the image is of critical importance. Consider the image below:

This image was designed for a book cover. Note the placement of the spacecraft and how there is a large, dark area at the top of the image. This is perfect for contrasting type, as you see here, allowing the text to jump out and move forward towards the viewer. With this type of an image you can delete parts of it, as on the spine (indicated by the blue lines) or keep the entire image as you see here.

If you were using this design for the web, the entire image could be used as a background or as an insert in an article.

Here’s another example:

This image was entirely computer generated. It uses a terrain map from the now defunct Corel Bryce application and the rest of the image was assembled in Photoshop. The image is wider than normal, but one client found an application for it on a CD cover, simply by cropping out the unnecessary elements of the image.

Consider this image. Granted, it’s stock illustration, rather than photography, but the same principles apply. You can see how I’ve sectioned off the space for type. This type of image would be good for the front cover of a magazine or book. On the Web, it could be used as an insert in an article.

In years past, stock photography images were usually in one of two formats, vertical or horizontal (as necessary for print applications). Verticals were preferred because they were often used for the covers of annual reports, books, magazines, etc. The horizontal format would typically be used for inserts on a page, as a two page spread and/or for brochures. It was a good idea to create images for both formats because if you didn’t get a sale in one you might get a sale in another. There are some exceptions such as panoramas or square formats, but the first two are the most common.

All of that changed with advent of the Web. Now, Web designers use images for backgrounds, navigation bars, banners, etc. This has opened up an whole new world for photographers but it also can make shooting difficult as it’s not the easiest thing to create a composition for use in a banner, due to the display ratio which could be 5: 1 or more.

Another approach is to use existing images and crop them, but that doesn’t always work. It’s often necessary to create an image composite, using several different images to form a finished result. Another consideration is type placement, as discussed above.

home / stock9 / 1
current pageTo page 2
[next]



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: HyperV-The Killer Feature in WinServer ‘08
Avaya Article: How to Feed Data into the Avaya Event Processor
Microsoft Article: Install What You Need with Win Server ‘08
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 >
Perl Pragma Primer · Implement Drag and Drop in Your Web Apps: Part 2 · How to Create an Ajax Autocomplete Text Field: Part 5
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
SQL Server 2005 Express Edition - Part 22 - Upgrading from Microsoft SQL Server Desktop Engine (MSDE) · Vyatta: Downgrades that Pay Off · NetMotion Brings Cross-Network Support to Wireless VoIP

Access FREE IBM CIO Whitepapers:
Whitepaper:
The New Information Agenda. Do You Have One?
Whitepaper:
The Outsourcing Decision for a Globally Integrated Enterprise: From Commodity Outsourcing to Value Creation
Whitepaper:
How are Other CIOs Driving Growth?
Whitepaper:
Master Data Management: Looking Beyond the Single View to Find the Right View
Created:

March 27, 2003
Revised: February 24, 2006

URL: http://webreference.com/stock9/1