Tutorial 2 - Select the perfect replacement color

In this second tutorial of the series, learn the theory behind selecting the perfect color for your photo editing. Concepts such as saturation and the color wheel are covered in this illustrated step by step tutorial.

Tutorial 2: Color Selection



Step 1: Select An Image

Use the plus sign to select a new photo (1) or update a previously edited image by tapping it (2).




Step 2: Add a color

Use the plus button (1) to add a new color.  Doing so will add a color button and open the color selection tool, which allows you to select any color you desire.




Step 3: Select a Color from the Wheel

You can tap on any color on the color wheel to select it for your image. For this tutorial, tap your finger on a blue area of the color wheel to select a blue hue (1). As you change colors, the button on the menu bar updates accordingly.




Step 4: Adjust the Saturation

Saturation ranges from 0 (dull, gray) to 100 (lurid, vibrant). Values under 60 tend to work best for realistic photo editing.

Move the first slider to the halfway point (1), which will mute the blue already selected. As you do so, the color wheel adjusts in real time to help you select complementary colors with similar saturation.

Exit color selection by tapping onscreen away from the selection box (2).




Step 5: Outline the object

Switch to draw mode (1) and create a loose outline of the object to recolor (2), in this case the house. The draw mode will automatically use the blue color you selected.

See the additional information section at end of this tutorial for larger images showing line placement.




Step 6: Mask the remainder of the image

Select the color mask (1) and outline areas you wish to preserve, such as the sky and grass (2).  This will prevent them from also changing to your selected hue.




Step 7: Render the image

Use the render button (1) in the upper right hand corner to generate the blue image of the house. Use the "Hide Lines" (2) button to view the image without the previously drawn outlines.




Step 8: Reload the selection screen

If you a prefer a different color than the blue you selected, press and hold (long press) the color button you created (1) until the color selection tool appears, the long press allows you to choose a new color that applies to the lines previously drawn with this color button, saving you time so you don't have to erase and redraw your lines. (You will see this when you select a new color in Step 9. )




Step 9: Fine-tune your colors

In color selection, you can use the color wheel and saturation to select colors, as discussed above.  You can also make use of the red, green, and blue sliders for finer control.

The RGB sliders are predictive, showing you what color will be created as you move a given slider up or down.  For example, with the red, blue and green sliders using a dominant blue value  from your earlier selection, you will notice that the red slider shows shades of purple.  This means that as you move the red slider toward those shades, you will create them. Move the red slider to the purple color (1).  




Step 10: Leave the Color Selection tool

Tap the background again (1) to close the Color Selection tool. When the tool closes, all the lines you previously drew with this color are updated (2).  




Step 11: Render the image

Press the render button (1) then Hide the lines (2) to see the house in it's pretty new pink color.


Additional Information

The following images provide better quality snapshots of the steps in this tutorial. They correspond to the original image in step 2, the line placement from step 10, and the final image in step 11. Click on any image to get a larger more detailed view of line placement, color distribution, and before and after effects.