Digital Software Competence Portfolio
-
Upload
chris-garcia -
Category
Documents
-
view
219 -
download
1
description
Transcript of Digital Software Competence Portfolio
Mantra
DESIGN
MantraDieter rams once said “good design is as little design as possible. I
believe the way something looks should determine it’s purpose. Since
form follows function, then function should influence design. Every
object was designed for a purpose. Sometimes even unknowingly.
But a good product designer is part artist and part engineer,
combining both aesthetics and function. They must be rational,
ethical, relevant, and innovative and therefore, must appreciate
the extensive development beyond that of pure design, which is
industrialization, marketing and sales.
Journals
journal 1 font analysis
journal 6economy of line
journal 8collage diagram
journal 2compression of event into image
journal 5grasshopper selfie
journal 7celebrate a subject
journal 9revit floor plans
journal 11film analysis
journal 12infographic
01Font AnalysisExtracting Proportions and relationships
Proportions and unspoken geometries are living in the world all around us. This exercise was meant to expose that in some of the simplest for we use every day, fonts. Once I choose a font of my liking, I then had find a quote that spoke towards my design lifestyle and relay that in to my chosen font.
Needed for task
While using illustrator, I began to overlay hidden geometries and reoccurring forms of relatable letters. Such as E, F, R and P.
Task completed
28August, 2014
Rhinoceros 5
Adobe illustrator cc
Time of task
3hr
j o u r n a l
The final resulting image to the left, you can perceive the relationship of the letters to each one another from the overlaid geometric grid and begin to understand the relevance of their form.
02Compression
of Event into
Image“Capturing Time and Action”
Part of a designer essences is his or her ability to comprehend in time and space. In this exercise I begun to set up a camera in a stationary setting and engaged space through time. Once captured, I presented that motion with five different scenes in five different moments and then overlaid those moments on top of each other.
Needed for task
Task completed
05september, 2014
adobe photoshop cs6
Time of task
2hr
j o u r n a l
As individual graphics and progressive lower the opacity of the next graphic and forever compressed them together to get this resulting image (to the left). Furthermore I altered it’s exposure and contracts to get an effect representation of time through space.
05Grasshopper
SelfieThe integration of parametric design to a digital graphic allows you to see the breakdown of an image into points. Enabling you to highlight resolutions in desirable areas of a graphic. I began by taking a quick simple picture of myself and started manipulating it in Photoshop by adjusting its color settings and height scale. From there, I brought it into rhino and started up a given grasshopper definition. I targeted an area on my face where I wanted more definition by adding more points for grasshopper to pick up and attempted to ripple more points outwards from there on out.
Needed for task
Task completed
24september, 2014
Rhinoceros 5/Grasshopper
Adobe photoshop cs6
Time of task
2hr
j o u r n a l
06Economy of
LineThe negative result of an image is that it may say too much, to the point where it is distracting or counterintuitive from what it needs to say. With that in mind, I took an image of a male model where I really did not need disruptive facial definition or his lower body and begun to trace it to show what I wanted to attract
Needed for task
the viewers’ attention towards. Here I have my bowtie and a cardigan that I used in assignment 3, Fashion + Form.
Task completed
10octoober, 2014
Rhinoceros 5
Adobe illustrator cc
Time of task
3hr
j o u r n a l
Finally, I started to fill in areas of my products with color to hopefully add appeal and to catch the attention.
07Celebrate a
SubjectThe result of a presentation is ultimately dependent on perception of your audience. Making a product or space relatable to them is to show them with it/using it or in it. We have to impact our audience’s perception by manipulating imagery. I starting by selecting two very different but relatable images. One of the space of a UK
Needed for task
Task completed
17october, 2014
adobe photoshop cs6
Time of task
2hr
j o u r n a l
Pavilion Expo in 2010 by Heatherwick, the other of a hedgehog. With the hedgehog, I begun to crop out the existing foreground and back ground to just get my beast. I then overlaid that onto the background structure of the Pavilion and furthermore manipulated the hedgehogs foreground with shadow and added filters and different color elements.
Showing development and processes of a product can be critical to a client. Diagrammatically simplifying and condensing that processes is just as important. With an image of my finalized fashion show attire, I manipulated several processes graphics and overlaid them onto that image. I tried to account for the geometry in my graphics to properly conform to the
08Collage
Diagram
collage process
Task completed
23OCTOBER, 2014
Needed for task
adobe photoshop cs6
Time of task
2hr
j o u r n a l
models figure. And overlaying one by one, I altered each and every process image’s opacity and began to with filter settings and color to get my resulting collage diagram.
09Revit Floor
PlansAfter in class help and online lecture, I began to understand the importance of the Aligned Dimension tool. I started by first laying out what seemed to be the basic dimensions for the walls and then went back with Aligned Dimension and oriented to wall of the given dimensions.
Needed for task
Task completed
31october, 2014
revit autodesk 2015
Time of task
3hr
j o u r n a l
I discovered difficulty’s early on with several of the walls either not adding up of not given any sort of distance from another. Then ultimately resulted in a lot of guessing and checking.
2' - 5 1/2"
2' - 5 1/2"
6' - 5" 8' - 1"
3' -
5"
9' - 1" 11' - 0"7' - 11" 12' - 6" 5' - 1"
16' - 6"
22' - 11" 10' - 6"9' - 5"11' - 5"
11' - 11"
19' - 8"
7' -
9"17
' - 1
"
14' -
8"
4' -
11"
6' - 8" 14' - 8 1/2"
6' -
8"
46' -
0"
7' -
9"
11' -
3"
12' -
11"
21' -
5 1
/2"
9' - 1"
140' - 0"
23' -
7"
11' -
2"
18' - 1"
21' - 0"
31' - 10"
1' - 9 1/2"
6' - 8"
25' - 5 1/2"
3' -
3"
13' - 2 1/2"
45' - 0"
10' -
2 1
/2"
12' - 9 1/2"
8' - 11"
3' -
8"
9' -
6"
7' -
3 1/
2"
21' - 5 1/2"
4' - 2"
5' -
0"
8' - 11" 7' - 10"
7' - 4"5' - 0"
16' -
5 1
/2"
5' -
9"
13' - 8 1/2" 9' - 0"
9' -
5"
33' -
4 1
/2"
11' -
6 1
/2"
6' -
1 1/
2"
11' - 0"
7' - 10"
14' - 3"
15' - 0"
www.autodesk.com/revit
Scale
Date
Drawn By
Checked By
Project Number
ConsultantAddressAddressAddressPhone
ConsultantAddressAddressAddressPhone
ConsultantAddressAddressAddressPhone
ConsultantAddressAddressAddressPhone
ConsultantAddressAddressAddressPhone
1/8" = 1'-0"
10/3
1/20
14 1
0:05
:40
AM
A101
Journal #9
Christopher Garcia
Revit Floor Plans
CheckerAuthor
Issue DateProject Number
No. Description Date
1/8" = 1'-0"1 Level 1
1/8" = 1'-0"2 Level 2
11Film AnalysisV for vendetta
Discuss the critique of government?
The British government was corrupt system and oppressed one of that showed several similarities to a dictatorship.
Discuss the difference the film and its source material?
The one capitalized difference of the two would be the films present time period. Alan Moore originally staged the setting to be in Britain in the 1980’s and 90’s while the film took place in Britain in the years of 2028 to 2038.
How is the relationship between “idea vs man” used to
propel themes in the film?
V possessed a figure of a man, walks and talks like a man and also died like a man. The similarities of an idea to a man is that V’s idea carried through himself and the citizens, they walk and they talked but the ideas will never die.
“Behind this mask there is more than just flesh. Beneath this mask there is an idea… and ideas are bulletproof.” – Alan Moore, V for Vendetta
How does this challenge contemporary notions of “terror-
ist”?
Although V’s action reflected terrorism but his idea did not. The corrupt government that which blinded their citizens with dishonesty and unfair laws needed to be revealed.
Needed for task
Task completed
01december, 2014
V for Vendetta
Time of task
3hr
j o u r n a l
Considering the time period of the film release. What is it questioning?
The film is question government and their rein and power over their citizens, causing an oppression towards the people.
How are words used in clever ways to reframe discussions in increase their impact?
When V speaks, he speaks very well educated, fluent and also in a low volume, forcing the viewers to have to pay close attention to what he is saying.
How is architecture and spatial design (product placement) used to inform the narratives?
It spoke well with the store line, the medieval ideas and gothic mind reflected greatly with confidence and revenge filled main character of V for Vendetta.
Discuss the use of symbols?
The mask symbolizes fearlessness
The “V” symbolizes as number five, 5 as in the room number he was in while in prison as a test subject. He was the only test subject survivor.
The building he blew up symbolizes a new era the freedom of the people.
Explain the importance of v’s favorite film?
Monte Cristo, and it is about a fearless young man who is falsely imprisoned by his jealous “friend”, who escapes and seeks revenge.
What is the reference when the military commander “cannot recall” specific information?
It is a reference to the prison which V was help captive in and used as a test subject for the governments benefit.
Discuss the role of authority figures and their representation. How does this forward themes in the film?
The High Chancellor represented the lack of freedom and was the only face of their government, or should I say, dictatorship.
12infographic
Throughout the entire semester, I have kept a log of the amount of hours I have spent in each and every software for every Journal entry and Project assignment and put together a hunting diagram that even suprised me. I decided to relate the amount of hours that I have spent in the various software’s used in Digital Applications and put together and infographic. In my infographic, I related to the time spent working in a particular program to the length of time spent on a specific flight to one major city to another.
Needed for task
Task completed
17december, 2014
Adobe illustrator cc
Time of task
3hr
j o u r n a l
10,000 hours
10,000 HoursThe amount of waking hours spent in each program used for Digital Applications (fall 2014) for Journals and Projects compared to the
lengths to some of the flights around the world.
Adobe Illustrator cs6
Rhinoceros 5
Adobe photoshop cs6
Adobe indesign cs6`
3DS Max
Revit
Sketchup
Dallas Dubai
Los ANgeles Singapore
Dallas New york city
Chicago London
Kansas City Atlanta
los angeles bangkok
New york copenhagen
1 One-Way trip = 16.5 hours
6 Round trips = 114 hours
1 Round trip = 6.5 hours
1 Round trip = 16 hours
1 One-Way trip = 2 hours
1 Round trip = 35 hours
2 Round trip = 39 hours
Christopher Garcia journal 12
Projects
Assignment 1
Digital Website
Assignment 2
Form vs Play
Assignment 3
Fashion + Form
Assignment 4
I, Revit
01digital website
Needed for task
In a design driven field, you must be able to show your ability and skill set to anyone, anywhere and at any point in time. And having a personalized website at your fingertips in the easiest way. Using the mainly blogger dominate site, wordpress.com, I begun to make my creative, almost technological-savvy mind open to the public to see.
Task completed
2August, 2014
wordpress.com
Time of task
4hr
https://christophertgarcia.wordpress.com/
a s s i g n m e n t
Explain how you approached the problem stylistically and hierarchically?
Stylistically, I knew I did not want to make any page too cluttered with unnecessary widgets and wordy para-graphs. By the words of van der Rohe, “Less is more.” I decided that by integrating good imagery to draw the eye of the viewer, it would help me decide the hierarchy of my site.
How were other resources engaged to develop the most successful graphic design? What were those
sources and why did you use them?
I watched the video provided to attempt to understand how to work and manipulate the blogs pages. Once I did that, I looked at professional peoples’ work online, for example the work that has been done by Architectural Digest Magizine (http://www.architecturaldigest.com/blogs/daily). The Daily AD does a wonderful job with organization and attracting readers to make it all the way down their pages without taking a breath. So from this example, I wanted to integrate some of the same strategies to my own blog.
Describe the challenges that this project presented, specifically Dreamweaver and the basic html. How
were these overcome?
For myself as a first time user, I had trouble navigating myself around the website. This presented a true challenge for me and I believe the organization of this site could use an updating. Although for the basic html, it is actually a simple concept when it comes to the address and locating pages. I would not say this was over-came but I was able to further understand the website itself more easily the more I used it. I have started up a webpage before on another site, so I had a little familiarity with it.
Describe the challenges with the getting your WordPress account running and posting to the web?
Once on the starting line of personalizing my own blog, I immediately wanted to click on the pages imaginary boxes and text boxes to make them my own, but unfortunately I could not. I had to leave the desired space to find the actual category on the dashboard to put the text where I wanted it to go. Then once I was on the dashboard page, I was still confused as to what areas correlated to the actual positions of where it would show up on my blog. I have been on other “make your own website applications” before, but personally I believe I struggled the most with WordPress.com.
questions and analysis of the website project are posted underneath the
webpage heading loacted in the organization bar
02form vs play
Needed for task
This project was to introduce the software, sketchup. We were given guidelines to develop the buildings structure but as for everything inside, we had to connect back to our childhood and combine function and form to eight different action verbs to produce children’s play equipment. One strong recommendation for our play equipment was to have numerous multi-use products. Meaning, with the given eight verbs, several of those actions had to be designed into one product.
Task completed
12setember, 2014
wordpress.com
Time of task
43hr
a s s i g n m e n t
sketchup
adobe illustrator cs6
https://christophertgarcia.wordpress.com/assignment-2/
CIRCULATION DIAGRAM VIEWER DIAGRAM
03FASHION + FORM
Needed for task
Today’s digital era, fashion and technology are colliding and morphing into forms that some of us never thought imaginable. But with the help of developed technology we are able to do things such as 3D body scan to further understand the human form and movement to take into consideration of what we wear. This project I was paired with a partner to design a piece of jewelry and a garment
Task completed
14OCTOBER, 2014
Rhinoceros 5
Time of task
74hr
a s s i g n m e n t
RHINO 3D
http://tech4design.wordpress.com/rhino-3d-assignment-3/
http://tech4design.wordpress.com/rhino-3d-assignment-3/
to wear in our upcoming college fashion show. Me and my teammate, both being males and with interest of the male formal attire. We built a conceptual design based off a specific cut of a diamond. Then copied and manipulated its form and created a repetitive geometry that caught both of our interests. Finally we composed that geometry into a garment that perfectly fit to the topography of my partner’s torso.
04I, Revit
In the process of getting familiar with the software of Revit, this project, I designed a robot to take place in modern day. With being a lot larger than the average human and with vacuum suckers in place of hands, this robot is fueled off of the materialistic people in today’s society. He senses needed people and searches them out with his lonesome eye. Once approaching, he activates his vacuum arms and cleans them up along with their unnecessary items. And then within a few moments, spits them out in an almost stone-age frame of mind and empty handed. Just desiring the bare essentials to get by.
needed for task
a s s i g n m e n t
RHINOCEROS 5
Time of task
66hr
rEVIT AUTODESK 2015
REvit Robothttps://christophertgarcia.wordpress.com/revit/
Task completed
21november, 2014
Scale
Project numberDateDrawn byChecked by
https://christophertgarcia.wordpress.com
12/1
5/20
14 3
:20:
43 A
M
A1Cover Sheet
004Christoper Garcia
iRevit11/21/14AuthorChecker
No. Description Date
1 PERSPECTIVE
Ground Level0' - 0"
Knee Level29' - 0"
Hip Height61' - 0"
Vacuum Level49' - 0"
Cockpit Level100' - 0"
Top of Robot119' - 0"
119'
- 0"
19' -
0"
39' -
0"
12' -
0"
20' -
0"
29' -
0"
A B C D
65' - 6"
22' - 0"21' - 0"22' - 6"
Level 10' - 0"
Ground Level0' - 0"
Knee Level29' - 0"
Hip Height61' - 0"
Vacuum Level49' - 0"
Cockpit Level100' - 0"
Top of Robot119' - 0"
19' -
0"
39' -
0"
12' -
0"
20' -
0"
29' -
0"
119'
- 0"
1 2
26' - 0"
Scale
Project numberDateDrawn byChecked by
https://christophertgarcia.wordpress.com 3/64" = 1'-0"
12/1
5/20
14 3
:20:
04 A
M
A2Elevation - Dimensons
004Christoper Garcia
iRevit11/21/14AuthorChecker
No. Description Date
3/64" = 1'-0"1 Elevation - Front - Dimensions 3/64" = 1'-0"2 Elevation - Slide - Dimensions
3DS Max
I, Revithttps://christophertgarcia.wordpress.com/revit/
Scale
Project numberDateDrawn byChecked by
https://christophertgarcia.wordpress.com 3/64" = 1'-0"
11/2
1/20
14 4
:50:
40 P
M
A2Elevation N&S
004Christoper Garcia
iRevit11/21/14AuthorChecker
No. Description Date
3/64" = 1'-0"1 North 3/64" = 1'-0"2 South
Scale
Project numberDateDrawn byChecked by
https://christophertgarcia.wordpress.com 3/64" = 1'-0"
11/2
1/20
14 4
:52:
57 P
M
A3Elevations E&W
004Christoper Garcia
iRevit11/21/14AuthorChecker
No. Description Date
3/64" = 1'-0"1 East 3/64" = 1'-0"2 West
Scale
Project numberDateDrawn byChecked by
https://christophertgarcia.wordpress.com
11/2
1/20
14 4
:53:
04 P
M
A4Movement Axons
004Christoper Garcia
iRevit11/21/14AuthorChecker
No. Description Date
1 leg movement axon 2 {3D}
Lens
Moving Cockpit
Holding Chambers
Vacuum
Painted Steel
Tinted Glass
Acutator
Vacuum Cell
Holding Chamber
Cockpit
Scale
Project numberDateDrawn byChecked by
https://christophertgarcia.wordpress.com 3/64" = 1'-0"
12/1
5/20
14 3
:23:
42 A
M
A2.3Elevation - Annotated
004Christoper Garcia
iRevit11/21/14AuthorChecker
No. Description Date
3/64" = 1'-0"1 Elevation - Front - Annotated 3/64" = 1'-0"2 Section 1
Scale
Project numberDateDrawn byChecked by
https://christophertgarcia.wordpress.com
12/1
5/20
14 3
:19:
08 A
M
A3Robot Axon
004Christoper Garcia
iRevit11/21/14AuthorChecker
No. Description Date
1 AXON3 2 AXON4 3 AXON24 AXON1
CGchristopher Garcia
(785) 643 [email protected]
1825 Leavenworth St.Manhattan, KS 66502
Thank You!
This portfolio is comprised of some of the techniqual digital work that I completed
Fall of 2014. For further conceptual and physical
design work, please contact me.