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.
Thursday, August 23, 2018
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
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!
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.
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
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!!!!
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
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.
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).
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.
• Magnetic (selection is created based on color.)
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!!!
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
• 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
Subscribe to:
Posts (Atom)