Journal Archive

텍스터라이저(Textorizer)는 텍스트로 이루어진 이미지를 제작하는 프로그램이고 익스커피저(Excoffizer)는 사진을 입력하면 벡터 변환하여 다양한 두께의 평행선으로 이루어진 이미지를 생성하는 프로그램이다[4]. 그림1은 각각의 프로그램을 사용하여 생성된 이미지이다. 두 프로그램 모두 사용자가 변경하고자 하는 원본 이미지를 적용하면 모자이크 기법이 적용된 이미지를 제공한다. 텍스터라이저(Textorizer)에서는 텍스트와 이미지를 업로드하여 사용자 스스로 텍스트 모자이크 이미지를 생성할 수 있다.

Fig. 1. 
Arabian Night – Textorizer(left), Jefferson – Excoffizer (right)

뉴스니터(News Knitter)는 의류를 대용량 데이터 시각화 매체로 활용한 데이터 시각화 프로젝트이다. 니트에 들어갈 독특한 패턴들은 24시간 또는 특정한 기간 내에 인터넷에서 방송된 뉴스피드이다. 이 정보들은 분석되고 필터링되어 고유한 패턴으로 변환된다. 데이터 시각화의 방식으로 섬유를 사용 하였다는 것 에 의의를 갖는다[5].

Fig. 2. 
News Knitter

그림3은 텍사스 대학교 오스틴에 있는 월터 크론카이트 프라자 (Walter Cronkite Plaza)이다. 이 미디어아트는 텍사스 대학의 퍼블릭 아트 프로그램 ‘랜드마크(Land marks)’ 중 하나로 CBS 저녁 뉴스 스크립트를 실시간으로 전송하여 그리드 위에 투사한다. 파사드에 프레임을 따라 흐르는 텍스트 애니메이션은 건축물의 또다른 얼굴을 보여준다. 이것은 시청자들과의 소통을 위한 커다란 창구로 기능한다[6].

Fig. 3. 
And That’s the way it is

인터넷과 스마트폰, 소셜 미디어의 등장으로 온라인에서의 활동과 교류는 엄청난 양의 데이터를 생산하고 있다. 이러한 빅데이터는 문자뿐만 아니라 사진, 음악, 영상을 포함하여 다양한 종류의 디지털 데이터를 포함한다. 많은 양의 데이터는 객관적인 사실을 전달해야 하는 저널리즘에서 근거와 논리를 증명하는 수단으로 사용될 수 있다. 이를 활용하여 필요한 데이터를 수집하고 분석하여 작성까지 컴퓨터 알고리즘이 관여해 기사를 자동으로 생성하는 로봇 저널리즘[7]에 대해 많은 연구가 이루어지고 있다. 빅데이터 속에서 꼭 필요한 정보를 정확하게 전달하는 것만으로도 로봇 저널리즘의 존재 가치는 충분하다. 이는 빠른 정보 전달, 축적된 데이터의 활용 가능성, 단순한 기사 작성의 대체, 개인 맞춤 스토리텔링, 플랫폼 최적화의 장점을 가지며 소셜 미디어와 스마트폰과 같이 간결하고 빠르게 정보가 확산되는 환경에서 더욱 서비스 우위를 가진다.

자동화된 저널리즘 로봇이 추구하는 목적은 <Readable Image>의 제작 목적과 동일한 환경을 가지고 있다. 텍스트 중심의 저널리즘에서 간결한 포맷의 이미지 중심 저널리즘으로 옮겨지면서 또 다른 확산에 용이한 정보가 만들어졌다. 하지만 저널리즘과 같이 정확성과 사실성이 요구되는 콘텐츠들의 신뢰성이 낮아지는 부작용이 있다. 이에 <Readable Image>는 디지털 시대의 콘텐츠 포맷의 변화에 적합하며 동시에 정보의 본질을 해치지 않는 정보 제공 형식과 미래의 방향에 대해서 표현하였다.

모자이크는 부분의 조합으로 전체를 완성하는 미술 양식 중 하나이다. 게슈탈트 심리학에서 부분의 역할을 전체의 상관관계로 부여하고 전체는 부분의 합 이상이라는 논리를 가진다[8]. 이 논리에서 부분이 가지는 소재와 구성 방법론 자체는 내적 표상인 것이다. 기사에서 텍스트는 글자의 연속적인 배열을 통해 이루어진다. 재료로의 글자는 그 자체로서 의미가 없지만 연속적인 배열의 관계성 속에서 의미를 부여 받는다. 모자이크는 정형 또는 비정형 타일의 조합으로 구성되며 각 타일 자체는 의미가 없지만 이들이 배열을 이루는 관계 속에서는 의미를 부여 받는다. 결국 텍스트와 모자이크는 부분의 관계로 의미가 정해진다는 공통점을 갖는다.

