Issuu on Google+

Landscape Architecture -- Software(degital imaging)

Cheng Qiu (Harley) 04042989 harleyboom1213@gmail.com +1 415 528 8032 Academy of Art University CA USA

contents ILLUSTRATOR Floorplan Axonometric In Illustrator Logos in Illustrator Annotated Section Drawing in Illustrator Revit-to-Illustrator PHOTOSHOP

Digital Imaging Work: Personal Work

Portfolio

Texture Cubes In Photoshop Turn your friends into animals! Seamless Patterns in Photoshop Basic Room Render in Photoshop In Class Assignment: Interior Elevation in Photoshop Full Floorplan Render in Photoshop Interior Furnishing in Photoshop Full Interior Render in Photoshop

software

1

2


HW1 19th c.addition

kitchen

N

original log pen

dogtrot

stairs to loft

front porch

layout exercise 1

This is the first week of this class. I learned how to created an axonometric floor plan from scratch in Illustrator. Using the shape, line, and pen tools, I drew a floor plan from scratch, and I learned how to use adjust and expand the stroke of those lines. Then, used the pathfinder tools, I joined the paths in to a single shape, and copied the resulting compound path three times. Using the pathfinder tool again, I subtracted windows from one floor plan, subtracted both windows and doors from another floor plan, and left the final floor plan alone. Finally, the magic happened when I applied the 3d effects and stacked the resulting line work accordingly. Once this was all done, I was able to expand the appearance of the stacked plans, ungroup the result, and used the shape builder tool to colorcode interior rooms, added windows, and much more.

Digital Imaging Work: Personal WorkďźšIllustrator

Floorplan Axonometric In Illustrat

Small office under stairs

Bathroom Stairs to loft Couch with two dog beds under

Gear room w/ guestbed

Kitchen

Mud Room

Main Entrance

Bedroom

Queen Bed

Deck

NORTH

layout exercise 2

Bathroom Master Bedroom

Closet

layout exercise 3 3

3d effects layout 4


HW3 I created 10 variations on a logo using the tools that I had learned up to this point in Illustrator. Those logos could be for own personal design practice, or they could be for a fictional client who needs a logo designed for their new business. The first step was researching in the Internet. Analyzed what you find, and what makes logo good. If you see a good logo design or some good item in the logo, you can save the logo in you computer as an example. The second step to create a good logo is building the design concepts. Once I have done my research, I can get on to the fun part of the logo design process. Let my ideas run free and get them down on the paper. Then, scan the paper to computer, and place in Illustrator use pen tool to create the line work. I kept in mind the color palette that I was using, and what these color choices communicate about my brand. Typically, one to three colors provides enough to work with, though I could used however many colors I thought would work.

5

Digital Imaging Work: Personal WorkďźšIllustrator

Logos in Illustrator

6


This week I annotated and enhanced a section or elevation drawing using all of the tools that we had learned up to this point in this class. These include the basic pen and shape tools with stroke; fill gradient and transparency that we had learned previously. I also made use of the live trace and live paint tools. Additionally, I was expected to manage my color palette appropriately using a tool. And utilized the swatches panel to manage my colors and patterns.

HW4

classroom

studio

display

7

studio

gallery

UN theater

display

terrace

studio

display

studio

Digital Imaging Work: Personal WorkďźšIllustrator

Annotated Section Drawing in Illustrator

classroom

8


HW5

Kithen

Library

Digital Imaging Work: Personal WorkďźšIllustrator

Revit-to-Illustrator

This week, we was switching gears and exploring one of the most powerful of these tools in terms of architectural production, Revit. Given the limited amount of time we had in this class and the great deal of complexity of the various functions that come included in Revit, we were going to be barely scratching the surface of what is possible using the Revit-to-Illustrator workflow. For this assignment I used Revit’s modeling capabilities to create an axonometric drawing and place it into Illustrator. First, I found a floor plan to trace for my model. Then I added door, windows, plumbing fixtures, and other elements form Revit to the model. Next, I created a view of the plan in Revit, and exported this view as both a base image without line-work and as a PDF file I imported both the image and the line-work into a new Illustrator file. And another thing is I adjusted the transparency of the colored plan and used tools in Illustrator to overlap both the images. Finally, I added color, enhancements, rugs, and glass effect to the line-work drawing.

Oval Parlor

Dining Room Ballroom

East Parlor

Handicapped Entrance

9

10


HW6 At this point in this class, I was making a major switch from focusing on working with Vector artwork to working with Raster artwork. I also learned to apply shading to the faces of the cube composition onto a ground texture, which also was shaded by the cube’s shadow. I had a good idea came out when I saw this exercise at the first time. The example showed us that all the cubes are on the earth, but I wanted to show a kind of feeling about outer space, it should be awesome. However, the basic cube underlay did not conform to my requirement. Because I wanted the top cube was made of glass, and there was a light effect in this cube, I needed to put the basic cube underlay into Illustrator. The next step was searching some texture online, and saved them. After that, I placed the textures what I searched on the Internet onto the visible surfaces of the cubes. The most important thing in this step is careful on the sequence of the layer. If the sequence had been wrong, this artwork would have been uncomfortable. As an introductory exercise in Photoshop, this exercise should be fairly straightforward. I required f inding my own high-resolution materials for my cubes and my ground plane. I further learned about the basic of Photoshop, such as how to place a texture, the different methods of transforming layers, dif ferent methods of selection, the importance of layer management in Photoshop, and I learned about how the multiply blend mode works

11

Digital Imaging Work: Personal WorkďźšPhotoshop

Texture Cubes In Photoshop

12


