Plan601 e session 1 demo 20151005
Transcript of Plan601 e session 1 demo 20151005
![Page 1: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/1.jpg)
INTRODUCTORY DEMO:CENSUS DATA AND PHOTO DOCUMENTATIONPLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 1)
![Page 2: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/2.jpg)
COPY EXERCISE FILESCOPY FROM PUBLIC SHARE FOLDER TO A LOCAL FOLDER
![Page 3: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/3.jpg)
RETRIEVING CENSUS DATAUSING AMERICAN FACTFINDER
![Page 4: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/4.jpg)
http://factfinder2.census.gov/U.S. CENSUSAMERICAN FACTFINDER
![Page 5: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/5.jpg)
FactFinder utilizes ‘Selections’ and ‘Filters’ in order to call up the census data you’re looking for.
OVERALL STRUCTURE OF AMERICAN FACTFINDER
FILTERS
SELECTIONS
![Page 6: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/6.jpg)
FactFinder displays the search results of the selections you make as a list of accessible data sets.
OVERALL STRUCTURE OF AMERICAN FACTFINDER
![Page 7: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/7.jpg)
1) Select ‘Geographies’ filter.2) Select ‘State>Place’ in ‘geographic type’ options.
SEARCHING FOR DATA FOR NEW YORK CITY
We are searching for New York City population data at three scales: city, community district, and census tract.
2
1
![Page 8: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/8.jpg)
3) Choose ‘New York’ and ‘New York City’ from the options. 4) Click ‘Add to your Selections.’
SEARCHING FOR DATA FOR NEW YORK CITY
We are searching for New York City population data at three scales: city, community district, and census tract.
34
![Page 9: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/9.jpg)
5) Select ‘Year’ under the ‘Topics’ filter and click on ‘2010’ (the most recent year for which there is population data).
SEARCHING FOR DATA FOR NEW YORK CITY
The New York City data set is now in ‘your selections,’ but we have to apply another filter and narrow down the data.
5
![Page 10: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/10.jpg)
6) You can make it easier to scroll through data sets by adding more sets per page.
SEARCHING FOR DATA FOR NEW YORK CITY
Fact-finder displays all of the data categories for your selection (New York City, 2010) with an ID and Title.
6
![Page 11: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/11.jpg)
7) Scroll through data sets to find ‘Total Population’ (P1) or enter P1 in the ‘Topic or table name’ search field.
SEARCHING FOR DATA FOR NEW YORK CITY
Fact-finder displays all of the data categories for your selection (New York, 2010) with an ID and Title.
7
![Page 12: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/12.jpg)
8) Check the box next to ‘Total Population.’ 9) Click download. The data is in a zipped .csv file.
SEARCHING FOR DATA FOR NEW YORK CITY
Fact-finder displays all of the data categories for your selection (New York, 2010) with an ID and Title.
8
9
![Page 13: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/13.jpg)
Now we’ll search for data for the study area.
There are 22 census tracts in the study area. They are displayed here in ascending order.
SOUNDVIEW STUDY AREA
40.0148
50.0150.02
52545660626468
7644707278
119121.01121.02
123157161
STUDY AREA
![Page 14: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/14.jpg)
10) Clear all your selections by clicking the ‘x’s next to each of them.
SEARCHING FOR DATA FOR NEW YORK CITY
Now we will search for data for the Soundview study area
10
![Page 15: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/15.jpg)
11) Select geographies filter. 12) Select ‘Census Tract’. 13) Select ‘New York’. 14) Select ‘New York’. 15) Select each tract. 16) Click on ‘Add to your selections.’
SEARCHING FOR DATA FOR THE STUDY AREA
To create a selection for a community district, you have to filter all of the census tracts in that district.
11
1213
14
15
16
![Page 16: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/16.jpg)
17) Click on map to verify you have selected all of the census tracts.
SEARCHING FOR DATA FOR THE STUDY AREA
To create a selection for a community district, you have to filter all of the census tracts in that district.
17
![Page 17: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/17.jpg)
18) Enter P1 in the search field. 19) Check the box next to P1. 20) Click download.
SEARCHING FOR DATA FOR THE STUDY AREA
FactFinder displays all of the data categories for your selection (7 census tracts) with an ID and Title.
18
19
20
![Page 18: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/18.jpg)
21) Make sure to separate fields by commas. USING DATA FROM AMERICAN FACTFINDER
To use the data, open the first .csv file in a spreadsheet program.
21
![Page 19: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/19.jpg)
A quick way to clean up data so it can be sorted: 21) Use Find/Replace to remove extraneous text.
CLEANING UP DATA FROM AMERICAN FACTFINDER
21
Open the second .csv file.
![Page 20: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/20.jpg)
22) Sum the population column to get the population for the study area.
CLEANING UP DATA FROM AMERICAN FACTFINDER
Now we can compare population data across three scales: NYC, study area, and Census Tract
22
![Page 21: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/21.jpg)
INTRODUCTION TO ADOBE PHOTOSHOPOVERVIEW OF TOOLS AND PANELS
ADJUSTING PHOTOGRAPHS
CHANGING PHOTO COMPOSITION AND ADD TRANSPARENCY
CREATING A COLLAGE PANORAMA
![Page 22: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/22.jpg)
INTRODUCTION TO PHOTOSHOP
RGB = Red/Green/Blue; CMYK = Cyan/Magenta/Yellow/Black
MENUS
Photoshop is used to edit raster images.
![Page 23: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/23.jpg)
Photoshop is used to edit raster images.INTRODUCTION TO PHOTOSHOP
Photoshop utilizes ‘Layers’ to sequence the display of images. Double clicking ‘Background’ will make it an active layer.
LAYERS
![Page 24: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/24.jpg)
Photoshop is used to edit raster images.INTRODUCTION TO PHOTOSHOP
The Move tool moves images around the artboard.
MOVE
![Page 25: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/25.jpg)
Photoshop is used to edit raster images.INTRODUCTION TO PHOTOSHOP
The select tool selects an area of pixels in the image.
SELECT
![Page 26: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/26.jpg)
Photoshop is used to edit raster images.INTRODUCTION TO PHOTOSHOP
There are several settings under Image > Adjustments to change the brightness and contrast of images.
LEVELS
![Page 27: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/27.jpg)
Photoshop is used to edit raster images.INTRODUCTION TO PHOTOSHOP
The crop tool crops a particular area of the image.
CROP
![Page 28: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/28.jpg)
Photoshop is used to edit raster images.CLEANING UP PHOTOGRAPHS
We’re going to utilize this photograph of Rivington Place in London to illustrate the idea of ground floor transparency.
![Page 29: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/29.jpg)
1) Make the background layer an active layer (double click ‘background’, then click ‘OK’. 2) resize the image to 8’ x 6’.CLEANING UP PHOTOGRAPHS
We’re going to utilize this photograph of Rivington Place in London to illustrate the idea of ground floor transparency.
1
2
LAYERS
![Page 30: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/30.jpg)
3) Click and drag from the ruler to create a 3 x 3 grid of guides.CLEANING UP PHOTOGRAPHS
We’re going to utilize this photograph of Rivington Place in London to emphasize the presence of ground floor storefronts.
RULER
RULER
3
![Page 31: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/31.jpg)
4) Right-click the image and select ‘scale’, then while holding-shift, drag the image handles to resize the photo, aligning the window with the left vertical line.
CLEANING UP PHOTOGRAPHS
Let’s utilize the ‘rule of thirds’ to crop the image and focus the viewer’s eye on the important features of the picture.
4
4
![Page 32: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/32.jpg)
6) Apply a combination of ‘Auto Tone’/’Auto Contrast’/’Auto Color’ in order to quickly balance out colors and brightness. 6) Duplicate your layer.
CLEANING UP PHOTOGRAPHS
Now adjust the color levels and brightness.
4
4
5
6
![Page 33: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/33.jpg)
6) Enter ‘Quick-mask mode.’ 7) Select a brush with a large diameter and make ‘Hardness’ 0%.
CLEANING UP PHOTOGRAPHS
Now adjust the color levels and brightness.
6
7
![Page 34: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/34.jpg)
8) Use the brush to select a highlight area over the ground floor window.
CLEANING UP PHOTOGRAPHS
Now adjust the color levels and brightness.
8
![Page 35: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/35.jpg)
9) Return to ‘Standard mode.’ 10) Invert selection (Selection > Inverse; 11) Adjust levels (Image > Adjustments > Levels) to slightly add brightness to the window.
CLEANING UP PHOTOGRAPHS
Now adjust the color levels and brightness.
9
11 10
11
![Page 36: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/36.jpg)
CLEANING UP PHOTOGRAPHS
Now the photo emphasizes the ground floor storefront: the area of focus occupies more space in the composition (per the rule of thirds), and our
increased contrast draws the eye to the storefront.
![Page 37: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/37.jpg)
12) Use the ‘Lasso’ tool to create a selection over the window.CLEANING UP PHOTOGRAPHS
Adding a color transparency to a photograph is an easy technique for creating further focus.
12
12
![Page 38: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/38.jpg)
13) Select a highlight color. 14) Select ‘Fill’ from the ‘Edit’ menu.CLEANING UP PHOTOGRAPHS
Adding a color transparency to a photograph is an easy technique for creating further focus.
14
13
![Page 39: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/39.jpg)
15) Set the layer transparency to ‘Multiply’ and adjust the opacity.
CLEANING UP PHOTOGRAPHS
Adding a color transparency to a photograph is an easy technique for creating further focus.
15
![Page 40: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/40.jpg)
CLEANING UP PHOTOGRAPHS
Adding a color transparency to a photograph is an easy technique for creating further focus.
![Page 41: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/41.jpg)
1) Open several photos and then paste them into a single photoshop file, creating a layer for each one.
COLLAGING PHOTOS
Let’s make a collage of some photos to create a panorama of downtown Los Angeles.
1
![Page 42: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/42.jpg)
2) Select a layer; adjust opacity. 3) Move it using the Move tool. 4) Rotate to align with other photos (Edit > Transform > Rotate)
COLLAGING PHOTOS
Let’s make a collage of some photos to create a panorama of downtown Los Angeles.
2
2
3 4
![Page 43: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/43.jpg)
5) Return opacity to 100% and repeat for other photos.COLLAGING PHOTOS
Let’s make a collage of some photos to create a panorama of downtown Los Angeles.
5
![Page 44: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/44.jpg)
6) Select your top layer, then merge the photo layers together using Layer > Merge Down.
COLLAGING PHOTOS
Let’s make a collage of some photos to create a panorama of downtown Los Angeles.
6
![Page 45: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/45.jpg)
7) Pull a horizontal guide line down from the ruler. 8) Rotate image (Edit > Transform > Rotate) and align horizon line with the guide.
COLLAGING PHOTOS
Let’s make a collage of some photos to create a panorama of downtown Los Angeles.
8
7
![Page 46: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/46.jpg)
9) Crop the image.COLLAGING PHOTOS
Let’s make a collage of some photos to create a panorama of downtown Los Angeles.
9
![Page 47: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/47.jpg)
10) Use Auto Tone/Auto Contrast/Auto Color tools to balance colors. 11) Flatten image (Layer > Flatten Image).
COLLAGING PHOTOS
Let’s make a collage of some photos to create a panorama of downtown Los Angeles.
10
11
![Page 48: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/48.jpg)
COLLAGING PHOTOS
Let’s make a collage of some photos to create a panorama of downtown Los Angeles.
![Page 49: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/49.jpg)
INTRODUCTION TO ADOBE INDESIGNOVERVIEW OF TOOLS AND PANELS
COMPOSING SEVERAL PHOTOS IN A SINGLE PRESENTATION
EXPORTING
![Page 50: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/50.jpg)
The difference between Illustrator and Photoshop is a difference between vector and raster graphics.
INTRODUCTION TO ADOBE CREATIVE SUITE
ILLUSTRATOR = VECTOR PHOTOSHOP = RASTER
![Page 51: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/51.jpg)
InDesign is used to format layouts of both vector and raster graphics, plus text.
INTRODUCTION TO ADOBE CREATIVE SUITE
SUITENON CUS NAH RECEPTIO IS RE
INDESIGN = VECTOR + RASTER + TEXT
commodiam harci re con net rehendi quo te nos.Faciatiam ipsusa doloreptatis cuptam sinime nullanda nimus, cullorrovid qui aut officto di arum, unt volupta ectatio endae. Nam et expliti ut unto totam, conecte cum, et essunti
Faciatiam ipsusa doloreptatis cuptam sinime nullanda nimus, cullorrovid qui aut officto di arum, unt volupta ectatio endae. Nam et expliti ut unto totam, conecte cum, et essunti scitam il molupid ipsapic iistium volorae reperitati cuptas Oviti blabore, andae si doluptam, conest inum volupta tiamus.Omnim vellor simil ma acepudios dic temperum harum illest, simusanti
scitam il molupid ipsapic iistium volorae reperitati cuptas Oviti blabore, andae si doluptam, conest inum volupta tiamus.Omnim vellor simil ma acepudios dic temperum harum illest, simusanti commodiam harci re con net rehendi.
![Page 52: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/52.jpg)
InDesign is used to format layouts of both vector and raster graphics, plus text.
The basic menus and tool palettes in InDesign are similar to those of Illustrator and Photoshop.
TEXT
SELECTION
INTRODUCTION TO INDESIGN
MENUS
![Page 53: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/53.jpg)
InDesign is used to format layouts of both vector and raster graphics, plus text.
Use the selection tools tool to adjust the size and shape of polygons.
RECTANGLE
INTRODUCTION TO INDESIGN
SELECTION TOOLS
![Page 54: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/54.jpg)
InDesign is used to format layouts of both vector and raster graphics, plus text.
InDesign displays images by referencing jpeg, tiff, or other files on your desktop.
INTRODUCTION TO INDESIGN
PLACE
![Page 55: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/55.jpg)
InDesign is used to format layouts of both vector and raster graphics, plus text.
The pen tools allows you to draw new polygons by placing anchor points.
INTRODUCTION TO INDESIGN
PEN
![Page 56: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/56.jpg)
InDesign is used to format layouts of both vector and raster graphics, plus text.
INTRODUCTION TO INDESIGN
Panels provide options for the modification and management of your InDesign document.
PAGES
COLORS
![Page 57: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/57.jpg)
FORMATTING PHOTOGRAPHS
Let’s utilize InDesign to arrange some screenshots from Google Maps.
1) Place an image in InDesign.
1
![Page 58: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/58.jpg)
FORMATTING PHOTOGRAPHS 1) Place an image in InDesign.
Let’s utilize InDesign to arrange some screenshots from Google Maps.
1
![Page 59: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/59.jpg)
FORMATTING PHOTOGRAPHS2) Adjust the ‘frame’ (in blue) of the image: click the image with the direct selection tool, then move the handles to make the frame a square.
Let’s utilize InDesign to arrange some screenshots from Google Maps.
2
2
![Page 60: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/60.jpg)
Let’s utilize InDesign to arrange some screenshots from Google Maps.
FORMATTING PHOTOGRAPHS3) Center the image in the frame by selecting it with the indirect selection tool (the bounds of the image defined in brown).
3
![Page 61: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/61.jpg)
Let’s utilize InDesign to arrange some screenshots from Google Maps.
4) Repeat steps 1 to 3 for additional photos and arrange them on the page using the direct selection tool.
FORMATTING PHOTOGRAPHS
4
4
![Page 62: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/62.jpg)
Let’s utilize InDesign to arrange some screenshots from Google Maps.
FORMATTING PHOTOGRAPHS
![Page 63: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/63.jpg)
FORMATTING PHOTOGRAPHS
There are many ways to format photos in order to tell a story.
Clockwise from top left: David Hockney, ‘Yosemite Valley’; Charles and Ray Eames, ‘Powers of Ten’; Teddy Cruz, ‘Border Postcards.’
![Page 64: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/64.jpg)
Let’s walk through exporting from InDesign.
EXPORTING PDF
1
1) Go to File > Adobe PDF Presets and choose either ‘Smallest File Size’ (for items like weekly assignments) or ‘Press Quality’ (for Presentation Printing).
![Page 65: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/65.jpg)
Let’s walk through exporting from InDesign.
EXPORTING JPEGS1) Go to File > Export and choose JPEG from the file type drop-down menu.
1
![Page 66: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/66.jpg)
Let’s walk through exporting from InDesign.
EXPORTING JPEGS2) Enter the page number or page range you want to export as JPEGs before clicking Export.
2
![Page 67: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/67.jpg)
ASSIGNMENT 1
Title of yourpresentation
Title; 1-4 slides of photo documentation
PDF, 7.5”x10”
Intertitle; sketches, notes, precedents and revisions
Including your raw data collection if that data is not fully accounted in your photo documentation
Sketches, notes, precedents
and revisions
Message of this slide/ category of data documented on this page
From some part of your PDF
JPEG
Message of this slide/ category of data documented on this page
![Page 68: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/68.jpg)
SCORED OUT OF 10 POINTS
Clarity and coherence of narrative constructed? (/4)
Thoughtfulness, suitability and/or creativity in representation? (/3)
Engagement with and evaluation of different representational strategies (as evidenced in the slide deck by sketches, precedents, notes and finished work)? (/2)
Deployment of tools demonstrated in class? (/1)
ASSIGNMENT 1
1 pt for each day late
Timely second week resubmissions can be
regraded
Blog comments due by Thursday night
![Page 69: Plan601 e session 1 demo 20151005](https://reader031.fdocuments.net/reader031/viewer/2022021922/58ef02a11a28ab59078b464d/html5/thumbnails/69.jpg)
USE THE WEBSITE AS A REFERENCEEXAMPLES OF PREVIOUS WORK
LIBRARIES OF COLORS, ICONS AND STOCK IMAGERY
FREEWARE ADOBE ALTERNATIVES