Showing posts with label RecontextualSpace. Show all posts
Showing posts with label RecontextualSpace. Show all posts

0613 - visual complexity and recontextualisation ; final

※^Sorry,^my^spacebar^has^broken^down.^Please^read^this^with^patience.
※^스페이스바가^고장나버렸습니다.^인내심을^가지고^읽어주세요.

-----------------------------------------------------------------------------------------------------------

This post is from my another class; media environment design studio 2013-1 : project 2 (link), and based on Recontextualisation.

Also^this^is^connected^to^the^last^post;^visual^complexity^and^recontextualisation^;^interim^(link)

-
I^printed^more,^and^adjusted^anaglyph^patterns^into^a^pop-up^and^a^cup.
Actually,^I expected a motion from pop-up,^but^it^was^hard^to^see^it.

지난번^포스트에^이어서,^애너글리프^패턴을^팝업^카드와^컵에^적용했다.^사실^팝업^구조에서의^움직임을^통해서^애너글리프^패턴이^실시간으로^느껴지는^것을^원했지만,^효과는^없었던^것^같다.

1^;^pop-up^___

screen capture in Illustrator

anaglyph pattern + pop-up

2^;^cup^___

screen capture in Illustrator

anaglyph pattern + cup

-----------------------------------------------------------------------------------------------------------

And^I tried some experiments for checking how to use an anaglyph pattern in different ways. So I made 2 cubes and adjusted 2 patterns into them.

그리고^애너글리프^패턴이^지니고^있는^특성을^다른^식으로^활용할^수^있는^방법을^찾아보려고^다음과^같은^실험을^했다.

screen capture in Maya

-
Also^I^tried another way, but this is not what I want.
하지만^이^작업들이^내가^생각하던^형태는^아니기^때문에^다음에^다시^시도해봐야겠다.


screen capture in Maya

multiply 2 cubes

-----------------------------------------------------------------------------------------------------------

And^when I tested some anaglyph experiments, I thought this non shadowing anaglyph image reminded me of an autostereogram. (link_thesis research)

거리감에 따른 애너글리프 효과를 확인해보려고 실험을 하다가, 명암을 없앤 애너글리프 화면이 매직아이의 느낌과 비슷하다고 생각했다. (link_thesis research)


anaglyph test in Maya

-
Then I wanted to develop more, but it is hard to see z depth.
더 발전시켜 보려고 했지만, 깊이감이 잘 느껴지지 않았다.



anaglyph test in Maya

-----------------------------------------------------------------------------------------------------------

And this is what I want to make^in^this^process. It is about line moiré.
아래의 그림은 이^과정에서^내가 시도하려했던 무아레 선을 이용한 실험에 대한 것이다.

moiré + plastic / paper cup

-
So I made a simple animation in Maya, and exported in Illistrator to make a moire image.

이를 위해서 마야에서 간단한 애니메이션을 만든 후, 일러스트레이터에서 편집했다.


screen capture in Maya / Illustrator

-
This is the image before I put another moire pattern. It seems like a glitch art.
아래의 이미지는 다른 무아레 패턴을 더하기 전의 그림이다. 글리치 아트 가 연상된다.

pattern for moiré 

anaglyph + moiré

-----------------------------------------------------------------------------------------------------------

I^thought^that^previous^process^is hard to see its proper motion. So^I^did more experiments.

하지만 이번에도 제대로 된 움직임과 이미지가 보이지 않았기^때문에^실험을^더^진행했다.

anaglyph + black bg

anaglyph + white bg

-
I think these images above are hard to see both its animation and pattern. So I tried different ways.

위의^이미지는^애니메이션과^패턴이^둘^다^잘^보이지^않아서^다른^방법을^시도했다.

anaglyph
non anaglyph
anaglyph + non anaglyph

-
I adjusted this pattern^and moire^pattern^into cups, and stack them up.
이^패턴들과^무아레^패턴을^컵에^적용하여,^쌓은^모습을^테스트했다.

anaglyph + non anaglyph + moire + cups

-----------------------------------------------------------------------------------------------------------

And^I^wanted^to^develop^it^in^different^ways^using^position^values^from^Syntheyes.^I^like^these^numbers.

그리고^숫자를^활용하는^것을^좋아해서,^Syntheyes^프로그램에서^추출한^위치값을^이전에^만들었던^패턴에^더해보려고^먼저^테스트^해봤다.

object with number
object as number

-
I made a script for this. I can be sure it will work, but I can't check it because it makes my computer stopped.

이를^위해서^마야에서^복사한^스크립트를^응용해서^새로운^스크립트를^만들었지만,^데이터양이^많아서^그런지,^컴퓨터가^멈춰서^확인할^수^없었다.


screen captures in Excel / Maya

