|
|
Home >  Service
> Tutorials II
 - Before/After Examples
1. Image Improvements
Improve Image
Improve Selected Areas
|
Before
|
After
|
Steps
| |
|
|
| · | Apply Feather with Radius 10
|
| |
|
|
| · | Select: Draw a Lasso around the cat
|
| · | Feather radius ~15, Apply Feather
|
| · | Feather radius ~15, Apply Feather
|
|
Remove Color Stains
|
Before
|
After
|
Steps
| |
|
|
| · | Click on the white T-Shirt
|
| · | Repeat above steps with other image areas
|
|
White Balance
Highlight Shadows (Flash)
Highlight Image Areas (Reflector)
In the previous example, the flash simulation is very distinctive, causing the image to loose some of it's magic. The following tutorial will show you a more conservative approach, by highlighting only parts of the image, similar to using a reflector panel on location.
|
Before
|
After
|
Steps
| |
|
|
| · | Deactivate Paint Over, Step ~10
|
|
Clone Image Areas
|
Before
|
After
|
Steps
| |
|
|
| · | Set Radius to size of head
|
| · | Pressing the SHIFT-Key, click into the sand above the surfboard
|
| · | Paint over the surfboard
|
| · | Set Radius to 1/4 size of head
|
| · | Pressing the SHIFT-Key, click into the center of the right head
|
| · | In the center of the left head, paint in circles towards the outside border
|
|
|
|
|
| Example 2: Shoreline 100 years ago
|
| · | Pressing the SHIFT-Key, click into a green area of the image (select source point)
|
| · | Using different source points, replace houses with trees and shrubs.
|
| |
|
|
| Replace person in picture with stones
|
|
Washout Effect (Colorkey)
The Colorkey effect enhances a motive in a black&white or sepia colored image. Usually, this effect calls for layers - in CodedColor however you only need to follow a few simple steps.
|
Before
|
After
|
Steps
| |
|
|
| · | Saturation ~ -200 (minus)
|
| · | Eraser Brush: restore the beef on the plate to the original color
|
|
Straighten Horizon
|
Before
|
After
|
Steps
| |
|
|
| · | Click in image: a horizontal line appears
|
| · | Drag & align the line with the horizon
|
| · | Press OK and then Apply Crop
|
|
Improve Contrast & Color
|
Before
|
After
|
Steps
| |
|
|
| · | Increase Saturation by +70
|
|
Remove Artefacts & Scratches
|
Before
|
After
|
Steps
| |
|
|
| · | Noise: Noise Reduction 255, again 255
|
| · | Reduce Saturation by -255
|
|
Remove Red Eyes
Image Composition
Change Aspect Ratio
|
Before
|
After
|
Steps
| |
|
|
| · | Select digital format (4:3)
|
| · | Move bottom right corner to reduce frame size while preserving aspect ratio
|
|
Equalize Histogram
|
Before
|
After
|
Steps
| |
|
|
| · | Move bottom left point to ~50
|
| · | Move top right point to ~220
|
|
Improve Backlight Images
|
Before
|
After
|
Steps
| |
|
|
| · | Alternative: Brightness, increase Gamma
|
|
Replace Colors
|
Before
|
After
|
Steps
| |
|
|
| · | hold SHIFT key pressed and click on the yellow leaf to select the source color
|
| · | Radius ~80, Opacity 100, Tolerance ~85
|
| · | Select a destination color (in this case red) and paint over the leaf
|
|
Crop with Rounded & Softened Edges
|
Before
|
After
|
Steps
| |
|
|
| · | Select: Circle, draw a circle
|
| · | Feather Radius ~ 80, Apply Feather
|
| · | Save image as JPG: choose White as background
|
| · | Alternative: save as PNG to preserve transparency
|
|
Convert to B/W or Sepia
|
Before
|
After
|
Steps
| |
|
|
| · | Effects: Convert To Sepia
|
|
Vignette Effect
|
Before
|
After
|
Steps
| |
|
|
| · | Draw an elipsis, starting from the center of the image
|
| · | Apply Feather (takes a while)
|
|
2. Professional Tools
Soften Background and Retouch Details
The following example unites many of the above editing tools in order to create a perfect photo. With a little practice, you can make professional improvements in CodedColor, that otherwise can only be achieved by much more expensive applications. Make sure to compare both images in full size!
|
Before
|
After
|
Steps
| |
|
|
| · | Rotate on Horizon Line, with autom. Crop
|
| · | Select 4:3 Format, und crop away the right part of the image
|
| · | Mark the background & mountains using the Lasso; apply Selection Feather
|
| · | Soften the selected area with the dialog Basic Effects: User Filter: Blur
|
| · | Repeat the softening, until the background appears out of focus (reduce focal depth)
|
|
Stage Objects (Colorkey with Mask)
|
Before
|
After
|
Steps
| |
|
|
| · | Mark the person in the image with the Lasso
|
| · | Invert Selection, Apply Selection Father
|
| · | Correct the borders using the Retouch Brush: Desaturate with Amount ~100
|
|
Unfocus Background
|
Before
|
After
|
Steps
| |
|
|
| · | Draw a selection around the person
|
| · | Feather Radius ~20, Apply Feather
|
| · | Select Blur, Filter Size 50, Intensity 0.5
|
|
Extract Objects (Transparency)
|
Before
|
After
|
Steps
| |
|
|
| · | Use the Eraser brush to correct spills
|
| · | Press CTRL-C to copy this object including transparency into the clipboard
|
| Hint: if you want to save this object, then you need to use an image format like PNG, which supports transparency.
|
|
Combine / Overlay Images
|
Before
|
After
|
Steps
| |
|
|
| · | Press CTRL+V to copy above object as Layer into the image
|
| · | Call Crop to remove the overlay
|
| · | Radius ~75, Opacity ~50, Mode: Darken, Amount ~50
|
| · | Darken the "dark side" of the moon
|
|
Colorize B/W Image
|
Before
|
After
|
Steps
| |
|
|
| · | Open Paint tool, activate brush
|
| · | Feather ~75, Blend Mode: Colorize
|
|
Replace Background (Mask)
|
Before
|
After
|
Steps
| |
|
|
| · | Open person image in editor
|
| · | Draw a selection around the person
|
| · | Open jungle image in editor
|
| · | Position the layer and click Merge layers
|
|
Replace Background (Fill)
|
Before
|
After
|
Steps
| |
|
|
| · | Load an image with a nice sky in the Texture panel. Increase/decrease the size.
|
| · | Click in the sky to fill, and play with the tolerance slider
|
| · | Remove spills with the Eraser brush
|
|
Improve Portraits
|
Before
|
After
|
Steps
| |
|
|
| This example uses a large number of tools and is highly dependent on taste, so we list only the basic steps:
|
| · | Change eye color: Red Eye Manual mode
|
| · | Improve skin color: Color HSL, increase Saturation
|
|
Paste into Selections
|
Before
|
After
|
Steps
| |
|
|
| · | Open fish image in editor
|
| · | Copy a square area with CTRL+C
|
| · | Open pot image in editor
|
| · | Select front panel of pot
|
| · | Edit: Paste into Selection
|
| · | Stretch Clipboard image? YES
|
| · | Repeat with side panel and top, except this time also Darken the selected area using the Retouch Brush
|
|
Perspective Correction
|
Before
|
After
|
Steps
| |
|
|
| · | Move top red handles to left & right
|
|
Create Panoramas
|
Before
|
After
|
Steps
| |
|
|
| · | Select frames in Explorer
|
| · | See Panorama topic for detailed description
|
|
3. Objects & Layers
Add Watermarks
|
Before
|
After
|
Steps
| |
|
|
| · | Border Margin 40, Transparency 50
|
| · | Font Color: Yellow Pastel
|
|
Add Text Labels
|
Before
|
After
|
Steps
| |
|
|
| · | Frame Width 50, Background White
|
| · | Click New Label, then click inside image
|
| · | Drag handles to position text and arrow
|
| · | Save Image will create a new image file, so the orginal is not overwritten.
|
| Hint: if you then call Text Labels in the original image, the labels will be loaded again.
|
|
Add Speach Bubbles
|
Before
|
After
|
Steps
| |
|
|
| · | Optional Fill Brush: select a Texture and increase to 200%, set Tolerance 50, Fill Mode Exclusive, Blend Mode Normal, etc.
|
| · | Select a file from Symbols\Callouts
|
| · | Activate Add Clipart as Layer
|
| · | OK, reposition & resize layer, Merge Layers
|
|
Add Clipart Wartermark
|
Before
|
After
|
Steps
| |
|
|
| · | Select copyright.png from Symbols
|
| · | Activate Add Clipart as Layer
|
| · | Size 200%, Transparency 90%
|
| · | OK, reposition layer, Merge Layers
|
|
Design Greeting Cards
|
Before
|
After
|
Steps
| |
|
|
| · | Effects Borders & Shadows: Create a polaroid frame
|
| · | Rotate Layer, Merge Layer
|
| · | Rotate Layer, Merge Layer
|
|
Add Google Map
|
Before
|
After
|
Steps
| |
|
|
| · | Zoom out and position map
|
| · | Add Mask, Add Shadow, OK
|
|
Create Collage
|
Before
|
After
|
Steps
| |
|
|
| · | Select images in explorer
|
| · | Define Width, Height of collage, number of Columns and Rows, background Color for space between images: White
|
| · | OK, reposition layers, Merge Layers
|
| Hint: creating a page layout with the Pixpedia Publisher is more flexible (see next tutorial)
|
|
Create Map Collage
|
Before
|
After
|
Steps
| |
|
|
| · | Search for a location and open a map
|
| · | Press Capture, and then Apply Crop
|
| · | Click Add Layer and load an image into the layer. Repeat for several images.
|
| · | Open Layer options for all layers and define a Shadow
|
| · | Merge Layers and store the collage to a file
|
| · | Add Text Labels to the images, pointing to locations on the map
|
| · | Increase the Frame Width, if the labels overlape the image borders
|
|
Design Page Layouts
|
Before
|
After
|
Steps
| |
|
|
| · | Select images in the explorer
|
| · | New Project: CodedColor Layout
|
| · | Select one or more Page Layouts
|
| · | Add Borders & Shadows, edit text, position image elements, etc.
|
| · | Add Curved Text as title
|
| · | Activate Gradient property for title
|
| Note: Pixpedia Publisher must be installed during CodedColor setup
|
|
Blend Images
|
Before
|
After
|
Steps
| |
|
|
| · | Feather Radius ~100, Apply Feather
|
| · | Open sunset image in editor
|
| · | Position layer above sunset
|
| |
|
|
| · | Open face image in editor
|
| · | Select pale brown as Color
|
| · | Steps as above: insert face selection into tree image
|
|
4. Creative Effects
Pop Art (Colorkey with Color Shift)
|
Before
|
After
|
Steps
| |
|
|
| · | Select person, Invert Selection
|
| · | Select colors with the Pipette and reduce Saturation
|
| · | Apply some Hue Shift to the bathing suit
|
|
Simulate Speed
|
Before
|
After
|
Steps
| |
|
|
| · | Basic enhancements: Color Balance, Straighten Horizon, Flip, Crop
|
| · | Angle 0, Distance 3, Steps 6
|
| · | Paint over surfer and splash
|
|
Oil / Watercolor Painting
|
Before
|
After
|
Steps
| |
|
|
| · | Brush Width 40, Blend Edges
|
| · | Apply to create oil paint effect
|
| · | Activate Apply on top of previous effect
|
| · | Geometric Mean Filter, Size 4
|
| · | Apply to soften edges, OK
|
| · | Increase Gamma, click Apply Changes
|
|
|
|
|
| 2a. Watercolor with paper effect
|
| · | Start with the oil painting from above
|
| · | Tolerance 255, Opacity 50
|
| · | Fill Mode Global, Blend Mode Normal
|
| · | Choose Texture Color Black
|
| · | Choose Texture Size 200%
|
| · | Click in image to fill the texture
|
| |
|
|
| 2b. Watercolor with diluted effect
|
| · | Start with the oil painting from above
|
| · | Blur Amount 0,4, activate Lighten Image
|
| |
|
|
| 2c. Watercolor with paper & diluted effect
|
| · | Start with the oil painting from above
|
| · | Size 70, Geometric Mean filter
|
| · | Apply to create paper effect
|
| · | Activate Apply on top of previous effect
|
| · | Bur 0.5, Sharp 0.5, Clarity 1.0, Desaturated
|
| · | Apply to create watercolor effect
|
|
Water Reflection
|
Before
|
After
|
Steps
| |
|
|
| · | Amount 30, X-Scale 20, Y-Scale 20
|
| |
|
|
| · | Perlin Displacement like above
|
| · | Copy Selection and Paste as new Layer below original image
|
| · | Layer Options: Transparency
|
|
Hamilton Effect
|
Before
|
After
|
Steps
| |
|
|
| · | Blur 0.9, Sharp 0.5, Clarity 0.5
|
|
Highlight Objects (Colorkey with Mask)
|
Before
|
After
|
Steps
| |
|
|
| · | Select the mirror object
|
| · | Invert Selection, Apply Feather 10
|
| · | Blur 0.9, Sharp 0.5, Clarity 0.8
|
| · | Enable Apply on top of previous effect
|
| · | Repeat effect by clicking Apply
|
|
Chalk Drawing
|
Before
|
After
|
Steps
| |
|
|
| · | 1. Oil Paint: Blend Edges
|
| · | 3. Stiple: Size 15, Filter Maximum
|
| · | 4. Blur: Size 40, Intensity 0.5
|
| Note: the parameters for the above filters are highly dependant of the size of the image, so you need to experiment with them.
|
|
Fisheye Effect (Binocular)
|
Before
|
After
|
Steps
| |
|
|
| · | RadiusX 900, RadiusY 900
|
|
Mask Borders
Mask Borders: Filmstrip
|
Before
|
After
|
Steps
| |
|
|
| · | Select the Filmstrip Frame
|
|
Mask Borders: Stamp
Polaroid Frame with Shadow & Text
| |
PhotoStudio
Freeware
Shop
Company
