Submit a Site

Archive for July, 2008


Silhouettes and Gradients - A Photoshop Tutorial

Thursday, July 31st, 2008

silhouettes

Photoshop Tutorials put together a great, easy to follow guide on how to create silhouettes and use gradients with a photograph. This is an important process to know and understand as a designer. You might have a really great image, but aren’t able to use the actual content of the image in its present form. Knowing how to properly create silhouettes and use gradients with an image is an excellent process to master. When you have time, read through their tutorial and enjoy!


Vacation like an Ewok?!

Thursday, July 31st, 2008

ewok.gif

This is definitely off subject…but thankfully, we only run down rabbit trails every once in a while. So, looking to build a new treehouse? Check out these cool eco-spheres. I think it would be awesome to have one of these in the backyard. Not only can your kids enjoy it, but you could use it as a guest house. If you’re guests annoy you…simply take the stairs away for awhile (just kidding).

Anyhow, the design of these spheres is really cool. Enjoy!


Using a mascot to build a brand

Thursday, July 31st, 2008

Guerilla mascot

Sometimes having a company mascot is very helpful in developing a brand. When a visitor first comes to a page, the company name or the domain may not be very obvious, adding an illustration like the Silverback guerilla on this website, makes you build a link between the guerilla and the name of the website. The word “Silverback”, although easy to remember, does not stick easily in one’s mind. Illustrating it with a big, black, (semi-friendly looking) guerilla, helps visitors remember the name and adds another element to the website that will create returning visitors and in turn, customers.

The whole layout on this website works very well. I like the foliage hanging from the top, it’s a nice touch. Making a theme complete is the Banana bullets. It’s these small things in a theme that really make a great design.

Visit the site at: http://silverbackapp.com/ 


GIF, JPG or PNG, Do You Know the Difference?

Tuesday, July 29th, 2008

Six Popular Image File Formats: What are They and How are They Best Used?

For designers, choosing the right file format for saving your images is of vital importance. There are six major image file formats used consistently in the design field — TIFF, GIF, JPG, BMP, WBMP, and PNG. Each format is well suited to a specific type of image, and by matching your image to the correct format, you should benefit from a fast-loading graphic. It’s also important to understand how these file formats work in certain applications. So, enjoy checking out these six image file formats.

(TIFF) Image format used for Printing.TIFF - The TIFF (Tagged Information File Format) is a file format used for storing images such as line art and photographs. It was originally developed by Aldus (now Adobe Systems) and Microsoft. This is a popular format for high color depth images and it is supported by many image-manipulation programs such as Pagemaker, QuarkXPress, Adobe InDesign, PhotoShop, Paint Shop Pro, etc. Tiff is extremely high in its image quality, providing excellent compatibility with publishing companies. Tiff can be modified and resaved, with the images being used an endless number of times without losing any image data. In addition, the image is extremely usable since it doesn’t require software post-processing during or after its download from a camera. It is a flexible and adaptable format.

GIF – The Graphic Interface Format is an image file format that was originally developed in 1987 by Unisys using the LZW compression algorithm. It is mostly used for vector graphics and other simple, limited color images. For years it has been a standard image format used on the web. However, it has seen its share of difficulties due to licensing restrictions and requirements placed on it by Unisys. In 1989, they also developed Gif89a which allowed animated images. While GIF has enjoyed a significant presence on the Internet, it is being phased out by the emergence of PNG.

(JPG/JPEG) Image format used for Photos and complicated Images.JPG/JPEG - JPEG is a commonly used compression method for photographic images. The name “JPEG” stands for Joint Photographic Experts Group, the name of the committee that created the standard. The group was organized in 1986, issuing this standard in 1992 and finally approving it in 1994. The degree of compression may be adjusted to allow a selectable tradeoff between storage size and image quality. Typically, JPEG achieves 10 to 1 compression with little perceivable loss in image quality. In addition to being a compression method, JPEG is often considered to be a file format. JPEG is the most common image format used by digital cameras and other photographic image capture devices. It is also the most common format for storing and transmitting photographic images on the World Wide Web.

BMP - The BMP file format, sometimes called bitmap or DIB file format (for device-independent bitmap), is an image file format used to store bitmap digital images, especially on Microsoft Windows and OS/2 operating systems. The simplicity of the BMP file format and its widespread familiarity in Windows and elsewhere makes it a very common format that image processing programs from many operating systems can read and write. Another reason for the widespread use of this format is due to it being well documented and free of patents. While most BMP files have a relatively large file size due to lack of any compression, many BMP files can be considerably compressed with lossless data compression algorithms such as ZIP since they contain redundant data.

