Identify Image Color Profile

I’m having an issue where select images I’m importing to the web are missing the sRGB color profile. This is resulting with the color getting massively altered on the web to the point that the product color is unrecognizable–a brown shoe on a white background appears as dark green shoe on a light grey background. I believe a batch or 2 of photos were processed in photoshop and by accident the color profile was not converted. Normal procedure is to batch edit and convert to the required color space for web photos: sRGB.

I was frustrated I could not organize my files by color profile with the built in finder on my Mac. Nor would “Get Info” show me the associated color profile for an image. If I were working on PC the “Properties” inspector would allow better functionality and certainly show this tag. As a workaround, I begin investigating and the internet was suggesting ExifTool as a possible solution. This is a free source coding program that I learned about. I hoped to use it to view and change the color profile on images to make sure they would be compatible with sRGB color profiles required for web pictures.

Hours of searching and reading other websites went by, and I learned just enough to know I really didn’t know anything.

I found this guide to install and use ExifTool on Mac or pc. ExifTool allows you to script with the “terminal” app on Mac OS X. Once installed you can drag and drop your files and click enter/return to view corresponding tags and metadata.

I still needed to learn how to batch edit the color space tag for .jpg files that are undefined.

Stack Overflow Solution 

How to set a color profile with exiftool

For exiftool to add a color profile, you need a profile.file 
You can extract this from any JPEG image by:

exiftool -icc_profile -b somefile.jpg > profile.icc

Then attach this profile by using

exiftool "-icc_profile<=profile.icc" yourfile.jpg

–Lelouch Lamperouge


Alas, Photoshop ignores the color profile and calls it invalid. Reading the same “undefined color space” as before when the file is opened.

The Adobe Solution

Ideas that don’t involve scripting on Mac via the terminal app, namely Adobe functionality:

Advice to batch edit photos with Adobe Bridge:

Create a Action in photoshop that converts to sRGB not assigns and then select photos in bridge and tools> photoshop> batch and run the action.

 Doug R

My normal process to save images for web with the correct color profiles is to use the built in photoshop script, the image processor. This allows you to use an action, save a specific file size, save in a specific location, add ICC color profile and convert image to sRGB color space. In Adobe Bridge, you can run this batch edit script by going to the top menu and selecting, “Tools > Photoshop > Image Processor”

Another answer from the internet points to Adobe Bridge:

Since you have Photoshop, you have Bridge. Open Bridge, point it at your folder of images to sort, and open the Filters panel. It has Color Mode and Color Profile categories, with a count of each type of image in that folder. You can click check marks in the left column to hide/show each type. From there you can isolate each type so you can do mass tagging or dragging into other folders for organization.

That’s all. No need to install any other applications or plug-ins, no need to create smart collections (though Bridge can do that too).

Adobe Bridge – Organization by Color Profile

how to sort images by color space in adobe bridge

So there you have it, after countless hours attempting to learn ExifTool to write color space tags with the terminal … I have completely given up on the script workaround. Luckily, I own Adobe products and Adobe Bridge is an app I can use to sort images, as well as batch edit color profiles when using in tandem with photoshop actions. The end result is to save all images with the save for web format and color space “sRGB” so that all browsers are able to view the intended hues in the image. Additionally, the importer won’t distort the color of product photos when publishing them to the web.

Adobe Bridge also allows you to add metadata to your images without learning a new scripting language like ExifTool. Industry Dev outlines this process in their post, Adding Metadata to Photos Using Templates in Adobe Bridge.

Product Photo Tips & Tricks

What is the easiest way to change the image background in Photoshop? 

 

Wiki How – this seems like the old way to change a background color. I’m looking for a more efficient way to accomplish a task needing to be done in repetition. Ideally something we could do with a batch edit… but lets not get ahead of ourselves. >_^

 

How to Select and Change Colors in Photoshop by PHLEARN on Youtube

This tutorial is quick and easy and uses photoshop magic. 

Steps: 

