17 Tools For Making Awesome Client Presentations

Ask five designers how they handle client design presentations and you’ll get five different answers. Some like to do their presentations in person, accompanying their designs with printouts detailing specific highlights. Others prefer utilizing an online screen sharing experience and talking their clients through their design in real time. And then there are those who simply ship off the jpgs in an email outlining the design’s main points. No matter what your method is for revealing your design, it is important to use tools and resources that can make your presentation successful. Without further ado, here’s a list of some of the best apps and tools for delivering the perfect client presentation.

Calls and Screen Sharing

Join.me
It’s simple, easy, and free. Either join someone’s screen share or share your own. You can invite up to 250 viewers into your screen share and can even let them take control of your computer. Join.me has a great list of features, such as internet calling, chat, and file sharing, which makes it a great all-in-one solution for screen sharing presentations.

Join.me

Skype
Skype has over 600 million users, so chances are high that even your client will have an account that he/she can hop on to at any time. Skype is a great way to have face-to-face conversations with clients when the option of meeting them in person is unavailable. In addition, if you need to chat with more than one person in a single call, Skype comes with conference call support so you can include as many people as you want in your presentation. Most importantly, Skype has a built-in screen sharing ability that allows you to switch from video to design comp with ease.

Skype

GotoMeeting
GotoMeeting is a familiar business go-to for conference calls and screen shares. You can attend meetings from your phone or your computer and utilize its convenient scheduling features to help better organize your meetings and presentations.

GotoMeeting

Google Video Chat
You probably already have your Gmail inbox open, so why not hop on a video or audio call with your clients within the same workspace? If you live in your Gmail inbox archives and frequently reference email exchanges and attachments in your workflow, Google Video is the perfect solution for communicating with your clients.

Google Video Chat

Google Voice
This is a frequently underrated communication tool that makes living our work lives on computers that much easier. Free up your hands by using your computer as your phone. Even if you miss a call, you can easily access it via Google voicemail or email transcription!

Google Voice

Presenting: Information Architecture and Prototypes

Axure
Axure is a powerful and robust flowcharting, wireframing, and prototyping tool for all of your IA and prototyping needs. Axure is easy to use and is packed with every sort of web tool imaginable for creating the web wireframe or prototype of your dreams. You can even utilize its dynamic panels and widgets (including user-created widgets) to make your prototypes interactive. And if you want to get even more complex with your prototypes, you can integrate APIs and data to make your prototypes work with remote data!

Axure

Mockingbird
If you’re looking for an inexpensive, browser-based solution, Mockingbird is the way to go. If you’re working with a team, everyone can access and work on your wireframes together. Previewing and sharing your wireframes is easy, and since everything is online, you’ll avoid having to deal with more file organization and clutter. To make things even easier, Mockingbird has an intuitive UI, with simple drag-and-drop interactions, smart text resizing, and interactive page linking.

Mockingbird

Omnigraffle
Omnigraffle is a great Mac solution for creating and presenting flowcharts, sitemaps, and wireframes. While it comes with a great span of tools to create your IA needs, it really shines with its “stencils” feature. For a fully customizable and personalized look, you can utilize Omnigraffle’s stencil or user-created libraries.

Omnigraffle

InVision
Want to create beautiful wireframes and prototypes? InVision is a simple and intuitive web application that allows you to take your design jpgs, pngs, or gifs and turn them into interactive prototypes within minutes. You’ll be amazed at how easy it is to turn your flattened PSD images into dazzling working prototypes.

InVision

Presenting: Designs

Photoshop full view mode and layer comps
Did you know you can utilize the different screen modes in Photoshop to view your PSD file? Photoshop’s Full Screen view hides everything but whatever is on your canvas and allows for easy toggling access back to the PSD in case you want to edit some nitty gritty elements of your file. Another great way to present designs is to use Photoshop layer comps. Layer comps allow you to save specific visibility, position, and layer styles for different versions or parts of your design. These layer comps are saved to your PSD so you can come back to them at any time.

Photoshop full view mode and layer comps

Preview for Mac
If you’re using a Mac, Preview is a powerful default image viewer that allows for easy viewing of your jpgs, pngs, and pdfs. If you have Lion OS X installed, you can take preview one step further by taking advantage of the revamped Slideshow or Full Screen modes. These two modes have the same functions as Preview normally does, but they’re now packed with beautiful isolated presentation screens that allow you to swipe between multiple images in a subtle but showy sliding interaction.

