Tutorial: Using Black & White points in Photoshop to clear up an underexposed picture

Filed Under (Photography, Photoshop, Portfolio, Tutorial) by lhodsdon on 12-06-2008

Tagged Under : , , , , , ,

Tutorial - Photoshop Levels trick - Black and White point photo enhancementsAt my current day to day job I use this technique religiously. It’s fast, easy and extremely effective when trying to achieve better quality photos for print and online. In the following Adobe Photoshop tutorial I’ll walk you though a quick (less than a minute once you learn the steps) process on how to brighten up those dull, dark photos you’ve been sent from your clients… or in my case, taken with your poor digital camera.

The following tutorial was done in Adobe Photoshop CS3, but 80% of the process can be used on just about any program with a “Levels” function (such as the freeware, open source image editing software, GIMP) while the last 20% can be done all the way back to Photoshop CS1 (this is the black overlay feature achieved by holding the ‘option’ or ‘alt’ key in levels).

» TIP: IT’S ALWAYS GOOD TO MAKE DUPLICATES OF YOUR LAYERS IN CASE YOU NEED TO GO BACK IF YOU MAKE A FATAL MISTAKE.

Tutorial - Photoshop Levels trick - Black and White point photo enhancements

Step 1:

Open the file you wish to adjust and open the Levels adjustment window » SHORTCUT: COMMAND+L (pc users: CTRL+L). This will bring up your image’s histogram and the palette where this tutorial will focus. Locate the white point slider as seen above.

Tutorial - Photoshop Levels trick - Black and White point photo enhancements

Step 2:

One of the best features of this tutorial is built right in to Photoshop CS1+. While on the white point slider, press and hold OPTION (pc users: ALT) and begin scrubbing the bar left and right. This will give you a black overlay over your image. If you’re using an older version of Photoshop or a different program you can skip to step 4.

» NOTE: THIS FEATURE WILL ONLY WORK IF YOUR IMAGE IS IN RGB MODE.

» TIP: USING ADJUSTMENT LAYERS IS A GREAT WAY TO INSURE THAT YOU DON’T RUIN YOUR ORIGINAL FILES. THIS IS CALLED “WORKING NON-DESTRUCTIVELY”. IT WILL ALLOW YOU TO KEEP YOUR ORIGINAL FILES INTACT FOR FUTURE PROJECTS, OR TO RETURN TO A PREVIOUS STATE IF YOUR ADJUSTMENT LAYERS AREN’T WORKING FOR YOUR DESIGN ANYMORE.

Tutorial - Photoshop Levels trick - Black and White point photo enhancements

Step 3:

While still holding OPTION (pc users: ALT), scrub your white point slider to the left on the histogram. The key here is to slide the white point until your overlay image starts to get to a point where it turns pure white. This is where we will be setting the white point of your image, thus adjusting the entire histogram to account for the new white point of the image.

Tutorial - Photoshop Levels trick - Black and White point photo enhancements

Step 4:

Now that we’ve found the new area of the image we want to set our white point, we have to actually do it. Locate the WHITE POINT EYEDROPPER tool, as seen above, and click it once to highlight. Your cursor should now change to the little Eyedropper icon (Depending on how you have your preferences set up in Photoshop, this may or may not happen.). Take the White Point Eyedropper and find the area of the image we designated to be our new white point, click once. You should see an immediate change to your image and a new histogram should be generated in your Levels window as well. If the desired change is too much, or too strong, you can keep clicking around until you get a nice new balance for your white point.

» TIP: DOUBLE CLICKING THE EYEDROPPER ICON WILL LET YOU CHOOSE A BASE COLOR AS YOUR COLOR POINT. PLAY AROUND WITH THIS FEATURE FOR SOME NEAT EFFECTS.

Tutorial - Photoshop Levels trick - Black and White point photo enhancements

Step 5:

Now we will repeat steps 2-4 above, but on the opposite side of the histogram, the black point. Again, we will hold the OPTION (pc users: ALT) and scrub our black point slider on the histogram, but this time we will be looking for the image to turn it’s blackest.

Tutorial - Photoshop Levels trick - Black and White point photo enhancements

Step 6:

Now that we’ve found our new black point we will follow the same process as step 4, but using the BLACK POINT EYEDROPPER. Locate the Black Point Eyedropper and click once to highlight it. Now, find the area we designated to be our new black point on our image, and click once. Again, if the desired effect is too much, or too strong, try clicking around to find a more suitable black point. Once you click you should again see an immediate change in your image and a new histogram should be generated.

Tutorial - Photoshop Levels trick - Black and White point photo enhancements

Step 7:

Lastly, review the changes you’ve made and adjust the slider bars to tweak your image to get it just where you want it. The final result should be a much brighter, more vibrant picture.

