Plan601E Session 1 Demo

INTRODUCTORY DEMO:FACT-FINDER AND CREATIVE SUITEPLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 1)

http://factfinder2.census.gov/U.S. CENSUSAMERICAN FACT-FINDER

Fact-finder utilizes “selections” and “filters” in order to call up the census data you’re looking for.

OVERALL STRUCTURE OF AMERICAN FACT-FINDER

SELECTIONS

FILTERS

Fact-finder displays the results of the selections you make in a list of data sets.

OVERALL STRUCTURE OF AMERICAN FACT-FINDER

SEARCH RESULTS / DATA SETS

SELECTIONS

FILTERS

Steps: 1) select “geographies” filter; 2) select “place within State” in “geography type” options.

SEARCHING FOR DATA FOR NEW YORK CITY

FILTERS

1

We are searching for New York City population data at three scales: city, community district, and census tract.

2

OPTIONS

Steps: 3) choose “New York” and New York City” from the options; 4) click “add to your selections.”


We are searching for New York City population data at three scales: city, community district, and census tract.

OPTIONS

3

4

Steps: 5) select “year” under the “topics” filter and click on “2010.”


The New York City data set is now in “your selections,” but we have to apply another filter and narrow down the data.

TOPICS 5

Steps: 6) make it easier to scroll through data sets by adding more sets per page.


Fact-finder displays all of the data categories for your selection (New York, 2010) with an ID and Title.

9


SELECTIONS

FILTERS

6

Steps: 7) scroll through data sets to find “Total Population” (P1) (it’s on page 56) and check box; 8) click download – the data is zipped in .csv format.


Fact-finder displays all of the data categories for your selection (New York, 2010) with an ID and Title.


7

8

Now were are searching for data for Manhattan Community District # 3.

CD 3 has 30 census tracts – here they are displayed here in ascending order.

SEARCHING FOR DATA FOR COMMUNITY DISTRICT 3

2.012.026810.0110.021214.0114.0216182022.0122.0224

2526.0126.0227282930.0130.02323436.0136.02384042

COMMUNITY DISTRICT 1COMMUNITY

DISTRICT 3

Steps: 9) select geographies filter; 10) select “census tract”; 11) select New York; 12) select Kings; 13) select each tract; 14) click on “add to your selections.”


To create a select for a community district, you have to filter all of the census tracts in that district.

9

1011FILTERS

12

13

14

Steps: 15) click on map to verify you have selected all of the census tracts.


To create a selection for a community district, you have to filter all of the census tracts in that district.

15

Steps: 15) enter P1 in the search field; 16) check the box next to P1; 17) click download.


Fact-finder displays all of the data categories for your selection (30 census tracts) with an ID and Title.

15

16 17

A quick way to clean up data so it can be sorted is to 18) use find / replace to remove extraneous tex.

CLEANING UP DATA FROM AMERICAN FACT-FINDER

18

FIND / REPLACE

You can sort data by census tract #; 19) sum the total column to get the population for CD 1.

CLEANING UP DATA FROM AMERICAN FACT-FINDER

19

Now we can compare population data across three scales: NYC pop. = 8,175,133; CD 3 pop. = 164,937;

Census Tract 18 pop. = 8,660

The difference between photoshop and illustrator is between vector and raster graphics.

INTRODUCTION TO ADOBE CREATIVE SUITE

ILLUSTRATOR = VECTOR PHOTOSHOP = RASTER

Indesign is utilized to format layouts of both vector and raster graphics plus text.

INTRODUCTION TO ADOBE CREATIVE SUITE

SUITENON CUS

MOLUPTARECEPRATIO IS RE

INDESIGN = VECTOR + RASTER + TEXT

Faciatiam ipsusa dolorepta-tis 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 re-peritati cuptas Oviti blabore, andae si doluptam, conest inum volupta tiamus.

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 commodiam harci re con net rehendi quo te nos.

Omnim vellor simil ma ace-pudios dic temperum harum illest, simusanti commodiam harci re con net rehendi quo te nos dolessum ullacimo veligni maximet fuga. Ullab ipsanisquunt unturepellam accus arum, unt volupta ec-tatio endae reperitati cuptas Oviti blabore.

