Monday, August 27, 2018

Color and Light Matching for Composites in Photoshop by Frank Bramkamp

Photo composites are a great way to express your creativity and vision as an artist. You can craft images that otherwise cannot be accomplished. Many people shoot landscapes or architecture, which make fantastic backgrounds of a scene. But not everyone has access to models and fine garb. Therefore, using free stock images of models is a viable alternative. A good resource is e.g. http://www.deviantart.com | faestock.deviantart.com | jumeria-nox.deviantart.com | kuoma-stock.deviantart.com

Whenever using free stock images, you should mention the source and carefully read the terms of use. Also seek permission to use other people’s photographs if they don’t have a terms of service.

Since the model has typically been shot in a different environment than you used to photograph your background, one of the occurring problems is to match the color and light, which is essential to make the final composite believable.
What is most important to me is that any composite scene is first most believable, so that it conveys a story. My ultimate goal is to integrate the images well enough that you can’t tell it’s a composite. I feel that the viewer can’t truly appreciate the image with distractions from technical oddities, so I work hard to remove them from the composites I create.

by Frank Bramkamp, Hobbyist photographer

Selections Tip

Cleanly selecting out a model is much more elaborate process than replacing a sky. Most of the time I only use the tools inside Photoshop, like the Quick Selection tool. When doing this, you’ll notice color fringing around the subject. Be careful as this is extremely important to remove. Any fringing will immediately make your composite look like a composite. I suggest that you proceed in small, careful steps refining the selection based on the image’s edges.
After you have a clean selection without fringes, use a small radius blur and darken the midtones to be rid of any tough spots. The blurring will help the transition of the subject’s outer edge and will blend it with the background.

For geometric selections, such as machinery, architecture, or vehicles, use the Pen tool to create a path. This gives you full control over the selection, and you can go back for fine detailed adjustments later. The Pen tool makes easy work of machined shapes.

Color Adjustments

After retouching the model into the background, adding shadows, dodging and burning, I use Exposure for the final color adjustment. A global color adjustment to the final composite is a huge advantage. It harmonizes the colors of the different images in the piece. Photos from different cameras, taken on different days with different color temperatures, need this final touch to bring them together.
My secret weapon for color matching is to use the Average filter in Photoshop. This will produce a representative color for the background image. The layer filled with this color, set to the Color blend mode at a low opacity, will allow you to mask out trouble spots.  

Grain

Another benefit of Exposure is its beautiful grain. Again, most of the images in a composite are completely different at the start, and anything you can do to bring them together is worthwhile. The images may already contain grain, so adding a little extra will help unify the image, as well as blend in any selections. I also like to add dust and scratches, and the other texture overlays that Exposure can offer. I like to accentuate the vintage look, which fits nicely with historic scenes.

P1 Materials due tomorrow and compositions due in class! Check point 1 + 2

Hello Students! Hope you have had a nice weekend...