또한 모자이크는 퍼스 기호학의 슈퍼 사인과 같이 인간의 지각적 한계를 이용하여 시각적 기만을 발생시킨다[9]. 이는 보이는 것을 통해 보이지 않는 것을 발견하게 한다[10]. 이것은 해상도가 높지 않은 이미지를 보았을 때 어떠한 이미지인지 인간의 해석으로 인식하게 되는 과정을 말하며 인지 범위의 초월을 일컫는 것이다. 모자이크로 만들어진 이미지는 구성하는 타일 크기에 따라 실제 해상도가 높지 않을 수 있다. 그럼에도 불구하고 인간은 그 모호함 속에서 특정한 모습을 자동적으로 발견하는 보정 과정을 거친다. <Readable Image> 역시 이러한 인지 범위의 이동을 적용하였다. 텍스트의 관계, 픽셀의 관계가 서로 유사한 형식으로 엮여 있지만, 이미지와 텍스트 매체는 서로 다른 차원에서 인지할 수 있는 의미를 가진다. 그러므로 텍스트 모자이크는 이미지와 텍스트로서 각각의 역할을 기대하기에 적합한 방식이다.

크롤링(Crawling)이란 알고리즘을 통해 데이터를 추출하는 것을 의미한다[14]. 모자이크 이미지를 제작하기 위해서 필요한 텍스트 데이터와 이미지 데이터는 실제 웹사이트 상에 있는 데이터를 크롤링하여 추출하였다. 대부분의 웹사이트는 각자의 독자적인 구조를 가지고 있기 때문에 원하는 데이터를 얻기 위해서 해당 사이트의 구조에 맞게 알고리즘을 설계했다. 또한 본 작품에서 사용하기 위해 데이터를 적절한 형태로 변환했다.

Fig. 5. 
Crawled text data

<Readable Image>의 주된 포맷인 모자이크는 미디어 아티스트를 위해 개발된 언어인 프로세싱[15]에 기반 한 자바스크립트 라이브러리 P5.js[16]로 구현했다. 텍스트 모자이크는 총 두 단계로 구성되는데 첫 번째 단계의 ‘보기’에서 관람자는 단순한 이미지로 데이터를 접하게 된다. 이 때 시각적인 포착이 일어나 즉각적으로 정보를 얻게 된다. 두 번째 단계는 ‘읽기’ 이다. 이 단계에서는 숨겨져 있던 기사의 본문이 드러나며 구체적인 정보를 파악할 수 있는 읽기가 가능해진다.

1) 보기

그림 6은 기사의 원본 이미지와 첫 번째 단계에서 텍스트와 패턴으로 모자이크 된 결과물이다. 모자이크 이미지와 원본 이미지가 비슷한 형상을 보이는 것을 확인 할 수 있다. 이 단계에서 모자이크를 구성하는 텍스트와 사각형 패턴의 색은 원본 이미지를 기반으로 추출된 색상 데이터로 적용했다. 이 과정을 통해 모자이크 이미지는 원본 이미지와 더욱 비슷해진다.

Fig. 6. 
Original Image(left), Text mosaic result(right)

2) 읽기

모자이크 된 이미지를 클릭 시 사각형 패턴의 색상이 배경색과 동일하게 변경된다. 이로 인해 모자이크 이미지는 텍스트 모자이크만으로 변경되며 기사의 본문이 드러난다. 읽기를 위한 두번째 단계가 실행된 것이다. <그림 7>은 ‘읽기’에서의 모자이크 이미지이다

Fig. 7. 
Text Mosaic Image in ‘Read’

이 단계에서는 두개의 동일한 텍스트를 위치가 조금 다르게 겹친 후에 각각 다른 색을 적용하였다. 위쪽의 텍스트 색은 원본 이미지에서 추출하여 이미지와 텍스트 간의 결합을 유지하였다. 아래쪽의 텍스트에는 회색을 적용하여 쉐도우 효과를 주고자 하였다. 이를 통해 명도가 낮은 색의 텍스트도 편하게 읽을 수 있도록 가독성을 높였다.

하단에 있는 저장 버튼을 클릭하면 모자이크이미지는 갤러리 페이지로 이동된다. 기사를 스크랩하는 것과 비슷한 기능으로 저장한 모자이크 이미지들을 한 눈에 확인할 수 있다. 본 프로그램에서 데이터베이스는 자유 오픈 소스 소프트웨어(FOSS: Free and open-source software)인 MongoDB[17]를 사용하여 데이터 저장 환경을 구축하였다.