ARCH125 | description | policies | assignments | students | links | instructor

Week 2 (1/22):
Intro Lecture
Set up your IIT webspace

Week 3 (1/29):
Directory Structures, telnet, FTP and HTML
Modify your hawk directory structure and make a small web page
*Handy HTML Tag Reference

Week 4 (2/5):
Dreamweaver
Make a webpage (index.html) that contains a link to an assignments page that will link to subsequent assignments. You should also include links to pertinent personal information such as a resume, etc.

Week 5 (2/12):
Photoshop
Using some of the tools we learned, creatively modify each copy of an image in a 3x3 grid using a different technique for each one. Save for web and devices as a JPG and post it on your website. More than anything, get a feel for the interface and the range of tools.
Example

Week 6 (2/19):
Photoshop
Using the tools we learned, make an image of an architectural interior/exterior with a figure placed in the scene. Try to make the collaged elements look as natural as possible. 
Example

Week 7 (2/26):
Illustrator
Using the tools we learned, make outlines of three objects: a person, an animal and a vehicle. Lay out your work as follows: Make a row of images composed of the starting image, the outline and then the filled/decorated outline. Do the same with the other objects. When you're finished, save all 9 parts as one image, save it as a JPEG and post it to your website.
An example of one row

Week 8 (3/5):
Illustrator
Make a diagram of rivers and their relationship to a city's boundary. Use google maps to download a satellite image of a city (not Chicago), and then find a map of the city's boundary. Use illustrator to trace the images so as to accentuate the necessary information. Use arrows to show the direction of flow and title the diagram. Save as a JPEG and upload to your website.
Example

Week 9 (3/12):
Google Sketchup / Google Earth
Make a diagram of an empty lot in Chicago and its environs using Google Earth, Google Sketchup and possibly any other applications we have already learned. This will be the site for our subsequent assignments. Include information such as geographical location, streets and transit routes where appropriate. Save as a JPEG and post to your website.
Example

Week 10 (3/19):
Spring Break, No Class

Week 11 (3/26):
Rhino: 2D, 2.5D
Using the skills we learned in Rhino, make a drawing that shows three orthogonal views (top, side and front) of a piece of furniture (table, chair or bench) Use Photoshop to crop the image(s) appropriately and save the image(s) as a JPEG. Make a web page that includes the original image from the web and the three views. Post that image to your website.
Example

Week 12 (4/2):
Rhino: 3D, Surfaces, Solids
Using the tools we have learned, create a proposed model of a shelter + seating that will be placed in your site.  Change material properties to give the model color/texture and render it with Rhino's default renderer (blue marble icon in the toolbar). Save that image as a jpg and place in a web page.
Example

Week 13 (4/9):
3DS Max Rendering, Rhino
Using the tools and techniques we learned in class, use 3DS Max to make a rough render of your site, including the shelter/seating area you created in Rhino. We created the site in google sketchup, so it is possible to import that file into Rhino with the sketchup import plugin found here. Unfortunately, there are some version incompatibilities, so you might have to create your site again using Rhino. The first step is to screen-grab a satellite image of your site from google maps or google earth. Using photoshop, crop the screen-grab so that you have only the satellite image.  Save the image as a JPEG or BMP file. Open rhino and set the units to feet+inches. Use the 'backgroundbitmap' command to place your image on the xy plane in the perspective viewport.  Using the polyline tool in rhino, outline features such as groups of buildings, sidewalks, roads, etc. To scale appropriately, use the ruler tool in google earth to measure distance between two features in google earth and then compare with distance in rhino.  Extrude the polylines to roughly match real-world objects. For instance, a sidewalk might be eight inches high and a building fifty feet. Mesh all objects, delete all surfaces and polysurfaces,  and save as an autocad drawing file (Default DWG). Open 3DS Max and import this model.  Make sure the option to derive autocad primitives is set to "Entity, Blocks as Node Hierarchy". If your shelter is in a different file, import that into 3DS max, too. Arrange and scale objects appropriately. Render the scene from the render menu, save it as a JPG and put the image in an HTML page. 
Example.

By the way, you can download a fully-functional, 30-day demo version of 3DS Max here.

Week 14 (4/16):
3DS Max Rendering
Work on setting up a mr sun system, creating cameras and applying textures to objects in your scene. Render an image and post it to your website.
Example

Week 15 (4/23):
3DS Max Rendering
Please continue to work on your renderings in 3DS Max. At this point, you should have a sun system, a few cameras, materials placed on scene objects and some foliage (trees, etc.)  If you haven't already, give the grass displacement texture a try. If you need some further guidance, check out this tutorial: http://jeffpatton.net/MR_Grass_Displacement.htm As for homework, post another rendered image of your scene that shows improvement from last week, e.g., some displacement grass textures.
Example

Week 16 (4/30):
Preparation for Final
Next week is our last class, and we will be having a critique. Each student will present their shelter proposals from a web page created for that purpose. The web page should contain the following: 1) Three views of the shelter and site rendered in 3DS Max. One view should be a close up, as if you were standing near to it. The next should be one showing the bus stop and its environs, as if you were standing down or across the street. The third should be a plan or birds-eye view, taking in the entire site. 2) There should be a map (not satellite) showing local transit routes, bike routes or pederstian walkways. This could be done in illustrator. 3) A movie showing the light movement over the period of a day (a quicktime file *.MOV) . The content should be organized so as to be easily navigated. The actual layout is up to you.

Week 17 (5/7):
Final Review

Week 18:
Final Exams, No Class