Preview for Mac

Picasa Photo Viewer for PC
While Windows Picture and Fax viewer has some merit to its usability, a great image viewing app that you might want to consider installing on your PC is the Picasa Photo Viewer. It’s got a great interface for navigating through files, and its black overlay background makes viewing a single design (PSD or image file) both clean and easy.

Picasa Photo Viewer for PC

Browser Viewing
For web-based projects, another interesting way to present a design is to drag your image file straight into your internet browser. This gives your clients the experience of seeing your design in its natural environment and helps capture a better overall impression of how the design will feel. Also, if you’re HTML/CSS savvy, you can make edits with the browser’s “Inspect element” screen to center and throw a background color behind your image. You’ll hardly be able to tell that the design isn’t live!

Browser Viewing

Feedback and Collaboration Tools

Notable
Notable app allows your clients to give feedback straight onto the designs themselves (image files only). What’s especially nice about Notable is that feedback is displayed as an overlayed highlight area that clearly indicates what parts of the design are being discussed. You can then have a threaded conversation on that feedback or even create your own notes on your design.

Notable

InVision
InVision was mentioned earlier for its wireframing and prototyping capabilities, but it also allows for collaborative feedback on these projects. So not only will you have beautiful IA and designs to show your client, you can also ask them make comments right on your InVision mockups.

InVision

Basecamp
Basecamp is one of the most popular project management systems on the web. Apart from its project management system, however, is its feedback environment for designs and PSDs. Since many of your clients will probably be familiar with Basecamp, having them provide their feedback within the app itself will be beneficial for both of you. This helps you keep your project organized, recorded, and easily accessible. If you’re looking for free alternatives that yield similar results, take a look at Freedcamp and Podio.

Basecamp

Google Docs
Free and popular, Google Docs is a great area for storing feedback on Word docs, Excel sheets, and many other document types. Google Docs has a particularly useful commenting system which allows for easy comment threading and discussion. Especially if your clients enjoy giving written feedback, consider taking advantage of this online resource.

Google Docs

About the Author:

Jessica Moon is both the blog editor and a UX/UI designer at digital-telepathy, a user experience design studio that specializes in creating products like SlideDeck, Hello Bar, and Impress. She has a passion for illustration and design, and enjoys blogging and sharing what she’s learned via Twitter and Google+.

Royalty-Free Graphics

You! Be Inspired! #0005 – NYT’s Lively Morgue, Festival of Colors, and PREVIIEW

Every geek out there is probably giddy about this week, especially today. Today marks the release of the third Diablo game (which basically took more than a decade to make). Diablo 3 aside, we’ll be featuring some street artists this week and we’ll talk about the art of sticker bombing and wheatpasting. Enough about this week’s events and topics, today we give to you this week’s edition of You! Be Inspired! Here we go!
 
Lively Morgue – New York Time’s Photographs

It’s refreshing to find old photos being uploaded online and archived digitally. The New York Times recently created a Tumblr blog featuring photos from their physical archive of some hundred-thousands of photographs. Of course, they’re not posting the whole archive online; rather they’ll be uploading some choice pictures for everyone’s entertainment. They’ve called the online archive “Lively Morgue“.  
 

Photography 01

 
Photography 02

 
Photography 03

 

Emmanuel Romeuf — Art Director

For graphic designers whose work focuses on advertising and branding, you may want to check out Emmanuel Romeuf’s portfolio. Mr. Romeuf, a Paris-based art director, has worked with different media, from editorials, web design, and illustrations.    

Graphic Design

 
Graphic Design 02

 
Graphic Design 03

 
Room 181

One of our main sources for inspiration are different the different ‘zines that we find online. What’s good about these ‘zines, aside from the fact that they’re on the internet is that most of them are for free. You can check Room181, they’ve got interesting material on their recent release – “Infinity”.    

Graphic Design Magazine

 
PREVIIEW

If you’re an amateur photographer looking for inspiration or style, you may want to check PREVIIEW. They feature photographers all over the globe and their top seven most creative shots. So if you’re a professional photographer who’s looking for global exposure, you can submit your works to their site.   

Professional Photography

 

Festival of Colours