Please have your P1 materials ready (check 1) as your P1 compositions will be due in class tomorrow based on the materials you bring (check 2.

I would like for you guys to get into the habit of pushing your creative limits and not settling for the first thing that comes to mind, so most of the class tomorrow will be dedicated to your compositions (paper and pencil). If you are ahead and want to bring those ready, then when approved, you will be digitiizng your idea in Photoshop.

Project 1 will be due on 9/6, and an updated Syllabus schedule was posted.

We have a lot to do tomorrow, so come ready to show progress!

Thursday, August 23, 2018

P1 FREE stock image site for those of you needing an extra picture

https://pixabay.com/en/stars-nightsky-milky-way-darkness-1246590/

I would prefer students to use their own photos, but if you are struggling to complete your composition because of one image, you are allowed to use a stock image (as long as you clear it with me first). This is not encouraged, but accepted if it makes the piece stronger. Only one stock photo per student will be allowed.


Tips and tricks for a great composite

10 Things You Need to Know About Compositing in Photoshop

http://www.graphics.com/article-old/10-things-you-need-know-about-compositing-photoshop


Free backgrounds and Tutorials

http://compositeplanet.com/


Composite Tutorials

http://planetphotoshop.com/creating-a-compelling-photo-composite-in-adobe-photoshop-cc.html

http://www.apogeephoto.com/feb2015/creating-composite-images-in-photoshop.shtml

Project 1 Help - More on Compositing

https://www.smashingmagazine.com/2010/12/compositing-in-adobe-photoshop-time-saving-tips/


http://www.digitalartsonline.co.uk/tutorials/photoshop/advanced-compositing-techniques/#8


Composition  and elements and principles of design an important part of this project's success!

Composite Images in Photoshop

A composite can be defined as an image that is comprised of more than one image. For example, when you have a lake and you put an image of a lake into this picture, you’ve created a composite.

Composites - can be created in many ways, one way is to have two images open and using the move tool, drag one image onto the other. More details here: https://helpx.adobe.com/photoshop-elements/key-concepts/composite.html


Layers - how they affect your composite In Photoshop, one of the most important panels is the Layers panel. Layers are transparent except for any objects you add on them. They are stacked on top of each other and each new layer and the objects on them adds to the file size. Layers can be moved (re-ordered), locked, temporarily hidden, merged (temporarily and permanently), and deleted.

Naming layers
The more layers you have, the more confusing it becomes. To avoid confusion, it’s best to name every layer. Especially if your teacher needs to review your work. For example, if you fi lter an object, add the name of the fi lter to the name of the layer.

Layer tips
Most images begin with a background layer that is locked. It is best to keep it that way - just duplicate a layer if you want to edit it.
When using painting and/or adjustment tools, make sure to start with a new layer. If not, you will edit an object and not be able to undo it if needed. More on Layers here: http://photoshopcafe.com/tutorials/layers/intro.htm  or here: https://helpx.adobe.com/photoshop/using/layer-basics.html
Blend modes in digital are used to determine how two layers are blended into each other. The Blend modes can be found on the Layers Palette. The Blend modes determine how a particular layer blends with the layers below it. The Blend modes are very useful because they determine how a layer will affect the look of an image. Changing a layer to a different Blend mode can have a very dramatic effect on the appearance of an image. More on specific Blending modes here: https://helpx.adobe.com/photoshop/using/blending-modes.html

Modifying a Composite
Composites may need to be altered once the images are combined. For example, if the size of the image is too large, you can use Edit > Transform > Scale. Tip: Tip: Use the History panel and snapshots to undo or re-do, or Command +Z

Special effects
For special effects, you can:
1) Use a filter (found on the menu bar). Choose Filter > 
More on filters here: https://helpx.adobe.com/photoshop/using/filter-basics.html

2) Make the edges soft by adding a feather. Click in a blank area with the magic wand on the layer of the object. Then, go to Select > Modify on the menu bar. Then, increase the feather radius to 15 or more. Finally, hit the delete button to the desired e ffect.
3) For a box of color around the image, you could add a stroke (under Edit > Stroke).
4) To give the whole object an overall color change, you could go to Image > Adjustments > Hue/Saturation. 


Coordinating Color
To coordinate the color of text, make sure to use the eyedropper tool to select color from image.

Great review and tips on Photoshop Composites - HELP for P1

http://photo.net/learn/digital-photography-workflow/advanced-photoshop-tutorials/intro-to-compositing/

Composititon/collage inspiration

https://www.instagram.com/art.side/

Selecting Hair, Fur, Grass and any other "fuzzy things" (Update on 'Refine Edge')

Great resources:

https://www.youtube.com/watch?v=K0QDp6umxy0&feature=youtu.be

https://www.youtube.com/watch?v=j3gnMlHGg-I&feature=youtu.be&mc_cid=fd179ae138&mc_eid=b5a8983ba8

https://helpx.adobe.com/photoshop/using/select-mask.html#LaunchtheSelectAndMaskworkspace

Lynda.com 10 Day FREE trial

If you would like to take advantage of the 10 FREE days on Lynda.com, my suggestion is that you follow the "essential" courses in Photoshop, Illustrator and In Design. Obviously, that is too much material to cover in 10 days, so focus of Photoshop CC Essentials course for now.

Here are the chapters I am touching on for this course:
Chapter 1, 2, 3, 5, 6, 10, 11, 9, 12, 14, 17, 20

Chapters 1, 2 and 3 are the foundation, so soak it all up... The following chapters, try to get at least the introduction sub-chapters down. It's not necessary for you to know all of the details of all the chapters for this level.






Wednesday, August 22, 2018

TUT 1 - Chapter 6 delivery in D2L dropbox

Hello Students,

Please deliver ONLY your final images from the tutorial in a JPEG format. All the JPEG images need to be placed into a folder.

Then, select the folder in your desktop, go to FILE > COMPRESS. This "zips" your folder into a single file.

You must upload this zipped file into the dropbox in D2L

Thank you
KL

Monday, August 20, 2018

