Sabtu, 15 November 2008

Cut a photo into a mosaic or collage

This is a great way to present a photo when you want to portray a broken or fragmented look. It uses the concepts used at one point by fine and modern artists like Andy Warhol by the assemblage of individual snap shots, all taken of the same model, at the same time. It can be quite dramatic.
Reader example #1
Another reader suggested this example

We're going to show you hot to do both methods, random and organized. We'll also show how layer styles can be used, stroking inside and outside, as well as how to get a jump start using the slice method. That way you can make decisions based on which method is best for the project you're working on.
First: The Slice Method
Here we put Photoshop's SLICE function to work to make even divisions of the image a quick snap. Use this one if you plan to build a border outside the image slices, or you don't mind losing a bit of the image when you stroke inside the image.

First, we'll set up the file. This is a photo of a little girl, perfect for our Thanksgiving card. We'll set up the card to print at 300dpi, at 4.25 x 5.5 inches -- which is a standard card. We will reduce the image size a bit to allow room for borders, shadows and a textured background -- so we'll add about 100 pixels to both dimensions, using the Image > Canvas Size menu item.
















Begin the slice
Grab the Slice tool (tap 'K') and hover over the image. Right-Click for the popup context menu and select: "Divide Slice". A dialog will open where you can set "Divide Horizontally into 3 slices down..." and the same for vertically. Click Okay and it's done.

In order to actually assemble your project, you'll need all those split into layers. The fastest way to do that is to choose
File > Save for Web > and then set up your file attributes. I've set this one for "no optimization" and "BEST" quality, since I don't want to disturb the 300ppi, for printing.

When you click Okay, Photoshop will split the files apart and place them in a folder called "images" in the same directory you're working in. (I changed my name to "slice" and Photoshop auto numbered them for me.)

Bring slices together for your mosaic or collage

Now, simply select all those slice files and drag them over onto the Photoshop icon. They'll all open, one by one -- and you can quickly begin dragging each into the 300dpi work file using the MOVE tool. Don't bother about arranging them now, we'll do that later. After each drag, hit your keyboard command to close the slice file.

slices

Once you've brought all your files together, you'll see they've arrived on separate layers. Before arranging into your final grid, you'll want to set the layer style to get your photo border and drop shadow. This way, as you arrange the photos you can do so working with the shadows, etc.

setting the layer style

Since this is a large file, and the photo borders are only going to seal about 12 pixels from the edges of the photos, I'll go ahead and do an inside stroke to get the white border.

