제 3회 dgmit ui&ux 컨퍼런스 : 2.5d의 세계

8
3DGMIT UI/UX 컨퍼런스 2.5D세계 2014. 10. 02 Version : 1.0.0 made by 최중범 Creative Art

Upload: dgmit2009

Post on 05-Dec-2014

85 views

Category:

Design


5 download

DESCRIPTION

1. Introduction of 2.5D 2. 2D와의 비교 3. 3D와의 비교 4. tricks and tips 5. 2.5D 적용 예제

TRANSCRIPT

Page 1: 제 3회 DGMIT UI&UX 컨퍼런스 : 2.5D의 세계

제 3회 DGMIT UI/UX 컨퍼런스

2.5D의 세계

2014. 10. 02

Version : 1.0.0

made by 최중범 Creative Art 팀

Page 2: 제 3회 DGMIT UI&UX 컨퍼런스 : 2.5D의 세계

2

CONTENTS.

1. 2.5D introduction ………………

3

2. 2D와의 비교 ……………………… 4

3. 3D와의 비교 ……………………… 5

4. Tricks and Tips …………………… 6

5. 2.5D 적용예제 …………………… 7

Page 3: 제 3회 DGMIT UI&UX 컨퍼런스 : 2.5D의 세계

3

1. 2.5D introduction 2.5D란 무엇인가

2.5D란 무엇인가

x, y, z가 존재하는 3D 공간에서 x, y 축의 2D 레이어들이 z 공간으로도 움직일 수 있는 상태

카메라 또한 3D 공간에서 x, y, z 축으로 이동이 가능

Page 4: 제 3회 DGMIT UI&UX 컨퍼런스 : 2.5D의 세계

4

2. 2D와의 비교 2D와 2.5D의 차이점

2D vs 2.5D 기본적으로 2D는 평면 개념이며 2D로 그려진 그 자체의 종이나 화면이 일어나서 z축으로 이동, 각도, 크기 조절이 가능한 것이 2.5D 이다 z축이 없는 2D 그림에도 z 축을 도입하여 가상 공간을 만들고 많은 효과를 줄 수 있다 또한 에니메이션이 적용된 경우 종이같은 2D 오브젝트들을 z축으로 움직여 공간감을 줄 수도 있다

Page 5: 제 3회 DGMIT UI&UX 컨퍼런스 : 2.5D의 세계

5

3. 3D와의 비교 3D와 2.5D의 차이점

3D vs 2.5D 3D는 x, y, z로 물체가 형성되어 있는 반면 2.5D는 3D 개체를 랜더해 놓은 2D 종이를 z 공간에 두는 것이다 그러므로 2.5D에서도 3D 느낌을 줄 수는 있으나 물체 자체를 회전 시킬 수는 없다

Page 6: 제 3회 DGMIT UI&UX 컨퍼런스 : 2.5D의 세계

6

4. Tricks and Tips 2.5D로 쉽게 2D나 3D 그 이상의 효과내기

투명처리 된 Footages 합치기 카메라 조작 (shake, animation 등) 2D 평면에 3D plug-in (z축을 사용하나 카메라를 옆으로 돌려보면 이 또한 2D) 사용

. . . limitless

Tricks and Tips

Page 7: 제 3회 DGMIT UI&UX 컨퍼런스 : 2.5D의 세계

7

5. 2.5D 적용예제 2.5D 실제 적용예제

2.5D 실제 적용예제

- 블루스크린 적용

- Title sequences

- Post production editing

- Animation . . . too many

Page 8: 제 3회 DGMIT UI&UX 컨퍼런스 : 2.5D의 세계