The Holi, the Festival of Colours, is an interesting and colorful event that’s being celebrated by hindus worldwide. In the US, the Festival of Colors was held in Spanish Fork, UT. The colorful event was captured by Thomas Halk. You can check the whole gallery on his flickr, or on his official website.    

Photography 04

 
Photography 05

 
Photography 06

 
Re:Design

Riding the recent release of the Avengers (2012) film, Eurydyka Kata & Rafal Szczawinski of re:design, made a minimalist tribute to our favorite superheroes. You can check more of their work in their blog or on their official website.    

Graphic Design 10

 
Studio Fausentast

Here’s another team oozing with creativity – Studio Fausentast. You may want to check their portfolio if you’re planning to explore different mediums of graphic design. The projects that they’ve done ranges from packaging design, brochure prints, branding, to web design.    

Graphic Design 04

 

 

Do you have something awesome under your sleeve? Let us know and we’ll share it here, just hit us up on Facebook or Twitter with your idea!

Did you find this post extra-awesome? Subscribe to our RSS Feed!

10 Excellent Online Payment Systems

Advertise here with BSA


In this article, we’ll be reviewing my top 10 online payment systems for accepting payments on the Web. While many of the companies on this list have been available to online merchants for years, many are also now getting into new areas of online payments such as social commerce and in-store online card reader systems.

A Quick Primer on Online Payment Systems

Before getting started, here are just a few things to know about online payment systems.

  • ACH payments are electronic credit and debit transfers, allowing customers to make payments from their bank accounts for utilities, mortgage loans, and other types of bills. ACH stands for Automated Clearing House and most payment processors offer ACH payment options to their customers, especially for monthly- and subscription-based transactions. Most payment solutions use ACH to send money (minus fees) to their customers.
  • A merchant account is a bank account that allows a customer to receive payments through credit or debit cards. Merchant providers are required to obey regulations established by card associations. Many processors (such as the ones listed below) act as both the merchant account as well as the payment gateway.
  • A payment gateway allows merchants to securely pass credit card information between the customer and the merchant and also between merchant and the payment processor. The payment gateway is the middleman between the merchant and their sponsoring bank.
  • A payment processor is the company that a merchant uses to handle credit card transactions. Payment processors implement anti-fraud measures to ensure that both the front-facing customer and the merchant are protected.
  • PCI compliance is when a merchant or payment gateway sets their payment environment up in a way that meets the Payment Card Industry Data Security Standard (PCI DSS). The PCI DSS standard was created by the Payment Card Industry Security Standards Council to increase security of cardholder data and to reduce fraud.

What follows are 10 excellent online payment systems.

1. Authorize.Net

Authorize.Net

Authorize.Net is the Internet’s most widely used payment gateway. With a user base of over 300,000 merchants, Authorize.Net has been the go-to method for e-commerce sites that need a gateway to accepting payments. Widely used e-commerce platforms such as Magento, Volusion and X-Cart are designed to accept payments using Authorize.Net easier.

Pricing: Authorize.Net has a $99 setup fee, costs $10 per month and takes a $0.25 per-transaction fee. Source: Authorize.Net pricing

2. PayPal

PayPal

PayPal is the world’s most widely used payment acquirer, processing over $4 billion in payments in 2011. PayPal payments are made using a user’s existing account or with a credit card. Money can be sent directly to an email address, thus prompting the users to sign up for a new PayPal account. In addition to taking payments, PayPal also allows its users to send money through the service, which is a feature that only a few payment solutions provide.

Pricing: PayPal takes 2.9% + $0.30 per transaction and has no setup or monthly fees. Source: PayPal merchant fees

3. Google Checkout

Google Checkout

Google Checkout is Google’s answer to PayPal. Google Checkout allows users to pay for goods and services through an account connected to their Google profile. The major benefit that Google Checkout has over the competition is that millions of Internet users use Google for other services, making a purchase through Checkout a simpler process.

Pricing: Google Checkout fees start at 2.9% + $0.30 per transaction for sales less than $3,000. The percentage they take goes down depending on monthly sales volume. Source: Google Checkout fees

4. Amazon Payments

Amazon Payments

Amazon Payments allows its users to receive money using its API (and to send money out via ACH). Popular crowdfunding site Kickstarter uses Amazon Payments.