Photo of the… #14

Filed Under (Churm Media, Photo of the..., Photography, Portfolio) by lhodsdon on 10-06-2008

Tagged Under : , , , , ,

Kristen Schott and FrankieWell, sadly i didn’t quite make it to the 2 week, 14 day straight mark. I had to go out of town this weekend and my job has been keeping me pretty busy. So, in hopes to get back ON the wagon, or ride the white snake as the kids are calling nowadays (source: unfounded), i’m posting a new photo of the day that yours truly actually took. Lazy sunday lying in bed. Kristen with Frankie. Yes, Frankie is a girl. i named her after Frank “Old Blue Eyes” Sinatra.

Submit: How to create a CD cover.

Filed Under (Design, Funny, Portfolio, Typography) by lhodsdon on 06-06-2008

Tagged Under : , , ,

Abduzeedo has added an awesome post about a fun, creative way to create a CD cover. After i read this post i got addicted, neglected work, and did about 6 of these things… 3 of which actually came to fruition.

Here’s the steps….

Do you know when saw that new band cd and thought: “how in the world did they think of that”? Well, someone out there figured out the equation, and man, it’s really fun.

And what equation is that? Simple:

1. Click HERE. The random article title will be your band’s name.
2. Click HERE. The last 4 words of the last quote will form the name of your album.
3. Click HERE. The third picture, whatever it is, will be your cd cover.

Done! Now you got the formula to make some funny, yet great albums. I’ve actually made about 6 last night, and my favorite, by far, is this one.

So. following these easy steps, Here’s what i came up with.
PLEASE feel free to follow these steps and submit your own. it’s addicting, and fun! see what kinds of covers YOU can come up with!

CD Cover - City Upon A HillCD Cover - Moor ParkCD Cover - Sophomore Jinx

Portfolio: 2008 Hot 25 Logo Designs

Filed Under (Churm Media, Corporate, Design, Illustrator, Logos, OC METRO BUSINESS, Portfolio, Typography) by lhodsdon on 02-06-2008

Tagged Under : , , , , , , , , , ,

Title: OC METRO BUSINESS Hot 25 2008 Logo Design

Client: Churm Media, in association with OC METRO BUSINESS

Program(s) Used: Illustrator

Time Span: 10 hours (Concept, client revisions, completion)

About: Every year OC METRO BUSINESS host it’s annual Hot 25 Event. the event honors hottest 25 people of Orange County, not a beauty contest. This includes entrepreneurs, business executives, managers, or just anyone in general making huge waves in Orange County. Every year the event is themed, and has to do with the new directions that OC METRO BUSINESS is going. This year the event, and the company, is completely rebranding itself as a web and digital entity, hence the theme “Hot Goes Digital”. The client’s idea was to show how OC METRO BUSINESS is moving into the 2.0, very web friendly.

Designer Notes: My original concept for this logo was to incorporate the feel of web 2.0. Very glossy, colorful, reflections, clean, simple and sleek all into one logo. After showing a first round of designs and color combinations the client didn’t want to stray from it’s branding and the logos went through a revision and font change. The end result is what you see above and a bit different that the original concept, but what the client wants, the client gets.

Portfolio: 10-11-07 OC Life: Stage Layout

Filed Under (Churm Media, Design, Photoshop, Portfolio, Quark) by lhodsdon on 29-05-2008

Tagged Under : , , , , , , ,

10-11-07 OCMETRO OC Life LayoutTitle: 10-11-07 OC Life: Stage Layout

Client: Churm Media, in association with OCMETRO BUSINESS Magazine

Program(s) Used: Phototshop & Quark

Time Span: 1 Hour

About: Prior to the redesign of OCMETRO BUSINESS magazine, the section OC LIFE was the place to get on the pulse of what’s going on in Orange County, California. This particular layout was was written for a review of the Slidebar Rock N Roll Café.

Designer Notes: Early in my career at Churm Media, as a Graphic Designer (Now Art Director), I played things safe, by the book. I soon learned that i had a lot of insightful, fresh new ideas to lend to the editorial pages that had been assigned to me, whereas previously i was strictly designing ads. This was one of my early chances to show the company something new, something they’d shyed away from before, for whatever reason. Large images are ALWAYS eye catching, so with my newfound responsibility I set out to make a name for myself in the staff boxes and directories of Churm Media and OCMETRO BUSINESS magazine.

Portfolio: 1-08 Feature Story Spread (ADHD)

Filed Under (Churm Media, Design, OC/IE Family, Photoshop, Portfolio, Quark) by lhodsdon on 27-05-2008

Tagged Under : , , , , , , ,

Title: 1-08 Feature Story Spread (ADHD)

Client: Churm Media, in association with OC Family Magazine & Inland Empire Family Magazine

