HUI129: Computer-Aided Industrial Design Coursework
graphics editing techniques in photoshop 
class 1: 9/10  
class 2: 9/17  
class 3: 9/24  
graphics editing techniques in illustrator 
class 4: 10/1  
class 5: 10/8  
rhinoceros 3.D. modeling and techniques  
  • I: interface, toolbars, drawing in Rhino
  • II: precision modeling
  • III: editing geometry
 
due 9/24:
photoshop selection tool basics
make selections
>
to begin, open Selection_Basics.jpg from the practice files folder.
rectangular marquee selection tool
select part of the building
add to the selection
subtract from the selection
>



>










click the Rectangular Marquee selection tool from the left-hand toolbar.

select the building in the image by dragging from one corner to another.

this option creates a selection.

this option adds to the existing selection.

this option subtracts from the existing selection.
>


>




>
adjust the lightness of the selection. 

to adjust the brightness of everything outside of the selection, inverse the selection by selecting Inverse from the Select menu.

deselect by selecting Deselect from the Select menu, or with D.
darken selection
inverse selection
inverse selection
darken inverted selection
deselect
deselect

learn how to use quick selection and lasso tools
>
to begin, open Selection_tools.jpg from the practice files folder.
>


>


>



>
select the Quick Selection tool from the left-hand toolbar.

click and drag across the mannequin to make a selection.

after making the initial selection, the Quick Selection tool will default to Add to Selection mode. 

use the key while making a selection to toggle to Subtract to Selection mode and subtract it from the current selection.
select quick selection tool
select the mannequin
add to the selection
subtract from the selection
add to the selection
finalize selection
make adjustments
deselect
select the Lasso tool from the left-hand toolbar.

toggle to Add to Selection mode in the upper toolbar to avoid losing the current selection.

click and drag to make a selection, enclosing the selection before release.

make adjustments to the selection, then D to deselect.

fine-tune a selection
>
to begin, open Finetune_Selection.jpg from the practice files folder.
>
use the Quick Selection tool to select the garment.

select the Select and Mask... option from the Select menu.

toggle the View to get a better contrast to review the quality of the selection.

use the brushes to fine-tune the selection.

locate the Output To drop-down box in the bottom of the Properties panel. select Selection. click OK.
quick selection
select menu > select and mask
selection mask
click view
toggle view to red
fine-tune selection
output to selection
make adjustments
deselect


exercise from 2017 Adobe Creative Cloud Photoshop Tutorial Article Make Selections.  https://www.adobe.com/learn/photoshop/web/selection-tools-basics

retouch and remove objects from an image
remove small objects
>
to begin, open Delete_Content.jpg from the practice files folder.
spot healing tool
zoom in and set brush size
click spot
heal
continue to completion
>


>




>


>
select the Spot Healing Tool from your left-hand toolbar.

the brush size can be adjusted in the left side of the upper toolbar, or with the [ and ] keys.

paint the elements you wish to remove.

rename the file and save it as a .psd, which is the best file format for projects you wish to return to.
add objects by cloning
>
to begin, open Add_Objects.jpg from the practice files folder.
>


>



>



>
select the clone tool from the left-hand toolbar.

adjust the brush settings in the upper left-hand corner.

while holding the ⌥  key, click the part of the image you wish to reference.

click to paint a clone of the selected reference onto other areas of the image.
clone tool
select stamp reference
click to stamp
paint with flowers!
remove a large object
>
to begin, open Remove_Object.jpg from the practice files folder.
select object
fill...
content aware fill
deselect
correct with clone tool
>
perform a rough selection of the object you wish to remove.

select the Fill... option under the Edit menu to summon the Fill window.

in the Fill window, find the Contents drop-down selection and choose Content Aware.

use the clone tool to correct any resultant blurriness from the content-aware fill.
exercise from 2017 Adobe Creative Cloud Photoshop Tutorial Article Retouch Images.  https://www.adobe.com/learn/photoshop/web/selection-tools-basics

select and change colors
work with brushes
>
to begin, open Brush.jpg from the practice files.
brush tool
hard big brush
small soft brush
medium opacity brush
>



>




>





>
select the Brush tool from the left-hand toolbar.

open the Brush settings from the left-hand upper toolbar.

tinker with the Size and Hardness values between strokes to familiarize yourself with the Brush tool.

modify the Opacity in the upper toolbar.
>




>


>


>






>
in the upper toolbar, select Color from the Brush Mode drop-down menu.

select a new swatch and color the image.

select Revert from the File menu.

select the portion of the image you wish to modify. use the ] key to enlarge the brush. then, paint in the selection.

deselect all.
paint color
revert
select
color and deselect


use foreground and background color
>
to begin, open Foreground_Color.jpg from the practice files.
>



>




>





>
select the Eyedropper tool from the left-hand toolbar.

click a color to select it. the color you select will become your foreground color.

selecting another color will replace the foreground color, which will become the background color.

click the arrow icon next to the color palette or press the X key to switch between the colors.
color picker
pick color and draw
pick new color and draw


choose a color
>
to begin, open Color_Picker.jpg from the practice files. 
color pickers
select color
draw
>





>





>
click the color palette in the bottom of the left-hand toolbar to summon the Color Picker window.

use the slider to select the hue. use the large box to select the saturation and value.

click OK, then use the Brush tool to draw with your color of choice.
>




>



>





>
colors can also be selected from the Color and Swatches panels.

the Color panel is very similar to the Color Picker tool.

the Swatches panel is comprised of groups of colors, some with technical significance.

if these panels aren’t present, they can be toggled in the Windows menu.
select color from color panel and draw
select colors from swatches and draw


exercise from 2017 Adobe Creative Cloud Photoshop Tutorial Article Use Color.  https://www.adobe.com/learn/photoshop/web/color-management-basics




In accordance with Section 107 of the Copyright Act of 1976, “fair use” allows the use of copyrighted materials for purposes of education and instruction.