Photo restoration and coloring Tutorials to help with Exercise 2

Please go to the following links and complete both tutorials using an old photograph found here:

https://www.google.com/search?q=Old+Black+and+white+damaged+photographs&tbm=isch&tbo=u&source=univ&sa=X&ved=0ahUKEwiTnN7kgqfKAhWDPj4KHe8hAnsQsAQIHA&biw=2789&bih=1476&dpr=0.8

Make sure that your photo of choice has a minimum resolution of 1000 pixels either in height or width as seen below, as you roll over the mouse over the pictures:




Tutorials:

http://design.tutsplus.com/tutorials/professional-photograph-restoration-workflow--psd-714

http://www.worth1000.com/tutorials/161018/tutorial


This is a practice exercise... Don't stress!

Restoration & Adjustment of a Picture

 We will be covering this on Monday!

1. Adjust vs. Restore
    A. When would you adjust an image?
         • Different types of tonal problems: Lighting, color
         • Other problems: blur, noise, and red eye
    B. When would you restore an image?
         • To get rid of tears, bends, scratches, etc. on an image -- found mainly on older, hard copy pictures
         • To remove an object from an image
         •  When would you use both????

2. Restoring images

 PART I: Precursor to restoring an image
         • Protect the image – scan it (if it isn’t already a digital image)
         • Determine the client’s needs
Tip:  If your image size is small, but the resolution is high, go to Image > Image Size and uncheck the Resample Image box. Then, change the resolution down. This will increase your width and height seamlessly.

PART II: The four (4) restoration tools, their similarities and differences

> Clone stamp
         • Requires source (use click-ALT/option)
         • Copies exact
> Healing brush
         • Requires source (use click-ALT/option)
         • Matches lighting, texture, etc.
> Spot healing brush
         • No source required
         • Matches lighting, texture, etc.
> Patch
         • Draw a selection around desired source
         • Matches lighting, texture, etc.

> The New Content-Aware option
         • With a selection tool (such as the lasso), select the area
         • Then, Go to Edit > Fill > Use: Content Aware
         • The wider the area, the longer it will take to work

 PART III: Beginning steps to restoring an image

1) Save a copy of the file as: yourlastname-filename.psd
2) Duplicate the background layer. Make sure both layers have the same image in the thumbnail on the Layers Panel.
3) Rename it as: Patch only
4) Crop and rotate your image as needed.
5) On the Patch repairs layer, make all tonal changes (color, contrast, tone). Make these changes under: Image > Auto .... or Image > Adjustments
6) On the Patch repairs layer, use the filter to fix scratches and spots. Make these changes under: Filter > Noise > Despeckle or Dust and Scratches
7) Lock Patch repairs layer. Only unlock this layer when using the patch tool and the Edit > Fill > Content Aware option
8) Create a BLANK, new layer. Make sure this new layer does NOT have the image in the Layer’s thumbnail.
9) Rename this layer as: Clone and Healing
10) Save your file again.

PART IV: How to use each of the four (4) Restoration tools

 Clone stamp
a. From the Options bar, determine:
         • determine whether you should use a hard or soft brush
         • choose the size of your brush
b. Uncheck the aligned box
c. From Sample, choose: current & below
d. Sample from a good area using alt/option-click
e. Continuously click to replace the bad area (don’t drag)
f. Resample as needed
g. Take snapshots often (delete old snapshots periodically)

Note:After the first time you alt/option-click, the center of the brush will show the color of your latest source.

Healing brush
a. From the Options bar, determine:
         • determine whether you should use a hard or soft brush
         • choose the size of your brush
b. Uncheck the aligned box
c. From Sample, choose: current & below
d. Sample from a good area using alt/option-click
e. Continuously click to replace the bad area (don’t drag)
f. Resample as needed
g. Take snapshots often (delete old snapshots periodically). Tip: Use the selection tools to isolate an area that is difficult to repair.

Spot Healing brush
a. Fit your image to the screen -- Command-zero. You don’t have to zoom in closer to find more spots if your image will not be
printed out as a large hard copy
b. The brush size should match the spot size
c. Click to select the Sample all Layers box
d. Use the tool to click on spots to remove them. Drag to fix larger areas.
e. Take snapshots often (delete old snapshots periodically). Tip: To move around in an image that is zoomed in close, just hold down the space bar and your tool will turn to the hand tool.

