Skip to content

2014SummerDITO TutorialDay3 #
Find similar titles

https://docs.google.com/uc?id=0B4nTsqkfrc2ka3VxSFNRc091RkE&export=download

Grasshopper basic #

기본 설명은Grasshopper primer 및 Generative algorithm을 기초로 작성함.

Grasshopper? #

Grasshopper는 Rhino라는 3d modeling tool에 기초한 plug-in 이다.

Image

Grasshopper는 기하체의 생성 알고리즘(Generative algorithm)을 이용하여 새로운 형태에 대한 탐구를 할 수 있도록 하는 시각적 알고리즘 편집기(Graphical algorithm editor)이다. Grasshopper는 시각적 인터페이스이기 때문에, 스크립팅이나 프로그래밍에 대한 지식이 없더라도 생성원리를 이용하여 기하(Geometry)를 만들거나 편집하기 쉽다.

Image

Install #

Grssshopper는 현재는 무료로 배포되고 있으며, Grasshopper 공식 사이트(http://www.grasshopper3d.com/)에서 다운 받을 수 있다.

Image

Rhino가 꺼진 상태에서 Install을 진행한다.

Image

설치가 완료되면 Rhino를 다시 켜고 Command line에 "grasshopper" 명령어를 타이핑하여 실행 시킨다.

Image

Interface #

Grasshopper는 크게 Component Tab/Panel부분과 Canvas 부분으로 구분된다. 주로 Component Tab/Panel 에서 각종 매개변수(Parameters)및 액션 컴퍼넌트(Component)들을 Canvas 위로 꺼내서 서로 연결하는 방식으로 사용한다.

Component Tab/Panel

Image

Canvas

Image

컴퍼넌트를 컴퍼넌트 패널에서 꺼내는 방법은 Drag&Drop 혹은 패널에서 left click 후 캔버스에서 다시 left click 하는 방법이 있다. 패널에서 찾기 어렵다면, 캔버스 상의 아무곳에서 더블클릭하여 이름을 검색해서 꺼낼수도 있다. Ctrl+Alt+left Click(hold) 하여 해당 컴퍼넌트를 계속 누르고 있으면 역으로 패널에서의 컴퍼넌트 아이콘의 위치를 찾을 수 있다.

Image

Grasshopper object #

Grasshopper에서 Component panel에서 꺼내 쓰는 컴포넌트는 크게 두가지 종류로 이해할 수 있는데, Rhino상에 이미 그려놓은 외부 객체 및 data를 연동시키도록 하는 매개변수(Parameters)와, 매개변수를 이용하여 커맨드를 수행하거나 직접 객체 및 data를 만들어내는 컴퍼넌트(Component)가 있다.

Image

Component panel에서 꺼낸 매개변수 및 컴퍼넌트는 각각의 상태를 색깔로 표시하는데, 회색 컴퍼넌트는 필요한 data가 정상적이며 따라서 컴퍼넌트가 정상적으로 작동하고 있다는 의미이다. 주황색은 경고를 보여주는 것으로 컴퍼넌트에 적어도 한가지 이상의 문제가 있으나 컴퍼넌트가 작동하기는 한다는 의미이다. 빨간색은 에러(error)를 의미하며 이는 컴퍼넌트가 작동하지 않는다는 것을 의미한다. 이것을 해결하기 위해서는 data에 어떠한 문제가 있는지를 살펴보고 그것을 고쳐주어야 한다.

Example #

약간 지겹지만, Attractor point 예제와 parametric truss 를 기초예제로 해보기로 하자.

#1 Attractor point #

Image

Image

  • 두번째 그림 및 예제에 쓰인 컴퍼넌트들에 대한 설명이 담긴 다음 파일을 저장해서 보실 수 있습니다. 예제파일 다운받기

  • 특정 점과 circle의 중심과의 거리 data를 이용하여 거리가 가깝고 먼 정도에 따라 가변적인 Radius 와 extrude 되는 높이 및 color gradient를 적용할 수 있다.

  • Series를 통한 데이터 매칭을 위해 다음을 이해한다.

    Series / Range / Domain

    Image

    Series는 등차수열개념으로 Input parameter에 S(첫번째 값), N(공차), C(항의 개수)를 연결하여 얻는 일련의 수열 data list를 얻게된다. Range는 수의 범위로, 특정 D(도메인)을 N 등분하여 얻어지는 지점의 수들로 이루어진 data list를 얻는다.

    정해진 범위 내에서의 수열을 얻기위해선 Range, 공차값에 대한 변수를 직접 다루고 범위의 확장이 필요하다면 Series를 쓴다.

    Image

    도메인은 최대 최소를 갖는 정의역으로, curve나 surface를 정의하는 각 point들의 위상학적 주소라고 볼수도 있다.

#2 parametric truss #

Image

Image

Pattern making with grasshopper #

패턴은 프랑스어 낱말 patron에서 온 것으로, 되풀이되는 사건이나 물체의 형태를 가리킨다. 물체들의 집합 요소로 부르기도하고 이러한 요소들은 예측 가능한 방식으로 되풀이된다.

이렇게 패턴은 예측 가능한 방식으로 되풀이되는 물체이기에 그래스호퍼 툴로 변수를 이용해 변형하며 다소 수월하게 만들어낼 수 있다.

그래스호퍼를 사용하는데 기본이 되는 동영상을 미리 숙지해두면 학습하기 훨씬 용이하다. Grasshopper Basic

아래 예제들은 mode lab website의 Dynamic Patterning 동영상을 참고하자.

#1. Simple pattern #

Image

Image

  • 두번째 그림 및 예제에 쓰인 컴퍼넌트들은 다음 파일을 저장해서 보실 수 있습니다. #1예제파일 다운받기

#2. Making patterns #

Image

Image

  • 두번째 그림 및 예제에 쓰인 컴퍼넌트들은 다음 파일을 저장해서 보실 수 있습니다. #2예제파일 다운받기

#3. 응용편. Random pattern #

Image

Image

  • 두번째 그림 및 예제에 쓰인 컴퍼넌트들은 다음 파일을 저장해서 보실 수 있습니다. #3예제파일 다운받기

Pattern making with illustrator #

Image

Image

파일 다운받기

** 패턴을 만드는데 주로 사용하는 툴

  1. Object - Blend
  2. Effect - Distort&Transform - Transform, Twist, Zigzag
  3. Effect - Pixelate - Color Halftone

** Self 패턴 만들기 참고할 영상

만든 패턴 다운받기

pattern1

pattern2

pattern3

자, 이제 함께 만들어봅시다!

참고할 영상 #

Create a Japanese Pattern with Adobe Illustrator CS6

Quickly create multiple colorways

Suggested Pages #

0.0.1_20140628_0