34호_권지은_페이퍼엔지니어링을활용한디지털팝업북의표현기법에관한연구.pdf(2.8M)

전체 글

(1)The Korean Society of Illustration Research Vol.34. 페이퍼 엔지니어링을 활용한 디지털 팝업북의 표현기법에 관한 연구 - '팝 아웃! 피터레빗 이야기’앱북을 중심으로A Study on Expressive Techniques of Digital Pop-up Book with Paper Engineering - Focused on 'Pop Out! Tale of Peter Rabbit' App Book -. 주저자 : 권지은(Kwon, Ji Eun) 숭의여자대학교 영상컨텐츠전공 교수. 교신저자 : 석중휘(Souk, Jung Hwi) 숭의여자대학교 시각디자인전공 교수 [email protected]. - 55 -.

(2) (사)한국일러스트레이션학회 학술지-일러스트레이션 포럼 2013. Vol.34. 기술 접목으로 오리지널 컨텐츠의 장점을 살리면서. 목차. 디지털 기술로 가능한 새로운 페이퍼 엔지니어링의 개념을 구현함으로써 디지털 팝업북의 가치를 높일. 1. 서론. 수 있었다. 다양한 표현기법을 활용하고 있는 디지털. 1.1. 연구목적. 팝업북 제작 시 고려해야할 사항과 한계점을 논하여. 1.2. 연구방법 및 범위. 앞으로 디지털 팝업북의 제작에 필요한 표현 기법을. 2. 페이퍼 엔지니어링 기법. 개발하고 가이드를 제공하는데 기반이 될 수 있을 것. 2.1. 페이퍼 엔지니어링의 일반적 고찰. 이다.. 2.2. 페이퍼 엔지니어링 표현기법 2.3. 디지털 매체에서 확장된 표현기법. 애플리케이션, 피터레빗. 주제어 : 페이퍼 엔지니어링, 디지털 팝업북,. 3.‘팝 아웃! 피터레빗 이야기’사례 분석 3.1.‘피터레빗 이야기’컨텐츠 3.2. 분석 범위 및 방법. (Abstract). 3.3. 디지털 팝업북 표현기법 분석. contents. Recently,. 3.4. 분석 결과. has. a. traditional. way. of. creating. extremely expanded to. digital. media. It is to take a method of analog and to get remediation of original contents for digital.. 4. 결론. The paper engineering which came into existence. 참고문헌. in printed media is used in digital pop-up book such as e-books and applications as well.. (요약). The. goal of this paper is to research expression of. 최근 전통적인 컨텐츠 제작 방식이 디지털 매체로. digital pop-up book with paper engineering. 확장되면서 아날로그 방식을 차용하거나 오리지널 컨. which delivery information exactly and attract. 텐츠를 디지털 특징을 살린 재매개가 증가하고 있다.. emotional interaction with users. Therefore we. 인쇄매체에서 시작된 페이퍼 엔지니어링 기법 또한. could provide design guide of digital pop-up. 디지털 팝업북 형태로 나타나 전자출판(E-book)이. book that continues to be growing area and. 나 애플리케이션(Application)으로 구현된다. 본 논문. discuss the possibilities and points of issue that. 은 정확한 정보전달과 사용자와의 감성적 인터랙션에. there are limitations and considerations.. 의한 흥미를 유발하는 페이퍼 엔지니어링을 활용한. For this research, the first of all we will. 디지털 팝업북의 표현기법을 연구하여 앞으로 지속적. discuss a concept and theory of the paper. 으로 제작될 디지털 팝업북의 가이드를 제공하고 고. engineering and classify expressive technique of. 려사항과 한계점을 논하는데 목적이 있다.. it. We would analyze digital pop-up books based. 본 연구를 위하여 첫째, 문헌조사를 통해 페이퍼. on a method of analog and expanded techniques. 엔지니어링에 대한 개념과 특징을 조사하고, 표현 기. in digital media. This article focused on an. 법을 분류해 본다. 아날로그의 전통적 방식과 디지털. example, application of 'Pop Out! Tale of Peter. 매체에서의 확장된 표현기법을 살펴보고, 이에 따라. Rabbit' to research utilization and effect of paper. 디지털 팝업북을 분석한다. 본 논문에서는‘팝 아웃!. engineering technique. In conclusion, we would. 피터레빗 이야기’애플리케이션 사례를 집중적으로. like to mention the value of digital pop-up book. 분석하여 페이퍼 엔지니어링 표현 기법의 활용과 효. which. 과에 대해 연구한다. 그 결과 전통적인 플탭, 구멍뚫. engineering which reflects enough to emphasize. 기(레이어), 회전축 기법을 아날로그적 표현 그대로. original contents and tries to take new concept. 를 활용했을 뿐만 아니라, 중력 감지 모션, 각 레이어. of its.. 의 시간차에 따른 모션에 의한 디지털적 입체감과 움. Keyword : Paper Engineering, Digital Pop-up. 직임을 표현하고 있었다. 아날로그적 감성에 디지털. Book, Application, Peter Rabbit. - 56 -. take. various. expressions. of. paper.