-
Also I realized the blured image makes z depth clear.
또한^이미지를^흐릿하게^만들면^깊이감이^더^뚜렷하게^나타난다는^것을^깨달았다.




blur + depth layers

screen capture in Maya

-----------------------------------------------------------------------------------------------------------

And I modified the code and made varying positon^values. All values are from Syntheyes.

그리고^이전에^만들었던^코드를^수정하여^마야에서^다시^적용해보았다.^모든^값은^Syntheyes^프로그램에서^얻었다.


screen captures from Excel / Maya

anaglyph + obj + position value

screen capture in Maya

But it takes long time for waiting, and I don't need an animation for cup texture, so I stopped this work.

하지만^스크립트를^적용하는^단계에서^시간이^너무^오래^걸리고,^컵에^적용할^패턴으로^움직이는^영상이^필요한^것은^아니라서,^이^작업은^여기서^그만두었다.

-
These are the top view of numbers of position values. I think this graphic is interesting.

이^이미지는^위에서^만들었던^위치값의^숫자들을^위에서^본^모습이다.^이^그래픽이^무척^마음에^든다.

top view of numbers

----------------------------------------------------------------------------------------------------------

And I made an anaglyph pattern again. These figures are from my previous work.

그리고^애너글리프^패턴을^다시^제작했다.^아래^이미지에^사용된^형태는^이전^작업에서^가져온^것이다.

source image / screen capture in Maya

There are 2 structures in this image. One is the structure of object layers, and the other is the structure among object, shade and pattern.

이^이미지에는^2가지^구조가^존재한다.^하나는^각^개체^레이어로^구성된^것이고,^다른^하나는^개체의^형태와^명암,^그리고^여기에^적용된^패턴으로^구성된^구조라고^생각한다.

1 ___

object 1 + object 2 + object 3

2 ___

object + shade + pattern

-
So I adjusted these pattern into cups, and stacked them.
그래서^이^패턴을^컵에^적용해보고,^각^레이어를^겹치기^위해서^컵을^쌓아보았다.

cup 1 + 2 + 3
cup 1 + 2 + 3 + 4

-
Also I tried to use moire patterns.
또한^무아레^패턴을^활용한^패턴도^적용해보았다.

cup 7 + 5 + 6

moire + anaglyph pattern 1


moire + anaglyph pattern 2

----------------------------------------------------------------------------------------------------------

And^this^is^the^final^process^movie^for^this^project.
그리고^아래의^영상이^이^프로젝트의^최종^프로세스^영상이다.

process mov for BLISS


0502 - visual complexity and recontextualisation ; interim

This post is from my another class; media environment design studio 2013-1 : project 2 (link), and based on Recontextualisation.

-
I developed this project from my previous works based on Small-world network and 6 degrees of separation. (link_research / philosophy)

지난번에 만들었던 영상을 발전시켜 프로젝트를 진행하였다. 이 영상은 작은 세상 네트워크와 6단계 이론에 기반을 두고 있다. (link_research / philosophy)


kinetic city architecture / kinetic city architecture with human motion

-
Recently, I often use this kind of design because I can make various patterns easily using symbols in a keyboard. And I got inspiration from them.

최근에 키보드에서 쉽게 입력할 수 있는 기호들로 구성된 패턴을 자주 사용하는데, 이러한 디자인 방법이 이 프로젝트를 진행하는 데에 출발점이 되었다.


my recent editorial design works

patterns using various symbols in a keyboard _ ~!@#$%^&*()-=+\<>/

-----------------------------------------------------------------------------------------------------------

1-1>>

At first, I made a pattern with forward slash and wanted to show my works with 3 types of views.

처음에 나는 사선을 이용하여 패턴을 만들고, 이것을 3가지 시점으로 나타내려 했다.

example pattern using forward slash

front / top / perspective views

-
And that pattern made me think about fractal patterns.
그리고 앞서 만든 패턴으로 실험적인 프랙탈 패턴을 만들었다.

fractal pattern test

screen capture in illustrator

1-2>>

And I used Maya and some other programs to make 3D objects. Some attempts were failures, but they were interesting to do.

그리고 마야와 기타 다른 프로그램을 이용하여 3D 형태를 제작하였다. 몇몇 시도는 실패했지만, 아주 쓸모없지는 않았다.

-
At first, I exported trackers from Syntheyes to Maya,
처음에 Syntheyes의 트래커를 Maya로 옮기고,


screen captures in Syntheyes and Maya

and made 3D curves.
3D 곡선을 만들었다.

screen captures in Maya

But I had to make another form because I couldn't see proper patterns.
하지만 곡선들의 두께가 너무 얇아서 제대로 된 패턴을 볼 수 없었기 때문에 다른 형태로 만들어야 했다.

-
So I made another 3D objects from 2 videos, and adjust an anaglyph view. Also these 2 objects were blended like the previous works.