Patch
a. Unlock the Patch Repairs layer
b. From the Options bar, make sure Source is selected
c. From the Options bar, make sure Transparent isn’t selected
d. Circle a bad area with the patch tool
e. Using the Patch tool, move the selected bad area to a good area
f. After using the Patch tool, lock the layer again.
g. Take snapshots often (delete old snapshots periodically). Tip: When the patch doesn’t replace exactly as needed, use Refine edges – steps given here:
         • Using a selection tool, closely select the unwanted area
         • Use that same selection tool to move the marching ants (the actual selection, not the area selected), to a good area.
         • Choose Select > Refine edges
         • Change to the move tool and hold down alt/option.
         • When you drag back to the bad area, you will create a duplicate to replace the bad area.

Adjusting images
a. Different methods for fixing problems:
         • One-step: Autos
         • Options: Image > Adjustments
         • Manual tools found on Tools Panel: Dodge, Burn, and Sponge
b. Basics of the color models:
• The RGB color model forms the most basic and well-known color model. The letters stand for the following colors in order: red, green, and blue. Additive colors are created by mixing spectral light in varying combinations. This color model shown above, is based on light. The most common example are those colors found on a TV or computer screen.
• The CMYK color model stand for the following colors in order: Cyan, Magenta, Yellow and the key color Black. These are subtractive colors which are created by laying color upon color with ink on something printed.

Adjustment Tools

(1) Adjustment Layers in Photoshop allows you to make adjustments in your photo in a separate layer, maintaining the original photo's integrity.  You can also use them in conjunction with other features such as Blend Modes and Opacity.

In order to add an Adjustment Layer, you can select the Layer menu and choose "New Adjustment Layer" and select them from the list, or from the bottom of the Layers panel, you could select the Adjustment Layer icon and then select from that list.  

Don't confuse them with the options under Image > Adjustments. All of these adjustments under the IMAGE menu are permanent adjustments, meaning that if I apply one of them to my image, and then save the image, it's going to be very difficulty, if not impossible, for me to undo those adjustments.



Under the IMAGE menu, there are auto adjustments and changeable adjustment. See below:

(2) one-step adjusting - called Auto


(3) Adjustable tools that you can change -most are found under Image Adjustments


Under the tool box, you will also find other ways to adjust your image with the following tools:

(4) Adjustment tools on the Toolbar 


Finally, adjustment tools can modify different features on an image such as:
1) Lighting
2) Color
3) Blur

Exercise 1 - Submission Directions

When you complete Exercise 1, please follow instrunctions bellow:

1. File > Save as > Appropriate naming in a JPEG format. I do not need/want any other type of files. Just a simple JPEG file.
2. When choosing a JPEG format, please choose "best" for quality.
3. Upload your JPEG file into the appropriate Exercise 1 folder in the D2L dropbox before 9:30 am of this coming Tuesday.

*Make sure your selections are done to the best of your ability... Show me what you got!!!!

Tuesday, August 14, 2018

Photoshop file formats, color modes & color spaces




Understanding Photoshop Images

Any image found on a computer is called a DIGITAL image. For example, an image that ends in the extension “.jpg”, “.tif”, “.psd”, “.bmp”, and “.ai” are all digital images.

Raster images
However, different programs create different types of digital images. Photoshop creates RASTER images. Raster images are created using a grid which is called a BITMAP. This bitmap is made up of many squares which are called PIXELS.

Pixels
Each pixel is only one color and has a certain number of bits (which is how the image is measured in bytes).

Image size
Information about the image can be found under Image > Image size. You can find out the file size, the resolution, the width and height, and the number of pixels in the image. You can also make changes to any of these dimensions.

Resolution
It is the sharpness and clarity of an image. It is measured based on the number of pixels per inch. Standard print resolution is 300 dpi, whereas, the web uses a lower dpi of 72. The pro of low resolution is smaller the size and the con is lower quality. The pro of higher resolution is the good quality of the image, but the con is the larger the size.

Resolution is determined by the number of pixels in an inch. And as you can see in this image below, there are much
smaller and more pixels in the higher res image. Whereas, in the lower res image, there are fewer and bigger pixels. This makes the image look bad (pixelated).
FInding images on the Internet
When searching for images on the Web, make sure to look for medium/large images and then get the full size, not just the thumbnail.

Selection Tools in Photoshop

Overview of Selection Tools:
Selection tools are one of the most important skills to master in Photoshop. In fact, a considerable amount of the work you will complete in Photoshop will require the use of a selection tool. These tools allow the user to accomplish many tasks including singling out a portion of a picture to be edited or to be placed in another picture (thus creating a composite).