(3) Journal of The Korean Society of Illustration Research Vol.34. 에 3차원의 확대된 형태를 더한 것으로 지난 수세기. 1. 서 론. 동안 예술가, 과학자, 디자이너와 출판계의 전문가들. 1.1. 연구목적. 이 움직이거나 입체로 만들어온 기술이다” (김형호,. 전통적인 인쇄매체인 책은 기록과 정보전달, 재미. 2007, p.3). 단어 뜻 그대로 종이를 공학적으로 다루. 와 감동을 전달하기 위해서 다양한 표현 방법을 활용. 어 표현한 기술로 주로 인쇄매체의 전문서적이나 그. 하여 발전해 왔다. 기본적으로 종이 위에 그림이나. 림책, 브로셔, 카드 등에 활용되며 팝업북(Pop-up. 텍스트로 표현되는 2D 형태를 3D의 입체 형태로 확. Book),. 장시켜 움직이는 그림 책(Movable Picture Book),. (Dimensional Book) 등의 같은 맥락으로 모든 매체. 팝업북(Pop-up Book), 페이퍼 엔지니어링(Paper. 를 아우를 수 있는 기술을 총칭한다. 최초의 페이퍼. Engineering) 등의 이름으로 제작되어 책의 역할과. 엔지니어링 도입은 1300년 초에 쉽고 정확한 정보전. 효과를 증대시켜 왔다. 최근 디지털 기술의 발달로. 달을 위해 제작된 레이몬드 롤(Ramon Llull)의 학설. 스마트 기기의 애플리케이션 형태로 보여 지는 전자. 집에 다이얼식 움직이는 책으로 보고 있다 (김형호,. 책(E-book)은 이러한 페이퍼 엔지니어링 기법의 연. 2007, p.5). 이후 해부학과 같은 전문책이나 유아용. 장으로 인터랙티브한 디지털 팝업북 형태로 등장하고. 그림책에 다양한 테크닉이 사용되면서 재미와 교육적. 있다. 본 논문은 전통적인 인쇄매체에서부터 발전된. 효과와 더불어 다양한 형태로 발전하였다. 최근에는. 페이퍼 엔지니어링 방법을 활용하여 제작된 디지털. 페이퍼 엔지니어링 기법이 아날로그적인 인쇄매체의. 팝업북의 표현기법을 분석하여 지속적으로 나타날 것. 활용도를 넘어서 예술적 가치를 인정받고 있으며 디. 으로 예상되는 디지털 팝업북 제작 시 가이드를 제공. 지털 매체에도 그 맥락이 확장되어 전자책(E-book). 하고 디지털 컨텐츠의 퀄리티를 높이기 위한 효과적. 이나 애플리케이션으로 제작되고 있다. 입체적이거나. 인 방법을 제시하고자 한다.. 움직일 수 있는 기술을 디지털 매체인 아이패드. 움직이는. 책(Movable. Book),. 입체북. (iPad)와 같은 스마트 디바이스에서 애플리케이션으 로 제작하면서 텍스트 이외에 일러스트레이션이나 그. 1.2. 연구방법 및 범위 첫째, 인쇄매체인 책에서 활용된 페이퍼 엔지니어 링 기법의 개념과 특징을 연구한다. 학술 서적과 논 문, 단행본을 포함한 도서, 출판물 등 문헌조사를 통 한 다양한 아날로그적인 표현 방법과 효과를 조사한 다. 둘째, 인쇄매체에서 연장된 디지털 팝업북에서의 페이퍼 엔지니어링 활용도를 살펴본다. 사례를 통해 디지털 팝업북의 특징과 페이퍼 엔지니어링의 디지털 화된 인터랙션과 표현 기법을 연구한다. 셋째, ‘팝 아웃! 피터레빗 이야기(Pop Out! Tale of Peter Rabbit)' 애플리케이션을 선정하여 디지털 팝업북의 표현기법을 집중적으로 분석한다. 앞서 언급한 표현 기법들을 기반으로 어떻게 활용되고 효과를 주는지를 볼 것이다. 마지막으로 분석한 내용을 토대로 디지털 팝업북의 개념을 페이퍼 엔지니어링을 통해 재정립하 고 그 표현기법을 가이드로 제공하여 앞으로의 제작 과 디자인에 대한 활용 방안과 고려 사항을 제시한다.. 림 등의 그래픽을 입체적으로 보이게 하고 사용자의 인터랙션에 의해 움직이게 하거나 변화하게 하는 기 법들이 사용되고 있는 것이다. 종이에서 디지털 화면 으로 매체가 바뀌었을 뿐, 쉽고 정확한 정보전달을 위해 사용하는 입체적이고 움직이는 시각효과라는 점 과 사용자의 직접적인 인터랙션에 의해 이루어진다는 점에서 디지털 팝업북은 페이퍼 엔지니어링의 연장선 상에 있다. 2.1.1. 페이퍼 엔지니어링 특징 페이퍼 엔지니어링은 사용자의 시각과 촉각적 감각 을 이용하여 3차원적인 이미지와 움직임이 구현되는 것으로 생동감과 재미, 그리고 색다른 예술적 가치를 가지고 있다. 그 특징을 유희성, 함축성, 예술성으로 살펴 볼 수 있다. (1) 유희성 유희란 특별한 목적 없이도 그것 자체로서 흥미를 느. 2. 페이퍼 엔지니어링 기법. 끼게 되는 활동의 총칭으로 ‘우습다, 이상하다, 재. 2.1. 페이퍼 엔지니어링의 일반적 고찰. 미 있다, 즐겁다, 유쾌하다, 흥미 있다’ 등으로 표현 되고 있다 (김수림, 조열, 2007, p.77). 최근에는 유. 2.1.1. 페이퍼 엔지니어링 개념 “페이퍼 엔지니어링은 2차원적인 정보전달 매체. 희를 대표하는 재미(Fun)와 기술(Technology)이 결. - 57 -.

