Tutorial: 5 simple steps to give your images some punch

Filed Under (Design, Nature, Photography, Photoshop, Tutorial) by Luke Hodsdon on 04-05-2009

Tagged Under : , ,

ducks_header
Working in the graphics design/publishing field I come across at least 10 photos a day that could use some drastic help. Washed out, overdeveloped, under exposed; These are all things that we’ve all had to deal with with our photos. Well, Here’s some simple processes you can follow to punch up those colors and get your images back to looking the way they should, GREAT! Inspired by the new little ducklings that have recently hatched in our back yard, we snapped some shots on a point and shoot Canon. As you can see from the original image, it’s good… but i thought it could be better. The following steps to enhance your photos shouldn’t take you any more than 5 minutes, and once you learn the procedure you’ll be editing your photos in no time!

ducks_2

Click through to see the full tutorial. Read the rest of this entry »

Twitter Cheat Sheet

Filed Under (Tutorial) by Luke Hodsdon on 31-03-2009

Tagged Under : , , ,

twitter_cheatsheet_header
Today at Churm Media, I was tasked with making a twitter help guide so that our editorial/marketing teams could help spread the word about our brands (@OCMETRO, @OCFamily, @IEFamily). That’s when i realized that if you’re not an internet savvy, hip user then you probably don’t really get the “jump right in and learn how to swim” aspect of twitter. Thus… the twitter cheat sheet. You may even notice a little shout out to a couple tweople (Twitter + people); @Tutorial9, @CameronOlivier, @Sethetter & @Vectips.

Click through to download the full size cheat sheet. PDF Available below image.
Read the rest of this entry »

Portfolio: Sneak Peak Logo redesign & Space tutorial

Filed Under (Design, Illustrator, Photoshop, Portfolio, Tutorial) by Luke Hodsdon on 11-03-2009

Tagged Under : , , , , , ,

ninethree_spacetutorial_header
Title: Sneak peak Nine Three Studio logo & Glowing text in space.

Client: None, Personal Project

Program(s) Used: Photoshop CS2, Illustrator CS2 (for logo)

Time Span: 10-20 minutes, not including logo

About: Thanks to a GREAT, and fast, tutorial at Denis Designs, I was inspired to give my own take and twist. The tutorial is super easy to follow, and the results, as you can see, are pretty spectacular! Hey Denis, ever think about the tagline “You can’t spell design without Denis.”

Designer Notes: Easy to follow tutorial steps, great result i can’t really say much else! By the way, if you hadn’t noticed, this IS the new logo the site will be using in the re-design that is, god willing, still slated to happen mid year this year. Big plans in my brain… getting them out might be the hard part.

Click through for the full image after the jump.
Read the rest of this entry »

Portfolio: Follow the yellow brick [tutorial] road

Filed Under (Design, Illustrator, Logos, Photoshop, Portfolio, Tutorial) by Luke Hodsdon on 03-02-2009

Tagged Under : , , , , ,

gelbutton_bird_header
My dear love for tutorial doage (yes, that’s now a word) keeps my skills sharp and my knowledge of all things graphic design high. I generally browse through the tutorials pages looking for something to catch my eye that gives me a sense of “how can i incorporate that into one of my Magazine layouts.” On this particular day i was looking through Photoshop Lady’s website to see what new and exciting things the graphic design community had come up with this week. Low and behold, there it was. A Gel Button effect in photoshop to rival MANY gel button tutorials on the “market”. And trust me, i’ve done many of them. Most of them good, and get you to the goal you’re set out for, but this one had so much glamour that i knew i’d have to see how it was accomplished. So, not to bore you with the details or to try and explain the steps i’ll just give you a link so you can test for yourself. All in all, once i got a subject for the ‘logo’, this tutorial took me about 5-10 minutes, then add another 5 for personal tweaks and adjustments.

So without further ado, here’s my rendition of the tutorial (via 3nhanced)…. after the jump [click image for full size].
Read the rest of this entry »

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

Filed Under (Photography, Photoshop, Portfolio, Tutorial) by Luke Hodsdon 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: Grassy Text… Urban!

Filed Under (Design, Photoshop, Tutorial) by Luke Hodsdon on 27-05-2008

Tagged Under : , ,

I’m sure by now you’ve all seen this tutorial, but for those of you who haven’t PSDTUTS has an AMAZING, easy to follow process for getting a very organic crop of grass around your text! If i have some free time, because this one looks like it might take a little longer than the previous “Bling it out!” tutorial, i’ll try to organicize my ninethreestudio logo for all of the world to see. or maybe just the ninethree iconic bird in the sense of time.

