building technology 3 tutorial 1: compiling site ... · tutorial 1: compiling site investigation...

56
BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG [email protected]

Upload: others

Post on 18-Oct-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR

Created by:

Prof. JIEUN YANG [email protected]

Page 2: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

Go to NYC Oasis Website > Search for your site

CREATING BASE MAP

Page 3: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

Zoom out to capture larger extent of site for investigation

CREATING BASE MAP

Page 4: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

Hide all : Transit, Roads, Reference Features / Parks, Playgrounds & Open Space / Land Use

CREATING BASE MAP

Page 5: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

Click on a building far away (we don’t want to see bubble around your site) – This is BASE PLAN.

CREATING BASE MAP

Page 6: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

SCREEN CAPTURE USING SNAGIT Set Capture Type to Window

Page 7: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

SCREEN CAPTURE USING SNAGIT Click when the window makes desirable capture

Page 8: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

Turn on road names if desired (This can be your alternate base plan.) > Snagit to save .jpg image

CREATING ADDITIONAL MAPS

Page 9: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

Turn on subway, bus, and bike routes (This is your transportation map.) > Snagit to save .jpg image

CREATING ADDITIONAL MAPS

Page 10: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

Turn on Land Use (This is your land use map.) > Snagit to save .jpg image

CREATING ADDITIONAL MAPS

Page 11: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

Turn on Zoning > Major zoning & Commercial overlay (This is your zoning map.) > Snagit to save .jpg image

CREATING ADDITIONAL MAPS

Page 12: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

SETTING UP ILLUSTRATOR FILE File > New > Create multiple artboards (File name: Site Plans)

Page 13: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

File > New > Create multiple artboards

SETTING UP ILLUSTRATOR FILE

Page 14: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

INSERTING TITLEBLOCK File > Open > Open 34x22 Board.ai

Page 15: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

INSERTING TITLEBLOCK Select Titleblock > Edit > Copy (or Ctrl + C)

Page 16: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

INSERTING TITLEBLOCK Go back to Site Plans file > Edit > Paste on all artboards

Page 17: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CREATING LAYERS Layer > Change Layer 1 name to “Titleblock”

Page 18: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CREATING LAYERS Layer > Make additional layers: Base, Transportation, Landuse, Zoning, Annotation

Page 19: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

PLACING IMAGES File > Place > Find saved .jpg file of baseplan (make sure you are in BASE LAYER)

Page 20: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

PLACING IMAGES File > Place > Find saved .jpg file of baseplan (make sure you are in BASE LAYER)

Page 21: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

PLACING IMAGES File > Place > Find saved .jpg file of transportation (make sure you are in TRANSPORTATION LAYER)

Page 22: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

PLACING IMAGES File > Place > Find saved .jpg file of landuse (make sure you are in LANDUSE LAYER)

Page 23: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

PLACING IMAGES File > Place > Find saved .jpg file of zoning (make sure you are in ZONING LAYER)

Page 24: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

SCALING IMAGES Align all images on top of each other & Lock Titleblock layer

Page 25: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

SCALING IMAGES Select all images > Use Scale Tool > Hold down SHIFT to scale them proportionally

Page 26: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

PLACING IMAGES TO SEPARATE BOARD Select top image only (zoning) > Edit > Copy (or Ctrl + C)

Page 27: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

Click mouse on the blank space of the artboard you want > Edit > Paste in Place (in ZONING layer)

PLACING IMAGES TO SEPARATE BOARD

Page 28: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

Delete the top image (zoning) from first page > Select next image (landuse)

PLACING IMAGES TO SEPARATE BOARD

Page 29: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

Click mouse on the blank space of the artboard you want > Edit > Paste in Place (in LANDUSE layer)

PLACING IMAGES TO SEPARATE BOARD

Page 30: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

PLACING IMAGES TO SEPARATE BOARD Delete the top image (landuse) from first page > Select next image (transportation)

Page 31: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

PLACING IMAGES TO SEPARATE BOARD Click mouse on the blank space of the artboard you want > Edit > Paste in Place (in TRANSPORTATION layer)

Page 32: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

ENHANCING LANDUSE & ZONING MAP WITH BASEMAP OVERLAY Select base map > Transparency > Change to MULTIPLY

Page 33: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

ENHANCING LANDUSE & ZONING MAP WITH BASEMAP OVERLAY Select Base map > Edit > Copy (or Control + C) > Zoom into Landuse & Zoning maps

Page 34: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

ENHANCING LANDUSE & ZONING MAP WITH BASEMAP OVERLAY Click on empty space on Artboard > Edit > Paste in Place for each board

Page 35: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

DRAWING SCALE BAR Lock all map layers > Using Pen or Line tool, trace scale bar at bottom left corner on ANNOTATION layer

Page 36: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

DRAWING SCALE BAR Once finished, move them below to image

Page 37: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

DRAWING SCALE BAR Or, you can further elaborate the scale bar

Page 38: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

DRAWING SCALE BAR You can also add north arrow using circle & line > When finished, select all > Right mouse click > Group

Page 39: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

DRAWING SCALE BAR Select scale bar & north arrow group > Edit > Copy (or Ctrl + C) > Edit > Place on all artboards

Page 40: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CROPPING IMAGES Go back to base map board > Draw rectangle around the crop boundary

Page 41: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CROPPING IMAGES Copy the rectangular boundary > Edit > Copy (or Ctrl + C) > Edit > Paste in place for Transportation

Page 42: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CROPPING IMAGES Edit > Paste in place for Landuse (on BASE layer)

Page 43: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CROPPING IMAGES Edit > Paste in place for Zoning (on BASE layer)

Page 44: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CROPPING IMAGES On base map board, select both crop box & base map

Page 45: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CROPPING IMAGES Right mouse click > Make clipping mask

Page 46: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CROPPING IMAGES Same for transportation map

Page 47: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CROPPING IMAGES Select everything on landuse board (base map, landuse map, crop box)

Page 48: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CROPPING IMAGES Right mouse click > Make clipping mask (note everything has moved to top layer BASE)

Page 49: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CROPPING IMAGES Select the image > bring it down to Landuse layer

Page 50: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CROPPING IMAGES Same for zoning map

Page 51: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CREATING LEGENDS On landuse board, File > Place > Landuse map image

Page 52: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CREATING LEGENDS Place the map > Draw rectangular crop box around legend

Page 53: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CREATING LEGENDS Select both image & crop box > Right mouse click > Make clipping mask

Page 54: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

CREATING LEGENDS Scale > Move to a desired place

Page 55: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

BINDING IMAGE LINKS (Images now xref links) Window > Links (Open links panel)

Page 56: BUILDING TECHNOLOGY 3 TUTORIAL 1: COMPILING SITE ... · TUTORIAL 1: COMPILING SITE INVESTIGATION MAPS IN ILLUSTRATOR Created by: Prof. JIEUN YANG jyang@citytech.cuny.edu . Go to NYC

BINDING IMAGE LINKS (Images now embed pictures on boards) Select all images > Click on top right button on links window > Embed all images