Program(s) Used: Quark & Photoshop

Time Span: 3-6 Hours

About: A small feature story (full story on ocfamily.com) that was run in OC Family magazine.

Designer Notes: Point. Set. Match. I wanted to design something fun, but serious. I think the content speaks for itself, thanks to the editor Lynn Armitage, and the layout lent itself to the imagery making it fun to read, even though the subject matter is anything but. Children’s health issues are always a huge concern for parents and i wanted them to get a sense of connection with the story, not just pages of information, but something showing that there’s people out there who care and have dealt with this issue too.

Portfolio: 2-08 OC Family Cover

Filed Under (Churm Media, Design, OC/IE Family, Photography, Photoshop, Portfolio, Quark) by lhodsdon on 26-05-2008

Tagged Under : , , , , , ,

Title: 2-08 OC Family Cover

Client: Churm Media, in association with OC Family Magazine

Program(s) Used: Photoshop & Quark

Time Span: 5 Hours (Including the photo shoot)

About: Cover for the February 2008 OC Family Magazine. The feature was “What is Love?”. Students from 4 different grades were asked the question and the best/cutest/most heart-warming answered were published as the cover story.

Designer Notes: This cover and January’s cover were for a photo shoot all rolled into one day, my first. Needless to say i was a bit nervous, not 100% sure what i was doing, but had some great guidance from Sonia Chung (Art Director for OC METRO BUSINESS magazine) to help me along my way.

Portfolio: 12-07 Feature Story Spread

Filed Under (Churm Media, Design, OC/IE Family, Photography, Photoshop, Portfolio, Quark) by lhodsdon on 25-05-2008

Tagged Under : , , , , ,

Title: 12-07 Feature Story Spread (Annual Family Photography Contest)

Client: Churm Media, in association with OC Family Magazine & Inland Empire Family Magazine

Program(s) Used: Quark and Photoshop

Time Span: 4-8 Hours

About: Throughout the year OC Family and Inland Empire Family magazines run a feature called Picture perfect, which collects submissions from readers of their children’s photographs. Come December of every year they run an annual feature for the winners. Read, and see, the entire 2007 story on ocfamily.com

Designer Notes: My idea was to make this layout look like a worn family scrapbook or photo album. Seeing as this was an annual feature purely dealing with reader submitted photographs, i wanted to make it look fun and inviting. I used a parchment paper background and an image border with frayed edges, to simulate those wacky scissor cuts that people do now. End result, i’m happy with.

Portfolio: Trigelle Women’s Golf Clothing Ad

Filed Under (Advertisement, Brushes, Churm Media, Design, Illustrator, Nature, Portfolio) by lhodsdon on 24-05-2008

Tagged Under : , , , , , ,

Title: Trigelle Women’s Golf Clothing Ad (Full Page Ad)

Client: Churm Media, in association with Southland Golf Magazine

Program(s) Used: Illustrator

Time Span: 2-4 Hours

About: The client, through proxy of Churm Media, wanted a new look for their company, with not a lot of direction other than a logo (*shudder, it’s papyrus) and their product/model photography.

Designer Notes: Using some free download organic brushes in Illustrator i was able to give the client a fresh look for their company. Keeping in mind that they are strictly women’s golf clothing really helped to choose a palette and theme… women love flowers!

Portfolio: 2-08 Feature Story (Full)

Filed Under (Churm Media, Design, Illustrator, OC/IE Family, Photoshop, Portfolio) by lhodsdon on 23-05-2008

Tagged Under : , , , , , , ,

Title: 2-08 Feature Story (Full)

Client: Churm Media, in association with OC Family Magazine & Inland Empire Family Magazine

Program(s) Used: Quark, Photoshop and Illustrator

Time Span: 4-8 hours

About: Feature story layout for the OC Family’s annual travel issue (February). The full story can be read here, on ocfamily.com.

Designer Notes: The challenge with this feature story was to really break the boundaries of Churm Media’s regular layouts for OC Family & Inland Empire Family magazines. I tried to look at it from the point of view of being tired of the same old thing. Using a mix of stock photography and some great photographs taken by the writer, and then Executive Editor, Craig Reem, i was able to really step out on my own and land a great layout design. The push of deadline nipping at my heels was always a reminder as well of how it IS possible to churn out great product when deadlines are creeping up around the corner

Full story layout after the jump

Read the rest of this entry »

Portfolio: 12-07 Cover Story Layout Spread

Filed Under (Design, Photoshop, Portfolio, Quark) by lhodsdon on 14-05-2008

Tagged Under : , , , , , , ,

Title: 12-07 Cover Story Layout Spread

Client: Churm Media, in association with OC Family Magazine & Inland Empire Family Magazine

Program(s) Used: Quark, Photoshop

