ArticleCity.com - free articles for reprint.

CATEGORIES

Keyword Search

Article Title
Author's Name

SITE MENU


Emphasing a Product with Monochrome Graphics
 by: Ric Reynolds


Nothing stands out better on a website then a product image in full color while the rest of the image and site are monochrome (shades of gray).

Let me give you an example of what I mean. Let's imagine that you have a new client who is a musician, and they just cut their first music CD. You have someone take a high resolution digital photo of your new client holding the CD. With me so far?

Open the high resolution digital photo in your graphics software program and carefully outline just the product (the CD in this scenario) with the free hand selection tool of your software. Nearly every graphic software program has this option; you just have to know where it is and how to find it if you are not familiar with your software's features. Do a search in the help section of your software if you don't know where to locate it. We've included a few suggested search keywords at the bottom of this article to assist you.

Now invert your selection and apply a monochrome filter. Inverting means that rather than selecting what you initially outlined, you want to select the opposite of that selection which is everything that you did not select.

Now look at what you just accomplished with little to no effort. You can use this image as a splash page intro or for the main product photo. What better way to promote a product then de-emphasizing everything but the product and with a photo of the person who developed it? Cool idea? Why not suggest this technique to your next client who has a product they want to sell.

Check out two web templates we have developed in the past with this concept. One of them has an option for a package of swap-out graphics that utilize the same effect.

Monochrome Web Templates: http://www.basictemplates.com/monochrome

Try the following keyword searches within your graphics software to find the tools used in this mini-tutorial: "select", "invert", "invert selection", "monochrome", "monochrome effect", "monochrome filter".

Important Note: Do not confuse monochrome with grayscale. There is a big difference. That big difference is the number of gray colors in each type of file. Grayscale is a compressed file size that has most of the grays stripped out and leaves you with a minimal amount of gray shades (8-bit). Monochrome on the other hand is True Color (24-bit).

After this article is published I hope to see many websites published in monochrome emphasizing a product. If you develop a well-designed site using this concept, let us know at BasicTemplates.com, and we'll link your URL within this tutorial.

About The Author

Ric Reynolds has extensive experience in the development of effective website templates and has been a designer for the pioneer web template design firm, BasicTemplates.com, for many years. He and his team originally author articles, BasicTips.com, and podcasts, Effective-Website-Secrets.com, on the topic of effective website development which successfully assist webmasters worldwide with critical web design decisions for their target market. asicTemplates.com, a popular web template design company has been developing effective website templates using cascading style sheets with interchangeable graphics concepts priced individually or via a membership plan since 1994.

This article was posted on November 12, 2005

<< Back to "Web Design And Development" Index

 

 


Disclaimer: The information presented and opinions expressed herein are those of the authors
and do not necessarily represent the views of ArticleCity.com and/or its partners.


Google
 
Web www.articlecity.com

  ZenSearch.com Make Money with this Breakthrough Affiliate Program Shop Online for Herbal Medicine and Other Health Supplements. Affordable Web Site Templates


Submit An Article || Submit Articles in Bulk || Submit Press Release || Syndicate Articles
Distribute Your Articles || Blogs || Free Magazines || Advertise on this site
Home || Privacy Policy || Terms of Use || Link To Us || Site Map || Contact Us

Copyright © 2001-2099 - Icthus.Net Communications