Archive for the ‘Web Design’ Category

Disappointment with Chicago Artists Coalition

Wednesday, May 19th, 2010

Chicago Artists Coalition
Screen shot of Chicago Artists Coalition email

Imagine my surprise and disappointment when I opened an email blast from the Chicago Artists Coalition (CAC) and discovered that it contained three photographs taken from my web site. The three photos are part of a set of seven that I had taken at the Chicago Art Open Preview and Benefit Party at River East Art Center on April 20 and used to illustrate an article on my web site - Chicago Art Open Preview and Benefit Party at River East Art Center. For a view of the article in question, see this CAC email screen shot. Of the four photos shown in the screen shot, the group photo in the upper left (deliberately blurred) is not mine while the other three photos are.

Not only was I not asked if the photographs could be used but I was not given credit either. One would think that an organization representing artists would know better than to use copyrighted material without first getting permission. As a rule I’m pretty open about allowing non-profits to use my art at no cost. In fact if I had been asked by the Chicago Artists Coalition, I would have gladly said yes to letting them use the photographs. I used to be a member of this organization but did not renew as their dues continued to increase and their charge to artist members to have art shown on the CAC web site is far too expensive.

The Value of Metadata

As a rule, before posting any image to the Internet, I try to make sure that I have filled in the authorship-related fields in the image’s metadata. This consists of the Title, Author, Author Title, Description Writer, Description (if any), Copyright Status, Copyright Notice, and Copyright URL. In the case of the photographs in question, I did fill in the metadata fields. Saving the images from the CAC email to my hard drive, I opened them in Photoshop and looked at the metadata. Yep - my copyright notice was still present. (See Photoshop Metadata Illustration)

Of course there is nothing to stop someone from either removing or altering the contents of the metadata fields. For an informative article on this subject, see Why Photoshop doesn’t provide secure metadata

Watermarking Images

In the case of these particular photographs, because of their relatively small size (430 by 322) I did not bother to watermark the images. Typically I will place a textual statement on the image that is of the following format:
Picture Title - Copyright Symbol - Year - Jim Plaxco - www.artsnova.com

This watermark is semi-transparent with placement depending on the size of the image. For smaller images I locate the watermark along the bottom margin. For larger images I shift the watermark up so that it is more prominent.

Finding Your Images

A relatively new tool available for publishers of images is a search engine called TinEye. TinEye is a reverse image search tool. The user either uploads an image to TinEye or provides the URL for an image on the net. TinEye then searches its database for images that resemble the image you’ve provided and returns their URL.

Unfortunately TinEye’s database is not comprehensive. In the past I found one of my images being used by a city government (from Brazil of all places) by typing into Google the filename of my original image. Can’t say that I have tried that approach lately. And of course there is always the google image search if you have lots of time on your hands.

In Conclusion

All I can say is to be vigilant and don’t be surprised if your art or photographs show up in unlikely places. It is worth noting that copyrights are far more likely to be violated by your average Joe than by your average corporation.

Bookmark it:  Stumble It  Bookmark this on Delicious  Digg This  Technorati  Reddit Tweet It


Don’t Be Alarmed Now

Wednesday, March 17th, 2010

Old Artsnova Blog
The Old Artsnova Blog

Yes this is the Artsnova Blog. The new look is a result of finally taking the time to modify my old Wordpress theme template so that my blog is fully integrated into my web site. While my blog and web site were on the same domain, they had been created separately at different times. While I created my own design for my web site, at the time I set up this blog I just went with the default Wordpress theme modified with a variety of my own tweaks over time.

The result was that my blog and web site:

  • had entirely different looks to them
  • had different page layouts
  • had different navigation systems

The bottom line was that for a visitor it was like going to two completely different web sites. This meant that visual branding suffered and that cross traffic (going from blog to web site and from web site to blog) suffered.

The new blog design now matches the Artsnova web site in that it uses the same basic page layout, design, color scheme, and uses the same navigation system. I have deliberately kept a couple of minor cosmetic differences. The purpose of these visual differences is to help visitors distinguish between those pages that are a part of the web site and those pages that are a part of the blog. The visual cues are use of a different background color for the content area (white here on the blog); a slightly different background color for the navigation sidebar (a lighter shade of blue on the blog); and the addition of the text Digital Art and Space Blog Reflections on Art, Computer Graphics, Photography, Space and Astronomy to the masthead for the blog.

I hope that you enjoy the new look and feel of the Artsnova Blog. If you encounter any problems with this new design, please let me know.

Thanks and have a Happy St. Patrick’s Day.

Bookmark it:  Stumble It  Bookmark this on Delicious  Digg This  Technorati  Reddit Tweet It


Online Order Processing Article

Thursday, December 20th, 2007
Digital Excursions

Diverging from this blog’s standard bill of fare, I just completed an article on online order processing for my Digital Excursions web site. The article How To Lose Online Customers reviews my recent experience attempting to join the IEEE. Needless to say I wound up not joining IEEE. If you are a webmaster doing e-commerce, you might be interested in my observations of the shortcomings of the way in which IEEE implemented the process of purchasing a membership.

Happy Computing, Jim

Bookmark it:  Stumble It  Bookmark this on Delicious  Digg This  Technorati  Reddit Tweet It


Photoshop for Web Site Design

Monday, July 16th, 2007
Chicago Society for Space Studies web siteChicago Society for Space Studies web site.

