Abstractly edging the illustration, creating a vignette, can further simplify the graphic. The sketched white overlay on the background and side landscaping saved a lot of rendering time as well as creating a unique border around the subject.

This particular illustration represents the design of a littoral shelf, which is the intersection of a man made body of water and the land. The area is landscaped with a variety of plant species, each serving a particular purpose in the sustainability of the shoreline.

Thus, web design is on my mind right now. One of the projects on which I have been working, is a redesign of my blog and resource Art & Architecture. Since it is a project for myself, I have decided to design it for a minimum screen resolution of 1024 pixels wide. It looks better on a 1280×1024 resolution, and even better on the 1920×1200 resolution running on my monitor. I have taken some time to play with enhancements using the Spry Framework in Adobe Dreamweaver. I have also been messing around with jQuery. Both offer some very cool possibilities.

The content for all current projects is database driven with structural html markup, and styled with css; no tables. I have been improving my web programming skills by dropping hard earned money on reference books, and doing lots of research on the web, and one thing confuses me a little. I vowed to keep everything positive on this blog, but a little rant here, the “expert” programmers writing these references spend a lot of time talking about designing for people with ultra low res monitors, and how to create work-arounds for people using ten year old outdated browsers. The first thought that comes to my mind, why is anyone using Internet Explorer 5 for Mac? There are any number of browsers available, and they are all FREE!

So I have been testing my code on current browsers: Firefox, Safari, Opera, Flock, Avant, Maxthon, SeaMonkey, Chrome, and Internet Explorer 6, 7, 8. (If you are not using a current browser, here is your opportunity.) As I can only have one version of Internet Explorer on my system at one time, I use IE Tester for testing Explorer. Second rant for this post, as I write the code (as the “experts” instruct me), my pages work perfectly in everything except Internet Explorer 6, 7, 8. So the second stage of every page design seems to be butchering the code three different ways to get it to work in each of the three Microsoft products. And they write our operating system! Microsoft! Learn how to write a browser and quit holding back the web!

Enough said: I must dive back into a reference book and find a hack to make today’s web page work in Internet Explorer. Yeeha!

Of course, my mind began trying to develop digital techniques that would create some of these fantastic styles. Homer’s use of light and composition are also quite intriguing, causing me to rethink some of my own thoughts on highlights and subject relationships.

If you have never seen the works of Winslow Homer, the online National Gallery of Art Exhibition is very well done. The Art Institute of Chicago Exhibition also has very informative resources. You may want to check them out as well as this book, I recommend it highly.

Here are a couple of larger shots, details in architecture are very important. The additions of light fixtures and other stylized items add a little more realism to the concept.

I set the time of day at dusk just to add a little atmosphere. Used effectively, unusual weather or time of day can create additional mood in an architectural rendering. If you would like to see more of my work, check out my portfolio at www.BlueNoseGopher.com

When added to your artwork, it can add a little more realism to an otherwise flat element. A gradient can also form the basis for the sky in a concept that appears outdoors. A gradient can help develop some inexpensive radiosity when doing 3d work. It can be part of the map used in a material, or it can be added afterwards in Adobe Photoshop or Painter.

As with most elements, I will often develop gradients and add them to my library. Then when the design calls for a gradient, I have a whole collection from which to choose. This not only helps keep the mind focused on the design, but allows trying color combinations very quickly.

One great feature is the fixed aspect marquee tool. After setting up the proportions you want, you can scale the marquee box to the relationship that works with adjacent structure. Another advantage is working with solid color. Filled geometric shapes are easier to work with than line based graphics. The transform tool can be used to vary the solid shapes and relationships, visually adjusting the design. After adding some details, a full color graphic is ready to present to the client.