Pricing: Amazon Payments fees start at 2.9% + $0.30 per transaction for payments over $10 (the percentage they take is less for larger transactions). For payments under $10, the fee is 5.0% + $0.05 per transaction. Source: Amazon Payments fees

5. Dwolla

Dwolla

Dwolla is a direct competitor to PayPal. One of the newcomers in the third-party payments space, the company is processing over $1 million per day. Setting up Dwolla payments is similar to PayPal, although Dwolla doesn’t have the same name recognition as their competition.

Pricing: There are no fees for transactions less than $10. For transactions over $10, Dwolla charges $0.25 per transaction. Source: Dwolla fees

6. Stripe

Stripe

Stripe provides an excellent payment solution for web developers who would like to integrate a payment system into their projects using Stripe’s robust API. By bypassing the traditional sign up process, Stripe acts as a merchant account for its providers, handling all PCI compliance and merchant approvals.

Pricing: Stripe charges 2.9% + $0.30 per transaction with no setup or monthly fees. Source: Stripe: pricing

7. Braintree

Braintree

Braintree is an online payment gateway and merchant account solution known for working with popular tech startups such as Airbnb and LivingSocial.

Pricing: Braintree has a $99 setup fee, a $35 monthly fee (with a $75 monthly minimum). Transaction fees start at 2.29% + $0.30 per transaction for qualified cards. Source: Pricing – Braintree

8. Samurai by FeeFighters

Samurai by FeeFighters

Samurai is a payment gateway and merchant account solution. The company’s main product, FeeFighters, is a tool to help merchants compare rates for merchant accounts. Samurai was developed as a direct competitor to Braintree and other gateway/merchant solutions and offers customers a payment gateway or a gateway/merchant account package.

Pricing: For their gateway/merchant solution, Samurai takes 2.3% of all sales volume, costs $25 per month and charges a $0.30 fee per transaction. Source: Samurai by FeeFighters pricing

9. WePay

WePay

WePay is a payment processor that allows Internet merchants to accept credit cards and bank account payments online. WePay seems to be focused on the individual user, and has recently added e-store pages to their service to help their customers conveniently take in payments (e.g. event tickets, products, donations and so forth) through their service.

Pricing: WePay charges a 3.5% transaction fee (with a $0.50 minimum) for credit card transactions and $0.50 for bank payments, with no setup or monthly costs. Source: WePay fees

10. 2Checkout

2Checkout

2Checkout is another payment processor that combines a merchant account and payment gateway into one, allowing customers to receive credit card payments as well as PayPal payments. The company offers international payments, shopping cart stores as well as a recurring billing feature.

Pricing: 3.99% (if you apply by May 1, 2012), a $0.45 transaction fee and $10.99 monthly service fee. Pricing and fees – 2Checkout

Other Noteworthy Payment Systems

Here are other online payment systems I think you should also check out:

What about Payments through Mobile Devices?

These two payment services allow merchants to accept credit card payments directly through their mobile devices, making it possible for devices such as the iPhone, the iPad and Android smartphones to act as a mobile point of sale (POS) checkout system.

Conclusion

There are plenty of online payment systems out there that you can use to conduct e-commerce activities. Choose one that’s in line with your business objectives.

This isn’t an exhaustive list of online payment systems. If your favorite online payment system isn’t on the list, please share it with us in the comments and discuss why you choose it over other online payment systems.

Related Content

About the Author

Rosston Meyer is the founder of Sponsorist.com, a marketplace where advertisers, non-profits and people in need of sponsorships come together to make deals. Rosston has a strong background in Web marketing, design and development having worked as a freelance developer for the past four years. Follow Rosston on Twitter: @rosstamicah

New Features and Improvements in Photoshop CS6

Photoshop CS6 has a lot of people talking. As a matter of fact, I have been on my Facebook and have even come across people selling their copies of CS5, so they could upgrade to the new CS6. This version of Photoshop comes with a slew of both big and small improvements over CS5. However, some of these features don’t really make a difference to me and some people may not even notice them. Therefore, I am just going to talk about some of the main stuff that I have come across.

Layer searching is something that has become a whole lot easier in Photoshop CS6. Even if you have a document with thousands of layers, you should be able to find exactly what you are looking for. Gone are the days that you had to spend hours trying to find a particular layer in a large project. Now, you can search for layers with very specific credentials, so you will be able to find the exact layer you are looking for.

