Saturday, March 29th, 2008
This is a part 2 of a 3 part entry. BitsAndPix.de has many excellent elements on the site and I want to file three of the best ones here for future inspiration.
The second great element is the way text and the header area is treated. Strong white text with a 1 pixel black or maybe just a darker color outline makes the text pop from the page. I like the background graphic, it’s not just green but the illustration of a city, the sun, birds and the gently faded pattern ballances out the header. I also want to mention the small detail - birds outside of the header border flying in. Adds to the uniqueness fo the site.
Part 1 - Fun logo
Part 3 - Image effects
Posted in Headers, Images/Photos | No Comments »
Tuesday, March 25th, 2008
Need a quick image for a blog post or an article? If you’re cheap (like me, haha), check out Stock Xchng (www.sxc.hu). SXC has over 355,000 images in their database. Best of all…they are all completely free. Free is a great price. The only stipulation is that you must make sure that the image owner has not placed special restrictions on a particular images usage. There are lots of great photos available…you’re sure to find what you need!
Posted in Images/Photos | 1 Comment »
Wednesday, March 19th, 2008
Very nice combination of colors on this site. Them being a web design provider, sure shows their talent off on their own design. I like the logo - how they worked a pixelated tree into it, looks very good and clean. The font used also works well with this design.
If you look at the rest of the site design you will notice it is well balanced, colors, white (gray) space, layout. It all works very nicely together.
Visit PixelTree here: PixelTree
Posted in Colors, Images/Photos, Layout/Design, Logos | No Comments »
Thursday, March 13th, 2008
Photo source: Abduzeedo.com
High Dynamic Range Imaging (commonly referred to as HDR) is an exciting, emerging technology that should be closely monitored over the next few years. Quite honestly, HDR is on the brink of changing the way we capture, manipulate, store, use, and display images for the foreseeable future. With that being said, let’s delve into HDR a little bit so that we can gain a little better understanding of this promising technology.
So, what exactly is HDR? The following is an excerpt from Wikipedia that gives a brief, but good definition of HDR:
“High dynamic range imaging (HDRI) is a set of techniques that allows a greater dynamic range of exposures (the range of values between light and dark areas) than normal digital imaging techniques. The intention of HDRI is to accurately represent the wide range of intensity levels found in real scenes ranging from direct sunlight to shadows.
HDRI was originally developed for use with purely computer-generated images. Later, methods were developed to produce a high dynamic range image from a set of photographs taken with a range of exposures. With the rising popularity of digital cameras and easy-to-use desktop software, the term “HDR” is now popularly used to refer to the process of tone mapping together with bracketed exposures of normal digital images, giving the end result a high, often exaggerated dynamic range. This composite technique is different from, and generally of lower quality than, the production of an image from a single exposure of a sensor that has a native high dynamic range. Tone mapping is also used to display HDR images on devices with a low native dynamic range, such as a computer screen.”
HDR gives the photographer the ability to create a greater range of detail than any camera could ever capture in a single photo. The “merge to HDR” feature of Photoshop CS3 allows the photographer to combine a series of exposures into a single image which contains the details of the entire set of images. Photomatix is another HDR software program that allows the photographer the ability to synthesize and manipulate a series of images into one HDR image. As with any type of software, there will be people devoted to one or the other. In our particular case, we are just offering up the two most commonly used programs for creating HDR images.
Dynamic range (DR) consists of luminance values from the darkest to the brightest. An original, real-world scene has a certain, inherent DR which may be quite large – perhaps a ratio of 100,000:1 or more. The human eye can perceive a subset of any scene’s DR (about 10,000:1); a camera can record a smaller subset than your eyes – perhaps 400:1 for a DSLR. The DR of a computer monitor or a printed photograph is still smaller yet.
High dynamic range (HDR) in photography means the full range of tonality present in a scene with high perceptual accuracy. Current HDR techniques use computer software, such as Photoshop CS3 or Photomatix, to combine several exposures of a scene into a single file that displays the full range of luminance at every pixel. This HDR image can then be processed in various ways, contingent upon its ultimate usage. For most, at the moment, it means tone mapping the HDR image into a 16-bit or 8-bit digital file such as a JPEG or TIFF. The standard unit for measuring luminance is candelas per square meter, or cd/m2. You may have seen this unit used in monitor specifications. According to the FAQ at www.hdrsoft.com (the web site for Photomatix Pro), “the luminance of starlight is around 0.001 cd/m2, that of a sunlit scene is around 100,000 cd/m2, [… and] the luminance of the sun itself is approximately 1,000,000,000 cd/m2.”
Photo source: Abduzeedo.com
Judging from this information then, one can say that the experience of seeing the original scene, then capturing it, and reproducing it for others to see, is a process that progressively loses DR. In this case, HDR gives the photographer the ability to capture and represent the full DR found in a particular scene with a high degree of accuracy and precision.
Photo source: Abduzeedo.com
Why is HDR necessary and what use is it to me?
HDR is still emerging. Photographers are only now really beginning to work with it in large scale numbers. HDR has a great future since it can (if applied correctly) reproduce a scene that has been observed from a human perspective more accurately than any other image format in history. As for its uses currently? The best answer for that one may be “artistic expression.” Photographers have been introduced to a new, powerful tool that, in addition to typical photo manipulation techniques of the past, allows them to push the envelope of manipulating images even further. HDR allows photographers the ability to recreate a scene more accurately than ever before, or simply create their own twist on a captured slice of reality. At this point, the possibilities and development potential are wide open – making it an incredibly exciting format to keep an eye on! Right now, keep the phrase, “for your viewing pleasure” in the back of your mind and enjoy looking at the creativity behind the images.
Where does HDR go from here?
Well, it may sound cliché, but the sky’s the limit. Advances will continue and hurdles will be overcome. Currently one of the biggest hurdles is that HDR is limited by methods of displaying images which have a limited dynamic range. Computer screens, LCDs, prints, and other methods cannot accurately display HDR. As a result, methods of converting HDR images into a viewable format have been developed (tone mapping) that allows us to view the images. As technology advances, we will be treated to better methods for viewing this exciting new image format! Of course, if you’re wealthy, you can always go out and purchase an Extreme Dynamic Range LED Display (it claims to provide 10 times the brightness and 100 times the contrast of existing television and computer monitors) now and enjoy it before the rest of us can! Check out their interactive demo which, while it is still limited to your lower resolution computer screen, will give you an idea of what this technology is bringing to us all.
Interested in Learning How to Create HDR Images?
Here are two of the best tutorials I could find:
http://range.wordpress.com/2006/07/15/modern-hdr-photography-a-how-to-or-saturday-morning-relaxation/ **This is an interesting “how to” article based around the use of Photoshop CS2. In the first 12 ½ hours of being posted, this blog article was read 167000 times! This is just another hint to the importance of this awesome technology.
http://hdr101.com/?page_id=4 This one contains a good Photomatix tutorial.
Enjoy!
Posted in Images/Photos | No Comments »
Wednesday, March 12th, 2008
Creating an illustration from scratch is not easy but when you have a nice photo to start from it’s much, much easier. PSDTuts has a great tutorial on how you can create that illustration with ease.
Check it out here: http://psdtuts.com
Posted in Images/Photos | No Comments »
Tuesday, March 4th, 2008
This guy, Matthew is the owner of the website design portfolio and blog at 0at.org, that’s zero-not-an-o-at.org. I’ve known this guy for a long time from seoMOZ.org, he used to do a lot of web design, programming and blog posting there (I’m a regular reader over there). I’ve never actually seen any of his other work and recently I found his blog where he has his past work posted. It is amazing! It’s not just the design, it’s the talent, you can see it. Lots of color and contrast, Web 2.0 ‘ish. You’ll just have to go look at it yourself. Here is a clip of his Portfolio:
You really got to see the actual images to appreciate. We all can learn a thing or two from this work. It’s been inspiring for me. He uses Macromedia Fireworks to illustrate his art.
Here is my favorite design from his portfolio:
This was a design for his blog that he later redesigned to what it is now.
Enjoy.
Posted in Colors, Headers, Images/Photos, Layout/Design, Logos, Navigation/Menu | No Comments »
Friday, February 15th, 2008
This is a sweet graphic! I had to save it for me to look at it again. I don’t know what it is exactly right now but the separation of the letters from the background and the word “perfect” in the middle, the shining lighting and the other graphic effects just make this a masterpiece. I hope you like it as much as I did.
The source site for this is: http://www.defrost.ca/meltdown.php?action=view&vid=29
Posted in Images/Photos, Logos | No Comments »
Tuesday, January 15th, 2008
The source site for this is: http://www.salford.ac.uk/
This University fo Salford website cought my eye right off the bat. It’s a great example of what a well designed site should look like, it is informative enough that you know where you need to go to find what it is you’re after and at the same time very airy, free, with plenty of whitespace to breath. The use of simple black text for navigation and clean light blue tone graphics brings the site together. Very nicely done.
Posted in Images/Photos, Layout/Design, Navigation/Menu | No Comments »
Thursday, December 20th, 2007
The source site for this is: http://www.darrenalawi.com/blog
I found this nice image effect tat looks like the logos are laying on a soft, padded background. The way this look is a chieved is very simple. Just apply a soft outer glow in white or some light color and bam, it’s done. Of cource there are many other ways and many other situations where this by it self will not work and you might need to do more adjustments but for majority of the situations this should do the trick.
Posted in Images/Photos | No Comments »