The key to a good selection is knowing which tool will do the best job and having precision in the use of that particular tool. There are different types of selection tools:

1. Marquees
– there are selection tools that can be used to select a wide, non-precise area using a geometric shape. An example is the rectangular marquee which can be used to create a frame around a picture.

Marquees – these selection tools are geometrically shaped (squares, circles, etc.) and are for wide area, non-precise selecting.
• Rectangular (one use can be to create frames around an image)
• Elliptical (for circle or oval shaped selections)
• Single Row (selects a row of pixels)
• Single Column (selects a column of pixels)

2. Lassos & Quick Selection - there are selection tools that can be used to select an unde fined area or a precise area such as an object that will be extracted from the image. These selection tools are called lassos and the quick selection tool.

• “freehand” Lasso (used to select organic [unrestricted, irregular] shapes)
• Polygonal (used to create a selection via unconstrained straight-edges)
• Magnetic (selection is created based on color.)
Quick Selection

The newest tool added that often works more effectively than the lasso tools.

3. Magic Wand – used to select large spaces of one solid colors. . In this case, the selection process is very easy -- essentially just one simple click!


Now, open a few pictures and practice!!!

Knowledge base and resources for next class

Below are the Photoshop topics we will be covering on Thursday... Please take some time to look into the links below and get acquainted with the Application prior to class:

Introduction and Navigation to Photoshop
• Discussion about the uses of Photoshop. • Opening/Closing documents.
• Maximizing view.
• Preferences & Interface

• Panels & Workspace Arrangement (WINDOW>all panels) • Tolls, nested tolls, and custom tool bar (EDIT).
• Short cut Keys + Holding it to go back and forth.
• Multiple Tabs/documents open + dragging documents + other views (WINDOW>Arrange)

• Selection Tool
• Zoom: command+/-/1, scrubby zoom, marquee, scroll bars & Navigation panel
• Panning: space+command=zoom in, space+command+option=zoom out.
• Rotating view tool: like sketching > (Reset View)


Resolution & File formats
Understanding how the computer displays images and how this affects the way in which you choose the photos you use for an assignment.
• File fomats (List on blog)

• Color modes
• Color Space
• Resolution. Discuss ways in which file sizes can be changed: color mode, resolution, flatten image, and file dimensions.

• Resize x re-sampling images
• Undo (EDIT> undo), command +z, & History Panel (Preference- es>performance>50), Revert it.
• Crop image size/canvas size


Selection Tools
Selection tools are used to contain an area of an image that will be modified while the rest of the image is protected:
• Marquee, Lasso, wand
• Transform selection: shift=+, option= -

• Selection into masks & touch up 


Here are some resources where you can get and practice the information above:

https://helpx.adobe.com/photoshop/tutorials.html

https://www.youtube.com/watch?v=xS5uh5TCXcU

http://lifehacker.com/5753459/learn-the-basics-of-photoshop-in-under-25-minutes 

Give someone a fish X teach them how to fish

IN CLASS WORK X OUT OF CLASS WORK

I want to use in-class time as effectively as possible. I will be sharing some video/technical demos during class, but the bulk of your instruction will happen outside of class time via assigned readings, research, projects, and tutorials. This approach will also help you become familiar with the vast amount of resources available to you,so that you can continue to learn technical topics after this class has concluded (e.g. learning how to teach yourself as a valuable life skill).

Wednesday, August 8, 2018

Quick Introduction

Hello Students,

In this course, you will learn the basics of three Design Applications: Photoshop, Illustrator and In Design. As Artists, it's important to know how to promote ourselves and learn different methods to use our creativity. The focus of this course is on the identification and exploration of the use of current technologies, with emphasis on digital presentation and documentation technique for use in creative and presentation applications. Basic concepts relating to the elements and principles of design of two-dimensional forms will be incorporated.

This blog will be our MAIN point o contact and resource deposit. I encourage you to 'follow' the blog, so you can get notifications of new posts. Otherwise, you must check the blog on a daily basis, to make sure you do not miss crucial information or resources.

We will also utilize the blog not only as a feedback/critique tool within our classroom, but we will also showcase our work here and have peer reviews!

Because the blog is accessible even on smart phones, it's your responsibility to gather the information/activities/resources placed here at all times.

Make sure you have your text book, as we will be completing tutorials from it right away.

I look forward to meeting you on Tuesday!! We will have fun, and produce amazing projects in this class!

Katia Lord
Your Instructor