211 Plan PortFolio
Connie S. Chang Fall 2008
Plan 211: Digital ViSualization For PlannerS
This portfolio exhibits the work I have completed during the fall of 2008 in Professor David Phillips PLAN 211: Digital Visualization for Planners class. The course introduces students to a variety of computer programs that planners use for representing information and data in the digital form. Our class focused on the West Main Street Neighborhood in Charlottesville, Virginia. Each assignment focused on a particular skill set or computer program. The following pages display the final products of these exercises. They may also be viewed online at my website, www.people.virginia.edu/~csc7f.
2
table oF ContentS
Web Design Poster Design Base Mapping Image Processing Image Transitions 3D Modeling Thematic Mapping 3D Urban Exercise More Information 4 5 6 7 8 9 10 11 12
3
Web DeSign
goal: To create a working website
that displays our PLAN 211 work in an easily accessible format online; To analyze and compare the planning department websites of the City of Charlottesville and City of Fairfax
Method:
Using Adobe Dreamweaver software, I created a homepage that links to a series of pages for each PLAN 211 assignment. I learned how to work with HTML, link images and pages, and manipulate captured images.
technology: Adobe
Dreamweaver, Adobe Photoshop
www.people.virginia.edu/~csc7f
4
PoSter DeSign
goal:
To create a poster that displays a specific aspect of the West Main Neighborhood
Method:
Using Adobe Photoshop, I manipulated images taken from our site visit and assembled them in different layers. I worked with different graphic tools to adjust font styles and colors.
technology: Adobe
Photoshop
5
baSe MaPPing
goal:
To create a series of maps that highlight structures, roads, and other features
Method:
Using ArcGIS ArcMap, I merged aerial photos with planimetric data to create a series of base maps. I manipulated features such as map layout, symbology, and colors. technology: ArcGIS ArcMap
6
iMage ProCeSSing
Before
after
goal:
To edit a photograph taken from our site visit and remove obstructions such as power lines, trees, and shadows
Method:
Using Adobe Photoshop, used I the clone stamp tool and multiple layers to replace portions of the photograph. I also adjusted the brightness and color balance of the photograph.
7
technology: Adobe Photoshop
iMage tranSitionS
goal:
To create a series of images that displays the transition from an image taken from ArcScene to a digital photograph
1 2
Method:
Using ArcScene, I captured an image to match the perspective of the digital photograph. I manipulated the size of this image and overlayed it on the actual photograph. I used different opacities to show the transition.
3
technology:
ArcGIS Arc Scene, Adobe Photoshop
4 5
8
3D MoDeling
goal:
To create a 3D rendering of a building from the West Main Neighborhood that uses digital photographs as textures
Method:
Using Adobe Photoshop, I manipulated images for each faade of my building. In Google SketchUp, I extruded the footprint of my building and used my manipulated images as textures for my 3D model. I also adjusted the brightness and color balance of SketchUp materials to match my building textures.
technology: Adobe Photoshop,
Google SketchUp
9
theMatiC MaPPing
goal:
To create a series of thematic maps that shows census data of the West Main Neighborhood
Method:
Using ArcGIS ArcMap and data from the US 2000 Census, I created a series of three maps that discuss homeownership data in Charlottesville. I manipulated the symbology and colors of the maps to enhance their legibility.
technology:
ArcGIS ArcMap
10
3D urban exerCiSe
goal:
To export images taken from a 3D version of the West Main Neighborhood and create a flythrough animation
Method:
Using ArcGIS ArcScene, I exported a series of images captured throughout the West Main neighborhood. To create my animation, I used a series of keyframes taken from different perspectives that move through the neighborhood.
technology: ArcGIS ArcScene
11
More inForMation
technology: Adobe Photoshop, Adobe InDesign cover art: Starr Hill, Photo by Connie Chang
modified in Adobe Photoshop header Font: Tw Cen MT Condensed text Font: Tw Cen MT
PortFolio DeSign
ContaCt inForMation
Connie Chang [e-mail] University of Virginia School of Architecture 2010
12