Saturday I completed a total redesign of the Chicago Society for Space Studies web site - which in part explains why I haven’t been posting new entries here lately. And since I was in the process of doing the redesign, I took the opportunity to also write an article outlining the process. That article - A Web Site Redesign - appears on my Astrodigital web site.

The redesign I performed would not have been possible without the use of 2D graphics software. Of course my software of choice is Adobe Photoshop. While I have used Photoshop before to create buttons, logos, banner images, and web page elements, I had never used it to create a total graphic page design. That design, shown above, was actually quite easy to create.

For the banner image, I felt that a night view of the Chicago skyline would be most appropriate since it combines the elements of Chicago and space via the presence of the night sky. The Chicago skyline is a composite of two photographs taken at night from the site of Chicago’s Adler Planetarium. To capture the two images, I set my camera up on one of my tripod’s and shot in manual mode, which allowed me to control ISO, speed, and aperture. I also created a new version of the CSSS logo that fit in better with the banner image color wise.

The most time consuming part of the design process was not the actual creation of the design, but rather coming up with the mental image of the type of design I wanted to create. I was guided in this process by looking through free web site template sites. There is more on that in the A Web Site Redesign article.

Realization of the site graphic/design was accomplished by creating a multi-layered Photoshop document. I started by creating a solid background, the color for which I was sure to note as I would use this color to define the web page’s background color in the CSS (Cascading Style Sheet) file. This was layer one. On layer two I made a rectangular selection of an area of the same size as the page area, feathered the selection, and filled it with a dark gray: this would serve as the shadow area around the page content area. Back to the rectangular marquee, on layer three I selected a rectangle and filled it with white: this would serve as the content area background. On layer four I added the Chicago skyline image. I placed the CSSS logo on layer five. By putting the logo on its own layer, I was free to experiment with positioning the logo and while keeping my options open for any future changes. Next up the layer ladder, on layer six I created a rectangular selection and filled it with gray: this would be the area used to hold the horizontal navigation bar. Layer seven was used to create the frame that serves as the page border. The frame around the page was made by simply creating a rectangular selection, feathering the selection, converting the selection to a border selection, and then stroking the path. I then used a layer style to give the border a 3D effect.

It was all pretty simple actually. The final step was to switch to ImageReady and slice up the image into the appropriate components. It was then necessary to create the CSS that would reassemble the individual graphic components while allowing for content control within each of those individual areas.

Once I had my CSS and XHTML template created, it was just a matter of replacing the old page layout code with the new code. Not mentally challenging but tedious. The worst part of the whole process was validating all the HTML associated with the content as I had decided to change from coding using an HTML doctype to an XHTML doctype.

If you want to take a closer look at the design, and learn a little bit about space in the process, I encourage you to visit the Chicago Society for Space Studies web site.

Ad Astra, Jim

Bookmark it:  Stumble It  Bookmark this on Delicious  Digg This  Technorati  Reddit Tweet It


My astronomy web site Astronomical Adventures

Saturday, January 13th, 2007
Astronomy web site Astronomical Adventures

Finally. After years of ignoring my astronomy oriented web site Astronomical Adventures I finally spent some serious time on it performing a complete overhaul of the site. I replaced the ancient HTML tables design (created and not modified since 1999) with a CSS tableless layout conforming to the XHTML 1.0 Transitional standard.

In addition to the redesign, I added three new articles to the site. One article, The Milky Way Galaxy, is a very basic introduction to our Milky Way galaxy. I also wrote an article The Location of the Solar System in the Milky Way which illustrates and explains our location in the galaxy. The final article is a tutorial. The Drake Equation Tutorial explains the Drake Equation and its parameters. The Drake Equation is associated with the search for extraterrestrial intelligence in the galaxy. In addition to the tutorial I have for download both an OpenOffice Calc and a Microsoft Excel spreadsheet version of the Drake Equation so that people can play with the equation for themselves.

I must confess that the driver for this undertaking were the preparations I undertook for my participation in the 2006 Windycon Science Fiction Convention. I wrote about my participation in that convention in the entry Windycon Science Fiction Convention Programming Schedule.

So pay a visit to Astronomical Adventures and let me know what you think.

Ad Astra, Jim

Bookmark it:  Stumble It  Bookmark this on Delicious  Digg This  Technorati  Reddit Tweet It


Hello world!

Friday, October 13th, 2006
Well, at least that is the default name given to this post by the folks at WordPress whose blogging software I have elected to use. While this is my first self-managed blog, my first blog was The Digital Mars Blog hosted at blogger.com. While my Digital Mars Blog is devoted to discussing images of Mars and the current missions to Mars, I hope to use this blog to discuss computer graphics, space art, digital photography, and the digital art that I create for my ArtsNova web site. I may also wander into the fields of astronomy, cosmology, and space exploration - you never know.Are you ready? Then let’s go.Ad Astra, Jim

Update: That was my original message posted here on Friday the 13th. Today is Thursday the 19th and this is now my third install of WordPress the first two having gone south. I can blame the first one on both my own lack of experience and my hosts slightly incorrect domain configuration. The second failure, which occurred yesterday, is a mystery to all.

This post is being done on Oct 19 2006 although I will be dating my lost posts to match their original posting dates.

Ad Astra, Jim

Bookmark it:  Stumble It  Bookmark this on Delicious  Digg This  Technorati  Reddit Tweet It