Open the STROKE Dialog now to see the settings. Notice the stroke is added to the inside of the layer image -- which effectively cuts off some image. Notice also it gives you a nice, sharp, cornet. (If we selected "outside" for the stroke, you would get a rounded corner -- not what we want here. I'll show you that one a little later.)

Now open the SHADOW Dialog to see my settings. Since these settings are dependant on your resolution settings, I'll not impose them on you. However, just adjust the settings until you get the effect you like.

Once your layer styles are perfect, you can replicate the same style to all the tile layers. There are various ways to do this -- however, I like to drag them one-by-one to watch as they affect each layer. Sometimes, after the second or third, I'll want to tweak it a bit, and bulk apply forces me to bulk remove.

Drag and drop the effect

Click the "Expand" arrow at the right of the layer in the Layers Palette to expand the styles. Now, simply hold in the Option key (Mac, Alt for Windows) click on the effect and drag the effect down to the next layer. You'll see it instantly applied. Repeat for each layer.

Add type and finish your photo mosaic card

Here's the finished card Finishing : at this point, I select all those layers and use the Layers menu to "group" the layers. This tucks them neatly away into a layer folder, getting them out of the way.

As you can see from this example, I've added a little Thanksgiving message, styled it, and also added a tan layer behind with the Texturizer filter set to a fine grain -- just for a little seasonal texture. Everything looks great, so I can save the file -- then flatten the file and save it again, using the Save As... to rename it and make it a TIF file for import into my awaiting Quark file.

At right, you can see my finished card.
Time elapsed: 20 minutes.
I've also provided you with the 300 dpi version, all ready for your Thanksgiving greeting, so you can have a little fun with it! (tgiving_card.jpg 1300 x 1650, 812K)

At this point, I must say that while this is by far the easiest and fastest method, I may not like the way the white borders cut into my image. I think I would also like a little more randomness to the tiles on the design.
Manual slicing for a mosaic or collage

As you saw before, slicing is fast and easy. It also divides the image perfectly, with Photoshop doing all the math necessary to split the image in as many cells or tiles as you want. We used the "Inside" method of stroking -- but it cut off parts of the image. In order to use the 'outside' method, the slice function won't work. We'll have to cut them out manually.

Not being particularly fond of math, I usually divide images using this little trick. It won't take but a minute.

Dividing the image

Draw a square shape into a new layer. Here I drew one, filled it, and then set the opacity for about 80% so I could still see my image. I used the Move tool to Option/drag (Alt/drag) the second, and third squares. Then I did the same to drag copies of each row until I created a grid of nine squares.

Pop open the grid.

Now, I will carefully select each tile, using this grid, but select outside the image rectangle to compensate for the width taken by the "Stroke Inside" layer style. This gets a little tedious.

Selecting oversized rectangle

Upon making the selection using the Marquee tool, I click the original image, and float a copy of that selection to its own layer. Float by hitting Command/J (Control/J). The tile on its new layer will be de-selected, so Command click its thumbnail in the layers palette, return to the original image, and still using the Marquee tool, move the selection alone (without image) to select the next tile.

Selecting oversized

After moving the selection rectangle to the next position, again, return to the original image layer and float a copy of that selection to its own layer. Walk your way through the file until you've picked up all nine tiles. If you view them all at the same time, you should see a seamless copy of the original image.

Once you have all nine tiles lifted to their own layers, you can turn of the view of the original, set layer styles and duplicate styles as described in the previous section.

This adds another 20 minutes or so to the time, but in my opinion, makes the finished piece better. The images look as if they would match up.

Now, if you don't mind rounded corners on your images, you can use the Slice method, and simply set the Stroke style to the outside rather than inside...

finished

Above, you can see the impact of rounded corners. If these are okay, then use the slice method and set the Stroke style to the outside. Notice here, I've also played with the layout a bit, slanting or tilting the images to give the presentation a more casual look. I think the rounded corners add to that as well. At this point, you know the technique -- it's just your call as to how to apply the stroke.Click to see an enlargement.

Read More......

Barry Huggins writes...

resulting black and white photooriginal color photoBlack-and-white photography is as powerful today as it was when color photography was just a distant dream. A different set of skills is required when working with black and white, as the absence of color means the interplay of shape and contrast must work harder to tell the story or set the mood, but when it works, it's very effective.

Some cameras have a dedicated black-and-white mode, but even if yours doesn't, you can still work in black and white. In fact, it often works better to shoot in color and convert later on. Photoshop offers a breathtaking array of techniques for converting color to black and white (or more correctly, grayscale), and these enable you to control the process with a degree of finesse that would be difficult to match in the field.


NOTICE Method 1: Desaturation

This shot was taken early one winter's morning in New York. The sky had a dramatic quality and there was a fine haze rising to meet the colder air at higher altitudes. The image works well in color, but it also has potential for a striking black-and-white impression of the city.

The most obvious way of converting color to black and white is to convert the mode to grayscale (Image > Mode > Grayscale). This is okay, but there are better alternatives.

The first is desaturation -- removing the visible color information but maintaining the RGB status of the file. This means that if you wanted to add a tint later you could do so without having to change color mode again.

Go to Image > Adjustments > Desaturate (or press Ctrl/Cmd + Shift + U).


The problem with desaturation is that it often delivers a flat, uninspiring rendition. We can improve this, however. Analyzing the photo, we need to strengthen the texture in the sky by darkening the shadows and midtones, but the buildings below need a general increase in contrast to remove the haziness. It's best to treat the sky and the buildings as separate entities. Make a feathered selection of the sky, using the natural division of the rising dark haze as a guide.

dialogs histogram

Press Ctrl/Cmd + J to copy and paste the selection to a new layer, and rename it "sky."

Add a Levels Adjustment Layer to it, making sure the two layers are combined as a clipping mask.

To bring out the sky texture, drag the Black and Gray point markers to the right as shown.

Here are the BEFORE and AFTER images, which will pop open in a new browser window.



Depending on the amount of feathering and the position of your selection, you may see a dividing line after the Levels adjustment has been made. This is easily removed by adding a layer mask to the sky layer (set to Reveal All) and painting on the mask in black until the edge disappears. Work carefully with a soft brush at a low opacity and the result should look something like this.

dialogs

Curve dialog We could use a Levels adjustment layer to add contrast to the buildings, but there is an alternative route.
Go to Layer > New Adjustment Layer > Curves to add a Curves adjustment layer to the background layer.

Applying the curve shown increases midtone contrast, at slight expense to the highlights and shadows. This diminishes the haziness in the area of the buildings.

The final image is far more striking, and much closer to what the photographer originally envisioned.

Read More......
Sabtu, 08 November 2008

More Photoshop tips

Discuss this in the Photoshop forum
Here’s the spin on a very popular effect in Photoshop that adds perceived motion light to images. You’ll begin by using one of the extremely effective Distort filters—Polar Coordinates. This filter converts a selection from its rectangular to polar coordinates, or from its polar to rectangular coordinates. To create perceived motion, you’ll use both options. You’ll also use one of Photoshop’s Stylize filters—Wind. This filter creates tiny horizontal lines that simulate wind. Upon completion, you’ll add an Inner Shadow to the object and also make adjustments to color and intensity using the Hue/Saturation command. The end result takes a colorless, flat image and turns it into a special effect.


A liquidlibrary Tip
liquidlibrary is the only royalty-free subscription resource that provides exclusive, custom-quality photography, illustration and other design elements delivered by top professionals, as well as new tips, example designs and production techniques each month.


http://www.graphics.com/sections/LL/08/oct/20/howto2_1.gif To work through this tutorial using the sample image, download motion.psd from the liquidlibrary collection and open it in Photoshop. Press D to set Default colors (black foreground, white background). Press F7 to show the Layers palette. Drag Layer 1 to the Create New Layer button to duplicate it.

http://www.graphics.com/sections/LL/08/oct/20/howto2_2.gif Choose Filter > Distort > Polar Coordinates. Use the options in the resulting Polar Coordinates dialog box and click OK.

Choose Image > Rotate Canvas > 90º CW. Choose Filter > Stylize > Wind. Use the options in the resulting Wind dialog box (below, far left) and click OK. Choose Filter > Wind (Command + F).

http://www.graphics.com/sections/LL/08/oct/20/howto2_3.gif Choose Filter > Stylize > Wind. Use the options in the resulting Wind dialog box (left) and click OK. Choose Filter > Wind (Command + F).

http://www.graphics.com/sections/LL/08/oct/20/howto2_4.gif Choose Image > Rotate Canvas > 90º CCW. Choose Filter > Stylize > Wind. Use the options in the resulting Wind dialog box (below, far left) and click OK. Choose Filter > Wind (Command + F).

http://www.graphics.com/sections/LL/08/oct/20/howto2_4.gif Choose Filter > Stylize > Wind. Use the options in the resulting Wind dialog box (left) and click OK. Choose Filter > Wind (Command + F).

http://www.graphics.com/sections/LL/08/oct/20/howto2_5.gif Choose Filter > Distort > Polar Coordinates. Use the options in the resulting Polar Coordinates dialog box and click OK.

http://www.graphics.com/sections/LL/08/oct/20/howto2_6.gif Drag Layer 1 to the top of the Layers palette. Press Option (Alt) + Shift + Delete to fill the image with Black.

Click the Add Layer Style button and select Inner Shadow from the drop-down menu. In the resulting Inner Shadow dialog box, use the options shown (left) and click the Color Swatch. In the resulting Color Picker dialog box, enter C:0; M:0; Y:0; K:0, and click OK. Click OK again to exit the Layer Style dialog box.

http://www.graphics.com/sections/LL/08/oct/20/howto2_7.gif Click the Create New Fill or Adjustment Layer button and select Hue/Saturation from the drop-down menu. In the resulting Hue/Saturation dialog box, click the Colorize button, use the options shown (below, left) and click OK.

http://www.graphics.com/sections/LL/08/oct/20/howto2_8small.gif Our finished effect is shown at left (click to enlarge).

Read More......

By Ben Kessler of the Graphics.com Network


Dateline: October 23, 2008
Read more Insight articles


Despite the many, many sweet smiles on display in the portfolio of Cathy Yeulet—or Stockbroke, as she's known on Stockxpert—its overall effect is never saccharine. Cathy gives us triumphant, loving, even silly scenes in settings ranging from hospitals to nightclubs, but all the images and spaces radiate light and warmth. Similarly, her well-chosen camera subjects win us over with modest poses and unforced gestures. The secret to her success may reside in the way her models connect with the camera—and with us.



Ben Kessler: Who are you outside of Stockxpert?

Stockbroke: My name is Cathy Yeulet and I am based in Wallingford, Oxfordshire. My previous company was Bananastock, which was a successful royalty-free agency that I sold to Jupiterimages in 2006.

Do you have any formal training in photography? If so, where were you trained? If not, how did you hone your craft?

I started in this business as a picture researcher for a rights-managed agency. Doing research every day for clients and understanding what they used taught me the subjects and styles that clients like and most importantly the images they wanted but could never find.

You came from the world of traditional stock photography. What drew you to microstock?

When I launched Bananastock it was in the early days of royalty-free and the traditional world was rights-managed. I could see that over the coming years royalty-free was going to become the primary way in which clients would buy imagery. I can see many similarities between microstock now and the early days of royalty-free, and am sure that as the quality of imagery improves more and more professional users will make the switch.

Have you had to make any changes in the way you produce imagery for microstock versus traditional RF? If so, what are they? If not, why is that?

We apply the same principles to our shoots regardless of who we are producing for. Our belief is that clients will not compromise on quality, no matter where they are searching. Having earned a reputation based on creating aspirational images that are real and natural, we continue to achieve this under any conditions.

What technological tools do you use to make your images?

We shoot on Canon and Hasselblad cameras.

How long, on average, does it take you to complete an image, from conception to upload?

It depends on the nature of the shoot. If we have been on location and have several thousand captures the editing, post production and uploading process means that we can have the images to market within 4-6 weeks. However, we recently shot some material to highlight the credit crunch in our studio, which was for sale within 24 hours.

What would you say is your ratio of pictures captured to pictures uploaded?

We use about 10% of the pictures we shoot after technical and creative editing.

Your portfolio features an extremely wide range of camera subjects. How do you find your models?

A lot of people tell us that our images are very believable. We achieve this by using a mixture of friends and their families and being very careful to choose the right models when we use professionals.

The "extended family outdoors smiling" is quite believable. Are they a real family?

Not on this occasion, although we have used real families before. It's really difficult to create the ideal family, but over the years we have understood the blend of models that work well together. Occasionally, models you have selected will let you down on the morning of the shoot and to be honest I have been known to cancel a shoot if I can't get the models I want rather than compromise.



"Young man skiing" is an impressive example of microstock action photography. How was this image captured?

Shooting in snow is such a difficult environment with the glare from the snow, the bright sunshine and getting your equipment to the location—very often you have a tiny opportunity to get the right shot. It's really down to planning to give yourself the best chance to get that one classic image. On this occasion we also used locals as models, so they really knew the lie of the land and recommended some great places to shoot.



It can be hard to make food come across as appetizing on camera, but you pull it off marvelously. Do you have any techniques for shooting food that you can share?

We can't give away all our secrets because, as with many things, there really is a very thin line between a food shot that works and one that doesn't. If I had to sum it up, it's between ensuring that all the ingredients are freshly prepared, composition is well thought out and the lighting is just right. We were able to use a professional chef to prepare the food, and it's fair to say that everyone was eating very well when we were doing these shots and were disappointed when we finished this project.



Your hospital shots convey a reassuring atmosphere, which isn't easy to do in that environment. How did you create this mood?

It's very difficult to create hospital shots that are both realistic and reassuring. Of course, it's vital to get the right location and models and do your research to make sure that all the medical equipment is being used properly! We try to view the shoot sympathetically through the eyes of the patient and always remember that these images need to focus on the positives.



"Family walking through poppy field" is an idyllic scene. Where was this shot?

This was shot locally to our office in Oxfordshire on a rare UK day when it wasn't raining.



"Nightclub" photos in your portfolio feature realistic lighting. How was this effect achieved?

It's always tough to recreate a realistic nightclub scene. The lighting needs to be pretty carefully controlled, but often the real key to a great nightclub shoot is making the sure that the models look like they are genuinely enjoying themselves—even if it's mid-morning outside.



Do you have any advice for people starting out in the microstock industry?

Pick your subjects and develop your own style. You've mentioned several times that our images look natural and believable and it's something we try to bring out in all our shoots.

Read More......

Adapted from Practical HDRI: High Dynamic Range Imaging for Photographers (Rocky Nook)

By Jack Howard

Dateline: October 24, 2008
Read more Insight articles

The beauty of SLR photography is the ability to swap optics as often as you like for many different photographic feelings and situations. Certain lens types truly lend themselves to High Dynamic Range Imaging. Here are some breed-specific tips for making the most of your glass for High Dynamic Range Imaging.
Rectilinear Wide-Angle Lenses

Rectilinear wide-angle lenses are very popular for landscape and cityscape photography, and the same holds true in High Dynamic Range Imaging. The expansive field of view combined with the virtually unlimited depth of field when stopped down at hyperfocal distance can make sweeping vistas that envelop the viewer. Think about lines such as a country roadway, a meandering river, or the strong architectural details of a skyscraper, which can be employed to really pull the viewer into the details of the image.

The apparent magnification and close focusing can spotlight a particular foreground element in its environmental context, from wide to medium apertures. Whether it’s a desert plant on a rolling hill or a chef in his kitchen, an off-center foreground-intensive composition can have big impact.

Ultra wide-angle lenses can capture expansive views, and can keep a lot in focus from near to far, even at medium apertures. This source image was shot at f/5.6.


Rectilinear wide-angle lenses keep straight lines straight (or near-straight), but the expansive angle of view gives the keystone/vanishing point effect to lines that are not parallel to the sensor plane. This is particularly effected and effective as a compositional element with manmade, right-angled constructions. Make sure that one of the axes is plumb with the sensor plane—for example, when shooting up at a skyscraper, make sure the horizontal lines of the ascending stories are parallel with the top and bottom of the frame. When shooting a long structure, such as a train on a straightaway, make sure that the vertical lines of the train are parallel with the sides of the frame.

Stopping down to f/8 softens the rolling dunes behind this desert plant, but close focusing allows for the plant to be the main focus.

Two Flavors of Fisheyes

Fisheye lenses let the idea of rectilinear correction go out the window, warping straight lines into bowed curves, with the effect becoming most extreme the farther you get from the center of the image. Full-frame fisheyes matched to a particular sensor size will take in up to 180 degrees along the wide axis. Circular fisheyes capture a round image in the center of the frame that usually covers 180 degrees. Some photographers enjoy the warped perspective of these extreme images as-is; but there’s a whole subculture of photographers remapping fisheye images into rectilinear projections and computer video virtual reality (VR) environments. VR remapping, even when combined with HDRI is a little outside the scope of this book, but HDRI plus VR mapping can offer a richness of detail and luminance experience lacking in single-shot VR movies.

When you cannot eradicate keystoning, use it as an element to imply distance and scale. And be sure to keep one of the axes parallel with the edges of the frame! (And there’s a very real chance you may run into Seetharaman Narayanan on the 16th floor when he’s in town!)


Both fisheye flavors can usually close-focus to within a couple of inches (if not closer) and have very deep depth of field even at wider apertures—meaning almost everything from near to far in the immense angle of view can be acceptably sharp when focused properly. Use your camera’s depth of field preview (or simply take a test shot) to determine depth of field range. Be aware of the extreme “dog nose” effect with fisheyes, which can be used creatively to amplify the importance of objects very near the lens, but which can also be very unflattering to human subjects.

This 10 mm full-frame fisheye image shows the bowing effects of a fisheye lens, along with warped keystoning. Notice how prominent the Fish and Chips sign is in the foreground, due to my proximity to the sign during capture.

Swinging, Bending Optics

Big, Expensive, Perspective-Fixing Lenses
There are only a handful of these perspective-controlling optics available for DSLRs, and they are universally expensive. These bulky lenses usually communicate with the camera to set aperture and support in-camera metering, but they are shifted and focused manually. The primary purpose of this breed of specialized lens is to allow for focal plane shifts off parallel from the sensor plane to correct for keystoning and other quirks of optical physics that manifest in captured images when it is not possible to take the picture from a location that would present a more truly utilitarian, representational rendition of the scene.

Keystoning: Keystoning is a type of distortion that results when the film or sensor plane is not parallel to the subject's vertical surface (such as a tall building) when the exposure is made. The parallel vertical lines on this surface will no longer appear parallel but will appear to converge towards the top of the image. The resulting shape (a horizontal trapezoid) resembles the keystone at the top of an arch. This effect may be desired or it may be corrected with specialized cameras or lenses or during post-processing.

Employing a 24 mm tilt/shift lens, I was able to correct for keystoning in the steeple of the same church as seen in the fisheye image. Notice how much less prominent the Fish and Chips sign is, because I had to move my shooting position back several yards to take in the whole church with the longer, non-fisheye lens.


In plain English: tilt/shift lenses not only keep straight lines straight, but can be employed to keep right angles at or near right angles when photographing architecture under many conditions where keystoning will occur with a lens that cannot shift the focal plane.

Architectural shots are usually captured at small apertures, so that there is sufficient depth of field to keep the entire structure in focus; however, opening a tilt/shift wide while skewing the focal plane gives a zone of sharp focus that can wander across the image, from near to far. This can give an interesting perspective to rooftop photography, for example. And in the studio, this non-parallel focal plane can be exploited to pull the viewer’s eye right to the most important details of a product.

In this aerial view of Paris, a tilt/shift lens was used to both level the horizon and add a meandering focal plane across the middle ground.

A More Economical and Super-Fun Way to Mess Around with Focal Plane Shift and Curved Field Lenses

Lensbabies are fun little lenses that can be pushed, pulled, bent, swung, and shifted around a curved-field “sweet spot”. The introduction of the locking Lensbaby 3G opened up a whole new world of Lensbaby imaging including HDRI. Lensbabies feature magnetic aperture disks that sit in front of the lens element, and in addition to the normal circles, Lensbabies offers pre-cut shapes such as stars and hearts (as well as blanks for your own custom shapes) that will turn specular highlights off the focal plane into those cool creative aperture shapes. These “toy” lenses are starting to have a major impact in the world of photography and cinematography, and can make some interesting HDR compositions. Add the fact that a Lensbaby 3G will only cost a couple of hundred bucks, instead of thousands for a brand-name tilt/shift lens, and it’s a way to bend your focus without breaking the bank.

The Lensbaby 3G has a curved “sweet spot” and a locking mechanism, allowing for creative blur effects.

Macros: Make the Little World as Big as All Get-Out!

If budget allows, invest in a prime macro with 1:1 magnification and a fast maximum aperture. If not, many zoom lenses offer a “macro” setting which will close focus and give decent magnification, maybe up to 1:2; but if the macro bug really bites you, you’ll want to upgrade to a prime 1:1 as soon as possible!

Magnification of 1:1 means that an object that is 1 cm wide will be recorded as 1 centimeter wide on the camera sensor—when the camera is focused at its 1:1 focal distance. Changing the focal distance of a macro lens also changes the magnification of the lens. So, to keep your magnification constant at 1:1 (or any magnification), either the camera or the subject is moved until focus is achieved.

Bracketing several exposures of this tabletop composition of jewelry shows deep sparkle in the gems and very few hotspots on the shiny surfaces.


Magnification of 1:2 means that a 1 cm wide object will be recorded as 1/2 cm on the sensor. Magnification of 1:3 will record a 1 cm object as 333 mm. And, magnification of 5:1 will record that 1-cm object across 5 cms of the sensor. Even stopped down, depth of field is extremely shallow in macro photography, and the slightest camera movements will be amplified. If you’re thinking of combining HDRI and macro, a steady tripod is a must!

High Dynamic Range Imaging techniques can be very useful for macro photography when specialized macro ringlights or dual-head strobes aren’t feasible, practical, or within the budget. But when it comes to small, shiny objects, you’re actually sometimes better off using a longer telephoto lens zoomed in as close as you can. Yes, you sacrifice some absolute magnification, but the reflections of the tripod and camera aren’t nearly as prominent when the object is farther from the camera.
Normal and Telephoto Lenses—Both Zooms and Primes

Midrange lenses and long lenses, both primes and zooms, can be used in the field for portraits, wildlife, details of flowers, or to gain more reach to capture distant buildings or landscape elements. At wide apertures, medium zooms and telephoto zooms offer shallow depth of field and wonderful background separation, which can really make a subject pop from the background. Conversely, longer telephoto lenses appear to compress distances when stopped down to smaller apertures. Longer lenses amplify camera movements, so a sturdy tripod is very much advised for any HDRI attempts with telephoto glass.

Read More......

Adapted from Digital Infrared Photography (Rocky Nook)

By Cyrill Harnischmacher

Dateline: October 28, 2008
Read more Insight articles



To a large degree, infrared photography equates to landscape photography. This is where we find some of the most amazing things to see in infrared light. While the principles of conventional photography fully apply, we may of course, from time to time, forget about the rules and go wild with creative freedom. But the qualities of classic photography—composition, abstraction, and focusing on the essential—have the same importance in infrared light. However, there are a few special considerations: For one, we must consider the Wood Effect and pay close attention to contrasts that are likely to result from it. As an example, let’s think about colorful flowers on a green, grassy meadow, which would look great as a color photograph. Using appropriate filters, this could also make an interesting black and white picture. But in infrared, the same meadow will yield only a bland area with little structure, because the colorful flowers and the grass reflect infrared light in quite similar ways. But, what if we choose a different perspective and shoot the flowers from below and against the clear sky? In infrared light the flowers will contrast well against a dark background. This example demonstrates the importance of the camera position. The best course of action is to contemplate several perspectives before taking a shot. One reason is that we just might find a better angle, but another benefit is that this kind of thinking ahead makes us more aware of why we chose a particular perspective in the first place.


In this shot, the rainbow colors of the kite disappear and the kite is reduced to a graphic symbol. This kind of shot is only possible with modified cameras capable of high shutter speeds. With longer exposures, even the smallest movements of the kite would cause motion blur.


Another aspect of infrared photography is the tendency toward motion blurring, which is a result of the longer exposure times in infrared. Then again, this problem can be turned into a creative tool. A blurred swish can depict the movement of objects in a still picture by pointing out the contrast between moving and stable elements. In this way, the flow of water in a creek or trees moving in the wind in front of a building can suggest motion while at the same time accentuating the static part of the picture. Since modified cameras will use fast shutter speeds even in infrared light, a gray filter on the front lens would have to be used when playing with these motion shots.

The motion blur caused by long exposure times in windy conditions can produce patterns similar to brush-strokes in modern paintings.

The Moonlight Effect

Shooting the clear sky with the sun behind our backs will produce an almost black sky. With low exposure, this can create the impression of a night shot, and something we call the “moonlight effect”. This effect can be amplified by choosing the appropriate subjects. Because too much sunlit foliage does not work well with these kinds of pictures, the winter months can provide the perfect occasion for this type of photography, contrary to the myth that winter is not “infrared season”. It is a good idea to experiment with several varying shutter speeds.

Even though this picture was taken in bright sunshine, the moonlight effect makes it appear to be a night shot.

The Soft Focus Effect

The Kodak HIE 2481 is a popular film in analog infrared (IR) photography. It lacks a protective layer and delivers wonderfully smooth light overwash. With digital capture, we can approximate the effect of this film (at least partially) either while taking the shot, or through later processing. The simplest method at the time of shooting is the use of a suitable soft filter attached to the front lens.

Another interesting possibility to achieve a softening effect is the double exposure. This technique exposes the image twice: the first time in normal focus, to be followed by another shot with the lens set to be more or less out of focus. Not all cameras allow double exposures. But as long as the focus can be set manually, we have another option. First, we place the camera on a stable tripod and focus normally. After setting a small aperture to correspond with several seconds of exposure time, it would be a good idea to take several test shots to make sure the settings are correct. After making sure we are good to go, we can release the shutter. Now here comes the trick: at the midpoint during the exposure, we “defocus” the lens by carefully turning the manual focus ring. Of course, this will cause some camera shake, but this is quite irrelevant because the picture resulting from this technique will be blurred anyway. The softening effect can be adjusted by defocusing earlier or later during the shot, which leaves the picture at varying degrees of base focus. In addition, the level of defocusing also plays a role. By noting all the settings together with the shot number we can reproduce the same effect on future occasions.

A deliberate defocusing during the exposure draws a shining aura around the bright parts of the picture.


Whatever we do, special effects should never cause us to forget about classic photographic techniques. We should think about unusual perspectives and make them an integral element of our composition. The viewer can be guided into the picture by making use of existing lines, which can direct the viewer’s eyes to the most important details. We should also think about how to integrate the foreground into our compositions. Let’s not shoot only from eye level. Instead, we should look for camera positions and angles that not only show the subject in the best way, but also eliminate unwanted details. We should not only incorporate contrasts between bright and dark, but also between emotional tensions and opposing shapes. We can try both the vertical and horizontal formats and experiment with various focal lengths to find the combination that gives our subject the best depth and appearance.

Try as we may, there will always be an element of uncertainty and surprise. After all, with infrared we are photographing something “invisible”. Of course this is exactly what makes infrared photography so fascinating and exciting.

Shot through a short telephoto lens, from an elevated location across the street, this shot includes all the important elements, but looks rather bland.


This shot, looking up from the tower's base, was taken with a wide-angle lens. The vertical format works much better; the shorter focal length and the different perspective lend a much more dynamic quality to this image.


This picture shows not only tension between opposing forces, it also tells a story.


The Neckar River in Germany. Even in infrared light, reflections make an interesting and rewarding picture. In this case, the viewer’s eye is drawn into the shot by a nearly symmetrical arrangement and the central perspective. Nikon D70S, 24 mm, aperture 8, 3 sec., ISO 200, Heliopan RG780.

Read More......

Enhance visual impact with these tips and tricks for getting more out of imagery in electronic environments.
by Rita Amladi
August/September 2005

Most of us have spent our careers focused on design and production for print. But we’ve reached a point where we’re routinely asked to create or share artwork in other media that we might not be completely familiar with. You may be asked to send design comps to a client by e-mail, or to “throw the images on a CD,” create a quick slide show or PDF document that can be viewed by clients on any platform. Or maybe you’d like to create an online portfolio of your best pieces to be e-mailed or posted to a website for potential clients or employers.

In each of these cases, you’ll have to process your artwork in different ways than you would for prepress. In this article, I’ll share some ideas on how to prepare and present your visuals in electronic form.

Familiar … but different
When prepping files for digital media, you’ll be performing some familiar production tasks such as cropping and resizing, contrast and color correction, sharpening, and choosing a file format—although the kind of correction and sharpening you’ll do here is different from processing images for print.

You can perform these functions in any image-editing program such as Adobe Photoshop, Adobe Photoshop Elements, etc. I’ll be showing these techniques using Adobe Photoshop CS2.

File size trade-offs
First, a few notes on file sizes: Digital media offer an unexpected bonus. When the viewing is to be done online, final file sizes are miniscule compared to what’s required for high-quality printing. This is to match the resolution of monitors, which tend to be around 72 dpi, and to ensure that artwork can be speedily e-mailed and uploaded/downloaded from websites. Happily, this also translates to smaller archived projects.

On the flip side, you’ll need to master the art of balancing image quality with file size. Improved quality inevitably means a larger file size, which can be a no-no. Unfortunately, there are no simple rules for determining optimal file size. Optimal size depends on the purpose, resolution, and dimension of the final piece. For example, a comp for a DVD menu might feature a full-screen image at 72 dpi, with only a few selected colors. In another case, a rich-color photograph shot on location and e-mailed to a client might need to be proofed on a color printer, requiring a larger file size. Each situation has unique requirements based on factors like the transfer medium, appearance of colors, final resolution, storage, etc.

Work on a duplicate
It’s very important that you edit a copy of your original artwork, which may have been created for a different purpose. You can either duplicate the file on the hard drive, or choose Duplicate from the Image Menu in Photoshop and save it with another name.

Crop and resize
The goal for resizing an image is to end up with the “ideal” file size—that is, the smallest possible file size on disk and the best image quality at an appropriate viewing size. Unless your resulting image will need to be printed as well (or you’re aiming to stay inside of a standard printable size such as 8x10 in.), you should be thinking in terms of pixels. (Standard units such as inches, cms and points aren’t relevant to this medium, which uses pixels as building blocks).
Prepping Images for On-screen Viewing (cont'd)



Before resizing your image, try to anticipate how it will be viewed. If you plan to e-mail the image, it should fit into a standard browser window. In this case, make the image no wider than 600 pixels (the height does not matter here), and set the image resolution at 72 ppi, since this is the most resolution a computer monitor will display. But if your client will need to print the art to, say, a desktop color printer, set the resolution to roughly 150 ppi.

Crop your image to keep the best parts, rotate creatively, straighten crooked lines, or simply set the final size. The Crop tool in Photoshop will do all of these tasks very effectively.

Alternatively, you can crop the image and then use the Image Size dialog (Image>Image Size) to specify the final dimensions and resolution. Use the Bicubic Sharper option (available in Adobe Photoshop CS and higher) to keep the image looking sharp despite the (sometimes drastically) reduced size. Tip: Save yourself some time by creating an Action to replay these settings on every image that will be saved for this medium.

Size and slice
If you are prepping a high-resolution file for uploading online, learn how to slice an image. Slicing is a way to make a large image load as many smaller ones, making it appear to load faster. You can also use the slicing feature in these programs to optimize some parts of the artwork differently from the rest. For example, a part of an image that contains photographic imagery might compress better as JPEG slices, while a text-heavy part of the image can be optimized as GIF slices. A slice can also contain hotspots and links.

Select a color standard
Images that are to be viewed on screen still need to be edited for contrast and color flaws. The first order of business is to set up some basic parameters for the display of colors in the image. This is because there isn’t any “standard viewing environment” on the web, nor will e-mail applications and browsers color-manage your artwork to your satisfaction. A common approach is to convert the colors in the artwork into a smaller color space that will display colors in a somewhat muted, albeit consistent fashion to all viewers.

Choose Convert to Profile from the Edit menu in Photoshop CS2 (in previous versions, choose it from the Image>Mode menu), and choose the sRGB IEC61966-2.1 profile as the destination color space. This color model represents all the colors available on any standard monitor, which makes it a suitable “one-size-fits-all” choice for this purpose.

Correct tone and color
This is where you can let your artistic talents shine. Unlike in correcting print images, you need not set up highlight/shadow endpoints, as these images will not interact with ink and paper. You can use your favorite tools to create pleasing exposure and color balance in your images.

One of my favorite techniques for creating professional-looking art under a deadline is to use the automatic color correction options available in the Levels/Curves dialog in Photoshop. Click the Options button in either of these dialogs and experiment with each of the three settings in the dialog. I’ve found that most images are enhanced by using one of the last two items (Enhance per Channel Contrast or Find Dark & Light Colors), especially when combined with the Snap Neutral Midtones setting.

Photoshop CS2 gives us a nifty feature called Exposure, which lets you make minute changes to the exposure and mid-tone scale of an image. Choose Exposure from the Image>Adjustments menu.

Sharpen
Whenever you reduce the size of an image, you’ll need to add some sharpening to enhance the details in the image. In Photoshop CS2, you can use the new Smart Sharpen Filter to add prodigious amounts of sharpening to your images, while minimizing sharpening artifacts and halos. As in earlier versions of Photoshop, you can use the Unsharp Mask filter to enhance contrast along the color transitions in the image. Tip: Apply sharpening to a duplicate layer for greater flexibility, and view the main subject at a 100 percent zoom to verify that it is not over-sharpened.
Prepping Images for On-screen Viewing (cont'd)

Choose a file format
As a rule, JPEG is the best format for photographic images, whether intended for e-mail, websites, or PDF documents. The GIF format handles solid color art, vector illustrations, and type-heavy artwork better than JPEG. I like to use the Save for Web dialog in the File Menu for saving files. This dialog lets you to choose a file format by previewing and comparing the effect using large thumbnails. You can also make some quick decisions by checking image download times on a standard dial-up modem.


PDF is rapidly becoming the format of choice for sending comps and proofs via e-mail. The format allows you to present your artwork in a variety of professional ways while creating a file that can download speedily. The viewer will need to use Acrobat Reader, available free on Adobe’s website. Designers and photographers can present layouts and comps with sharp-looking type, single or multi-page documents, even slide shows with transitions. In other words, you can make your art as fancy as you want.

With PDF you can also create documents with some security measures such as password protection and built-in print permissions. This is a good way to safeguard your artwork from being copied or printed.

If you follow this general workflow, you’ll produce good-looking and professional images for on-screen viewing. You’ll win your client’s gratitude for creating art that travels well as e-mail attachments, and is ready to post to a website with minimal download times on your client’s web browser.



Type on the web
Specify appropriate, legible typefaces. Sans serif for body type and sans or slab serifs for display type work best. For more on selecting type for the internet environment, see Allan Haley’s article “Type Rules for Web”.
When choosing a type color, check the Only Web Colors checkbox in the color picker. This will keep the type from dithering or shifting in a browser on an 8-bit display.
Use anti-aliasing on display type, which will minimize the jaggies on low-resolution displays. Don’t use anti-aliasing on type that’s smaller than 10 pt. Also don’t use anti-aliased type on patterned or transparent/fuzzy backgrounds, which make the type hard to read.
If your artwork is text-heavy, optimize using the GIF format with enough colors to represent anti-aliased edges smoothly.
If you’re creating a mockup of a web page, set the HTML text to be aliased so the viewer has a good idea of what the page will look like if a visitor’s browser does not show font smoothing.


Showing (off) your art on screen
It’s important to display your images professionally, whether you’re e-mailing one image or a set of comps. Experiment with these techniques to wow viewers as they download your art.

Instead of sending artwork as a plain e-mail attachment, take time to prep it first. Create a colored canvas or background that make the colors in the image ‘pop’ while keeping the viewer’s attention focused on the art. Many photographers like to set their images against a black background for this purpose.
Frame your artwork to give instant “distinction.” Add a simple black keyline, use rules or white space to border artwork and create a “poster” appearance. Use creative edge effects to make art stand out.
Create a PDF slide show from Photoshop or Adobe Bridge CS2. This sets up in a snap and can provide pizzaz to your presentation.
Quickly create a customized online portfolio using the Web Photo Gallery feature in Adobe Bridge or Photoshop. Photoshop CS2 provides many well-designed Web Photo Gallery templates that you can use to create attractive portfolios (also useful for collaborating with clients online). Two new Flash-based templates can make dramatic presentations, and you can gild the lily by adding a background audio track for your client’s listening pleasure. Just rename any mp3 file to “useraudio.mp3” and drop it into the template folder. Avoid audio, however, if you’re creating a permanent professional portfolio–see “www.MeMeMe.com” for the reasons why.

Read More......
Jumat, 07 November 2008

7 Winning Tips

Triumphant design: We examine several common elements among award-winning projects—past and present—to see what it takes to bring home the prize in design competitions. 
by Sheree Clark
July 2008
When John Sayles and I started Sayles Graphic Design in 1985, our firm had a decidedly narrow focus: Our clients, suppliers and reputation were all local. Gradually, we decided that if our influence was to grow, we had to turn our attention outward. John and I wanted the firm to have a wider presence geographically, and we sought to attract larger and more exalted clients. We decided one way to raise our profile was to seek recognition from juried awards shows. Our strategy was simple: Determine in advance how much we could afford to spend on entry fees for each competition, and then submit the projects we thought had the best chance of winning. We were fortunate to have quite a bit of success early on, and within two years of starting our business, we had work selected for the Communication Arts annual.

Both John and I have subsequently served on juries for a number of shows during the time we’ve been in the business. I have been privileged to judge STEP inside design, How, Graphic Design: USA and nearly two dozen American Advertising Federation shows. John has juried many of these same competitions (in different years), as well as Communication Arts and many AIGA chapter exhibitions. Even with experiencing this other side of the awards-show fence, for us, deciding what projects to submit for consideration still feels like a crapshoot. The fact is, we are still sometimes surprised at what gets into an exhibition and what the various judging panels do not acknowledge. Yet, in looking back over nearly two and a half decades, there seem to be some commonalities among the pieces and campaigns that have won the greatest number of honors and accolades.

Sayles Graphic Design
After two and a half decades of entering—and winning—juried competitions, John Sayles admits, “I still am amazed at what does and doesn’t get picked sometimes. Just when I think I have the formula figured out, it seems like all the rules change.” Nonetheless, Sayles has amassed his share of wins—he estimates he has received over 1000 awards since his first submission in 1986. Shown here are a few of his more decorated projects from over the years.

Villanova University “Rush Hour”
This two-color project for the fraternities at Villanova University in Pennsylvania was among Sayles’ first projects to receive national acclaim. “Rush Hour” appeared in the Communication Arts Design Annual in 1988. “It was done before we had computers at the studio; I had to hand-cut every one of those little checks out of Amberlith. I bet the judges picked it just to acknowledge the hand skills it took to execute,” says Sayles.

INNOVATIVE PRODUCTION
Truly new production techniques will often be rewarded in a design competition. For example, during the 1980s—when industrial paper was first being used for everyday design projects—it was not uncommon to see awards given to brochures fashioned from chipboard, corrugated cardboard and Kraft paper. An unusual technique or substrate has a certain shock value, and thus can catch a judge’s eyes among the thousands of entries in a large design show. Judges like to reward well-executed risk, and breakthrough production techniques certainly fall into this category.

Unique binding methods are another example of how production and design can join together to get work vaulted into the winners’ circle. Many types of nontraditional bindings with virtually unlimited variations exist. Most important, the production technique—in addition to being new and original—has to actually work. A dimensional binding process that looks great, but doesn’t hold a book or brochure closed properly, will not be taking home any prizes.

THREE-DIMENSIONAL WORK
Many of our most celebrated projects have been 3D in nature. Perhaps the judges recognized the added “degree of difficulty” of designing in 3D and rewarded the work accordingly. Simply put: More things can go wrong with 3D design—whether the project is a box, package, pop-up or other item. Once again, the quality of production will be taken into account: Packages that close properly, graphics that match up exactly, dies that were made with precision are all important considerations in a 3D submission.


Schaffer’s Bridal Shop
Such a simple concept: black and white for a wedding shop. This campaign was recognized by inclusion in a host of prestigious design shows in the 1990s. It even resulted in a subsequent commission when Sayles was invited by Saks Fifth Avenue to design a series of packages after Saks executives saw it in an annual.

TACTILE PIECES
In many awards shows, judges initially scan work rather quickly, in order to get an overall sense for the particular category they are judging; then they’ll go back and evaluate individual pieces. Any piece that actually gets picked up and handled has a better chance for inclusion in a show, simply because a connection or relationship is established when the work is touched. The tactile allure can come from the use of an unusual substrate, a tipped-on item or some other technique that begs to be examined more thoroughly.

UNUSUAL SCALE
Whether oversized or miniature, the scale of a piece can affect its impact on the viewer. In certain categories—brochures for example—a virtual sea of 8½ x 11-in. work can become tedious. A welldesigned, odd-sized piece stands a good chance of a favorable review because it provides a visual relief. This is not to suggest that we should be designing off-size brochures in order to garner more awards, but it does stand to reason the features that attract the attention of a design show judge may also be the same ones that catch the eyes of our clients and their customers. Sometimes it just makes sense to break with convention.

COMPLETE IDEAS
It should go without saying that copy and design are partners and should complement each other, but the fact is in many projects one overshadows the other. In a best-case scenario, the verbal and visual messages reinforce each other and do not compete for attention. While there usually is not time during the judging of a show to read large amounts of copy, there is time to determine whether the writer and the designer were on the same page.

CATEGORY-BUSTERS
Sometimes work that might not be recognized garners a spot in an exhibition, simply because it was entered into the right category. An entry may easily fit into three or more categories simultaneously—for example, a poster can also be a self-promotion as well as an invitation—so a little time spent thinking about where the project might have the best chance of recognition is certainly time well spent.

POIGNANT APPROPRIATENESS
We’ve all seen the logo that eloquently “says”—without words—what a company does, or the ohso- perfect choice of color and visuals to convey a certain message with precision. When you create one of those perfectly balanced medium/message projects, submit it to your competition of choice. If it’s that good, the judges will probably see it too!


Iowa Nebraska Power Farming Show
“The funny thing about this poster is that for all the awards it has received, the client hated it,” says Sayles. “It was developed to promote a farm-implement trade show in 1991, and after it was printed, the board said it looked too ‘Soviet.’ And the 1000 posters we produced were never distributed. Four years later it was one of eight Sayles Graphic Design projects picked for the permanent collection of the Cooper-Hewitt National Design Museum.”


Art in the Park
“I did a lot of work on industrial paper stocks in the late 1980s and into the ’90s, and this poster—which was screen-printed on a feed bag—was well received in awards shows in 1994 and ’95. Again, I think it’s because it was unexpected. It’s startling to see a promotion for an art show on a rustic medium. Taking things out of context is a way of getting noticed, in shows and in the marketplace,” advises Sayles.

SIDEBARS:

Design Books: A Different Selection Process
In addition to submitting work to juried exhibitions, many designers have found success having their work represented in trade reference books. Scores of design books are printed each year, and most do not charge a fee for submission. Typically these publications have a “jury of one”—the author—who decides which pieces will be included in the finished volume. The criteria for selection and inclusion are different for published works than for awards shows. Books are developed to generate sales; they must be attractive, compelling and should appear to be packed with worthwhile ideas and inspiration. Thus work submitted to an author is generally evaluated by measures other than those used by design show judges. An author will typically want to know:

Has it already been seen? Designers and others buy books in order to get new ideas. If an author—or the publisher—receives a project that has been featured in print too many times, it will likely not be included in a new title. Likewise, if a project is obviously old or dated it could be eliminated from consideration.

Will it look good? Many book authors accept—and some actually prefer—photographs of projects rather than samples of work for consideration. In such a case, a well-shot piece stands a far greater chance of inclusion in a book than one represented by an inferior photograph.

Will the designer cooperate with me? An author usually needs a few things beyond the image or sample, and this often requires some back and forth with the designer. A signed release form and credit information are typically necessary, and often an author will also need background information about the project. Designers who are not responsive to requests for missing information will not have their work included in books.

Is the firm or designer overplayed? In an effort to appeal to as wide an audience as possible, publishers will often insist that an author strike a balance with regard to the style, geographic representation and experience level of the firms and work involved in the book. Again, this is to help ensure sales.

Dynamic Graphics contacted other designers who have judged a variety of awards shows. We asked them to send us an example of their work that has received accolades—regardless of when it was produced—and to give us their thoughts about why these pieces were so well received by their peers. Christopher Simmons and Sean Adams had standout examples and insights to share:


Christopher Simmons, MINE: Paradox Logo
Christopher Simmons of MINE in San Francisco knows a thing or two about logo design. Simmons is the author of Logo Lab (How Design Books), a book featuring 18 case studies that demonstrate identity design from concept to completion. Simmons says, “By far, the project for which we have received the most recognition is the Paradox logo. It has received awards from AIGA, Graphis, STEP inside design, How and others. It has been featured in 10 or more books, the San Francisco Chronicle, a handful of magazines and countless blogs. When Bill Cahan saw it, he told me I should retire—he said that there was no way I could ever top it.

“I think the reason this particular project has captured so many people’s imaginations has little to do with its design. The chicken and egg is the simplest, most universal metaphor for a paradox. So it takes a really complex idea and makes it incredibly accessible. When you’re judging hundreds or thousands of pieces, first impressions count for a lot. The quicker you can understand something, the more likely you are to judge it favorably.

“Judging competitions sounds glamorous, but it’s actually pretty tiring and often fairly boring. If you can make a judge laugh or delight them with something clever or different it can be a welcome break in a long day or weekend.”

Simmons recollects, “I was judging a competition not too long ago with two other well-known designers. We each had colored Post-its that we used to flag the work we thought merited recognition. We all went around separately so we wouldn’t know what the other judges had flagged. At the end of the day I was talking to one of the other judges, and he was fiddling with a couple of little pieces of colored paper. ‘What’s that?’ I asked. ‘These are my leftover Post-its,’ he answered. He was down to about a half dozen from his initial stack. I had about 75 percent of mine left. We went and got the third judge who showed us about half a stack. Where I was stingy with my praise, the others were more liberal. You could say that I was more critical, but I think that they were just more open to looking for opportunities to celebrate work, whereas I treated it much more competitively. Both approaches are valid, but it goes to show that you never know how your work is going to be judged.”


Sean Adams, AdamsMorioka: UCLA Summer Sessions
Sean Adams of AdamsMorioka in Los Angeles sent us two projects that were designed several years apart but for the same client: UCLA. The projects have been included in a variety of exhibitions, including AIGA 365, STEP 100, The Mohawk Show, RGD (Canada) Awards and the New York Art Directors Club.

Adams reflects, “The posters/catalog covers for UCLA Extension are part of the Masters of Graphic Design Series. These projects have consistently been included in awards competitions. I can’t read the minds of the judges, so I’m not exactly sure why they have such strong appeal. If I had to guess, the imagery is clear and direct; the iconography is easy to understand. The typography is simple, and the colors are pure. But then again, who knows? Maybe they’re simply so bright that they can’t be ignored. Recently, we were called by a high-powered entertainment client who was creating a new company. He was talking to three noted firms. We walked into his office in the heart of Beverly Hills, and the UCLA Summer Sessions poster was right there, framed on his wall. He didn’t know we had designed it until we told him. We got the job,” says Adams.

“Competitions are not the final word in excellence. There are many factors in a competition: the jury, your overall reputation and the scope of other work submitted. I was once told that a juror walked through a competition specifi cally pulling out anything he knew we had done. When asked why by another judge, he said, ‘Because I hate them.’ Go figure.

“I do think there are a few universal truths. First, no bad typography. No wacky, trendy typefaces or badly drawn, bold serif fonts. Stay with the classics. Unless the piece is extreme in its adventurous experimentation with typography, keep the type simple. Second, complex and intricate ideas are difficult to judge quickly. Not fair, I know, but when faced with 3000 pieces to evaluate in two days, it’s a sad fact. And finally, if it takes more than 15 seconds to understand how to open something, it simply won’t get opened. So stay away from origami-styled complex folds and envelopes,” Adams offers.

Read More......

" "Curiosity about life in all of its aspects, I think,
is still the secret of great creative people."


Optimizing Website Graphics and Photographs

How long do you wait for a website to load before clicking away and trying another URL? Most people won’t wait longer than an average of 8 seconds with a 56K modem. Although many things can effect the load time of a website, improper and overuse of graphics and images is one of the more frequent problems.

Optimizing website graphics involves discovering the balance between image quality and image size. To optimize your website images follow these three steps.
Resize the image
Reduce the colors used in the image
Save the image in a compressed file format

Step 1 – Resize the Image
Use an image-editing program to resize your photograph or graphic to the exact size that you will need for your website. For example, if you have a photograph that is 7” wide by 5” high or 504 x 360 pixels, but want it to appear on your website at 150 x 107 pixels do not place the larger image on your website and resize it using your web building software. The image will still load (slowly) at the full pixel size and force the browser to resize it to 150 x 107 after the image has loaded.
Always include the height and width attributes. This will tell the browser what size the image is going to be and allow for a quicker page load.

Step 2 - Reduce the colors used in the image
Eliminating unnecessary colors is another way to reduce your image size. A graphic saved with 2 colors is logically going to be smaller than one saved using 256 colors. Utilize your image editing software to experiment with different options to locate the optimal balance in image quality and size.

When the number of colors used in an image are dramatically reduced it will result in color banding. The gradations in areas where colors have been eliminated are filled in with solid bands of color.
Dithering can help reduce the color banding. Although dithering will increase your file size slightly, it can help the image quality by combining existing colors to replace eliminated colors in the banded areas. This actually tricks the eye by giving the appearance of more colors in your image.

Step 3 - Save the image in a compressed file format
Lets start with understanding the correct types of image files to use on your website. The two common file types that you will find on a website are Gif and JPEG.
GIF (Graphics Interchange Format) pronounced Jif.

GIF files are loss-less compressed image files. This means that when the image file is compressed data is not lost, however the file is limited to 256 colors or less. This format optimizes images with large continuous areas of color. Since you will loose some color fidelity with a GIF image, use them for simple line drawings, shapes, small icons or other non-complex graphics.

When optimizing an image as a GIF you will need to determine how much image quality you are willing to sacrifice to obtain a smaller file size.

GIF files also allow you the option of setting transparent backgrounds. This is necessary if your image is being placed on a patterned or gradient background. Otherwise you will end up with a solid block of color surrounding your image. This does not look attractive or professional.

Use the interlaced option for larger GIF images. This will cause a blurry image to appear first which will then load to the final image. Although the load time will not decrease this does give the impression of a faster loading page, as the image appears gradually.

JPEG (Joint Photographic Experts Group) pronounced Jay-Peg.

JPEG images use a lossy compression technique. Every time you save an image as a JPEG it will loose some data. To avoid this, be sure to save your original image in a lossless format (such as PNG) for editing purposes.

A JPEG image is saved in a 24-bit format, which allows for millions of colors. This is why JPEG files should always be used for photographs or complex graphics that use many colors or gradations. Most image editing programs offer three levels of JPG compression. You may need to experiment to find the correct balance of image quality and size.
For larger images use the progressive option, again to allow the image to load gradually giving the viewer the impression of a quicker loading page.
Remember to reuse the same image as much as possible to utilizing the Cache (pronounced cash) feature on the hard drive. This way once the image has loaded, it will store on the hard drive and be readily available for the next request.
Written by Patrice Roarke, Creative Director of Artisan Design Studio.

This article may be re-printed on your website, newsletter or ezine

Read More......

25 Ways to be More Productive as a Designer

The truth is no one is perfect and no one will ever be perfect, but life is all about improving yourself and being as productive as possible with the precious time you are given. Work often consume our lives, but if we can become more productive at work and adopt good habits, our personal lives, in theory should improve as well.


This list was created to help inspire you to make the most of your work days, become more involved in your career and be a healthier and more productive designer and person. Feel free to add your own suggestions for being a more productive designer to the list below.


25 Ways to be More Productive as a Designer

1. Make the most of your commute

If you have a long commute try making the most of your time. Read a book, get a laptop to start work ahead of time or plan out your day.

2. Keep a task list

Keeping a task list will ensure you remember everything you need to do. Organize your task list by importance and cross things out as you accomplish them, but accept the fact your task list will probably never end.

3. Become familiar with Adobe suite keyboard shortcuts

Learning essential keyboards shortcuts for programs such as Photoshop and Illustrator can actually end up saving you many hours in the long run.

4. Keep your computer software up to date, virus and spyware free

Since designers use computers on a daily basis, it is important to make sure they are running at their peak performance, so be sure to patch up your computer at least once a week.

5. Seek out sources of design inspiration

Inspiration is a huge part of any artistic career and there are plenty of places to find inspiration such as design shows, museums, online portfolios and graphic design galleries.

6. Become more involved in the design community

Joining design forums, commenting on blogs, writing articles and speaking at seminars are just a few of the ways to become more involved in the design community.

7. Go to design events, shows and learning seminars

Each year there are many design conferences, events and training seminars. If you work for a company they may even pay for you to go, so you can keep your skills sharp and network!

8. Read books on design history and theory

The number of books out on design are astonishing, so pick a topic that interests you such as design theory and get a few books to read in your spare time. One great book is “How to be a graphic designer without losing your soul”.

9. Read interviews on other graphic designers

Interviews are often extremely insightful and reveal many secrets and great tips about other successful designers. Its amazing how much you can learn from even the shortest of interviews.

10. Join graphic design organizations

Joining graphic design organizations can have many benefits and is a great way to get access to resources and network. The Graphic Artists Guild and AIGA are just a few of the organizations you should consider joining.

11. Learn to accept constructive criticism

This is a common issue with many design students and even professionals. The sooner you stop taking constructive criticism personally the sooner you will be able to improve as a designer.

12. Don’t be afraid to ask for help

If you don’t know how to do something, don’t waste time pretending you do. Kindly ask some one for help so you can get on the right track sooner.

13. Learn to outsource work and tasks to others

If you bit off more than you chew its often a better idea to outsource work to some one you trust then to stress yourself to death. The final project will often turn out better if you work as a team and delegate tasks to others.

14. Use Google Reader and follow design blogs

Google Reader is a great online RSS reader that will allow you to easily follow all your favorite design blogs.

15. Use Google Calendar to keep track of important events

Google Calendar is an awesome free piec eof calendar software to help your organize all your important events.

16. Set your email client to check for new emails less often

Checking emails every 5 minutes can be very distracting. If you check at set times you will get a lot more work done each day.

17. Create standard contracts ahead of time for clients

Its a good idea to have a lawyer help you create a set of standard contracts ahead of time so you are prepared ahead of time and don’t have to worry or waste time having contracts created later.

18. Create a standard invoice and estimate template

Having a nicely designed invoice and estimate template is professional and can be customized easily for any new client. be sure to print copies for yourself for filing purposes so you can refer back if needed.

19. Create mailing labels

Typing for so many years has really degraded my hand writing and having pre-made mailing labels not only takes care of my ugly handwriting, but it also saves time.

20. Organize all your paperwork once a week

Nowadays the paperwork can pile up fast and if you let it go, getting it back under control can be a nightmare. use folders in a file cabinet that are labeled to organize all your important papers.

21. Organize your computer files once a week

Organizing your computer files i arguably even more important then organizing your paperwork. You should have a folder and sub folders for each client and create backups of your files every day on multiple external devices.

22. Develop a standard computer file labeling system

Labeling your files in a specific way will make it much easier for you to navigate and search for files when you need them quickly.

23. Try to keep your weekends work free and relax

its easy to get consumed with work and keeping your weekends work-free is a good way to ensure you won’t burn out or have a meltdown. So don’t forget to enjoy life on the weekends!

24. Exercise on a regular basis and go out for fresh air at lunch

This one always makes it into the productivity lists, yet many people still don’t do it. It can be difficult to fit in, but even 20 minutes of exercise 3 times a week can make a large impact in your overall health.

25. Do hand exercise every few hours to help combat carpal tunnel syndrome


Read More......

25 Graphic Design Career Preparation Tips

The Graphic Design Career is a fast growing career that is becoming more and more competitive with every passing day. People are realizing how much money is available and how flexible the graphic and web design career really is. You can work full-time in house in a small studio or large agency. You can earn extra money on the side, you can freelance full-time from the comfort of your own home or you can even use your skills in design to you accomplish business projects.


The bottom line is its a great choice for creative people looking to express themselves and earn a decent and comfortable living at the same time.

In order to survive in such a fast growing and competitive field though it is essential you do everything you can as early on as you can. I started in college, but I know people who are freelancing and running businesses and websites at age 14 and even younger! The age aspect should not discourage you, but should rather inspire you to get your butt into gear before other graphic designers leave you in the dust!

So no matter what age you are or what stage you are in, we have created a list of things you can do to get your dream graphic design career going in the right direction.

Graphic Design Career Preparation Tips

1. Major in Graphic Design

Going to college and getting a graphic design degree is an outstanding accomplishment. Many employers weigh this heavily and you will have a much better chance of getting a full-time job with a degree in design, but there are always exceptions. If you have an extremely strong portfolio, good references and freelancing experience you can still get a great job, but if you can get the degree go for it!

2. Figure Out Your Specialization

Many jobs in graphic design tend to be specialized, such as identity design, packaging design, magazine design and so on. Its good to find the specialization you like best and work on it, but also make sure you are well rounded and multi-talented designer.

3. Plan Your Credits Carefully

Lets face it, college can be a pain in the butt, especially when it comes to planning out your classes. You need a certain amount of credits to be full-time, core classes, required classes, electives and you are trying to get a decent schedule so you can hold a job at the same time! Planning your credits out carefully and registering as soon as possible will help ensure you get the best schedule possible so you can complete your degree quickly and have free time to work and relax.

4. Take Advantage of Your Counselor and Teachers

Your counselor and teachers are incredibly valuable assets while going to school. Get your counselor to help you plan out your schedule and keep you on the right track. Ask your teachers for extra help when needed. Most teachers are available outside of class and will critique work for you. Your teachers have years of experience and knowledge of the field so tap into it.

5. Take Advantage of Career Services

Career services is an often overlooked resource at most schools. If you are looking for a job, projects, help with your resume or anything else, take a trip to your career services department if your school has one.

6. Become Involved in School Events

My school had many great events, and when I look back, I wish i had taken more advantage of them. There were trips, get-togethers and incredible guest speakers. We even had our own museum on campus! So if your school has similar opportunities make sure you don’t pass them up.

7. Develop Friendships With Your Classmates

You are all working towards the same goal, so developing friendships is an excellent idea. Not only is social interaction healthy, but as friends you can help each other out to achieve these common goals. Plus most of you will be working in the same field in the future and you never know when a friend could come in handy in a bad situation.

8. Get an Internship

Internships are just as important as freelancing experience and many schools can help you find an internship. Even if you don’t get to do much design work, its a great way to network, get your foot in the door and become comfortable working in an office environment with other people.

9. Get a Certificate in Graphic Design

If you don’t have the time or money to attend a 4 year school, there are many schools which can give you a great crash course in design in one year or even online. I still recommend the 4 year school over this, but getting a certificate in design or individual programs can help a lot if you have no other schooling.

10. Practice Your Photography

This is a talent I plan on mastering in the near future. I love photography and its also great if you are a graphic designer. Having the ability to shoot your own projects in real life can give you a real edge when it comes to displaying your portfolio. Great photographs of projects can go a long way and its another super skill to throw on your resume.

11. Learn HTML, XHTML and CSS

Web design is mixing more and more with the graphic design career. I have seen many graphic design job listings ask the designer to have at least some web design experience and many jobs require you to know how to code a site very well. So this is a great skill to pick up and will help you with your own portfolio site and landing a job in the future.

12. Take Some Business Courses

Taking one or two business classes can prepare you much better for freelancing and running your own studio if that’s one of your dreams. All knowledge is good knowledge and the more you know about business the better off you will be financially.

13. Master the Adobe Suite

As a graphic designer you will be using programs such as Photoshop, Illustrator and InDesign on a daily basis. Mastering the programs will make you a more productive and creative designer. Most jobs also start you at running speed and don’t have time to teach you how to use the Pen Tool! Be sure to master keyboard shortcuts as well.

14. Stay in Touch With Your Roots

Its easy to become totally wrapped up in the computer and lose touch with your roots. By this I mean its important to sketch things out on paper once in a while and think outside the computer box. Don’t be afraid to pick up a pencil and use the environment around you.

15. Express Your Creativity

Design can be very “corporate” and restricting at times, and designers are naturally creative people. This is why its good to express your stretch your creativity muscles once in a while. Create personal work, non profit work or other projects that will allow you more creative freedom so you don’t feel constantly trapped and restricted.

16. Create a Portfolio Website

Time is precious and the web is becoming more of an industry standard. This is why you need a web portfolio. Many employers don’t even have time to look at print portfolios and will ask for a website URL or email with a PDF of your work. If you plan on freelancing, your website will be even more important and the sooner you get it up the better off you will be.

17. Create a Print Portfolio

Even though a web portfolio is becoming arguably more important, don’t under estimate the power or importance of a print portfolio. In additionl to your main portfolio you should have some disposable print portfolios you can hand out to potential employers.

18. Create Your Own Personal Identity System

Having your own business card, resume, letterhead and so on will give you a professional edge and show you really care about your career. Spend a lot of time on your identity system because its a direct representation of yourself and your skills.

19. Create a Resume and Cover Letter

You will need this sooner or later so you might as well start working on it now. A well-written and nicely designed resume is going to be a great ally in your job finding battles.

20. Research Job Requirements

Job requirements are changing constantly and every job has unique requirements. Some require more than others so its important you have a good idea of whats expected of you. How can you prepare yourself properly if you don’t know exactly what employers demand skill wise?

21. Start Freelancing

Freelancing builds up incredible experience, especially when it comes to dealing with actual paying clients. You will quickly learn how to deal with clients who have different personalities, how to protect yourself, how to muti task and so on. This is where the business classes come in, but with a little planning and research before hand there is no reason you cant jump right in and start freelancing early on. I landed my first paying freelance gig while I was taking my first Photoshop class!

22. Take Advantage of Design Contests

There are tons of design contests on the Internet; many of which offer incredible prizes! This is a great way to gain exposure, build up your portfolio and win some sweet swag and money in your free time! Following design blogs is a great way to learn about up and coming design contests.

23. Build Up Your Vault of Free Design Resources

The web is filled with an insane amount of free resources including, free fonts, vector artwork, textures, patterns, design elements and so much more. Start downloading, check the usage rights and keep all your graphic design resources organized, because you never know when you might need them.

24. Get the Graphic Artist Guild Handbook

This is a fabulous book for any designer that is packed full of great tips and resources; especially for designers interested in starting their own business or freelancing career. They releases a new version every so often, so be sure to get your hands on the latest one.

25. Start Networking

Networking may be 25 on the list, but in terms of priority its probably number 1. The more people in the business you know the better off you will be. Keep in touch with your network of contacts. Don’t consider some one in your network if you never communicate. A phone call, business lunch, or email once in a while is required.


Read More......