Time Span: 4-5 Hours to completion (entire layout (8 pages))

About: Every year Churm Media puts out it’s annual issue in OC Family & Inland Empire Family Magazines. This year was the “20 Best Totally Terrific Toys”. Yes, I know, that’s two too many adjectives, but what are you going to do? What client wants, client gets.

Designer Notes: This entire layout was quite the piece of work for photoshop clipping masks! Boy do i love still having to be lulled down by the back and forth of Quark to photoshop… when will they learn that InDesign is the bridge between that gap! But, what doesn’t kill us as designers, will make us always remember the golden rules…. never, EVER, EVER use Papyrus in your designs. You have (or should have) and entire library of fonts, GET CREATIVE! And also, learn from our clients blunders. By the time i finished this layout i knew the intimate ins and outs of the photoshop pen tool. I even “took it out for a romantic seafood dinner… and never called it again!”

Champ Kind: I will take Dorothy Manstooth out to a nice seafood dinner and NEVER call her again!
Wes Mantooth: Dorothy Mantooth is a Saint!
Ron Burgundy: Hey, let’s leave the mothers out of this.

Portfolio: 12-07 Feature Story Spread

Filed Under (Design, Photography, Photoshop, Portfolio, Quark) by lhodsdon on 13-05-2008

Tagged Under : , , , , , , , ,

Title: 12-07 Feature Story Spread

Client: Churm Media, in association with OC Family Magazine & Inland Empire Family Magazine

Program(s) Used: Quark, Photoshop

Time Span: 2-4 Hours

About: OC Family & Inland Empire Family Magazine’s ran a special “Fire Feature Story” after the huge fires in Southern California this past year (2007). One of Churm Media’s writers (Pictures in the spread) was directly affected by the fire and was one of the families that had to evacuate their home. Luckily everyone was safe and she still writes for the magazine today.

Designer Notes: The text overlaid over a full truck spread was something new for OC Family Magazine, at least in my time at Churm Media. I wanted to really capture a readers eye as they were thumbing through the pages of the magazine. Great photography and subject matter really helped to pull this whole spread together.

Portfolio: Red Struck Four MySpace Page

Filed Under (Portfolio) by lhodsdon on 12-05-2008

Tagged Under : , , , , , , , , , ,

Title: Red Struck Four’s re-design for their MySpace page

Client: Red Struck Four, Power Punk band from Huntington Beach / Redlands, California

Program(s) Used: Photoshop, CSS Coding (by hand)

Time Span: 10 Hours to completion

About: The lead singer, Paul Lapinksky, came to me and asked for me to do a rush job on their MySpace page, as they were going on tour within the ending of the month. With an agreed upon rush job, this design had to come from concept, to completion in a very short period of time. Some unique and fun things were done with the CSS coding to make objects “float” on the page. PNGs were also used to give the feeling of depth and realism.

Designer Notes: This project was for a good friend of mine and was just good old fashion FUN! I got the chance to dust off my CSS & HTML Coding cobwebs and jump right in to this project. One weekend and a lot of energy drinks got me…through…this……*yawn*… time to crash….

Portfolio: 11-07 Feature Story Spread

Filed Under (Design, OC/IE Family, Photoshop, Portfolio, Quark) by lhodsdon on 12-05-2008

Tagged Under : , , , , , , , ,

Title: November 2007 OC Family Magazine Feature Story Spread

Client: Churm Media, in association with OC Family Magazine

Program(s) Used: Quark, Photoshop

Time Span: Working on deadline, this entire layout took around 2-3 hours.

About: 4 page layout done for a story written about moms who’ve started their own businesses, successfully.

Designer Notes: I had a lot of fun with this design. It was one of my earlier layouts that I was able to have a lot of freedom with. I wanted to bring a new look to the magazine as the newly appointed Art Director of OC Family Magazine & Inland Empire Family Magazine. The idea was to get a good amount of type to imagery balance.

Portfolio: 1-08 Cover Story

Filed Under (Design, OC/IE Family, Photoshop, Portfolio, Quark) by lhodsdon on 12-05-2008

Tagged Under : , ,

Inland Empire Family Cover StoryInland Empire Family Cover StoryTitle: January Cover Story

Client: Churm Media, in association with OC Family Magazine & Inland Empire Family Magazine

Program(s) Used: Quark, Photoshop

Time Span: (Cover) 1-3 hours, (layout) 3-4 hours

About: Cover Story spread and Magazine cover for Inland Empire family 1-08 Issue. The cover story was the “heroes” issue.

Cover Photography: Uncredited due to legalities

Designer Notes: The “Heroes Issue” is a very important issue for the Churm Media family of magazines. It signified the launch into the new year and another great place for me to show off my sea legs ar OC Family & Inland empire Family magazine’s Art Director.