Anyhow, I just felt compelled voice my thoughts on that. And if you do nothing else in your career/life, and stay in the same position forever… at least be passionate. It makes work and life so much better, and others feed off of passion. It’s contagious.

I hope the students that I’m presenting to understand the importance of passion. How has passion helped you out in your career/life?

Backpack

I’ve used Backpack for my own personal needs, but never for planning an event, let alone a wedding. One thing that I want to make sure if, is that we stay organized when planning. And, organized in the sense that I can easily edit lists, notes, etc., without having to worry about stacks of paper. Backpack will allow us to easily keep in touch with ideas, post links, and jot down ideas. There doesn’t seem to be any “standard” use for Backpack, so it will take some time finding out footing to get the best use out of it. But so far, it’s been great.

Twitter

I am heavily involved in Twitter, and I’ve spent many hours building up a network of people around me, especially the creative types. My first experiment with using Twitter for wedding planning was the task of finding a photographer. So, I posted the question, and within minutes I had a handful of responses, and was referred to great photographers, leaving me hours of portfolios to sift through. This beats searching a phonebook or Google any day. I plan on following the same routine for other aspects of the wedding as we progress.

Since it’s still very early in the planning process, I’ve only uncovered the two tools mentioned above, but I’m pretty sure more will come in handy. I’ll be sure to post an update as I come across more tools, but there is certainly no shortage of online resources to help with planning a wedding. Are their any other tools that you’d recommend on the web?

The basic premise of a mask is to eliminate portions of an image from view, without actually affecting the image itself. A mask can be applied to a single layer or a group. Masks operate with simple rules: dark masks, and light reveals, with the shades of gray masking relative to their darkness.

For absolutely no reason at all, I’m going to demo masking by replacing a man’s head with a giraffe’s.

The two photos I used to create this came from my favorite stock photo site, sxc.hu.

• Man in costume with tie 5
• Giraffe Close-up (props to Johnathan By)

There are multiple ways to apply layer masks, but I’ve found only one to be really practical. Since I always have my Layers palette open, I use the button at the bottom specifically for this.

If you have a selection active, and then click this button, it will mask everything outside of what you have selected–a quick way to do masks too. Oftentimes, I will apply the mask, and then proceed to begin masking using the Brush tool, selections, or gradients.

The mask used here was applied to the picture of the giraffe’s head, to eliminate the background in the image, and also to mask around the collar of the man’s shirt. Essentially, what’s happening is something like this:

The result is not exactly satisfactory, though.

I’ve got some of the man’s head still peeking out, so in order to correct that, I’m going to use the Clone tool with a large-sized Soft Mechanical brush from the Basic Brushes set to wipe his face out. This is where carefully selecting a good picture comes in handy–a more complex background would require a lot more effort to eliminate his face.

The final touch is to use the Burn tool around the bottom of the giraffe’s neck near the collar to add some shadowing for a more-convincing merging between the giraffe and the man’s clothes.

The final result, again:

Some general tips when doing this sort of work:

• Keep proportions in mind and do your best to get everything sized properly before beginning to mask.
• When hunting for pictures for this type of composition, I find it’s best to use tabbed browsing to quickly flip back and forth to size up whether the angles, lighting, and various other factors will be workable. Pick a primary image, from which the suitability of other pictures will be judged against. The suit was the primary picture in this case, and I searched for giraffes that were looking in a realistic direction similar to the man’s.
• When masking, the keyboard shortcut for switching from foreground to background colors is typing “x”–this lets you quickly mask and unmask portions, giving you lots more flexibility while using the brush tool.

I’ll continue to discuss the myriad uses of masks in another tutorial, focusing on the ways textured brushes and gradients can create some really stunning compositions.

Photocompositions are one of the primary uses of photoshop: to integrate seamlessly several images to produce a new reality represented in the resulting image. Look through your Sunday advertisements, I guarantee you will find dozens of instances of this; this morning I found the Hulk sitting on a couch to watch his namesake film with a family in a Best Buy ad.

The foremost challenge to creating images of this nature is that the photos to be integrated have to have a kind of interplay already. When dealing with objects that will interact with each other, they must be able to achieve realistic proportion, form and lighting. To some extent, we can manipulate these three factors, but in the end, if the photo isn’t right, those efforts will be moot.

