| Workshop 3c | |
|---|---|
| Course | Arch 200c |
| Date | 2014/10/23 |
| Learning Objectives | Final workshop on combining vector and raster based techniques to produce composite drawings. The in-class exercise for the day demonstrates the application of techniques critical to producing composite drawings in orthogonal, oblique, and perspective views. |
| Agenda |
|
| Uses Tool(s) | |
Adobe III: Compositing Vector and Raster
Drawings that composite vector and raster information can depict spatial depth and communicate the design intent of a project in ways beyond a simple utilization of orthographic drawing techniques. Although orthographic drawing may communicate basic technical, formal, and spatial qualities through the mechanisms of vector line and lineweight alone, additional devices found in raster images can provide for a more precise representation of design intent.
File preparation in Rhino
In order to export line work in Illustrator you first need to prepare your digital model. It is highly recommended that you finalize editing your model in Rhino before you export to Illustrator, because Rhino allows you to edit your model a lot faster and more accurately. In any case it is good to organize your model with the proper layers, so that you will not have to make edits in Illustrator later. A useful process before exporting line work to Illustrator is the command Make2D . The following workflow guides through the steps on how to export your drawing in Illustrator using this command.
- Composing an Axonometric Drawing with Rhino 5, Photoshop & Illustrator
- This workflow explores methods of composing an exploded axonometric rendering. The working process between Rhino, Photoshop and Illustrator is emphasized; along with precision, layer organization, and composition.
Moreover, in order to export your model layers in Illustrator, select the lens you wish to export, go to file , Export Selected and save the file as an Illustrator file .Ai . It is suggested that you preserve the scale of the model.
Shadows projection in Orthographic Drawings
Before you start compositing your drawing in illustrator you first need to produce some shadow and depth effects. To do that you need to render your geometry in Rhino. You can use Rhino Render with some basic settings in order to cast shadows to your model. For the purpose of this exercise you will need a directional light for some very basic shadow casting. Then you will use V-ray render to create the basic render of model that describes the features and the depth of your geometry. You need both images on order to compose them later in Illustrator and Photoshop.
The workflow of the In Class exercise explains the entire process of rendering shadows with Rhino Render and basic rendering with V-Ray.
Import line work to Illustrator
To import your drawing in Illustrator from Rhino, simply open the .ai file that you exported from Rhino. You will notice that your layers have been transferred from Rhino as Illustrator layers. Adjust your document to the desired scale and assign proper lineweights and poche if needed. The following process guides you through the basic commands that you will need for this process.
- Composing an Axonometric Drawing with Rhino 5, Photoshop & Illustrator
- This workflow explores methods of composing an exploded axonometric rendering. The working process between Rhino, Photoshop and Illustrator is emphasized; along with precision, layer organization, and composition.
- Creating an Orthographic Drawing with Shadow and Entourage
- This workflow will present the methods necessary to create an intriguing rendered orthographic drawing. After taking an orthographic drawing from Illustrator with proper lineweights, we will add subtle textures and materiality to read the spaces better, add shadow and poche, and finally add people and trees for scale.
Orthographic entourage in Photoshop
In Photoshop you can post product and compose the rendered shadows and the rendering of your model. Notice that the images will align perfectly in terms of size since they have been created with the same output size properties. You can adjust the transparency of the images, as well as adjust the blending options of your layers. Also you can Entourage and emphasize parts of your images like glass surfaces etc. You can find these commands explained below.
- Creating an Orthographic Drawing with Shadow and Entourage
- This workflow will present the methods necessary to create an intriguing rendered orthographic drawing. After taking an orthographic drawing from Illustrator with proper lineweights, we will add subtle textures and materiality to read the spaces better, add shadow and poche, and finally add people and trees for scale.
Composition of line work and raster images in Illustrator
When it comes to combining your line work and raster images it is highly recommend that this process is done in Illustrator. This is because Photoshop does not support vector line work,therefore if you import your drawing in Photoshop it will be rasterized into a bitmap image and you will not be able to adjust its resolution. To avoid this, it is better to import the raster file in Illustrator. Save your raster file as a Photoshop document .psd . Then import the file in Illustrator by going to File --> Place . Notice that a window will pop up asking you to choose a file to place in your Illustrator artboard. Select the raster file that you want to place and make sure that the box Link is checked. This setting links the Photoshop document with your Illustrator file. This becomes very handy because you can still makes adjustments to your raster document in Photoshop and they will automatically update in the Illustrator file.
The following images explain the link process.
File --> Place
Check the Link in order to link your raster image with the Illustrator file.
Notice that when you make an adjustment in Photoshop and you save the document, if you reopen the Illustrator file, a window will pop up asking you if you would like to update these adjustments in Illustrator.
In-Class Exercise
The following workflow covers some important techniques regarding composition of vector and raster and will guide you through some series of steps on how to create a perspective section. You can download the basic Rhino file we will work with there.
- Section Perspectives From Digital Models
- This workflow will showcase the steps necessary to create a section perspective drawing using a digital model in Rhino. Once the linework is created, we will then export the drawing to Illustrator and finalize the drawing using a variety of fill, opacity and style options to create a presentable drawing.
Related
- Analogous 124a Session
- The above content roughly corresponds with this class session from Summer 2014.
- Rendered Elevations Using VRay and Photoshop
- A rendered section-elevation can depict spatial depth and communicate the design intent of a project in ways beyond a simple utilization of orthographic drawing techniques. Although orthographic drawing may communicate basic technical, material, and spatial qualities through the mechanisms of line and lineweight alone, additional imagistic devices found in raster images can provide for a stronger representation of design intent. This workflow demonstrates how to augment a detailed section-elevation line-drawing with several layers and techniques from VRay and Photoshop as a way of underlying the conceptual basis of a design.
- Creating a Shadow and Linework Rendering
- This workflow uses V-Ray for Rhino to light and render a model, emphasizing shadows, adding additional linework elements in Adobe Photoshop and Illustrator. Emphasis will be placed on creating a well lit rendering using appropriate settings in the render engine and sunlight system, as well as taking care to properly save views to ensure seamless match of rendered image and extracted 2D linework.
- Section Perspectives From Digital Models
- This workflow will showcase the steps necessary to create a section perspective drawing using a digital model in Rhino. Once the linework is created, we will then export the drawing to Illustrator and finalize the drawing using a variety of fill, opacity and style options to create a presentable drawing.
- Composing an Axonometric Drawing with Rhino 5, Photoshop & Illustrator
- This workflow explores methods of composing an exploded axonometric rendering. The working process between Rhino, Photoshop and Illustrator is emphasized; along with precision, layer organization, and composition.
- Creating an Orthographic Drawing with Shadow and Entourage
- This workflow will present the methods necessary to create an intriguing rendered orthographic drawing. After taking an orthographic drawing from Illustrator with proper lineweights, we will add subtle textures and materiality to read the spaces better, add shadow and poche, and finally add people and trees for scale.
- Compositive rendering
- Saving views, rendering using VRay presets. Post-processing of rendering. Composite drawing with linework.
- Composite Axon Drawing of a 3d Massing Model
- This workflow shows how to use a 3d model to create a 3d axonometric drawing composed of linework and a rendered image using Rhino Render. This is a simple process to visually articulate the spatial forms inside an abstract double negative model with shadows as well as proper lineweight hierarchy for axonometric drawings.