When it comes to pixel snapping, you are going to notice some huge improvements in Photoshop CS6. If you have worked with vector points in CS5, you are probably familiar with all of those sucky workflows  that were required. Now, there are two main settings that can control everything. You have the ability to align edges, snap vector tools and transforms to pixel grids. You will be able to have some extremely crisp edges and won’t have any of those inner points being rounded.

Layer styles now have the ability to be applied to groups. There is so many benefits of this feature I do not even know where to start. I do know, however, that it will be awesome to be able to apply more layer styles to objects. In my opinion, this is a much more effective method over the whole Smart Objects technique.

There are many more features and improvements made to Photoshop CS6, so I would highly suggest that you check it out on your own to get the full effect. There’s so many improvements that I just can’t talk about them all in a single article. Plus, some things are just going to stand out more to certain people.

21 Awesome Bright and Colorful Websites

Finding the right color scheme for a website design can often be a real challenge. Bright colors are sometimes not favored by designers, but in the right situation they can be very effective.

In this post we’ll showcase examples of 21 different bright and colorful websites. Hopfully, seeing these examples will give you some inspiration when you’re considering color schemes in your own work. By seeing what other designers are doing and how they are able to make colorful web designs work, you may get some ideas of your own.

Brooks Shoe Advisor

Brooks Shoe Advisor

Adventure World

Adventure World

Global Team Travel

Global Team Travel

SulaFest

SulaFest

Corona Radiata

Corona Radiata

Mastec

Mastec

Hitmo

Hitmo

Anet Design

Anet Design

Belong

Belong

S.O.S. Mamute

S.O.S. Mamute

Trinity Web Tech

Trinity Web Tech

Dribbble Draft

Dribbble Draft

Marlin Jackson

Marlin Jackson

Mark Fasel Design

Mark Fasel Design

Viget

Viget

House

House

Social Forces

Social Forces

Art4Web

Art4Web

Fuzzco

Fuzzco

Daniel Sitek

Daniel Sitek

The New Web Design Guidelines

The New Web Design Guidelines

For more design inspiration please see:

Royalty-Free Graphics

Create Storybook Illustrations Using Photoshop and Filter Forge 3

For many professional illustrators, Photoshop is the tool of choice to create hand-drawn digital artwork or paintings. With the right knowledge and skills, it can be used to create stunning works of art. With that said, we’re not all professional illustrators. In this tutorial we will explain how to achieve similar results by applying Filter Forge effects to quick hand-drawn sketches. Let’s get started!


Filter Forge is a powerful third-party plugin that allows you to apply over 4,000 amazing effects to your images, and even create your own. To learn more about Filter Forge, you can visit their website, download the trial version of the software, or check out their filter gallery.

Editor’s note: This tutorial was sponsored by Filter Forge.


Create Storybook Illustrations Using Photoshop and Filter Forge 3

For many professional illustrators, Photoshop is the tool of choice to create hand-drawn digital artwork or paintings. With the right knowledge and skills, it can be used to create stunning works of art. With that said, we’re not all professional illustrators. In this tutorial we will explain how to achieve similar results by applying Filter Forge effects to quick hand-drawn sketches. Let’s get started!


Filter Forge is a powerful third-party plugin that allows you to apply over 4,000 amazing effects to your images, and even create your own. To learn more about Filter Forge, you can visit their website, download the trial version of the software, or check out their filter gallery.

Editor’s note: This tutorial was sponsored by Filter Forge.


Warm Colors on the Photo

In this Photoshop tutorial we are going to add warm colors to one photo playing with color settings and layer blending modes.


Final Image Preview

Warm Colors on the Photo

Resources


Step 1

Open photo in Photoshop. Resize photo to 1000×664 pixels by going to Image > Image Size. Duplicate photo using Ctrl+J. On duplicated layer apply Image > Adjustments > Color Balance.

Warm Colors on the Photo 1
Warm Colors on the Photo 2

Update layer blending mode to Multiply.

Warm Colors on the Photo 3

Step 2

Duplicate background photo using Ctrl+J. Place layer above all other layers. On duplicated layer apply Image > Adjustments > Color Balance.

Warm Colors on the Photo 4
Warm Colors on the Photo 5

Update layer blending mode to Lighten.

Warm Colors on the Photo 6

Step 3