I’ll be going through some basic concepts and steps to create this composition I put together.
View full-size here.

I used 4 images from stock.xchng, my favorite stock photo site: the sink, the hole, the wall texture, and the head.

I began with the sink image as my foundation. The lack of vertical perspective (seeing into the sink or under the sink) can be challenging or very easy to work with, depending on the availability of photos that compliment this angle. Many of the texture sets on stock.xchng are taken head-on, with no vertical perspective, so using the Distort or Perspective from Edit > Transform can very easily allow them to match up with whatever vertical and horizontal perspectives you’re working with.

In my case, I needed only to put the texture above my sink layer and set layer blending to Linear Burn. All that was left was to apply a mask to the texture layer and mask out the sink area.

Next up was the insertion of the head. Thinking of the shape of the sink, I figured that the head wouldn’t be able to sit in it totally upright. I rotated and then masked accordingly, trying to achieve a natural look to the way the head was positioned in the sink. I lucked out on the lighting used in the original photo, as the directions of light and shadow is mostly accurate. Watching out for shadows and dark areas on photos you plan to integrate is a major consideration to make. As best as you can, try to approximate the direction that the light source is coming from, and judge its suitability from there. Many times, it doesn’t make or break an image since the application of the Burn and Dodge tool can fix it enough so as to be less noticeable.

It’s missing a little something–shadows. On two layers, one above the head and one below, I added shadows using the brush tool to add a shadowcast on the wall behind the head and one on the head from the inside edge of the sink.

The last component was the hole in the wall. This particular photo is a real find, since it appears to be without any vertical perspective, but has a slight amount of horizontal perspective to show off the great textures along the inside of the wall where the hole was made. After setting the hole layer blending to Multiply, I positioned the image where I wanted, and masked everything on that layer except the hole itself. I used the Dry Media brush set that comes with Photoshop to touch up the mask around the hole.

All in all, it is a simple photocomposition, but the more elements that are added, the more important it becomes that a cohesive balance is kept in regards to the three principles I mentioned earlier: proportion, form and lighting. I continued to embellish the image and arrived to this final composition–perfectly spooky for Halloween!

If you need a dynamic way to wrap or curve a line or whole blocks of text, Photoshop is perfectly capable of catering to your every need. A seemingly uncommon demand for a raster-based image application, I can’t tell you how many times I’ve used the following techniques.

They all center around paths, a vector-based function; text entered into Photoshop is also vector-based. Paths are essentially ways to establish a boundary that some action can be applied to. Most often, its used for masking or shape fills. Today, we’ll be using it to fill with text!

Since it’s October already, let’s try to get some text to wrap around a pumpkin–the end result will look something like this:

First, you’ll want to have your pen tool activated, with the “paths” option, “rectangle” function, and “add” option all selected:

Now, draw a rectangle in the area you want the text to appear in, overlapping the part you don’t want it to include. We’ll cut that area out in a sec:

Now, here’s the key: we want to get rid of the portion that’s overlapping. You can use the oval tool, or the pen tool to create an arc to your liking. BUT be sure you now have the “subtract” option selected:

Now comes the insertion of text. I find it most useful to type up my text in TextEdit/Notepad and paste it in. Have the text tool active, and click in the box path: you’ll notice it turns into the usual “I” shape, but with a dotted circle around it. Go ahead and paste or type your text. You’ll wind up with this:

On a Mac, “Command-Enter/return” will set your changes. The awesome thing is the path is also set, and you can resize the path like you would a regular text box, only it’ll retain the area you cut out!

Now, let’s do a single line of text, curving around the top and above the text we just added. This is easier to do. With the pen tool selected, draw a multi-point arc around the object:

Now, with the text tool, hover over the very beginning point of your arc, and click. You’ll notice, again, that it has that dotted circle around the I. Now type in or paste in your text. “Command-Enter/Return” will set the edit. If you wind up getting a selection active after, just deselect. You’ll wind up with this:

Now, you’ve got the text placed! You’ll notice that at the pivot point, things can get a little cramped, so if you so desire, you can do two paths, one for each word. Each path itself can be as wavy or angular as you like–customization is endless.

The final result, after some editing:

TheDieline – The Leading Packaging Design Blog

TheDieline is a great resource for inspiration. The bloggers who contribute to this site really do find the most gorgeous and well designed packaging in the world. Like this Tequila bottle. Or this bottle of olive oil. Even this great Chocolate bar packaging.

I read it every day in my RSS feed and it’s a great spot for appreciating great design and finding inspiration.

The Cool Hunter – Roaming the U.S. and the Globe…so you’re in the know

I don’t remember how I found this blog, but it is a gem. They have a staff scattered around the globe finding new, interesting, and COOL things. One of my favorite parts is their design section. They showcase a lot of amazing architecture that is really inspiring and beautiful. Like this “aquatic complex”…just stunning.

I hope you enjoy these two great blogs to help give you an inspirational boost!

During a recent online worksession with Saulter, we were tossing around ideas for a graphic-based navigation bar for a current project. Using source photos of a variety of boxes, I wanted to quickly mask out the white background against which the boxes were photographed against. During times like these, when ideas are coming fast, sometimes I wish I could hold the digital image in my hands and use a pair of digital scissors to quickly snip it out. Until then, I’ve found the following to be the best way to cut out simple objects quick and dirty.

Masking Box from Tridea Design on Vimeo.

Here’s a side-by-side comparison of what Refine Edge can do.

In some cases, we need to remove a background that has a lot of tiny spaces. In the example below, I show how to get even the background color in all those tiny crevices out. It’s a very handy function, and also one of the fastest ways to handle something with this amount of complexity.

Masking Bonsai Tree from Tridea Design on Vimeo.

Here’s a view at the quality between a wand-tool selection for the mask against the Color Range + Refine Edge method.

Whether you know these tricks or not, I certainly hope you will make use of them in your next design comp! Until next time!

While depositing a clients check over at Tridea’s bank of choice, TCF Bank, I noticed bottles of Ketchup on top of the dividers between teller stations. So I inquired, “Why are these bottles of ketchup here?”

Turns out, the tellers used that as a way to initiate a pitch on “Catching up on home improvements with an equity loan.” I thought it was a unique way to get that first dialogue and pique the customers interest. Just goes to show you, there’s creativity all around if you look for it!

This piece sprouted from an earlier one that combined the colors blue, green, and red/yellow, and after mulling it over, I decided each color would work best as their own composition. It will become a three-part work. All work was done in Photoshop, using layer blends and masking primarily. Some Hue/Saturation and other color adjustment techniques were used to help layer blends look better.

A different aspect of hearing loss that recently became a major issue for me will probably hit home with many of you designers and developers. “You don’t know what you’ve got until it’s gone,” is an expression that’s been particularly applicable for the last two weeks.

I use one hearing aid which, in conjunction with lipreading, allows me to hold conversations with about as much ability as one with normal hearing. However, my hearing can suddenly bottom out, and accompanied with a spike in tinnitus (ringing in the ear), it makes impossible to make sense of anything I hear.

This happened two weeks ago, and since then, it’s been difficult to work. Like many others, I rely on listening to music while designing to help keep me focused and creative. My hearing hasn’t taken such a hit since the formation of Tridea Design, so I was suddenly staring in the face of a major design block.

Forced to analyze my work styles and habits, I realized that there were probably other things that I have come to take for granted that assist in my designing process. Things like equipment came to mind immediately. My computer, for sure, but I have a backup drive to recover files from. Thanks to Apple’s Time Machine, backing up is easy and painless. If peripherals like my mouse were to break, it would probably hinder my work speed, but I could manage with the touchpad on my laptop.

Hardware can be replaced, software can be re-installed, code can be rewritten, but the more intangible things can prove problematic. For example, caffeine junkies out there, what if your doctor told you the eight cups of java were burning a hole in your stomach and you had to stop for a few weeks?

I’ve since found ways around the inability to hear my music while I design. One method has been to play movies in the background on my TV where I work. It serves the same purpose as music did: a way to remain in work mode but also allow my brain those moments to wander.

I urge you all to take a few moments yourself and see if there are things you depend on to stay in the zone, and at least consider ways around losing those. It might mean the difference between a minor inconvenience and a deviation from your usual workflow, and a full-on creative block.