Select Color Range

  1. Create New Layer
  2. Go to: “Select” > “Color Range”
  3. Select dropdown: Sampled Colors
  4. Use eyedropper on the background of the image
  5. Selection Preview: Grayscale (anything white/#ffffff is selected)
  6. Drop the Fuzziness slider & use + and – eyedropper tools to refine selection
  7. Click “OK” when the background is selected

Add a Hue/Saturation adjustment layer 

  1. Go to: “Layer” > “New Adjustment Layer” > “Hue/Saturation”
  2. Click “OK” (Selection is now applied to a mask on a layer that controls color)
  3. Change sliders for desired color / effect.. 

This tutorial uses the hue slider to change the blue background to a teal background. Upon testing I learned that lightness slider helped me achieve the desired effect. The goal is to change the background color to white background for all product photos.

However, the photos I hoped to remove the background from have a beige backdrop with lots of wrinkles and shadows .. so I’m still looking for a better way to remove the beige and get a white background for the product photos. Regardless, it was a cool trick and a great place to start. I may still need a combination of other selection tools. Putting this brand on the back burner for now…

Steps above learned from the video posted below (0:55-3:55)

 

 

Photoshop Makeover

Photoshop is used all over the media. Many people who learn how to use Photoshop are looking to learn how to touch up their photos. This unit is going to take this idea of a “Photoshop Makeover” and introduce some key tools and tricks when editing. I’ve compiled various video tutorials that will teach the skills necessary to create your own Photoshop makeover projects.

1) Clone Stamp – A retouching tool in Photoshop that allows a user to copy a selected area and paste it over another area in order to cover blemishes. | Online Expert

The clone stamp tool can be useful and a great place to start. I grabbed a real quick tutorial on how to make this tool work to clean up skin blemishes. To use the clone stamp press the [S] key and [alt+click] pixels you want to clone and than click on your picture where you want them to appear. *Note: Re-sample pixels often to avoid a stamping effect.

Photoshop CS3 Tutorial – Clone Stamp Tool

2) Healing Brush – A retouching tool in Photoshop that allows a user to copy an area and drag it across another area of an image to mix pixels and blend color tones in order to cover blemishes. | Online Expert

The first tool in the tools palette that comes to mind when editing the skin of a portrait is nested under the Band-Aid icon (healing brush). In comparison to the last tutorial you will notice that the healing brush tool has been chosen over the clone stamp tool. This is because the healing brush blends light and texture as well as re-samples pixels [alt+click] from one area of the picture to another. When using the spot healing brush, remember to zoom in close enough and minimize the surface area of your brush and use a brush just large enough to cover the blemish you are retouching.

3) Patch – A retouching tool in Photoshop that allows a user to select an area by lasso and replace it with a different selected area in order to cover blemishes. | Online Expert

The patch tool is similar to the spot healing brush tool except the path tool allows for free hand selection.  To use select the patch tool nested under the (Band-Aid icon) healing brush tools. Create a selection as if you were using the lasso selection tool, than drag your pixels to the surrounding area and fade the action immediately. To fade an operation on a mac the shortcut is [command+shift+F]. Armenta claims it’s a “great tool for neck line, singular strands of hair in front of the face, and larger blemishes.” Let’s see what Sean Armenta has to teach about Photoshop healing tools.

How to use the Healing Brush and Patch Tool | SA

4) Gaussian Blur (also known as Gaussian smoothing) is the result of blurring an image by a Gaussian function. It is a widely used effect in graphics software, typically to reduce image noise and reduce detail. | Wiki

This next video walks the viewer through a simple Photoshop makeover. The author uses the following tools and adjustments for this makeover: duplicate background image [command+J]; spot healing brush tool to paint over blemishes; eyedropper tool to pick skin color [alt+click]; brush tool with transparent opacity to edit effects through layer masks; Gaussian blur 5 px for an airbrush effect; curves layer adjustment for eyes and lips; lastly use the burn tool at 30% to darken the eyelashes. Careful when editing because you, “do not want to create a plastic doll” effect.

Photoshop Makeover Tutorial: Intermediate CS4 Walk-Through [In-Depth]

5) Texturizer – [Filter->Texture->Texturizer] You can use the default textures (Brick, burlap, Canvas, and Sandstone) or install your own. This option allows you to adjust the scaling, relief and lighting of the texture. | Echo Enduring

Good, now you can perfect the way a person looks in a portrait with basic editing skills. Next we will learn how to apply makeup to a portrait of a woman with no current visible make-up. This next video is roughly 18 minutes long and teaches us how to: create eye shadow, lipstick and other simple make-up touch-ups. The author uses several tools and skills to add make-up to a portrait of a young woman. Such as: hue layer adjustment; layer mask; brush tool; blend mode = eye shadow;  smudge tool (possibly burn tool) & blur effect for eyelashes; texture layer, Gaussian blur, colorize & hue, layer mask & brush tool = lips; Color Picker, brush tool (75%), layer mask, feather selection = blush. Let’s see it happen.

How to add Makeup in Photoshop

6) High Pass Filter – [Filter->Other->High Pass] Duplicate layer you’s like to sharpen and run High Pass filter on it. Now set the blending mode of this High pass layer to Overlay or Soft Light. | Echo Enduring

