Color Mode Painting
Painterly or Photo Composite
Embedded Files
Step 1 (thumbs)
Step 1 (thumbs)
STEP 2
STEP 2
upscale to size
1920 x 1080 (for HD format - all other formats research current needs of the industry)
2x's HD is 3840 x 2160
3 x's HD is 5760 x 3240
Do 2 sketches at the same time to keep your interest up and give your client options
Sketch in GreyScale composition
COLOR MODE PAINTING STEP BY STEP APPROACH: (In demo below)
COLOR MODE PAINTING STEP BY STEP APPROACH: (In demo below)
1. 9-12 value thumbnails in grayscale
2. 1 grayscale sketch with more clarity
3. color mode painting - add warm layer and cool layer
3a. refine warm and cool (try adjusting hue sat) adding additional colors all on color mode
4. texture adding (using cg textures)
5. Painting for clarity
STEP 2: Colin Chan - environment for film
STEP 2: Colin Chan - environment for film
Susan Bonner - demo - Paint Light with Warms
Susan Bonner - demo - Paint darks with cools
Susan Bonner - demo - Both Cools and Warms on
Susan Bonner - demo - working with local color
Susan Bonner - demo on Colin Chan's work - last step - You can see the video tutorial below
done in 20 minutes on the greyscale that took 30 min to complete.
PiperFieldsEnvironmentPainted.movDemo by Susan Bonner on color mode painting
Demo by Susan Bonner on color mode painting
from Piper Fields an Colin Chan's Original Color Sketches
1:49 Colin Chan's original sketch -
5:36 Goes over using Textures.com to add density of the image
3:49 Discussion on creating eye flow.
Click to enlarge.
STEP 2: Jessica Newton
After doing the thumbnails spend 5-10 minutes on a greyscale composition try to get a good illusion of space with darks in the front and lights receding in space.
STEP 3: Jessica Newton
After doing the thumbnails spend 5-10 minutes on a greyscale composition try to get a good illusion of space with darks in the front and lights receding in space.
STEP 4: JESSICA NEWTON
consider cool colors in the background and warm colors in the foreground to have good illusion of space.
STEP 5: JESSICA NEWTON
Make your image now 2-3 x hd format depending on the need of your zoom
Using textures.com collect images and paste into and place on your image - don't worry too much about illusion of space at this point - just get an over all texture to allow for physical depth
KCAD has an account for textures - get that from your instructor.
FINAL STEP 6: JESSICA NEWTON - Environment for Film
Use hue sat adjustments and curves to adjust your tones and colors to match your initial sketch
get illusion of space in value by having light in the background and dark in the foreground,
Color is highly saturated in the foreground and low saturation in the background.
STEP 1: COLIN CHAN
Sketch in GreyScale your favorite composition in a larger size - 1920 x 1080
STEP 2: COLIN CHAN
Add warm to your lights and cools to your darks.
This can be added in the layers as a color mode layer with painting over the values.
STEP 3: COLIN CHAN
up your size considering your zoom
paste into from textures.com
STEP 4: COLIN CHAN
Environment for Film
Use brushes to blend edges, use smudge tool set to smudgy nice at 30% to blend edges
Try to get the photo edges to work with each other so it does not look like a collage.
Tutorials:
Tutorials:
Recognize how to use the grey scale method first then color mode painting on top
See the Color Mode Painting Demo on the KCADDLC.org
GLAZING
GLAZING
The traditional oil paint method - Understanding this process will help you know how to accomplish color mode painting in the digital realm - its the same thing!
1. grey scale underpainting
2. glazing
3. scumbling
Vermeer Copy - Glazing Method Explained
for a glazing technique that promises good illusion of space
Vermeer Process Explained (a copy)
see this tutorial to see Feng Zhu Photobash an environment with this method.
Corey McGill - Kendall Student 2015 - See more info and the close ups at his Behance Site
DrawOverEnvironmentIS-KY.mp4Kevin Young - doing a paint over of Ian Sedgwick's environment - review this for clarification of form with lighting.
Click to enlarge
Google Sites
Report abuse