HW7 We were going to be having a little fun with this assignment. My homework for this week was to create three animal hybrids using my three favorite animals and three favorite friends. In this process of doing this exercise, I had learned about layer organization and stacking order. I also learned to ass and subtract masking areas with the pen tool using layer masks, and how to match color, vibrancy, and contrast of the composition using adjustment layers and layer styles.

13

Digital Imaging Work: Personal WorkďźšPhotoshop

Turn your friends into animals!

14


HW10.1 This week, we were working twice as hard with a total of two homework assignments. For this first part of this week’s assignment, I was creating a set of 10 seamless textures in Photoshop of use in the second part of our assignment. First, I found images and textures from the Internet and other sources. Next, opened the images in Photoshop, and applied the offset filter, set to half the height and width to see the seams in these images. Using the various tools for image correction, fixed these seams, selected my entire image, and then defined my pattern. Once I had defined all 10 of my seamless patterns, I must then delete any other pattern that had been preloaded in Photoshop, and saved my new pattern library.

15

Digital Imaging Work: Personal WorkďźšPhotoshop

Seamless Patterns in Photoshop

16


HW10.2 In the second portion of the homework for this week, we was continuing our exploration of the various tools in Photoshop to create a rendered furniture layout plan using a very basic floor plan base and some basic line work assets for our furniture. The second portion of my homework for this week is to create one furniture layout using the given line work assets of the room and the furniture. I was inserting materials into my Photoshop file using the patterns I created in my homework to represent my furniture and decorative elements, such as rugs, tables, etc.‌ I also used non-pattern materials for certain elements for which patterning is not necessary the above example. In completing this assignment, I had been learning and practicing a number of key aspects of layer manipulation PS. I had been continuing to learn how to use layer mask to block out. I had been continuing to experiment with layer effect, specifically the drop shadow and outer glow effects.

17

Digital Imaging Work: Personal WorkďźšPhotoshop

Basic Room Render in Photoshop

18


In this week, I was working on an in-class exercise that was due before the end of class. For this exercise, I was creating a rendered interior elevation and partial plan using the techniques I had learned and practiced up to this point in class. Using Photoshop, I was filling in the line drawing of the given interior kitchen elevation and partial plan using corresponding materials and textures. I was expected to use the following techniques and practices in my Photoshop file.

19

Digital Imaging Work: Personal WorkďźšPhotoshop

In Class Assignment: Interior Elevation in Photoshop

20


HW11

This was the final homework assignment for the digital imaging class. For this assignment, we combined all of the knowledge and techniques that we had learned in Photoshop to create a full Floorpaln render from a base image consisting only of line work. The first step is gathering materials. Before jumping directly into the assignment, I began by gathering and defining what sorts of materials I want to use for my interior. Define my color palette, and use the resources I had learned in class to gather materials that match this color palette. The second step is creating color fill for different areas of my interior. Once I had my material resources gathered and my patterns properly defined, next was going into my image and beginning making color fills of the different areas of my interior sense. The third step is that once I had my color filled as a guide, I went into my image and began applied my textures to the areas that need texturing. Keep in mind that most textures would need to change as the perspective of my interior space changes, so I needed t o ra s t e r i z e m y p at t e r n filled layer and warped it accordingly before I applied my layer mask. Finally, I added layers of highlights and shading to my image.

21

Digital Imaging Work: Personal WorkďźšPhotoshop

Full Floorplan Render in Photoshop

22


HW12 This week, I was continued to learn how to use PS as a tool for rendering architectural drawing. However, I was moving from flat orthogonal renderings to 3d perspective view. Fo r t h i s a s s i g n m e n t , I took an empty 3d interior perspective rendering the interior you my blank view in Photoshop with furniture, lighting, book and other item on shelves, paintings on the wall, a view of the exterior environment outside, etc.‌ For this particular assignment, I was provided a blank interior render to work with.

23

Digital Imaging Work: Personal WorkďźšPhotoshop

Interior Furnishing in Photoshop

24


HW13 This was the final homework assignment for the digital imaging class. For this assignment, we combined all of the knowledge and techniques that we had learned in Photoshop to create a full interior perspective render from a base image consisting only of line work. The first step is gathering materials. Before jumping directly into the assignment, I began by gathering and defining what sorts of materials I want to use for my interior. Define my color palette, and use the resources I had learned in class to gather materials that match this color palette. The second step is creating color fill for different areas of my interior. Once I had my material resources gathered and my patterns properly defined, next was going into my image and beginning making color fills of the different areas of my interior sense. The third step is that once I had my color filled as a guide, I went into my image and began applied my textures to the areas that need texturing. Keep in mind that most textures would need to change as the perspective of my interior space changes, so I needed to rasterize my pattern filled layer and warped it accordingly before I applied my layer mask. Finally, I added layers of highlights and shading to my image.

25

Digital Imaging Work: Personal WorkďźšPhotoshop

Full Interior Render in Photoshop

26


This is my personal work. My inspiration comes from the containers, w h i ch h e l p p e o p l e t o t ra n s p ro t cargo. There are many artists choose containers as an element to build a house. I searched on the Internet about container houses, and a large number of designs are very good. The first step was researching in the Internet. Analyzed what layout is good, and what is the advantage in this layout. When I see a good design or some good item in the design, I saved the pictures in my computer as an example. The second step to create container house is building the design concepts. Once I have done my research, I could get on to the fun part of the logo design process. Let my ideas run free and get them down on the paper. Then, scanned the paper to computer, and placed in Illustrator use pen tool to create the line work. After that, placed the line work into Photoshop to pattern the material.

27

Digital Imaging Work: Personal Work: Personal work

Personal Work: Container House

28


Final project jpg