Alright so once you have worked with Photoshop makeovers it’s important to start paying attention to the details. This next tutorial focuses on my favorite aspect of portraits. The Eyes! You will learn how to use several tools and effect such as: zoom tool, light source awareness, color sampling,  brush tool, blending modes, Gaussian blur, masked curves adjustment layer, sharpen tool OR high pass filter.

How to Color, Brighten and Sharpen Eyes in Photoshop!

Overview of 9 different techniques | Photoshop Training Channel

a) clean white in the eyes: create new layer, select healing brush tool [sample: “all layers”] (hold [alt] intermittently)

b) select iris and pupil: elliptical marquee tool [alt+shift+spacebar], when your satisfied with your selection copy it to a new layer [command+J]; [filter->sharpen->smart sharpen

c) curves adjustment, layer mask, brush tool, blending mode “luminosity”

d) dodge & burn tools; layer mask, use small brush tool and follow shadows and highlights you see in the image

e) brightness; new layer , white brush tool, blending mode: “overlay”

f) hue, saturation & lightness; layer mask, curves adjustment Blue, Green & Red channels

g) gradient fill adjustment layer, select one eye at a time, click rainbow swatch, change style to angle, blending mode: “color”

h) pupil highlight; new layer, create magenta highlight with brush tool to the right corner of original highlight, change brush color to white and color center in white

i) vignette; [command+option+shift+E]

If you are like me you still want to know more about how to enhance the eyes on a portrait you are editing (I’m making a note to create a lesson especially for working with eyes in Photoshop soon). For now, If you desire to sit in on a (25 mins) tutorial, check out this video.

Creating Amazing Eyes

So take those great tips you just learned about eyes and now learn a different way to make the rainbow eye effect! This video is not professional by any means and uses the Gaussian blur filter vs. the gradient adjustment layer to create a rainbow eye effect.

Photoshop CS4 Rainbow eyes tutorial

7) Blending Modes – Photoshop and Elements allow for layer blend modes that change the way layers react with each other. Some of them you will use in every day work. If you have a photo that is too dark, for example, many times a quick fix is to duplicate the photo layer in the layers palette and change the duplicate layer mode to Screen. If a photo is too light it can sometimes be corrected by duplicating the photo layer and changing the layer mode to Multiply. | North Lite

Can you say glamour? Who doesn’t love that girl’s glamour skin glow effect? The author does the folowing edits to create this effect: copy bg layer; blending mode: “overlay;” Gaussian blur ~20px; layer mask only the skin, brush tool & vibrance adjustment layer.

Glamour Skin Glow: Photoshop

8) Lasso Tool – used for selections where there is no pre-defined shape, and allows you to selest areas by free hand. Simply click and drag to select the outline of your area. To complete the selection drag the mouse back to the start point. At this point you will see the familiar black and white line of a selection. If you let go of your path half way through it will complete the path for you with a straight line back to the first click. | Shape Shed

Now that you know what to do with general skin and facial edits let’s move on to editing hair! The author uses the lasso tool to make selections of hair from the same photo and copies them to a new layer. He edits this new layer with the free transform edit option. [Command+T] when resizing the layer hold [Command+shift+T] to retain the proportion of the layer. Mask out hard edges, and overlap the layers where they need to be incorporated with the rest of the image. Repeat this process until you have a full body of hair. This exercise would be good to try with multiple photos from the same photo shoot. ie; lighting and hair look and feel.

 

Photoshop Tutorial: Hair Makeover Edit: getting that full bodied look [In-Depth]

9) Vector Mask – A vector mask creates a sharp-edged shape on a layer and is useful anytime you want to add a design element with clean, defined edges. After you create a layer with a vector mask, you can apply one or more layer styles to it, edit them if needed, and instantly have a usable button, panel, or other web-design element. | Adobe

On the subject of hair, lets look into learning how to select hair. There are many reasons to select wild hair, or individual strands of hair. For example, you can edit the hue of the hair in your portrait. The author of the next video uses the following tools and adjustments to create a full body hair look and feel. Quick section tool to create a general selection; [alt] deselect background area; Mask selection; in the Mask palette select: “Mask Edge;” set radius to ~20px; lastly use the refine radius brush tool & paint near the end of the hair strands and release. That should give you a pretty specific advanced selection using layer masks.

Photoshop Tutorial: Make Advanced Hair Selections with Masks

10) Liquify – From photo retouching, to artistic effects, the Liquify filter is a powerful tool for every Photoshop user. This filter allows us to push, pull, rotate, reflect, pucker, and bloat the pixels of any image. | Tuts +

