ALAR 6712  Studio Workshop Spring 2011

Workshop 6 Notes, February 10, 2011

Exporting File From Adobe Illustrator to Adobe Photoshop for Graphical Diagramming and Analysis

(Compiled from Meghan Welford's Notes)

IIllustrator

1. File > Open > .dwg file
2. Select “Scale by”
   1. Change the units from points to inches
   2. Type “100 (Units) = 1 (Inch)” for 1:100 scale
   3. Select “OK”
3. Adjust Lineweights and Fills as instructed in lecture on Feb. 9, 2010.
4. In the Layers Panel, select any unnecessary layers and delete.
5. File > Export
   1. Adjust file type to “.psd”
   2. In cases that the file is too large to export as a PSD, turn on one layer at a time and save as a PDF to “Place” in Photoshop

1. File > Open > PSD File Created in Illustrator (may take a minute to load)
2. Window > Workspace > Essentials
3. In Layers Panel:
   1. Right Click on Group > Select “Convert to Smart Object”
   2. Right Click on Smart Object > Rasterize Layer
   3. Repeat for all layer groups
4. To remove the transparency background and create grid
   
                     
   
   1. Edit > Preferences > Transparency & Gamut (on Mac: Photoshop > Preferences)
      1. Grid Size: None
   2. Edit > Preferences > Grid
      1. Adjust size and color to preferred.
   3. View > Show > Grid
5. Right Click on Ruler
   1. Select Inches
6. To create Guides
   1. Click on the vertical ruler and slide to the right for vertical guidelines
   2. Click on the horizontal ruler and slide down for horizontal guidelines

1. Eyedropper Tool
   1. Choose a specific color based on a pixel that you select in the view window
2. Will select regardless of layer and will combine layers and transparencies to select the apparent pixel color
3. Paintbrush/Pencil Tools
            
   
   
   1. Use the mouse to specify areas of color
   2. Can adjust “Master Diameter” and “Hardness” (amount of fading around edges)
   3. To Load Additional Brushes
      • Select the arrow in the upper right hand corner of the toolbox
      • Select “load brushes” or a brush set in the bottom of the menu
4. Brushes may be found online by searching “Photoshop Brushes”
5. Clone/Pattern Stamp Tools
   1. Clone Stamp Tool: Selects a reference point for correcting or repeating images
      • Specific to layer – to select, ALT + Select your starting point
      • Adjust the brush size and paint the repeated texture
   2. Pattern Stamp Tool: Paints a pattern in the specified area as a paintbrush
   
              
   

1. To select a pattern, select the drop down arrow next to the pattern on the right
2. To load other patterns, click on the upper right hand arrow and select “Load Patterns”
3. To create your own pattern, see below.
1. History/Art History Brush: Will restore recently erased portions of an image on the same layer.
2. Eraser/Background Eraser/Magic Eraser Tools
   1. Eraser tool: Erases with a brush format
   2. Background Eraser: Erases all background
   3. Magic Eraser: Erases in the same fashion as the magic wand.
3. Gradient/Paint Bucket Tools
   1. Gradient Tool: Will fill the window or specified area with a gradient that may be adjusted and specified in the toolbar
   2. Paint Bucket Tool: Fills the specified area or window with a solid fill or pattern

1. Marquee Tool  > Click and Hold for Rectangle, Circle, etc.
2. Magic Wand > Used to Select a color or color range
   1. To adjust to select more or less, adjust tolerance
   2. Lower Value = more limited selection
   3. Larger Value = more range in color
   4. Select > Color Range
   5. Use the eye dropper to adjust the color range
      *Default is to select only objects on the current layer – select the layer in the layer panel
      In the top tool bar, select “Sample All Layers” to select more on just one layer
3. To save a selection for later use:
   1. Select > Save Selection
   2. To recall selection
      Select > Load Selection
      Select > Inverse: Selects the inverse of the selection
      

Photoshop | Layers
                

1. Layers Panel should appear on right side (if not, Window > Layers)
   1. Separates images and allows you to overlap images and text without having to delete information
   2. The Layer Menu and Upper Right Arrow in Panel offer options such as New, Duplicate, Delete, Etc.
   3. To move layers, simply click and drag them to their new order
2. Grouping Layers allows you to turn off and adjust a group of layers simultaneously
   1. Shift + Select Layers you wish to Group
   2. Choose the menu in the upper right hand corner of the layer panel
   3. Choose “New Group” or “New Group From Layers”
   4. By selecting the group, all new layers will be created inside this group
3. To move layers to this group, click and drag on the selected layer and place it on top of the group label
   1. Merge – Reduces selected layers to one layer
   2. Flatten – Reduces ALL layers to one layer (loses the majority of editing capability
      1. Reduces file size, but makes nearly impossible to edit
   3. Layer Properties – Color Codes and Names Layers
   4. Blending Options – Adds graphic styles to layer (see below)

Photoshop | Layer Properties

1. Allows for adjustments of an image as an overlay
2. Also can adjust fill opacity and layer opacity
   1. Layer opacity adjusts opacity of all blending options AND layer contents
   2. Fill opacity adjusts only the fill color

1. Image > Page Size or Canvas Size
   1. Page Size: Scales the image appropriately according to specifications
   2. Canvas Size: Adjusts the size of the page while maintaining the current images

Photoshop | Transform Object

1. Gives the option to adjust the selected area (select the area or Select All)

   1. Ctrl + T (ð + T on Mac) or Edit > Transform
   2. Scale, Rotate, Skew, Distort, Perspective, Warp, Flip

1. Open a COPY of a texture file in Photoshop
2. Press Ctrl + A (ð + A on Mac) to Select All
3. Edit > Define Pattern
   1. If you do NOT see this option, select Window > Workspace > Essentials
      As long as your version of Photoshop is open, this pattern will become usable in any window
   2. Attempt to use the pattern in the area you wish.  If the scale is off, adjust the image size in Photoshop or resize it and create the pattern again,.

1. Right Click on Layer > Blending Options
•     Drop/Inner Shadow – Adds a shadow to the outside of all objects on a layer
      Outer/Inner Glow – Adds a gradient color around the edges
      Bevel & Emboss – Creates a more 3D look
      Satin – Adds a ‘shiny’ gradient around edges
      Color Overlay – changes the color of all objects
       Gradient Overlay
       Pattern Overlay
       Stroke – Adds a solid edge of x number of pixels surrounding the object
2. To copy blending option style, Right Click > Copy Layer Style

Photoshop | Filters

1. Filters > Filter Gallery All based on preference.   Some to think about using for architecture:
   1. Sketch > Graphic Pen
   • Adds texture to solid fill to appear as grass
   2. Artistic > Smudge Stick
      • Similar to Graphic Pen, less white
   3. Artistic > Underpainting
   4. Stylize > Glowing Edges
   • After doing this process, select Image > Adjustments > Desaturate for black and white
   5. Filters > Render > Lighting Effects
      • Can add a light source to add depth to a layer to enhance plans and sections

1. Curves and Levels can be helpful in adjusting scans that came out poorly.