(WBMP) Image format used for Mobile Devices.WBMP – This is short for Wireless Bitmap, a graphic format optimized for mobile computing devices. This is a relatively new file format that only supports monochrome images at the moment. A WBMP image is identified using a TypeField value, which describes encoding information (such as pixel and palette organization, compression, and animation) and determines image characteristics according to WAP documentation. TypeField values are represented by an Image Type Identifier. Currently, there is only one type of WMBP specified; the Image Type Identifier label for this is 0. 0 has the following characteristics:

- No compression
- One bit color (white=1, black=0)
- One bit deep (monochrome)

Any WAP device that supports WBMPs can only support type 0.

WBMP is part of the Wireless Application Protocol, Wireless Application Environment Specification Version 1.1. PNG - Portable Network Graphics is a bitmapped image format that employs lossless data compression similar to that of a GIF file. PNG was created to improve upon and replace the GIF format, as an image-file format not requiring a patent license. It was basically created in direct rebuttal of Unisys’ licensing requirements for using the GIF format. PNG supports palette-based (palettes of 24-bit RGB colors), grayscale, or RGB images.

PNG was designed for transferring images on the Internet, not professional graphics, and so does not support other color spaces (such as CMYK). PNG works very well for geometric or line drawings, lettering, cartoons, and other images with flat color and sharp borders, such as computer screenshots.

PNG is mostly superior to GIF, as it is newer, supports more colors, and is free of patent restrictions. Unfortunately, PNG cannot be used for animation. However, it does offer highly sophisticated transparency and color support, among other features. In most cases where animation is not required, it is best to use PNG over GIF.

It’s interesting to note each formats strengths and weaknesses. Overall, each of them definitely displays benefits in certain applications. As a designer, I guess the best way to approach these is to know ahead of time what the ultimate application and use for a certain image is going to be prior to creating it. Do you have a particular favorite as far as image files are concerned? If you do, please let us know what file format you prefer and why. We would enjoy hearing from you!


Need More Flash?

Sunday, July 27th, 2008

flashden.gif

After checking out Valik’s awesome Flash post from Friday, I came across Flash Den, which is a really nice looking, “well stocked” blog that is dedicated to Flash. I chose to highlight their article featuring 50 Absolutely Killer Flash Templates. So, if you need more inspiration in the Flash department, I’d strongly suggest that you visit their site!


5 Great Tips for Maximizing the Use of Images

Sunday, July 27th, 2008

pics.gif

Beyond Megapixel has put together an excellent article that should be read by every designer. It contains a great guide on how to effectively use pictures in various web applications. The five points that they emphasize in their article are:

  1. Vignette
  2. Shoot through a Frame
  3. Leading Lines
  4. Fill the Frame
  5. Break a Pattern

Please visit Beyond Megapixel and read the entire article where they explore each point in-depth.


How about some Flash “Eye Candy”?

Friday, July 25th, 2008

Firework Design

For some eye candy on this Friday, I found this Flash based site that just blew me away. At first glance, it seemed kind of plain, borring, and then I moused over the graphic and got an eye full of, exactly what the site is called, fireworks.

Visit the site at: http://www.fireworkdesignstudio.com/


I say “Table of Contents” and You say “Boring”

Tuesday, July 22nd, 2008

smashing1.gif

Smashing Magazine put together an interesting article regarding website table of contents that I think is well worth mentioning. While it has been dugg many, many times recently, I wanted to post it here for future reference. As the article referenced accurately, most of the time website table of contents pages are extremely boring and dull. Why not create a ‘revolution’ of sorts and apply some creativity to this page! Most of the examples they show are derived from books, however as several of the commenters there mentioned, “inspiration for creativity can be found in a multitude of places.”


Interested in Typography??

Tuesday, July 22nd, 2008

ilt.gif

If you enjoy a good font, then you will truly enjoy I Love Typography. This site is a humongous resource for all things typography related. It contains some excellent articles related to typography. It is also full of great font resources too (which is usually helpful to designers looking for an eye-catching font to incorporate in to a new design).


Flash Tutorial: How to Build an Interactive Stack of Photos

Tuesday, July 22nd, 2008

designreviver.gif

I found what I think is a great, easy to follow 9 step tutorial for building an interactive stack of photographs. This is a great design technique when you are very limited on page space, but wish to display multiple images. Check out the tutorial at Design Reviver and let me know what you think of it.