PSDTUTS – Create a Spectacular Grass Text Effect in Photoshop. Also seen on SwissMiss.

Tutorial: Flaming meteor text

Filed Under (Brushes, Design, Photoshop, Tutorial, Typography) by Luke Hodsdon on 15-05-2008

Tagged Under : , , , , ,

Yet another great tutorial by the talent at PSDTUTS. Brush manipulation, typography, visual design, layer blending modes, this tutorial has it all. A great place to start for beginners… now i know that might seem a little scary, but the best and only way to learn is through immersion, right? I say you just load up this tutorial and jump both feet forward and don’t look back!

How many steps do you imagine it would take to get tot his final product? i’m not going to lie. i thought at LEAST 25. Well, PSDTUTS did it in 16 steps. Now of course a step counts as a whole portion, but still. that’s pretty effing amazing if you want my opinion, and since you’re on my blog, i’d say so. haha.

For me, the tutorial really grabs hold at around step 8 up until the conclusion. The process of adding the flame and the particles with the brush manipulations are brilliant. Grab your stylus and start making pretty things, because really, we’re designers… that’s what we do!

Create a Spectacular Flaming Meteor Effect on Text
In Text Effects by Fabio

Take typography one step further by having text falling from the sky in a burning inferno. Yes, this is the text-on-fire tutorial to end all tutorials. It uses a little Illustrator for the text and a lot of Photoshop to burn up the screen!

In previous tutorials you’ve seen two smoke effects that I’ve created, but let’s face it, you can’t have smoke without a fire somewhere. So in this tutorial I will show you how to create a fire effect similar to when a spaceship or comet enters the earth’s atmosphere. The image we’ll be creating is inspired by a Nike Ad I saw some time ago. I’m not sure what the URL is, if anyone knows it, please link us up in the comments.

It’s always a good idea to keep your eyes open for inspiration for effects and designs no matter what you are doing. Graphics are everywhere and you can learn a lot by looking at what other people do. Now on to the tutorial!

Follow the Trackback to PSDTUTS for the full 16 step tutorial.

Tutorial: Depth rainbow into your photos

Filed Under (Brushes, Design, Photoshop, Tutorial) by Luke Hodsdon on 14-05-2008

Tagged Under : , , , , ,

Sometimes your photos just need that something to push them over the edge, why not a grungy finish with a line-depth, colored rainbow? Well, problem solved!! PSDTUTS has a great tutorial on their site right now showing exactly how to manipulate your brushes, adjust your blending modes, tweak your adjustment layers and add that grunge style look to your plain, simple photos.

Being a HUGE fan of photoshop and it’s brush options. i’ve decided to post this link for everyone. Take the 20 minutes to do the tutorial, and if you’re in a crunch for time. at least skip to the section about the brush options. It’s MORE than worth any designer’s time, especially if you’re a photoshop junkie like myself!

Mix Cool Retro Curves Into Your Photographs
In Effects by Fabio

I’m a huge fan of James White’s work. I love the way he plays with geometric elements and colors. It gives a retro feeling to the design, but at the same time he uses a modern approach. In an interview, he mentioned that he uses a Flash script to generate the vector shapes. Then he does the rest of the job in Illustrator and Photoshop.

Well, inspired by James’s designs, I decided to figure out my own way of creating that type of effect in Photoshop. In this tutorial, I show you how to mix cool retro geometric shapes into your photos

Follow the Trackback Link to get to the full tutorial, with pictures and easy to follow instructions.

Tutorial: Bling it out!

Filed Under (Design, Tutorial) by Luke Hodsdon on 09-05-2008

Tagged Under : , ,

Ready to put out your next rap album cover Mad Money Millionaires? Need to add a little Zazzzz to your webpage? Well look no further! This great tutorial will show you exactly how to get the desired “bling” effect you’ve been waiting for. With this easy to follow, easy to replicate tutorial all you have to do is follow along… a monkey could do it. Well, you know, if that monkey has a wacom tablet and a stylus.

Click through to see the entire Bling Tutorial.

This tutorial will show you step by step on how to create a “Badass Bling Effect” using layer styles in Photoshop. Once you create the layer style, you can easily “blingify” any layer. There is also a video tutorial as well.

Here’s my shotty attempt at it. Don’t let the poor quality fool you, i assure you i am a good designer. HAHA. This was a quick, step by step, learn the tutorial, image… it came out ok, probably should have worked with a larger DPI though. Live and Learn!

I found all these images off quick google searches, so the quality was pretty poor. And i only had about 15-20 minutes before work to get this up finished and posted. But, enough excuses! TO THE BAT CAVE!