Duplicate background photo using Ctrl+J. Place layer above all other layers. On duplicated layer apply Image > Adjustments > Color Balance.

Warm Colors on the Photo 7
Warm Colors on the Photo 8

Update layer blending mode to Darken.

Warm Colors on the Photo 9

Step 4

Duplicate background photo using Ctrl+J. Place layer above all other layers. On duplicated layer apply Image > Adjustments > Desaturate.

Warm Colors on the Photo 10

Go to Image > Adjustments > Brightness/Contrast.

Warm Colors on the Photo 11
Warm Colors on the Photo 12

Update layer blending mode to Darken.

Warm Colors on the Photo 13

Step 5

Duplicate background photo using Ctrl+J. Place layer above all other layers. On duplicated layer apply Image > Adjustments > Desaturate.

Warm Colors on the Photo 14

Apply Filter > Other > High Pass.

Warm Colors on the Photo 15
Warm Colors on the Photo 16

Update layer blending mode to Overlay.

Warm Colors on the Photo 17

Merge all layers into one layer by going to Layer > Merge Layers or pressing Ctrl+E and rename layer to “Background”.


Step 6

Duplicate “Background” layer with Ctrl+J and apply Filter > Blur > Smart Blur to duplicated layer.

Warm Colors on the Photo 18
Warm Colors on the Photo 19

Select Eraser Tool and a soft round brush. Erase boys from this layer and with that we will have a clear picture of boys and blurred image around them.

Warm Colors on the Photo 20

Step 7

Duplicate “Background” layer again and move it above all layers. Apply Filter > Blur > Gaussian Blur to duplicated layer. With Eraser Tool repeat process done in Step 6 but leaving more blurred areas on the image bottom.

Warm Colors on the Photo 21
Warm Colors on the Photo 22

Step 8

Create a new layer on top of all layers. Fill layer with color #987f3f.

Warm Colors on the Photo 23

Select Eraser Tool one more time to erase light brown color in a way similar to mine to get same effect as you can see below.

Warm Colors on the Photo 24

Step 9

Create a new layer on top of all layers. Press D to set foregound color to black and background color to white. Drag a linear gradient using Gradient Tool.

Warm Colors on the Photo 25

Update layer blending mode to Overlay.

Warm Colors on the Photo 26

Step 10

Duplicate “Background” layer again and move it above all layers. Desaturate duplicated layer by going to Image > Adjustments > Desaturate.

Warm Colors on the Photo 27

Apply Filter > Other > High Pass.

Warm Colors on the Photo 28
Warm Colors on the Photo 29

Erase layer background area with Eraser Tool (soft round brush with 400px).

Warm Colors on the Photo 30
Warm Colors on the Photo 31

Change layer blending mode to Overlay.

Warm Colors on the Photo 32

Reduce layer opacity to 60% and we are done.


Final Image

Warm Colors on the Photo

Use Split Frequency Healing to Retouch a Photo in Photoshop

Split Frequency Healing is a technique that you can use in Photoshop that will allow you retouch photos without affecting the photo’s respective tone or texture. In this tutorial, commercial retoucher, Daniel Meadows, who has worked for clients such as Harper’s Bazaar, Elle, Marie Claire, Chanel, and L’Oreal Paris, will explain this technique and how it can be used in your workflow. Let’s get started!

Special thanks to Dubai Photographer, Sherif Mokbel for providing the photography for this tutorial.


Tutorial Assets

The following assets were used during the production of this tutorial.


Before You Begin

Let’s take a look at the image that we’ll be using for this tutorial. Below you’ll see a typical example of markup you might receive from a client. It might be a jpeg like this, a scan of a pen-annotated print or simply a set of instructions or suggestions, but ultimately you’ll be expected to deliver on a set brief.

We have instructions to clean up the image, a little liquify for a more pleasing curve to the back and waist, and to remove the purple-blue tone from the model’s legs. I’ll cover the techniques you’ll need to complete the shot over the course of several tutorials. Remember not to deviate too far from what your client is asking for, run it by them first. If you think a background color change is really going to make the subject pop, try discussing your ideas, especially if it’s for a portfolio project. If it’s a commercial or editorial job however and the art director wants neutral white, he or she of course, gets white.

There are quite a few ways to achieve a similar result in Photoshop, and I’ll be going through a number of them, often focusing on one in particular and giving a couple of alternatives you might want to try.