Otassitiis sa veribus est moluptur sitatem enim.


The basic menus and tool palettes in Indesign are similar to those of Illustrator and Photoshop.

MENUS

TEXT

SELECTION

INTRODUCTION TO INDESIGN


Use the direct / indirect selection tools tool to adjust the size and shape of polygons .

RECTANGLE



Indesign displays images by referencing jpeg, tiff, or other files on your desktop.

PLACE



The pen tools allows you to draw new polygons – anchor by anchor.

PEN




Palette provide options for the display and management of your Indesign document.

PAGES

COLORS

Photoshop tools are slightly different than Indesign and Illustrator since Photoshop is used to edit raster images.

INTRODUCTION TO PHOTOSHOP

RGB = red green blue; CMYK = cyan magenta yellow black.

MENUS



Photoshop utilizes “layers” sequence the display of images; double clicking “background” will make it an active layer.

LAYERS



The move tool moves images around the artboard.

MOVE



The select tool selects an area of pixels in the image.

SELECT



There are several settings under Image > Adjustments to change the brightness of images.

LEVELS



The crop tool crops a particular area of the image.

CROP


CLEANING UP PHOTOGRAPHS

We’re going to utilize this photograph of Rivington Place in London to illustrate the idea of ground floor transparency.

Steps: 1) Make the background layer an active layer (double click “background”, then click “OK”; 2) resize the image to 8” x 6”.



LAYERS

1

2

Steps: 3) click and drag from the ruler to create a 3 x 3 grid of guides.



RULER

RULER

3

Steps: 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.


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

Steps: 5) apply “auto color” (or “auto-tone) in order to quickly balance out colors and brightness.


Now adjust the color levels and brightness.

4

4

5

Steps: 6) enter “quick-mask mode”; 7) select a brush with a large diameter and make “hardness” 0%.



6

7

Steps: 8) use the brush to select a highlight area over the ground floor window.



8

Steps: 9) enter standard mode; 10) invert selection (selection > inverse; 11) adjust levels (image > adjustments > levels) to slightly add brightness to the window.



9

1011

11


Now the photo emphasizes transparency because the area of focus occupies more space in the image and the composition (3x3) and

highlights draw the eye to the building’s ground floor.

Steps: 12) use the “lasso” tool to create a selection over the window.


Adding a color transparency to a photograph is an easy technique for creating further focus.

12

12

Steps: 13) select a highlight color; 14) select “fill” from the “edit” menu.



14

13

Steps: 15) set the layer transparency to “multiply” and adjust the opacity.



15

Steps: 16) 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.

16

LAYERS

Steps: 16) select photo, adjust opacity, then move and rotate to align with other photos (move tool > command + T to rotate).

COLLAGING PHOTOS


16

16

Steps: 17) return opacity to 100% and repeat for other photos.

COLLAGING PHOTOS


17

Steps: 18) set merge the photo layers together using (layer > merge down).

COLLAGING PHOTOS


18

Steps: 19) Rotate image (move tool > command + T to rotate) and align horizon line with a horizontal guide.

COLLAGING PHOTOS


Steps: 20) crop the image.COLLAGING PHOTOS


20

Steps: 21) Use AutoTone / AutoColor tools to balance colors; 22) flatten image.

COLLAGING PHOTOS


21

COLLAGING PHOTOS


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.


Let’s utilize Indesign to arrange some screenshots from Google Maps.

Steps: 1) place an image in Indesign.

1

FORMATTING PHOTOGRAPHS Steps: 1) place an image in Indesign.

1


FORMATTING PHOTOGRAPHSSteps: 2) adjust the “frame” of the image; click the image with the direct selection tool, then move the handles.

2

2



FORMATTING PHOTOGRAPHSSteps: 3) make the frame square and center the photo in the frame by selecting it with the indirect selection tool.

3


Steps: 4) repeat steps 1 to 3 for additional photos and arrange them on the page using the direct selection tool.


4

4


FORMATTING PHOTOGRAPHSFORMATTING PHOTOGRAPHS

Plan601E Session 1 Demo

Business

Transcript of Plan601E Session 1 Demo