Liquify can be a really fun tool, and useful during a Photoshop makeover. There are two main ways it is used for photo editing. Sean Armenta will teach how to use it sparingly and at a very low strength to a professional portrait. He mainly uses 2 Liquify tools,  forward warp tool and the push left tool. Brush density and pressure generally set to 20%, use a much larger brush than you would think you need.  Liquify on both sides of the line you are editing. Push or pull pixels adjacent to the edge. Use short but deliberate brush strokes. Use guides to help align facial structure symmetrically. Remember to use small pushing motions and don’t stretch out your pixel structure too much.

How to Photoshop: Liquify Basics Tutorial by Sean Armenta

 

If you’re not working for a client the liquify tool can be a fun purposeful distortion tool. For example it can give eyes a cartoon effect. I recommend just opening a picture up in liquify and seeing what’s possible to control and what gets too out of hand too quickly. This is what I came up with for my large eyed avatar. W00T!

photoshop edit

 

Photoshop: Large Eyes Effect with the Liquify Tool – Tutorial

 

11) Puppet Warp – intelligent transformation and deformation Photoshop CS5 tool. Puppet warp can be used on selection, layers, and whole photos, to push and pull elements into new configurations. With Puppet Warp, you place multiple “pins” on the image as anchor points. The pins define where image parts remain fixed, and become handles for warping–you drag the pains around to reposition elements of the image. Puppet Warp settings allow for rigid, normal, or distorted pixel fidelity and the pin depth (stacking order) can be defined for layered effects.

This next tutorial teaches how to use puppet warp, clone stamp tool, & liquify for a thinning effect, i.e. an extreme makeover. Begin by making two copies of the original layer. Puppet warp your selection to shrink the image from the sides; the author claims this process is more forgiving than the liquify tool, and that’s why he chose to start with this editing technique. Move anchors strait to the left and to the right (a little up and down is ok).  Use the clone stamp tool to edit away the hard edge from your selection prior to the puppet warp. In the layers palette select both copies of the original layer and [Command+E] merge them together. Use the polygonal lasso tool (nested under the lasso tool) to draw the contour of the new figure (in this case the back). New layer “clone,” select clone stamp [Alt+click] on background and click away the fat. Use Clone stamp to brush away fat on the inside of the back. Use healing brush for any weird spots. Repeat process for the other side. Once the contour of the body fits the size you want the person to be merge the layers [Command+E]. Liquify to shape the body in the way you would like it to look.

Lose Weight In Photoshop | Glazefolio Design Blog

 

Some editors use Photoshop to such an extreme extent, such as the following video. One could argue that a lot has been lost from such an extensive edit. Although it is sort of neat to see it all come together.

100 year old lady made Young and Beautiful again!

Adobe Photoshop Lessons:

  1. Healing Brush & Patch tool; to use the spot healing brush tool press the [J] key and make sure the tool is activated on the tools palette. Click on blemishes surrounded by good skin to “fix” those pixels in the image. It’s better to click around the picture than to drag your cursor like a brush tool. The Healing patch tool is for covering up larger oblong shapes.
  2. Clone Stamp; to use the Clone Stamp press the [S] key and [alt+click] pixels you want to clone and than click on your picture where you want them to appear. *Note: Re-sample pixels often to avoid a stamping effect.
  3. Basic Photoshop Makeover; tools and effects to use and create a basic makeover with: the spot healing brush tool, eyedropper tool & brush tool, Gaussian blur effect, layer masks, & curves layer adjustment.
  4. Make-up; tools and effects necessary for this tutorial are: zoom, hue adjustment, texture, fine tuned brushes, layer masks, and blending modes.
  5. Eyes; we learned how to sharpen, brighten, and colorize eyes through simple to advanced editing techniques.
  6. Hair; advanced selection tools using layers masks, edge refinement and brush tools.
  7. Weight; editing a figures weight can be managed with three main tools and or effects: liquify, puppet warp, clone stamp & healing brush.
  8. Practice; the learning curve is the most difficult part of Photoshop, stick with it and make sure you are using layer masks and copying your original layers. Be careful not to over-do an edit, like when the old woman became young again in that last tutorial. Sometimes it’s good to create a surrealistic environment for your figures and go all out with the editing. Nevertheless, I will save my ideas on that for a different lesson.

Happy Editing!

Photoshop + the Internet

I have been curious about using brushes and plugins downloaded from the internet into my Photoshop CS6.

This video tutorial is to help set up a plugin from the internet on a Mac (if it doesn’t do so automatically).

How To Set Up Photoshop Plugins

Ideally it is supposed to be this simple:

Add AKVIS Plugins to Photoshop (for Mac)

 

So what am I doing wrong?