The first step we’re going to follow in completing this shot is the healing, the ‘basic cleanup.’ For this we’re going to be mostly using the clone stamp (S), but we’ll do it a little differently to the way the software intended. Be sure to start off using the key commands for your tools, you’ll save yourself a lot of time in the long run. When you’re trying to meet an unreasonable deadline and your left hand is bringing up every tool and command without giving it a thought you’ll thank me for it. Take a look at the look at the shot we have to work with:

The lighting’s a blessing, the well defined shadows and highlights give us a great guide to follow when we come to carving, but we’ll get to that. The skin is very good, with just enough marks and texture variance to give us a good run at the exercise. Remember that with high end commercial retouching you’re going to be getting professional models with great skin, great lighting, make up, wardrobe etc. It isn’t about changing the shot, or the model, it’s about perfecting it. Here’s a close up of the kind of texture variations I mentioned:

It might be instinctive to head straight for the clone stamp or healing tools, but the clone stamp will carry luminosity and tone with it, causing problems in light to shadow or vice versa. The healing tools carry the texture and then attempt to approximate the tone and luminosity with an algorithm. What if there was a way of cloning nothing but the texture, ignoring the luminosity and tone, and simply replacing a piece of texture elsewhere? Well we’ve got one, and it’s called frequency separation.


Split Frequency Healing

Now we’re going to split the image into its low and high frequencies. To get a better idea of what that means, take a look at this blog post regarding the reason for the famous ‘Mona Lisa Smile.’

It was very clear to me that when I looked at her mouth, she wasn’t smiling as much as when I looked at her eyes.

Da Vinci’s Mona Lisa smiles in the blurry low frequency, but not in the high frequency texture. Look directly at the lips in the full image on the left, and then at the shadow that suggests a more pronounced smile in the blurred image to the right:

To split an RGB image into it’s low and high frequencies do the following. Create two copies of your background layer (when we’ve finished the following steps, one will be low, one high, and the original background image is kept for reference).

You’ll notice I’ve renamed them to ‘LF’ and ‘HF.’ As you might expect, to achieve the low frequency image, we use a blur. Gaussian Blur the LF layer at a radius of around 15.

The interesting bit is how we turn the HF layer into one that contains only the high frequency data, so we can view it together with the low frequency layer as one composite image. For an 8bit image, select the HF layer, head to Image > Apply Image, and use the following settings:

For 16bit images use the settings in this box:

Hit ok and you’ll have an image that looks like this:

In that layer is all the sharp, high frequency texture detail we’ve been hoping to isolate, against a neutral grey. To tell Photoshop to ignore the unhelpful grey, set the Layer Mode to Linear Light:

Our image should now look like the image below which is indistinguishable from the original (the eagle-eyed amongst you might notice a barely perceptible difference if you look very closely).

If you switch off the Background layer for a moment and toggle the visibility between just the LF and just the HF layers, you’ll notice that the image we now have is a true composite, one layer without the other doesn’t work.

But together we get the full image. The benefit we have now is that we can clone and heal on just the HF, or ‘texture’ layer without affecting the tones, and we also have the opportunity to fix tones and luminosity on the LF layer without ever affecting the texture.

Grab your Clone Stamp (S), making sure it is set to ‘Current Layer’ (we don’t want to carry any of the low frequency information onto the texture layer):

And begin to remove any blemishes by Alt (Mac: Opt)-clicking an area of good texture and painting over the areas of poor texture:

As you can see, the overall tone and lighting has remained, with only the texture affected. It’s not something we can usually do with the Clone Stamp, and the Healing Brush can fall short.

You may notice that this method fails when dealing with hard edges, and areas where there is a dominant tone beneath the texture, such as the rather extreme example below:

For this reason, it’s necessary to start a new layer above your frequency layers, and clone over any problem areas this way. Don’t forget to set the Clone Stamp’s Sample back to Current & Below.


Healing Completed

And here’s a close up of the skin after nothing but some careful cloning, 95% of which was done on the high frequency layer:


Conclusion

At this point, we’ve improved the condition of the model’s skin so we don’t have to worry about print size, we know the blemishes are gone and for many purposes this is far enough. Not for us of course, in the next tutorial we’re going to head into dodging and burning, locally adjusting luminosity to even out tones. Please share and post your comments, and I’ll see you soon!