(4) (사)한국일러스트레이션학회 학술지-일러스트레이션 포럼 2013. Vol.34. 특성을 잘 전달할 수 있다. 'The Amazing Pop-up Pull-out Space Shuttle'은 우주선에 대한 상세한 설명을 페이퍼 엔지니어링 기법을 활용한 팝업북 형 태로 제작하여 수많은 설명을 함축적으로 표현하고 있다. 대형 사이즈에 실제 우주선과 같은 형태에 입 체감을 표현하여 사용자가 축소된 사실적 이미지와 세부적 내용을 각 부분과 연계하여 설명하기 때문에 사용자의 이해를 돕고 우주선의 내부도 들여다 볼 수. [그림1] '360도 book', 유수케. 있게 구성되어 있다.. 오우노(Yusuke 오우노(Yusuke Oono). 합된 퍼놀로지(Funology)라는 개념이 사용자가 특정. (3)예술성. 제품이나 기계와의 관계에서 일어나는 재미와 즐거움,. 페이퍼 엔지니어링은 단순한 기술이 아닌 조형적. 유희적 경험을 의미하는 것으로 사용되기도 한다. 페. 요소가 중요한 역할을 하는 예술적 가치를 지니고 있. 이퍼 엔지니어링 기법이 사용된 팝업북이나 카드, 브. 다. 제작과정 자체도 정교함과 섬세함, 그리고 비례와. 로셔 등의 인쇄매체 역시 이러한 퍼놀로지 요소가 대. 균형 등의 미적 감각을 요하고 있다. 일반적인 예술. 표적인 특징이라 할 수 있다.. 장르인 일러스트, 조형물, 무대예술, 건축물, 공예 등. 사용자는 다양한 오브제와 종이를 펼치거나 잡아당. 에서 사용되는 기법들을 활용하고 구조와 색상, 균형. 기고, 플랩을 여는 등의 행위를 통해 놀이를 하는 듯. 과 비례감등이 페이퍼 엔지니어링에 중요한 요소로. 한 체험을 하게 되고 곧 유희적 감성을 불러일으킨다. 적용된다. 따라서 페이퍼 엔지니어링은 예술적 가치. (이윤정, 2011, p.30). 종이 이외에 홀로그램이나 입. 를 충분히 내포하고 있어 최근에는 이러한 기법을 활. 체감 있는 다른 질감을 사용하여 다양한 촉각을 자극. 용한 대형 예술 작품이나 설치 작품으로 재탄생되고. 하여 사용자에게 새로운 이미지와 감각을 제공하여. 있다.. 인터랙션을 증진시키고 흥미를 돋우기도 한다. 평면 적인 시각물이 아닌, 90°, 180°, 무대와 같은 360° 펼쳐지는 시각적 감각 역시 사용자에게 새롭 고 실험적인 기술과 함께 미적인 유희를 즐기는 퍼놀 로지 요소가 강하다. 디지털 팝업북에서는 이 외에 사운드적인 청각적 요소도 부가할 수 있으며, 디지털 인터랙션과 모션, 애니메이션에 의한 움직임에 다이 나믹한 즐거움을 느낄 수 있다. (2)함축성 페이퍼 엔지니어링이 사용된 매체는 한 장면 또는. [그림2]. 한 페이지에서도 풍부한 내용와 정보 전달, 그리고. Brodskaya. 의미 깊은 컨텐츠를 내포할 수 있는 함축적 특성을 가지고 있다 (이해연, 2004, p.42). 단순히 텍스트나 평면적인 그림에서 표현할 수 없는 설명이나 내용을 입체적이거나 움직임에 의해 변화하는 시각물에 의해 정확하고도 함축적인 정보를 전달하고 감성을 불러일 으킨다. 상황의 극적인 동작과 변화를 묘사하고 한 장면 안에서 시간의 흐름이나 3차원적인 시점 제공이 가능하여 효과적으로 그림이나 일러스트레이션을 표 현할 수 있다. 또한 이러한 표현 방법들과 인터랙션 은 사용자에게 몰입감과 흥미를 배가시켜 함축적인. 'The Art of Quilling', Yulia. 예를 들어 율리아 브로드스카야(Yulia Brodskaya) 작가는 페이퍼 엔지니어링 기법을 활용하여 수백 장 의 색종이를 촘촘히 세워 만든 입체 오브제들이 조명 이나 빛의 각도에 따라 이미지가 조금씩 달라지는 미 적인 가치를 지니고 있는 작품을 제작한다.. 2.2. 페이퍼 엔지니어링 표현 기법 시각적 효과가 강한 페이퍼 엔지니어링은 효과적인. - 58 -.

(5) Journal of The Korean Society of Illustration Research Vol.34. 기법이 개발되고 다양한 방법으로 표현되고 있다. 전. 다. 탭(Tab)은 잡아당길 수 있도록 제작된 종잇조각. 통적인 종이를 활용한 페이퍼 엔지니어링 기법은 움. 을 면 형태로 만들고 종이 사이나 종이의 홈 등에 끼. 직이는 표현 기법, 입체적인 표현 기법, 시각적 장치. 워 넣는다. 당길 수 있는 방향을 화살표등의 인지할. 를 이용한 기법으로 분류된다. 이러한 기법은 디지털. 수 있는 기호로 표시하며 종이 이외에 끈을 사용하여. 매체에서는 같은 맥락의 표현기법이지만 가상 또는. 움직이는 경우도 있다. 오브제가 단순히 평면적으로. 컴퓨터 그래픽에 의한 기술로 그 용어에 차이가 있다.. 움직일 뿐만 아니라 완전히 입체적으로 설 수 있게. 어떤 기법은 아날로그 전통적인 방식에서는 가능하나. 만들기도 한다.. 디지털 매체에서는 불가능한 것도 있다. 반대로 디지 털 기법에서만 가능한 확대된 방식으로 다양한 시도 가 이루어지고 있다.. 2.2.1. 움직이는 표현 기법 평면적인 표현으로 분류하기도 하는 움직이는 표현 기법은 높이감이 더해지는 입체적인 조형적 요소보다 2D적인 시각물이 사용자의 인터랙션에 의해 움직이 게 하는 장치를 강조한다. (1) 플랩기법(접기와 붙이기) [그림4] ‘The Little Prince'. ‘ The Little Prince’의 플탭기법은 과거의 평면 적인 움직임보다 더 발전된 형태로 디자인되었다. 팝 업북 하단에 있는 탭을 화살표 방향대로 잡아당기면 뒷모습으로 디스플레이 되어 있는 어린왕자 일러스트 가 앞모습으로 뒤돌아서서 여우 쪽을 바라본다. X축 이나 Y축의 2D 적인 움직임이 아닌 Z축으로의 움직 임 방향으로 확장되었고, 일러스트의 양면을 활용한 재미있는 움직임을 연출하게 되었다. [그림3] 'Animated Anatomies'. (3) 축회전 페이퍼 엔지니어링의 초기 형태로 평면적인 종이를 접기와 붙이기 방식을 말한다. 일반적으로 종이 위에 또 다른 종이를 붙여 그림의 일부를 펼치게 하기 때 문에 날개 기법이라 부르기도 한다 (권경화, 2003, p.22). ‘Animated Anatomies'는 어린이들을 위한 의학 교육 팝업북으로 주로 플랩기법을 사용하여 사 람의 인체 내부를 시각적으로 보여주고 있다. 입체적 이고 일반 사람들이 직접 들여다 볼 수 없는 인간의 내부 장기나 뼈의 모습을 종이의 일부분을 넘기면 그 아래 위치해 있는 요소들을 입체적으로 볼 수 있다.. (2) 플탭기법 (Full Tab) 플탭기법은 종이 사이에 끼워진 장치를 잡아당김으 로써 종이나 오브제가 움직이도록 하는 장치를 말한. - 59 -. [그림5] 'Pop-Up Tour de France'.

(6) (사)한국일러스트레이션학회 학술지-일러스트레이션 포럼 2013. Vol.34. 축을 중심으로 회전을 시켜 오브제가 움직이거나. 어에 디자인함으로 공간감과 깊이감을 표현하고 있다.. 시각적 변화가 생기게 하는 기법으로 오브제 자체를 돌리거나 탭을 이용하여 회전시킬 수 있다 (박영리,. (2) 병풍 형식. 2004, p.42). ‘Pop-Up Tour de France'는 자전 거 경주에 관련한 정보를 팝업북 형태로 디자인된 것 으로 다양한 기법들로 표현되어 있다. 축회전 기법이 사용된 페이지는 원의 형태의 평면적 오브젝트가 중 심에 축을 두고 회전을 시키면 원형의 일부분이 뚫린 곳을 통해 아래 레이어드된 종이의 텍스트 정보가 보 이게 된다. 자전거 경주라는 달리는 컨셉과 유사하게 오브젝트의 축 회전 기법에 의해 일러스트가 움직이 는 듯한 표현으로 제작되었다. [그림7] 'New York'. 2.2.2. 입체적인 표현 기법 2차원의 평면적인 시각적 표현에서 확장된 3차원의 입체적인 표현을 위한 기법으로 인쇄물 위에 Z축 방 향의 깊이감이나 높이감이 더해져서 섬세한 정보전달 뿐만 아니라 생동감과 서프라이즈 감성까지 표현할 수 있다.. 파노라마로 불리는 병풍형식은 평면의 종이를 여러 면으로 겹쳐 접었다 펼치면서 3차원의 입체감을 보여 준다. 건축물을 표현하는데 용이하며 뚫는 기법 을 더해 창문이나 문의 모습을 잘라 내거나 플랩기법 을 같이 활용할 수 있다. ‘New York'은 뉴욕 도시 의 모습과 정보를 일러스트 팝업 파노라마 책으로 디. (1) 구멍 뚫기. 자인되었다. 마치 뉴욕 도시의 건물과 공원들이 어우 러져 있는 모습처럼 양쪽 모두 일러스트가 그려진 종 이 보드를 병풍 형식으로 세워서 그 입체감과 흥미를 동시에 느낄 수 있다.. (3) 90°, 180°, 360°세우기. [그림6] 'Brava, Strega Nona!', Tomie de Paola [그림8] 'Jumbo and the. [그림9] 'Ali Baba &. Countryman, Circa'. Forty Thieves'. 3차원의 깊이감을 책장의 레이어를 활용하여 표현 한 기법이다. 앞의 종이의 일부분에 구멍을 내어 뒷 페이지의 이미지를 볼 수 있게 하는 것으로 책장의. 펼쳐 놓은 종이 위에 입체적인 것으로 다양한 각도. 두께나 레이어된 이미지의 구성에 의해 사용자로 하. 로 일러스트나 오브젝트를 세우는 기법이다. 팝업 카. 여금 앞뒤의 공간감을 느끼게 해준다. 또한 뒷장의. 드와 같이 주로 페이지의 반만 펼쳤을 때 접혔던 부. 이미지가 앞장의 뚫린 일부분에 의해 보이기 때문에. 분이 입체적으로 세워지는 90°각도 세우기, 또는 양. 뒤에 있는 이미지 전체에 대한 호기심과 흥미를 불러. 페이지를 완전히 펼쳤을 때 완전한 조형물이 세워지. 일으키는 효과를 가져 온다. 팝업북 ‘Brava, Strega. 는 180°세우기 기법이 있다. 360°세우기는 무대형. Nona!'는 건축물을 여러 장으로 구성하여 입체감을. 식이라고도 하며 책의 앞표지와 뒷표지를 펼쳐 붙여. 살리고, 창문 형태를 뚫고 그 뒤에 사람을 다른 레이. 마치 하나의 입체 조형물과 같은 모습으로 표현할 수. - 60 -.

(7) Journal of The Korean Society of Illustration Research Vol.34. 있다. 각 페이지 또한 한 장의 종이가 아니라 여러. 가 동작하고 참여하고 있는 행동에 대해 반응을 보여. 레이어를 겹치거나 뚫어서 다양한 시각적 표현이 가. 주고 피드백을 제공함으로써 계속적인 새로운 데이터. 능하다.. 와 정보를 전달하고 생생함을 느끼게 해준다.. 2.2.3. 시각적 장치를 이용한 기법. 체에서 더 자유롭고 표현 범위가 확장된다. 사용자가. 아날로그 기법에서의 움직이는 기법들은 디지털 매 직접 탭(Tab)을 잡거나 회전을 시키는 것을 스마트 디바이스의 터치 스크린에서는 손가락으로 탭(Tap) 또는 드래그, 플리킹 등의 인터랙션으로 같은 효과를 만들어 낸다. 인터랙션 후 반응 모션은 탭(Tab)의 길 이, 방향, 종이 재질 등의 제한적 요소에서 벗어나 화 면 안에서 색상, 형태, 위치 등의 다양한 시각적 요소 를 변화하거나 움직이게 할 수 있다. 특히, 팝업북 기 법이 구현되는 스마트 기기 자체를 움직이는 물리적 인터랙션에 의한 움직임은 아날로그 매체에서 구현이 불가능한 것으로 디지털 매체에서 가능한 확장된 기. [그림10] 'How to Find Flower Fairies'. 법이라 할 수 있다. 스마트 기기의 방향이나 기울기,. 종이와 인쇄매체의 재질이 다양해지면서 페이퍼 엔 지니어링에도 재료를 활용한 새로운 기법들이 시도되 고 있다. 거울, 반사판, 트레싱 페이퍼, 홀로그램 등의 소재를 활용하여 눈의 착시현상이나 변화를 주어 또. 흔들기 등에 의한 중력 감지 모션은 사용자에게 적극 적인 참여 인터랙션을 이끌어 낸다. 시각적 요소 역 시 변화가 크고 화려하여 전통적인 매체에서 보다 감 성적 효과가 강하다.. 다른 입체감과 움직임을 표현한다 (김주연, 2006, p.17). 'How to Find Flower Fairies'의 앞표지와 맨 마지막 장에는 렌티큘러 방식의 스테레오 인쇄에 의해 시각의 방향에 따라 입체적으로 보이는 기법을 사용하고 있다. 특히 카메라 모양의 박스 형태 오브 제가 펼쳐지면서 점점 세워지는 각도에 따라 화면 안 의 렌티큘러 이미지가 계속 움직이는 애니메이션처럼 표현되어 사용자에게 신비감과 환상적인 요정의 컨셉 을 부각시켜 준다. [그림11] 'Thai Dionsaurs AR Book'. 2.3. 디지털 매체에서의 확장된 표현 기법 앞에서 설명한 아날로그 전통 방식의 페이퍼 엔지. 입체적인 표현은 디지털 매체에서 크게 두 가지 방. 니어링 표현 기법은 디지털 매체에서는 유사하거나. 식으로 표현되고 있다. 첫째는 3D 그래픽을 활용한. 확장된 형태로 나타난다. 디지털 팝업북이라고 할 수. 입체적인 표현이고 다른 하나는 증강현실(AR)을 활. 있는 스마트 기기에서의 애플리케이션 형태의 전자출. 용한 가상 표현이다 (이보경, 2007. p.6). 3D 그래픽. 판(E-book)은 터치 스크린을 기반으로 하고 있기. 은 평면에서 Z축의 깊이감을 현실적으로 표현하는 것. 때문에 사용자의 터치를 활용한 인터랙션에 의해 그. 이기 때문에 한계가 있다. 따라서 디지털 팝업북에서. 기법들이 적용되고 있다. 인터랙션 동작 방법은 기본. 는 최첨단 기술을 활용한 증강현실 기법이 더 효과적. 적인 탭(Tap) 방식과 그 외에. 더블 탭(Double. 이다. 사용자가 인쇄매체를 들고 카메라에 비추면 마. Tap), 드래그(Drag), 플립(Flip), 핀치(Pinch), 스프. 커를 인식해서 가상의 그래픽을 실사와 합성하여 모. 레드(Spread),. 탭. 니터 화면에서 보여주는 기술이다. 가상의 그래픽이. (Press&tap), 프래스 앤 드래그(Press&Drag), 로테. 실제 인쇄 매체 위에 튀어 나와 입체감이 뛰어나며. 이트(Rotate) 등이 있다. 이러한 인터랙션은 사용자. 디지털 그래픽이 합성되기 때문에 시각적 표현이나. 프레스(Press),. 프레스. 앤. - 61 -.

(8) (사)한국일러스트레이션학회 학술지-일러스트레이션 포럼 2013. Vol.34. 움직임, 특수효과 등을 자유롭고 다양하게 표현할 수. 을 활용한 팝업북 스타일로 제작되었다. 따라서 컨텐. 있다.. 츠의 내용과 구성은 원본 책을 그대로 따르고 있다.. 다양한 재료에 의한 시각적 착시 효과는 디지털 매. 시골 농장을 배경으로 한 토끼 가족의 이야기로 장난. 체에서는 한계가 있다. 실제적인 재질은 디지털 화면. 꾸러기 피터의 신나는 모험담과 자연을 사랑하는 따. 으로 구현되는 그래픽과 유리에 의한 터치감이 전부. 뜻하고도 소소한 이야기를 엮은 내용을 바탕으로 한. 이기 때문에 사용자의 촉각적 감각이나 시각적 재질. 다. 주인공 캐릭터들은 의인화가 되어 있고 자연스러. 감 표현은 감소한다. 하지만 홀로그램은 증강현실을. 운 색감과 사실적인 디테일이 있으면서도 귀엽고 따. 활용하여 더 실제적이고 사실감 있게 표현할 수 있으. 뜻한 감성의 일러스트 스타일이다. 100년이 지난 지. 며 거울 대신 카메라를 활용한 실시간 인터랙션 영상. 금까지도 오리지널 동화책은 지속적으로 출간되고 있. 이나 그래픽을 활용할 수 있는 가능성이 열려 있다.. 고, 일러스트는 다양한 캐릭터 디자인과 상품으로 재. 전통적인 아날로그적 페이퍼 엔지니어링 표현기법. 매게되어 활용되고 있다.. 과 그에 해당하는 디지털 매체에서의 구현 기법을 비 교하면 다음 [표1]과 같다.. 3.2. 분석 범위 및 방법 인쇄매체에서 사용하고 있는 페이퍼 엔지니어링을. [표1] 페이퍼 엔지니어링 기법 구분. 움직이는 표현 기법. 아날로그 매체. 디지털 매체. 고 있는지 분석할 것이다. 본 논문에서‘팝 아웃! 피. 플랩기법 (접기와 붙이기) 플탭기법 (밀거나 당기는 장치). 탭&드래그에 의한 모션 프레스&드래그에 의한 위치 이동 모션. 터레빗 이야기’의 아이패드(iPad)용 디지털 팝업북. 로테이션에 의한 모션 . 한 개괄적인 분석을 우선하고 페이퍼 엔지니어링이. 축회전 없음. 입체 표현 기법. 시각적 장치에 의한 표현 기법. 디지털로 구현되는 애플리케이션에서 어떻게 표현되. 없음 구멍 뚫기(레이어) 병풍 형식 90도 세우기 180도 세우기 360도 세우기(무대기법) 옵아트 거울 트레싱페이퍼 렌티큘러 홀로그램. 스마트 디바이스 움직임에 의한 물리적 모션 자동 모션 레이어. 형태의 애플리케이션으로 분석 범위로 선정하였다. 아날로그 팝업북과 비교한 디지털 팝업북 전체에 대 활용된 페이지들을 앞서 언급한 방법에 준하여 표현 기법과 인터랙션 요소들을 상세히 분석한다. ‘팝. 아웃!. 피터레빗. 이야기’애플리케이션은. 2010년 Loud Crow Interactive Inc. 회사에서 제작 AR 기법 / 3D 그래픽. 한 것으로 오리지널 책과 일러스트가 널리 알려져 있 을 뿐만 아니라, 앱북은 CTR(Click-Through Rate) 베스트에 선정이 되는 등 원본의 내용을 앱북의 특징. 모션 카메라 없음 없음 AR기법. 을 잘 살려 재매개하였기 때문에 분석 사례로 선택되 었다. 오리지널 책과 같이 총 55페이지로 구성되어 있으며 순차적 방식과 비순차적(Non-liner) 방식 중 에 사용자가 선택해서 사용할 수 있다. 애플리케이션 을 여는 순간부터 맨 마지막장까지 해당 페이지, 이. 3. '팝 아웃! 피터레빗 이야기’사례 분석. 미지, 자동 모션, 인터랙션, 페이퍼 엔지니어링 기법. 3.1. ‘피터레빗 이야기(Tale of Peter Rabbit)’ 컨텐츠. 으로 나누어 분석한다. 이미지는 페이지를 연 순간 보이는 이미지와 인터랙션 후의 반응에 따라 변화된 이미지를 캡쳐 하였다. 자동모션은 해당 페이지을 열. 본 논문에서 분석하고자 하는 사례인 ‘팝 아웃!. 었을 때 사용자의 인터랙션이 없더라도 자동적으로. 피터 래빗 이야기’는 ‘피터레빗 이야기(Tale of. 플레이 되는 모션을 말한다. 인터랙션은 앞서 터치를. Peter. 포터(Helen. 기반으로 하는 제스쳐에 따른 사용자의 행동과 그에. Beatrix Potter, 1866-1934) 작가의 동화책을 기반. 따른 반응과 변화를 분석하였다. 페이퍼 엔지니어링. 으로 하고 있다. 오리지널 이야기와 일러스트를 그대. 기법은 아날로그 방식에서 전통적으로 보여준 표현. 로 활용하여 디지털 매체로 페이퍼 엔지니어링 기법. 기법 해당 사항을 비교하여 매치시켜 보았다.. Rabbit)’라는. 베아트릭스. - 62 -.

(9) Journal of The Korean Society of Illustration Research Vol.34. 3.3. 디지털 팝업북 표현기법 분석. [표2] '팝아웃! 피터레빗 이야기’표현기법 분석 컨텐츠. 자동모션. 인터랙션. 페이퍼엔 지니어링 기법. 공통. 피터 레빗의 모험담 이야기. 읽는 것에 따른 텍스트 색상 변화. 텍스트 탭: 단어 읽는 사운드와 색상 변화 페이지 플리킹: 책장 넘김 캐릭터 탭: 흔들림. 없음. 앞 표지. 타이틀 볼륨 조절 옵션 읽기 옵셥 출판사 정보. 종이가 위로 튀어 나옴.. 프레스&드래그: 종이 움직임 표지 탭: 로테이션 및 사이즈 변화. 플탭기법 축회전. 타이틀. 읽는 것에 따른 텍스트 색상 변화. 텍스트 탭: 단어 읽는 사운드와 색상 변화 페이지 플리킹: 책장 넘김 캐릭터 탭: 흔들림. 없음. 2-3p. 토끼 가족 소개. 낙엽이 떨어짐 일러스트 레이어가 각기 다른 속도로 좌우방향 움직임. 4-5p. 엄마토끼와 꼬마 토끼들과의 대화. 캐릭터의 팔이 움직임. 6-7p. 엄마토끼가 외출하면서 꼬마 토끼에게 장난치지 말라고 당부함.. 일러스트 레이어가 각기 다른 속도로 좌우방향 움직임. 8-9p. 엄마 토끼가 외출함.. 1011p. 꼬마 토끼들이 블랙베리를 따서 모음.. 일러스트 레이어가 각기 다른 속도로 좌우방향 움직임 블랙베리가 떨어짐. 블랙베리 탭: 사이즈 커짐 블랙베리 연속 탭: 구멍뚫기 블랙베리가 터짐 (레이어) 패드 움직임: 블랙베리 중력 감지 모션. 1213p. 그러나 말썽꾼 피터는 맥그리거 아저씨 텃밭에 들어감.. 없음. 탭(tab)을 프레스&드래그: 플탭기법 캐릭터 움직임. 1415p. 피터가 야채를 몰래 먹음.. 일러스트 레이어가 각기 다른 속도로 좌우방향 움직임. 캐릭터 프레스&드래그: 팔이 움직임. 구멍뚫기 (레이어) 축회전. 1617p. 아픈 것 같이 느껴져 파슬리를 찾아봄.. 일러스트 레이어가 각기 다른 속도로 좌우방향 움직임. 없음. 구멍뚫기 (레이어). 페이 지. 속표 지. 이미지. 일러스트 레이어가 각기 다른 속도로 좌우방향 움직임. - 63 -. 낙엽 탭: 사이즈 커짐 낙엽 프레스&드래그: 구멍뚫기 위치 이동 (레이어) 패드 움직임: 낙엽 중력 감지 모션. 탭(tab)을 프레스&드래그: 플탭기법 캐릭터 움직임. 캐릭터 프레스&드래그: 팔이 움직임. 구멍뚫기 (레이어) 축회전. 캐릭터 프레스&드래그: 팔이 움직임. 구멍뚫기 (레이어) 축회전.

(10) (사)한국일러스트레이션학회 학술지-일러스트레이션 포럼 2013. Vol.34. 페이 지. 이미지. 자동모션. 1819p. 그러나 오이밭 끝으로 가려면 맥그리거 아저씨를 지나야만 함.. 없음. 탭(tab)을 프레스&드래그: 플탭기법 캐릭터 움직임. 2021p. 맥그리거 아저씨에게 들켜 쫓김.. 캐릭터 팔이 움직임. 탭(tab)을 프레스&드래그: 플탭기법 캐릭터 움직임. 2223p. 이리저리 도망치다가 신발을 잃어버림.. 일러스트 레이어가 각기 다른 속도로 좌우방향 움직임. 2425p. 신발 없이 도망치다가 구스베리(다래) 그물에 자켓 버튼이 걸려 넘어짐.. 구스베리(다래)가 떨어짐. 블랙베리 탭: 사이즈 커짐 패드 움직임: 블랙베리 없음 중력 감지 모션. 2627p. 도망치는 것을 포기하고 눈물을 흘림.. 없음. 탭(tab)을 프레스&드래그: 플탭기법 캐릭터 움직임. 2829p. 맥그리거 아저씨가 잡으려는 순간 피터는 입고 있던 자켓을 벗고 도망침.. 없음. 탭(tab)을 프레스&드래그: 플탭기법 캐릭터 움직임. 3031p. 물이 담긴 통으로 뛰어듦.. 없음. 탭(tab)을 프레스&드래그: 플탭기법 캐릭터 움직임. 3233p. 맥그리거 아저씨가 일러스트 레이어가 물건들을 뒤지며 각기 다른 속도로 피터를 찾음. 좌우방향 움직임. 3435p. 피터가 창문을 통해 도망침.. 없음. 3637p. 피터는 무서움에 떨며 숨을 돌림.. 일러스트 레이어가 각기 다른 속도로 좌우방향 움직임. 3839p. 문을 발견했지만 잠겨 있고, 빠져나갈 곳을 찾지 못함.. 없음. 4041p. 빠져나갈 다른 길을 모색함.. 캐릭터 꼬리가 움직임. - 64 -. 인터랙션. 페이퍼엔 지니어링 기법. 컨텐츠. 없음. 없음. 구멍뚫기 (레이어). 구멍뚫기 (레이어). 탭(tab)을 프레스&드래그: 플탭기법 캐릭터 움직임. 없음. 구멍뚫기 (레이어). 탭(tab)을 프레스&드래그: 플탭기법 캐릭터 움직임. 없음. 축회전.

(11) Journal of The Korean Society of Illustration Research Vol.34. 페이 지. 자동모션. 4243p. 아저씨 뒤에 있는 문으로 나갈 궁리를 함.. 일러스트 레이어가 각기 다른 속도로 좌우방향 움직임 낙엽이 떨어짐. 낙엽 탭: 사이즈 커짐 구멍뚫기 패드 움직임: 낙엽 중력 (레이어) 감지 모션. 4445p. 맥그리거 아저씨가 쫓아왔지만 문 아래로 겨우 빠져나감.. 없음. 탭(tab)을 프레스&드래그: 플탭기법 캐릭터 움직임. 4647p. 맥그리거가 피터의 남겨진 자켓과 신발을 허수아비로 걸어둠.. 신발이 흔들림. 4849p. 피터가 쉬지 않고 집으로 곧장 달려옴.. 없음. 5051p. 피터가 옷과 신발을 잃어버린 것에 대해 잘못했다고 함.. 주전자가 흔들림 조명의 밝기 변화. 5253p. 다른 꼬마 토끼들은 식사를 함.. 없음. 5455p. 끝. 없음. 페이지 이동 옵션. 없음. . 3.4. 분석 결과. 인터랙션. 페이퍼엔 지니어링 기법. 컨텐츠. 페이 지 선택. 이미지. 없음. 없음 . 탭(tab)을 프레스&드래그: 플탭기법 캐릭터 움직임. 없음. 없음 . 탭(tab)을 프레스&드래그: 플탭기법 캐릭터 움직임 축회전. 없음. 없음. 책갈피를 프레스&드래그: 전체 페이지 이미지 플탭기법 디스플레이. 회전을 직관적으로 인지하고 움직일 수 있도록 디자. 각 화면에서 구현된 페이퍼 엔지니어링 기법과 확. 인 되었다. 구멍 뚫기의 경우 3장의 레이어 일러스. 장된 형태의 디지털 팝업 기법을 분석한 결과 전통. 트가 각각 다른 속도로 움직이기 때문에 화면 속에. 적 방법을 그대로 효과적으로 적용한 부분과 디지털. 서도 그 깊이감과 공간감을 효과적으로 표현할 수. 의 특징을 살려 확장시킨 인터랙션 방법이 있었다.. 있었다. 종이에서 매체에서는 실질적인 종이의 두께. 첫째, 아날로그적인 종이 매체에서 적용했던 플탭기. 나 겹침, 그림자 등에 의해 입체감을 느끼지만 애니. 법과 구멍뚫기(레이어), 축회전 등이 사용되었다. 종. 메이션 구현이 가능한 디지털 매체에서는 맨 위에. 이로 사용했던 탭(Tab)이나 중심축 등의 시각적 형. 레이어가 더 빠르게 움직이고 뒤에 있는 레이어의. 태를 그대로 가지고 와서 아날로그적 감성을 부각시. 그림이 더 늦게 움직임을 구현하여 모션에 의한 원. 켰다. 손가락 모양으로 탭을 움직일 방향을 알려주. 근감과 살아 있는 듯한 생동감을 느낄 수 있다.. 어 사용자가 아날로그 팝업북에서 행했던 제스쳐를. 둘째, 아날로그 매체에서는 표현이 불가능하지만. 쉽게 유도하고 있다. 캐릭터의 어깨와 팔 부분에도. 디지털 매체에서 확장된 페이퍼 엔지니어링 표현 기. 중심축인 피봇을 시각적으로 표현하여 사용자가 축. 법이 있다. 기본적으로 모든 캐릭터는 사용자의 탭. - 65 -.

(12) (사)한국일러스트레이션학회 학술지-일러스트레이션 포럼 2013. Vol.34. 제스처에 의해 움직이거나 흔들린다. 사운드와 함께. 과 감성을 극대화하기 위한 적절한 표현 방법을 적. 컷아웃된 캐릭터가 움직이기 때문에 팝업적인 효과. 용시키고 컨텐츠를 부각시킬 수 있는 요소로 사용해. 와 흥미를 준다. 특히 본 사례가 구동되는 아이패드. 야 한다. 지속적으로 개발되고 있는 디지털 팝업북. 디바이스를 직접 방향을 바꾸거나 움직이면 중력 감. 에 페이퍼 엔지니어링의 적극적 활용과 적절한 컨텐. 지 센서에 의해 블렉베리나 낙엽과 같은 오브젝트가. 츠 적용, 그리고 새로운 표현 기법이 개발될 것으로. 움직인다. 스마트 디바이스에서만 구현이 가능한 효. 기대해 본다.. 과로 새로운 페이퍼 엔지니어링 기법이라 할 수 있 다. 또한 10-11페이지의 블렉베리는 연속적인 탭 제스처에 의해 베리가 터지는 그래픽 변화를 보여주. 참고문헌 권경화. (2004). 국내·외 팝업북의 표현기법에 관한. 어 사실적인 정보전달과 감성적 효과를 극대화시키. 연구. 단국대학교 디자인대학원 석사학위논문, 서울.. 고 있다.. 김수림, 조열. (2007). 상호작용적 영상 컨텐츠의 유희성에 관한 연구. 기초조형학연구, 기초조형학연구, 8(1), 8 pp.71-81.. 4. 결론. 김주연. (2006). 팝업북 내용의 커뮤니케이션에 관한. 본 논문은 오래전부터 인쇄매체에서 사용된 페이. 연구. 연구. 숙명여자대학교 디자인대학원 석사학위논문,. 퍼 엔지니어링 기법이 디지털 팝업북에서 어떻게 활. 서울.. 용되는지 그 표현기법을 연구하였다. 전통적인 ‘피. 김형호. (2007). 비주얼 커뮤니케이션을 위한 페이퍼. 터레빗’ 동화책을 스마트 디바이스에서 애플리케이. 엔지니어링 연구. 한성대학교 대학원 석사학위논문,. 션으로 구현한 디지털 팝업북을 중심으로 사례를 분. 서울.. 석하여 표현기법과 효과를 분석하였다. 그 결과 첫. 박영리. (2004). 움직이는 언어 팝업 북(Pop-up 북(Pop-up. 째, 전통적인 페이퍼 엔지니어링 기법이 감성적 효. Book)에 관한 연구. 목원대학교 산업정보대학원. 과를 위해 플탭기법, 구멍뚫기(레이어), 중심축 등. 석사학위논문, 대전.. 주로 움직이는 표현기법이 구현 되었다. 종이의 탭. 이보경. (2007). 디지털 팝업북(Digital 팝업북(Digital Pop-Up. (Tab) 형태나 컷아웃 등의 시각적 효과는 아날로그. Book) 제작연구: 동화 '이상한 나라의 앨리스'를. 적 감성을 부각시키면서, 레이어에 애니메이션을 더. 중심으로. 중심으로. 동국대학교 영상대학원 석사학위논문,. 해 디지털에서 가능한 효과적인 움직임으로 입체감 을 살릴 수 있다. 둘째, 페이퍼 엔지니어링이 종이에 서 출발하였지만 정확한 정보전달과 사실적인 표현, 입체감과 흥미룰 유발하는 근본적인 의미를 디지털. 서울. 이윤정. (2011). 팝업(POP-UP)기법 연구. 경성대학교 교육대학원 석사학위논문, 부산. 이해연. (2004). 팝업 북(Pop-up Book) 디자인에 관한 연구. 건국대학교 대학원 석사학위논문, 서울.. 매체에서도 확장 적용시켜 새롭고 실험적인 표현기 법이 개발되었다. 중력감지에 의한 오브젝트의 움직 임은 사용자가 책장을 넘기는 것 이외에 디바이스에 대한 직접적인 인터랙션을 가능하게 하고 물리적인 움직임을 구현할 수 있기 때문에 시각적 효과가 크 다. 셋째, 디지털 매체가 많은 장점을 가지고 있음에 도 불구하고 종이에서 출발한 페이퍼 엔지니어링만. 전자우편: [email protected] 원고접수일: 2013년 02월 28일 심사완료일: 2013년 03월 12일 게재결정일: 2013년 03월 22일 3명의 익명(匿名)에 의한 심사.. 의 독특한 입체감 효과를 표현하는데 한계가 있다. 예를 들어 독특한 재질감을 갖고 있는 재료에 의한 표현이 어렵고, 90°, 180°, 360°세우기 등의 입 체 표현은 증강현실과 같은 최첨단 기술과 카메라 등의 부수적인 도구가 있어가 구현 가능하기 때문에 사용자가 사용하는데 한계를 가지고 있다. 따라서 페이퍼 엔지니어링이 가지고 있는 다양한 표현기법 들을 디지털 매체에 적용 시 더 효과적인 정보 전달. - 66 -.

(13)