그래서 기존에 제작했던 2개의 영상으로부터 또 다른 3D 형태를 만들고, 애너글리프 효과를 적용했다. 또한 이전 영상들이 그랬던 것처럼, 이번에도 블랜드 효과를 적용했다.


screen captures in Maya and After Effects

-
And there are 3 types of movements in the previous video; camera, movable and immovable objects. I used Excel and Notepad for converting values easily.

이전 영상에는 3가지 움직임(카메라, 움직이는 대상, 고정된 대상)이 있었는데, 이 중 움직이는 대상의 위치 값을 변환하기 위해서 엑셀과 메모장을 사용했다.


screen captures in Excel, Notepad and Maya

It was good to convert quickly, but I didn't consider about the camera motion exported from Syntheyes. So this attempt was failure.

이 2가지 프로그램의 사용은 해당 값을 빠르게 변환할 수 있도록 도와주었지만, 내가 실수로 Syntheyes에서의 카메라 움직임을 고려하지 않는 바람에 사용할 수 없게 되었다.

-
Anyway, I saved 2 playblast videos, and edited them in After Effects. Some motion values of movable objects and human movements, adjusted plexus effect, were used to connect various types of motions.

그리고나서 2개의 playblast 영상을 After Effects에서 편집했다. 다양한 종류의 움직임을 연결하기 위해서 plexus 효과가 적용된 모션 수치들이 사용되었다.

pattern + anaglyph



screen captures in After Effects

-
These works are based on the ways of connections(link_thesis / research blog) and visual complexity(link_thesis / research blog).

The pattern I used is very simple but complex. It is contradiction. I think it is caused whether we see the trees or the woods. If you see this pattern detailed, it can be felt complex, but its graphic is very simple if you see on the whole pattern which has some repetitive rules.

이 작업은 연결에 대한 다양한 방법(link_thesis / research blog)과 시각적 복잡성(link_thesis / research blog)에 대한 것이다.

내가 사용한 패턴은 무척 간단하지만 동시에 복잡하다. 이것은 나무를 보느냐, 숲을 보느냐 하는 시각적 차이에서 오는 모순이라고 생각한다. 이 패턴을 자세히 봤을 때에는 복잡하다고 느껴지지만, 전체적인 형상을 봤을 때에는 반복적인 규칙으로 인해 단순하게 느껴진다.


1-3>>

Prof. David said about recontextualisation, I did some experiments if it can be applied to an anaglyph pattern. This is a pattern from the 1st video of this post.

데이빗 교수님께서 조언해주셨던 recontextualisation에 대해서 몇 가지 실험을 했다. 아래의 패턴에 쓰인 오브젝트는 이 포스트에 있는 첫번째 영상에 쓰인 것으로, 이 실험을 위해서 애너글리프 패턴을 적용했다.

I imported it to another object of the 2nd video.
그리고 이 이미지를 두 번째 영상의 오브젝트에 불러왔다.



screen captures in Maya

1-4>>

Also I printed the pattern for an experiment. I draw an unfolded shape of forward slash in Illustrator,

다음 실험을 위해서 이전에 만든 이미지를 사선 형태 패키지 전개도에 적용하고,

screen capture in Illustrator

and printed it for folding it.
프린트해서 조립했다.



print and fold

-----------------------------------------------------------------------------------------------------------

Next, this will be developed as follows.
이후에는 다음과 같이 발전시킬 예정이다.

2-1>>

Apply the pattern into product or fashion.
패턴을 제품이나 패션에 적용한다.


2-2>>

repetitive process for fractal

Or apply it to the city structure used in the first pattern, and repeat this process for several times. I will use various patterns, and this can be a fractal pattern of city.

혹은 이전에 만든 도시 형태의 구조에 패턴을 반복적으로 적용해서 도시의 프랙탈 패턴을 만든다.


2-3>>

And I think this is interesting to show relationships between some objects. It can be also adjusted z depth through anaglyph view.

혹은 도시 내의 여러가지 대상들 간의 관계를 보여주는 것도 좋을 것 같다. 애너글리프 뷰를 이용해서 깊이감을 줄 수 있을 것 같다.

how many objects are connected

But I'm sad that they hardly show the connection (relationship) between human and non-human.

하지만 현재 작업들이 사람과 기타 대상들과의 연결 관계를 잘 보여주지 못하고 있는 것 같아 아쉽다.


2013
main / network / new post / posts / pages / template / customize / layout
hleefactory@gmail.com
THESIS BLOG >


Human and Computer ;
The Visible and The Invisible

-
Hayoun Lee

-
Supervisor
Prof. David Hall





논문 블로그 >


인간과 컴퓨터 ;
보이는 것과 보이지 않는 것

-
이하연

-
지도교수
데이빗 홀 교수님


100
536
180