emagazine11 (page 1)info desk 어도비, 새로운제품발표 한국어도비애프터이펙트...

Info Desk

어도비, 새로운제품발표

한국어도비애프터이펙트워크샵개최

New Product A to Z

어도비페이지메이커7.0

Photoshop Expert

에어브러시기법

Illustrator Expert

테크니컬일러스트레이션그리기

Web Technique

정보유형에따른사용자중심의웹사이트구현

Motion Center

프리미어의캡처기능과배치캡처

Acrobat Center

PDF 화일을웹에링크시키기外

Calendar매월어도비교육&세미나소식소개

Q & AGalleryNando Costa

Web Center

라이브모션에서애니메이션화된롤오버(Animaited Rollovers)

Cover Story

무빙타이포그래피의개념과새로운환경

Product & Service

제품구입처, 업그레이드센터, 고객서비스, 교육센터

2

3822 29

5

56 60

11

63

41

15

69

45

Contents

eMagazine2001. 11 통권 제23호

Photodhop Elements Center

웹포토갤러리만들기

E-book Focus

전자책의국내외기술 및시장동향

50 53

Adobe

발행인/이흥렬

발행처/한국어도비시스템즈135-091 서울시강남구삼성동170-9 덕명빌딩14층

t 02 559 0300, f 02 559 0301, w www.adobe.co.kr

기사제공/ 임프레스, 디자인정글, 컴퓨터아트 아트디렉터/조서봉

구독문의/ t 02-2016-7112, e [email protected]

기사문의/ t 02-2016-7112, e [email protected]

■Adobe eMagazine의 글 그림 사진 등 자료에 저작권자 표시가 되어 있지 않은 것은 발행사인 한국어도비시스템즈에

저작권이있으며서면동의없이는어떤경우에도사용할수없습니다.

Adobe

도비시스템즈(CEO : Bruce Chizen)는지난9월24일美샌프란시스코에서열린시볼드(Seybold) 행사에서일러스트레이터10을비

롯한어도비의주요제품들을새로이발표했다.

새롭게선보인주요제품들은아래와같다.

•어도비인디자인2.0 (Adobe InDesign)

전문레이아웃및디자인소프트웨어부문의새로운표준

어도비시스템즈는 전문 레이아웃 프로그램인 어도비 인디자인의 신버전을 발표했다. 어도비 인디자인 2.0은 고객들이 현재 당면한 여러

가지레이아웃및설계문제를해결하고앞으로크로스미디어출판을관리할수있는툴을제공한다.

XML 임포트및엑스포트지원, 투명도, 테이블작성, 긴문서지원, 탁월한프린팅인터페이스, 네이티브맥OS X 지원등새로운기능들과

함께, 다른어도비제품들과도긴밀하게통합되는어도비인디자인2.0은그래픽디자이너, 프로덕션아티스트, 전문출판업자들이보다혁

신적인디자인으로생산성을높일수있게해준다.

크로스미디어(cross media) : 인터넷, 무선기기, 방송등다양한매체에컨텐츠를제공하는미디어사업

•어도비알터캐스트(Adobe AlterCast)

자동으로웹사이트이미지와텍스트업데이트

어도비시스템즈는 새로운 다이나믹 이미지 서버 소프트웨어인 어도비 알터캐스트를 발표했다. 알터캐스트는 대형 이미지 라이브러리와

어어도도비비,, 새새로로운운 제제품품 발발표표

어

Info Desk

02

02 Adobe e-magazineNovember 2001

어어도도비비,, 새새로로운운 제제품품 발발표표


관리 과정을 자동화함으로써 기업들이 제작에 들이는 시간과 비용을 줄이고, 디자이너들은 보다 효과적인 웹 사이트 개발 및 비주얼 커뮤

니케이션 향상에 주력할 수 있게 해준다. 알터캐스트는 어도비 포토샵 및 어도비 일러스트레이터 기술을 기반으로 업계 표준 이미지 파일

포맷을지원한다.

•어도비스튜디오웹사이트

디자이너들을위한전문디자인네트워크

어도비시스템즈는크리에이티브커뮤니티를위한최고의디자인네트워크인어도비스튜디오웹사이트(www.adobestudio.com)를발표했

다. 어도비 스튜디오 사이트는 크리에이티브 과정을 촉진하고 생산성을 높이며, 새로운 사업 기회를 찾기 위한 툴과 서비스를 디자이너들

에게제공한다

어도비스튜디오는다음두가지주요영역으로구성되어있다.

•어도비 디자인팀 : 가입제로 운영되는 협업 서비스로, 현재는 퍼블릭 베타로 무료로 제공되고 있다. 디자이너들이 하나의 완전한 온

라인영역에서팀원, 클라이언트, 써드파티서비스업체들과협력하기위해인터넷을사용하여효율을높일수있도록지원해준다.

•무료 커뮤니티 : 디자이너 및 동료 간의 상호 커뮤니케이션을 촉진, 강화하도록 개발되었다. 크리에이티브 전문가들은 개인적, 전문

적 네트워크를 넓히고, 자신의 기술과 지식을 확장할 수 있다. 이 커뮤니티 영역은 새로운 기법을 배우고 파트너 서비스를 개발하며

작품을전시하기위한광범위한툴들을포함하고있다.

•포켓PC용애크로뱃리더퍼블릭베타버전

어도비시스템즈는 포켓 PC용 애크로뱃 리더 퍼블릭 베타 버전을 발표했다. 언제 어디서나 어떤 디바이스로도 시각적으로 풍부한 컨텐츠

를 제공하는 어도비의 비전(Network Publishing)을 구현하기 위해 개발된 이 제품은 이동통신 전문가 및 다른 사람들이 마이크로소프트의

포켓PC 소프트웨어기반의디바이스상에서어도비PDF를활용해컨텐츠를자유롭게볼수있게해준다. 이제품의베타버전은어도비웹

사이트(http://www.adobe.com/products/acrobat/readerforppc.html)에서무료로다운로드받을수있다.

포켓 PC용 애크로뱃 리더는 어도비 애크로뱃 5.0과 어도비 PDF를 HP Jornada, Compaq iPAQ, Casio CASSIOPEIA Pocket PC 등 다양한

PDA 디바이스에서사용할수있게해준다. 어도비는또한올초부터팜용애크로뱃리더발표를통해어도비PDF를팜계열핸드헬드제품

에제공하기시작했으며, 현재팜용애크로뱃리더의다운로드회수는이미1백만회를넘어섰다.


한국어도비시스템즈(대표이사: 이흥렬)는10월23일, 24일양일간세계적인영상디자인그룹인“빌리프(Belief)”와“MK12”의아티스트,

에릭 삭스(Eric Saks)와 밴 라뎃 (Ben Radatz)을 초청하여 애프터이펙트 워크샵을 개최하였다. 이번 초청 워크샵은 한국어도비시스템즈가

실시하고있는“한국어도비디지털워크샵”의일환으로, 그동안국내에서는정보가부족했던고급영상제작기술을해외의전문아티스트

들을통해배우는좋은기회가되었다.

이번 워크샵에서는 애프터이펙트를 이용한 영상 제작 세미나로, MK12(www.mk12.com)와 BELIEF(www.belief.com) 의 작품 사례들을 분

석하고애프터이펙트의가능성과활용방법, 사례들을자세히소개했다.

한국어도비, 애프터이펙트워크샵개최한국어도비, 애프터이펙트워크샵개최

이포그래피는 메시지 전달을 목적으로 타입을 조판하고 창조하는

예술과 기술의 총합이다. 그리고 이러한 타이포그래피는 물질적

대상을디자인하고다루던과거의금속활자로부터오늘날디지털환경이

부여한 무형적 대상을 디자인하는 무빙 타입으로 변천되었다. 그래서 얼

핏보면마치대단한진화라도이룬양느껴지게된다.

물론엄청난발전을이루었다는것은부인할수없는사실임에틀림없다.

하지만 이것들을 가만히 들여다보고 있으면 여기서 우리는 재미있는 사

실 하나를 발견하게 된다. 금속활자라 일컬어지는 15세기 중엽에 탄생한

‘Movable Type’과21세기에탄생한무빙타입인‘Moving Type’이약600

년이라는 세월을 관통해 이 모든 타입들에는 하나같이 움직임을 의미하

는‘Move’의개념이내포되어있다는점이다.

이것은상당히흥미로운사실이어서혹시인간의지적전수를위해발

명된 타입이라는 수단 안에 우리가 알지 못하는 무슨 비 이라도 숨겨져

있는것은아닌가하는의혹마저들게한다.

그렇다면, 타입은 이 세상에 등장하면서부터 이미 숙명처럼 움직임을

예견하고 탄생한 것일까? 디지털 혁명이 전방위로 맹위를 떨치는 오늘의

상황은 마치 볼품없는 유충이 변태를 거듭하는 가운데 화려한 모습의 성

충으로 성장하듯, 지난날의 유형적 타이포그래피는 금세기에 무빙 타이

포그래피라는 성충이 되기 위해 수세기를 거치며 서서히 변태를 거듭했

을것이라는막연한믿음을갖게한다.

무무빙빙타타이이포포그그래래피피의의개개념념과과새새로로운운환환경경글 / 원유홍현재 상명대학교 디자인학부 시각디자인 전공 교수[email protected]

본본내내용용은은임임프프레레스스의의그그래래픽픽디디자자인인99월월호호에에서서발발췌췌하하였였습습니니다다..

Cover Story

05


타

무무빙빙타타이이포포그그래래피피의의개개념념과과새새로로운운환환경경

타이포그래피구조도

1. 무빙타이포그래피의개념과위상

타이포그래피는 본질적으로 인간의 소리, 즉 육성을 기록하기 위한 수많은 노력과 인내의 부산물이다. 그래서 타이포그래피의 실체를 설

명하며‘타이포그래피란 Frozen Sound다’라고 말한다. 다시 말해, 육성의 음색, 정서, 감정, 톤 그리고 뉘앙스 등을 일순간 급속 냉각시킨

상태처럼지면위에효과적으로전개하는과정및그결과가타이포그래피인것이다. 따라서타이포그래피는당연히시각적이며청각적이

며촉각적인결과를낳는다. 그리고이것은“타이포그래피는문맥을초월한그이상의것을부가적으로전달한다. 좋은타이포그래피는침

울하거나, 가볍거나, 정서적이거나, 또는 유쾌할뿐 아니라... (중략) ...친숙하고정답게, 도발적이고첨단적이게, 또는 권위와품격을느끼

게하는곧이미지를대변한육성이다”라는힌리치(Kit Hinrichs)의말에서도다시한번확인할수있다.

오늘날, 디지털이인간에게선사한제3의잠재적우주인사이버공간은과거막연하게만생각하던‘시간’이라는개념을강력히부상시

켰고, 그 위력 또한 충분히 실감하게 하고 있다. 그래서 이제는 오히려 디자인에 있어 단지 하나의 요소에 불과했던‘시간’이라는 개념이,

오랜기간인류에게전승되어오던여러가지디자인요소들의총합보다더폭발적인결과를가져올것이라는견해가지배적이다. 즉, 화학

의원소주기율표에서와같이새롭게발견된시간이라는원소는기존의모든원소들과결합하여전혀새로운또는보다강화된수많은화합

물질들을 탄생시키게 되었다. 그리고 이러한 산소화합 물질들의 가시적 결과가 바로 웹이며, 동영상이며, 무빙 타이포그래피이다. 따라서

무빙타이포그래피는시각적, 청각적, 촉각적일뿐아니라, 시공간적(Spatio-temporal)인것이다.

유형적 인쇄로부터 진화된 과거의 타이포그래피에서는 활자가 종이 위에 흡착되어 있어 이를 읽는 독자들이 시선을 이리저리 부산스

럽게 움직여야 했다면, 시공간을 기반으로 하는 무빙 타이포그래피에서는 타입 스스로가 움직이기 때문에 독자는 다만 그것을 지켜볼 뿐

이다.

무빙 타이포그래피를보자. 모든타입들이 쏜살같이움직이며질주한다.

그러면서 때로는 화려하고, 때로는 지극히 미니멀하며, 또 때로는 그로테스

크한분위기를연출하기도한다. 하지만이들은컴퓨터모니터, 비디오스크

린, 또는 영화관의 투사막과 같은 가상공간 상에만 존재하는 즉, 모두가 실

제로 존재하지 않는 수리적 정보들이기 때문에 그 내용이야 어떻든 이 성대

한 공연이 끝나고 나면 구체적인 형상으로 우리에게 남겨주는 것은 아무것

도 없다. 가슴 속에 혹은 머리 속에 남는 감동과 이미지의 잔상을 제외하고

말이다.

때문에 아날로그 시대의 인쇄매체 속 타이포그래피와 지금 디지털 시대

의 영상 속 움직이는 타이포그래피는 그 속성에 있어 상당한 차이를 지니고

있다. 그리고 그에 따라 이제 우리, 디자이너(정확히 말하면 무빙 타이포그

래피 애니메이터)들은 새롭게 부여된 디자인 환경에 걸맞는 디자인 문법과

특질을신속히정립해야한다는새로운과제에직면하게되었다.


타이포그래피개념도

2. 무빙타이포그래피의새로운환경

타이포그래피가무빙타이포그래피로진화되었다는사실은정적매체에서동적매체로의탈바꿈을뜻한다. 즉, 이제더이상타입들은지면

위에 흡착되어 있는 것에 만족하지 않고 지속적으로 움직이기를 원하고 있는 것이다. 이들은 무한대의 공간 속으로 사라지기도 하며 또 스

크린을 뚫고 튀어나올 것 같이 돌출되기도 한다. 그러면서 커뮤니케이션을 위한 미디어로서 타입들은 이제 더 이상 짚더미처럼 쌓아 놓은

종이나번잡스럽기그지없는그리고매우불결한인쇄잉크를필요로하지않는다. 또한긴여정과도같은인쇄프로세스의물리적공간속

을발로뛰어다녀야하는디자이너들의수고를필요로하지도않는다. 이들은다만납작하고작은스케치북만한노트패드안에서모든과정

을수행하고완결한다. 그리고그결과우리에게매우극적이며감동적인느낌을주고있다.

1) 객관적시간vs 주관적시간

무빙 타이포그래피의 새로운 환경(또는 요소) 중의 하나인 시간은 객관적

시간(Objective Time)과주관적시간(Subjective Time)으로나뉜다.

객관적시간은현실세계의시간개념과같은것으로- 언제보더라도같

은 영화의 상영 시간은 늘 같다 - 상영 시간(Running Time), 시퀀스 시간

(Sequence Time), 씬 시간(Scene Time), 샷 시간(Shot Time), 그리고 프레

임시간(Frame Time) 등과같은절대값이다. 반면, 주관적시간은관객이느

끼는 감각적 시간으로 - 같은 영화라도 사람에 따라 지루하게 느껴지기도

하지만, 감정이 몰입될 경우는 매우 짧게 느껴진다 - 페이스(Pace), 템포

(Tempo), 존속(Duration)과휴지(Pause) 등의상대값이다.

2) 독서방법

역사적으로, 글을 읽는 시선의 흐름은 우에서 좌로, 좌에서 우로, 또 우에서 좌로 그리고 좌에서 우로(마치 뱀이 움직이는 것과 같이), 그리

고위에서아래로등의여러가지방법이있어왔다. 다시말해, 어떤경우든지 타입은고정되어있고독자의시선이끊임없이움직여야했

다. 그러나무빙타이포그래피에서는타입들이움직이고독자의시선이고정된다. 그렇다면이런독서방법의변화가우리에게의미하는것

은 무엇인가. 그것은 이 변화가 단지 독자들에게 편안함을 주는 것에서 그치는 것이 아니라, 디자이너들에게 보다 효율적인 그리고 적절한

무빙타이포그래피의커뮤니케이션을위해앞으로어떻게대처해야하는가하는근본적인문제를제기해주고있는것이다.

3) 아날로그vs 디지털

아날로그(Analog)는지속적인가운데수없이변화하는파동에너지가전달하는정보로써, 전류, 물, 빛, 소리, 그리고자연현상에존재하는

대부분의 현상들로부터 나오는 파장이다. 반면 디지털(Digital)은 컴퓨터 코드의 2진수 시스템에 기초한 한 자리 숫자들(Digits)이나 수들

(Numbers)이전달하는정보로, 오늘날우리가사용하는대개의전자장치들이다.



지극히 개인적인 얘기이긴 하지만, 필자의 서고에는 책장뿐 아니라 바닥까지도 책이 가득 차 있어 발 디딜 틈이 없다. 하지만 그럼에도

불구하고책에대한탐욕을버릴수없어자꾸책을사들이고있어가뜩이나비좁은방에문제가더욱심각해지고있다. 한편, 얼마전필자

는2.4kg짜리그럴듯한노트북을하나구입했다. 그리고그안에시스템과프로그램들그리고상시필요한데이터들을가득채워들고다닌

다. 그런데한가지아이러니한점은, 모르긴몰라도이노트북안에는서고에꽂힌모든책들의내용만큼이나많은데이터가저장되어있음

에도 불구하고 여전히 그 무게가 2.4kg이라는 것이다. 눈치 빠른 사람이라면 벌써 알아차렸겠지만, 필자가 뜬금없이 이 얘기를 이리 길게

하는 이유는 이것이 아날로그와 디지털의 근본적인 차이를 드러내는 단적인 예이기 때문이다. 물리적인 것과 개념적인 것. 유형적인 것과

무형적인것.

디지털은 여러 가지의 이유에서 아날로그보다 우월하다. 아날로그는 복사하는 과정에서 질이 훼손되는 결함이 있지만, 디지털은 원본

의질을전혀손상시키지않은채얼마든지많은양의복사본을손쉽게만들수있는장점이있다. 또디지털은다양한미디어들의속성에도

전혀영향을받지않는다. 따라서디지털은모든아날로그를디지털화시킬수있는데, 이과정은연산방식에근거한다양한하드웨어및소

프트웨어로 가능하다. 연산이라는 의미의 코덱(Codec : Compressor/Decompressor의 축약어)은 비디오와 오디오의 동조 제어장치로서

질높은재생을보장하고데이터의크기를최소화한다.

4) 관객vs 시청자vs 유저

매체가다변화되면서, 각매체를대하는수용자들의입장역시달라지게마련이다. 먼저, 영화는항상영사막에투사되며이를지켜보는이

들을 우리는 관객이라 한다. 한편 TV는 스크린 상에 주사되며 이를 지켜보는 이를 시청자라 한다. 그리고 동영상은 항상 모니터 상에 주사

되며이를지켜보는이들을우리는유저라한다.

이처럼수용자들이다변화되는것을염두에둘때커뮤니케이션의질을효율화시키기위해서는받아들이는대상을막연히수용자라하

기보다는타겟오디언스(Target Audience)의개념을갖고접근해야한다.

웹 사이트를 디자인하는 것은 영화나 TV 화면에 등장하는 동영상을 디자인하는 것과는 전혀 다르다. 그것은 영화관을 찾는 관객들의 상

황이 사무실이나 가정에서 컴퓨터를 지켜보는 것과 결코 같을 수 없기 때문이다. 영화나 텔레비전을 보는 이들은 스스로를 잠시 잊고 자신

앞에전개되는내용의허위나가공성을의도적으로인정하며모든불신감을배제하고가공의현실감에몰입하려는노력을기울이는사람들

이다. 그러므로값비싼대가를지불하고영화를관람하기위해극장을찾은사람들은거추장스러운현실들을망각한채스크린에펼쳐지는

시공간적이미지의연속체를함께호흡하며, 눈앞에전개되는내용들이진실로자신의경험인양동참하고수용한다. 더불어극장안의어두

운분위기, 때에따라서는떠나갈듯우렁찬스피커, 그리고엄청나게큰스크린은영화속내용에대한관객의불신감을모두떨쳐준다.

그러나 컴퓨터로 제어되는 모니터는 대개의 경우, 시끄럽고 소란한 가정이나 번잡할 뿐 아니라 여기저기서 전화벨 소리가 자주 울려대

는 사무실과 같은 공간에 놓여있게 마련이다. 그리고 이러한 컴퓨터의 물리적 환경 외에도 항상 수용자가 항해를 선택하고 또 상호작용해

야하는인터페이스로써의상관적존재감(자아)이살아있어야네비게이션이가능한유저들은웹디자이너들에게매우까다로운수용자일

수밖에없다. 말하자면, 그들은결코스스로의존재감을잃지않으며, 쉽게감동하지도않으며, 언제든지웹디자이너가의도하는메시지의

수용자이기를 포기할 수 있는 사람들이다. 따라서 타겟 오디언스를 이해하는 입장에서 무빙 타이포그래피를 다루는 디자이너들은 자신이

만든결과물이어떤매체에서보여질것인가, 그리고어떻게보여줄것인가를먼저생각하는것이바람직하다.


5) 시점의변화

전통적인타이포그래피에서우리는자신으로부터비스듬히놓여있거나, 멀리또는가까이, 혹은서로층을이루며겹쳐진상태를결코본

적이없다. 모든것이항상수평적이고수직적이고정면적이다. 인쇄기의롤러가망가지거나타자기의자면이일그러지지않은한말이다.

따라서언어, 춤, 음악등과달리기존의타이포그래피는본질적으로동적이지못했다.

하지만무빙타이포그래피에등장하는타입들은언어의음성적뉘앙스및억양, 음악이나춤의정서적특질, 그리고영화의진술적속성

등을 구현하기 위해 적극적으로 동화(動畵)될 수 있는 여지가 만들어졌다. 따라서 무빙 타이포그래피는 움직이고, 전환되고, 변화되고, 반

복되고, 흐려지고, 인터랙티브한 대상이 되었다. 그리고 그 결과 이들은 공간적이고, 입체적이고, 다층적인 존재가 되어 더 이상 우리와 나

란히 서 있기를 거부한다. 이러한 관점들은 시간축(time-based) 미디어 안에서 타이포그래피 메시지를 증폭하는 지름길을 약속하며, 읽

는, 보는, 그리고수용하는것에관한새로운대안을제시한다.

한편, 무빙타이포그래피디자이너들은모니터상에마구뿌려지고움직이는타입들이얼마나잘변별될수있는가하는판독성에관한

숙제를 떠안게 되었는데, 이것은 타입의 운용과 적용뿐 아니라 근본적으로 타입의 형상 즉, 글꼴의 조형적 형태로부터 비롯된다는 사실을

잊어서는안될것이다.

6) 엔터테인먼트vs 커뮤니케이션

움직임. 그자체는실로매혹적이다. 특히움직일수없던것이움직이게되면더욱그러하다. 그래서우리는무한한시간과공간속에타입

들을풀어헤치면서카타르시스와함께해방감을만끽하게된다. 하지만디자이너들이가장자주범하고있는오류또한바로그방대한자

유때문에일어나게된다. 지나친움직임과과도한치장은커뮤니케이션메시지의진의를모호하게하며진의를호도시키기때문이다.

이를피하기위해디자이너는무빙타이포그래피의질적수준을유지해야한다. 즉, 디자이너는예전과같은관점으로전수받은고답적

이론들을 맹목적으로 추종하거나 일상적 접근으로 무빙 타이포그래피를 다루려는 상투적 접근들을 포기해야 한다. 그리고 같은 문맥으로

도의미를더욱감동적이며지적이고그리고공감각적이해를확대할수있는표현성을강화해야한다.

오늘날 엔터테인먼트에 대한 관심이 고조될수록 주술적 힘을 발휘하는 움직임과 분별없는 현란스러움에 냉철한 이성과 창의적 사고로

대응할수있는디자이너의수준높은시각적역량이절실히기대된다.

7) 선형구조vs 비선형구조

구조는 문맥을 유기화하고 표현하는 시퀀스의 정세나 물리적 정렬이다. 전

형적인 영화 및 비디오 등은 메시지가 이미 예정된 경로를 통해 순차적으로

진행되는선형구조(Linear)를갖고있다. 그러나웹사이트와같은인터랙티

브 하이퍼미디어는 비선형(Non-linear) 구조 또는 복수의 선형 구조로 되어

있어 유저들이 임의적이고 선택적으로 항해할 수 있으며, 메세지의 나레이

션(Narration) 구조를변경할수도있다.선형구조 비선형구조


무빙타이포그래피의중요한특징은선형구조와비선형구조가병존한다는것이다. 이중비선형구조는미처읽지못한타입들을찬찬

히 살펴볼 수 있는 여유를 갖게 하는데, 그 대표적인 예가 인터랙티브 타이포그래피이다. 이에 대한 자세한 내용은 다음(시퀀스의 구조를

중심으로살펴본웹에서의타이포스래피)에살펴보기로하자.

8) 종횡비

종횡비(縱橫比, Aspect Ratio)란 스크린 및 모니터 또는 필름의 폭과 높이에 대한 비례를 말하는 것으로 이 비례는 과거 사진 및 영상 관련

기기를생산하는산업현장에서는생산시설이나공정을쉽게바꿀수 없었기때문에이 기계들이갖는물리적제약에서비롯되었다. 그리

고이것은최근까지도이어져영화나텔레비전과같은미디어들은여전히몇가지의정형화된종횡비로부터벗어날수없다.

하지만퀵타임을기반으로하는무빙타이포그래피는직사각형의비례를취하는것이라면필요와요구에따라어떤비례의종횡비라도

가능하다. 특히 이것은 화면의 종횡비가 크면 클수록 눈으로 보는 현실 세계와 더욱 흡사해진다는 것과 연관하여 생각해 보면 디자이너가

창의적사고를바탕으로컴퓨터모니터상에디지털시퀀스를마음대로적용시킬수있는선택의폭을넓혀준것이다.

3. 마치며

움직임을 기반으로 하는 타이포그래피는 21세기에 들어서는 커뮤니케이션 테크놀러지로써 매우 중요한 가치를 갖는다. 그러나 과거의 이

론들을시공간을다루는영역에서그대로채용한다는것은바람직한일이아니다. 따라서새롭게등장한‘시간’이라는개념에부합되는무

빙타이포그래피의새로운문법을시급히개발해야한다. 하지만지금까지집약된무빙타이포그래피문법으로시각적인면이편향된지금

의우리사회에서성장한세대들을교육하기위해제도권의디자인교육이준비한것이과연무엇일까? 그들은더이상세필로타입의모양

을그리려고몇주씩을허비하지않는다. 때문에당연히소프트웨어의기술 향상을뒤쫓는전통적디자인교육으로그들을만족시킬수없

다. 그렇다면어떻게해야할까? 답은앞에서모두살펴보았다. 타이포그래피와디자인, 인터랙티브, 시간, 그리고움직임을어떻게융합할

것인가하는문제들에대해충분한고민을하면서이론을하나씩정립해가는동시에이에대한교육이행해져야한다.

그런데이때간과해서는안되는것이타이포그래피는물론움직임이겸비된무빙타이포그래피역시각전문분야들이공동으로협력

해야 하는 분야라는 것이다. 특히 다양한 매체들을 통합하려는 인간의 욕망은 움직임에 대한 본능적 태도이자 경향이라는 것을 생각해 보

면더욱그러하다. 전통적인타이포그래피가그랬던것처럼하나의분야가확립되기까지는많은시간이소요된다. 무빙타이포그래피역시

예외는아니어서체계를잡고깊이있는하나의분야로확립되기까지는수많은과도기적시행착오를겪을것이다. 허나그렇다고해서모든

것이자리잡을때까지교육이가만히기다리기만해서는안된다. 왜냐하면이디지털시대에있어서무빙타이포그래피는이제시각디자

인에있어서기본이되는것이기때문이다.

때문에 앞으로 시간과 공간의 융합적 개념이 학생들을 지도하는 디자인 정규 교육에 반드시 포함되어야 한다. 선택 과목으로서가 아니

라필수과목으로, 고급과정으로서가아니라타이포그래피및시각디자인의기초교육과정으로출발해야한다. 또한, 핵심적이고통합적

인디자인교육과정으로새삼인식할필요가있다. 그리고그럼으로써분명디자인전반에실로경탄스럽고흥미진진한결과가도출되리라

기대한다.

이지메이커(PageMaker) 6.5가 출시된지도 오래된데다 인디자인(InDesign)이 발표되면서 어도비가 한 때 DTP 세계의 대표 애플리

케이션이었던 페이지메이커를 포기했다는 견해가 제기되었다. 그러나 페이지메이커 7.0이 등장하면서 이러한 견해는 수정이 불가

피하게되었다.

버전 6.5와 크게 다른 변화는프로그램의 대상 사용자층에서 찾아볼 수 있다. 버전 6.5 전문가들은 어도비가버전 7.0을 DTP 업체와 인

쇄스튜디오로부터거리를두고이영역을 인디자인에게맡긴것에기분이상할지도모른다. 대신페이지메이커7.0은인쇄전문업체를위

한편의성은유지하면서깔끔한문서를빠르고효율적으로제작해야하는대기업회사를겨냥하고있다. 어도비가임포트필터를개선하여

마이크로소프트퍼블리셔(Publisher)나워드로부터의전환을최대한편리하게만든점도바로이때문이다. 쿼크익스프레스파일까지불러

들일수있다는점을고려한다면이제품은각분야전문가의필요를충족시킬툴임을알수있다.

PSD 불러오기

새 패키지는 페이지메이커 6.5와 외양과 작동, 느낌 면에서는 매우 유사

하지만 몇 가지 팔레트와 사라질 수 있는 툴바가 화면 상단에 더해졌다는

점이 특기할 만하다. 이를 통하여 패키지에 들어 있는 모든 강력한 편집

기능을한번의클릭으로사용할수있게되었다. 보다전문적인사용자들

을 위한 키보드 단축키는 거의 변화가 없다. 그래픽 임포트 필터는 이전

버전과 마찬가지로 강력하고 빠른데, PSD 파일을 불러들일 수 있는 유용

한기능이추가되었다.

이는 불러들이기에 앞서 PSD를 TIFF로 변환해줄 필요를 없앴기 때문

에 훌륭한 기능이라 하겠다. 하지만 그래픽 디스플레이를 고품질 모드에

놓은 상태에서 A4 전면 해상도(300dpi)의 PSD를 다시 표시할 때는 시스

템이 눈에 띄게 느려진다. 물론 80MB 크기의 그래픽이 화면에 떠 있다면

그만큼느려지는것은예상할수있는일이다. 표준그래픽디스플레이모

드에서 페이지메이커는 느려짐을 거의 느끼지 못할 만큼 잘 작동하였다.

본본내내용용은은컴컴퓨퓨터터아아트트1100월월호호에에서서발발췌췌하하였였습습니니다다..

장점

- 사용의용이성- 그래픽타입의강력한통합- 다양한소프트웨어번들

단점

- 화면재표시느림- 전면업그레이드라기보다는6.5의개선

판처럼느껴짐

New Product A to z

11


어어도도비비페페이이지지메메이이커커77..00고전으로자리잡은프로그램의최신버전을차근차근살펴본다

어어도도비비페페이이지지메메이이커커77..00

페

새로운 툴바가 추가되어 강력한 제어 기능을 한번의 클릭으로 사용할 수 있게 되었

다. 마음에들지않으면사라지게할수도있다.


아쉽게도 PSD 파일과 일러스트레이터 파일의 투명 부분은 출력이나 화

면 표시때 제대로 나타나지 않았다. 페이지메이커 7.0의 새롭게 개선된

EPS 임포트 필터는 투명 PSD 파일이 지원되지 않는다는 점을 보충하고

도남는다.

클리핑패스(Clipping Path)가있는비트맵CMYK EPS 파일은쉽게불

러들일 수 있기 때문에 투명 부분이 나타나게 하기 위하여 EPS를 0.01도

라도 회전시킬 필요가 없었다(이것은 버전 6.5에 있었던 버그였다). 일러

스트레이터 고유의 AI와 EPS 파일에 대한 지원도 훌륭한 수준이어서 스

폿 컬러(Spot Color)는 자동적으로 컬러 팔레트에 임베드되어 출력과 동

시에색분해를할수있었다.

플러그인팔레트

어도비는 폭넓은 사용자의 만족을 이끌어내기 위하여 다양하고 유용한

플러그인팔레트를추가하였다. 이팔레트는사용자에맞게조정이가능하며소프트웨어안에서실제적인비주얼라이브러리를만들수있

게해준다. 픽처스팔레트는프로그램에내장된그래픽썸네일표시장치이다. 썸네일갤러리는메모리를많이소모하지않으며이미지를

잘표시해주는 장점이있다.

페이지메이커 7.0에 함께 제공되는 클립 아트에는 벡터 기반 사용자들에게 유용한 AI 파일과 비트맵 사용자를 위한 중간 해상도의

JPEG 파일이있다. 패키지에들어있는 템플릿은기능적이며, 초보자가인쇄소에파일을 가져갈경우에대비한 조언까지들어있다. 데이

타머지(Datamerge) 팔레트는 페이지메이커 7.0에 새로운 전기를 마련한 기능으로 개별적인 단기 우편물에도 전문가가 디자인한 것과 같

은느낌을낼수있게하는실용적인솔루션을제공한다.

페이지메이커7.0의강력한툴을사용하면다중페이지문서와소책자를쉽게만들수있다.

쿼크익스프레스파일

페이지메이커7.0은QXD 파일변환을손쉽게처리해준다...

어도비가 다시 한 번 일을 저질렀다. 인디자인은 쿼크 익스프레스 문서를 읽고 불러들일 수 있을 뿐만 아니라 페이지메이커 7.0은

QXD 파일을새페이지메이커문서포맷으로변환해주기까지한다. 이작업은페이지메이커7.0에함께제공되는개별소프트웨어가

처리하는데, 그 프로그램의 이름은 임시로 지은 것 같은‘마이크로소프트 퍼블리셔/쿼크 익스프레스 변환기(Converter for Microsoft

Publisher/QuarkXPress)’이다. 페이지메이커 7.0은 이 작업을 거의 완벽하게 처리하는데 새로 만든 파일을 열 때는 깨진 링크나 폰트

에러에대한도움이필요하다. 어도비가전혀다른시장을대상으로한두개의소프트웨어를출시하면서QXD 파일을가지고있는사

용자가문서를열어보기위하여쿼크익스프레스를사용해야할필요성을제거했음을쿼크도명심해야할것이다.


이새플러그인중몇가지는정말유용한기능이다. 드롭캡(Dropcap)은단락첫글자를꾸미는강력한제어옵션을제공한다. 그리드매

니저(Grid Manager)는 세로행, 눈금자와 기준선을 동일한 제어판에서 재빠르게 편집할 수 있게 해주며, 러닝 헤더즈 앤 푸터스(Running

Headers and Footers)는이름그대로 머리말과꼬리말을제어한다.

페이지매기기

① 빈 문서로 시작한다. 최종 작업물을 출력했을 때

잘려나갈공간을확보하기위하여사면여백을충분

히주도록한다.

페이지메이커7.0은갖가지출력장치를위한디자인을보다간편하게해준다.

②풀컬러명함을만들때는모든중요정보가여백

안쪽에 들어가 있도록 한다. 여기서는 이미지가 세

개의면에가득차게하려고한다(상단, 좌측, 하단).

CMYK 모드(프로세서 컬러 인쇄를 위하여)에

300dpi 해상도이미지이다.

③ 페이지메이커 7.0의 새로운 그리드 매니저 플러

그인(Utilities>Plug-ins>Grid Manager로 사용)은 수

동페이지매기기를위하여페이지를준비하는작업

을쉽게해준다. 단, 눈금자및기준선을이미니애

플리케이션에서 제어하여 사용자가 선호하는 설정

을나중에사용할수있도록저장해준다.

④ 다중 붙이기(Multiple Paste) 기능은 복제본을 정

확하게 위치시켜 준다. 이미지가 세 면에 가득 차게

하려 하기 때문에 페이지의 단과 열마다 여백을 주

었다.

⑤ 자름 안내선과 컬러 바가 추가되었다. 그 다음에

는 PMD(Utilities>Plug-ins>Save)로 문서에 폰트나

링크가빠져있는지미리확인해볼수있다. 이파일

을외장디스크에저장하면인쇄소로가져갈준비가

끝나게 되고, 인쇄소에서는 이 패키지에서 바로 출

력을해줄것이다.

⑥ 대신 유연한 문서 활용을 위하여 PDF로 저장할

수도 있다. PDF 포맷은 인쇄에 들어가기 전에 클라

이언트에게 보여줄 시안(저해상도)일 수도 있고 인

쇄소에 작업물을 보내는 한 가지 방법으로 사용할

수도있다.


페이지제어

페이지메이커7.0은출력장치를사용할때도잘작동하며, 어떤규격의용지에도정확하고강력한페이지제어기능을제공한다. 그렇지만

포스트스크립트 프린터 드라이버를 올바른 위치에 넣으려면 여전히 프로그램의 폴더를 뒤져야 한다. 페이지 매기기는 여전히 수작업으로

수행하고 확인해야 확실하다. 이는 소책자 만들기(Build Booklet) 플러그인이 아직 미약하고 선을 180도 회전시키면 뒤집히는 버그도 아직

해결되지않았기때문이다. 그러나새로운플러그인의장단점을모두알게되면페이지메이커는소식지나만들던도구가아니라DTP를위

한강력하고안정적인플랫폼이라는걸알수있다.

이업데이트의PDF 지원은예전과마찬가지로유용하다. 어도비는애크로뱃디스틸러(Acrobat Distiller)와리더(Reader) 5.0을추가함으로써

PDF 포맷의강력한통합을보장하였으며사용자가호환되는PDA, 랩탑및무선디바이스에서읽을수있는파일을만들수있게하였다.

여전히 개선이 필요한 영역이 있지만, 페이지메이커 7.0은 전문 DTP 패키지의 영역에서 매우 잘 작동하며, 탁월하게 유용한 기능과 폭

넓고쓸모있는플러그인을제공한다. 어도비가고품질모드의화면표시속도만빠르게만든다면이제품은분명히쿼크익스프레스의강

력한 적수가 될 것이다. 사용하기 쉽고, 특별한 그래픽 디자인 교육을 받지 못한 사용자에게 기능성을 제공한다는 장점을 가지고 있기 때

문이다.

본본내내용용은은컴컴퓨퓨터터아아트트1100월월호호에에서서발발췌췌하하였였습습니니다다..

Photoshop Expert

15


에에어어브브러러시시기기법법토샵은에어브러시(Airbrush) 작업을간단하게해주는도구들로꽉차있다. 에어브러시툴을사용하면전통적인기법의유연함과디

지털페인팅이제공해주는모든것을함께누릴수있다. 레이어는에어브러시작업을쉽게해준다. 각각의레이어에각기다른색을

칠하고 단순하게 휴/새추레이션(Hue/Saturation)을 조정해 주는 것만으로 원하는 색감을 얻을 수 있다. 또한 셀렉션(Selection) 툴과 패스

(Path) 툴을이용해서마스크를만들수있고질감은물론그림의느낌도바꿀수있는일련의필터들을사용할수도있다. 이는또한에어브

러시용특수물감이나노즐등에신경을쓸필요가없다는것을의미한다. 게다가스타일러스와타블렛을사용할수있는옵션이있어진짜

에어브러시를 쓰는 것처럼 사용할 수 있도록 해주고 압력 감지 스프레이를 제공해준다. 여기서는 자동차 쇼의 홍보물에 사용될 자동차 캐

리커처를만들어보자. 위에서언급한요소들을사용해서에어브러시기법으로어떻게하면 크롬이나유리같은 반사면을생성할수있는

지알아보도록하자.

포

에어브러시의장점과레이어및되돌리기기능, 그외수많은효과제공

에에어어브브러러시시기기법법


성공적인에어브러시작업

계속되는36 단계에걸친다양한방법들을통해포토샵의에어브러시옵션이용법을살펴본다.

❸ 다음 과정은 몸통에 깊이를 더하는 것이다. 하이라이트

(Highlights)라는 새 레이어를 만들고, 에어브러시의 크기를 5

픽셀로맞춘다음브러시색상을흰색으로설정한다. 문주변

의 몸통을 따라 선을 그어 부드러운 하이라이트를 만들어 준

다. 스타일러스(Stylus) 대신 마우스를 사용하고 있다면 브러

시의압력을20%로낮추어작업한다.

❷ 레드(Red)라는 새 레이어를 추가하고 스케치(Sketch) 레

이어에서 적색으로 칠하고자 하는 몸체 부분을 매직 완드

(Magic Wand) 툴로 선택한다. 레드 레이어에 선택영역을

RGB 203, 64, 71로채운다.

❶ 자동차 캐리커처의 대략적인 스케치이다. 단지 밑그림이

기때문에이보다더좋을필요는없다. 여기에에어브러시를

이용해서좀더세밀한작업을더해볼 것이다.

❻ 미등에 깊이를 추가하기 위해 브러시의 색을 RGB 153,

40, 46으로설정하고사이즈는13 픽셀로맞춘다. 3개의미등

아래쪽 부분을 어둡게 칠한다. 이렇게 하면 미등에 깊이감을

줄수있다.

❺ 패널 하이라이트(Panel Highlights)라는 새 레이어를 추가

하고 브러시의 크기를 27로 설정한다. 그리고 위의 그림처럼

하이라이트 부분을 칠해준다. 이런 하이라이트는 금속 표면

의 시뮬레이션에 도움을 준다. 이제는 미등에 하이라이트를

주자.

❹ 그릴과 몸체의 나머지 부분에도 같은 작업을 반복해서 하

이라이트를 만들어 준다. 하이라이트를 만드는 김에 몸체에

특별한하이라이트를주어보는것도좋을 것이다.


❾ 패널 하이라이트 레이어를 클릭한 다음 브러시 크기를 9

픽셀로 설정한다. 그런 다음 문 아래 판의 모서리 선을 따라

색칠한다. 브러시의 색을 RGB 163, 40, 46으로 설정한 뒤 흰

색 하이라이트 밑에 어두운 빨간색을 칠해서 튀어나온 부분

을만든다. 마지막으로브러시의색상은RGB 흰색으로크기

는 27 픽셀로 설정한 다음 판의 앞쪽 모서리 부분을 칠해 하

이라이트를만든다.

❽브러시색상을RGB 흰색으로맞추고크기를22 픽셀로설

정한 다음 반사광이 잘 나오게끔 미등 위쪽 가장자리를 색칠

해 완성한다. 연료 주입구에도 몸통에 실행했던 방법을 사용

해 약간 올라와 보이게끔 만든다. 몸통을 완성하려면 형태가

잡힌디테일을좀더추가할필요가있다.

❼약간어두운빨간색을선택했으므로, 그색에맞도록몸통

판에 약간 어두운 하이라이트를 주어 튀어나온 느낌을 주자.

판의 뒤쪽을 따라서 5 픽셀 브러시로 어두운 빨간색 선을 그

린다. 이때 스케치 레이어를 비활성화시키면 작업중인 부분

을확인하는데도움이될것이다.

⑫브러시색을다시RGB 흰색으로설정하고하이라이트오

른쪽부분에좀더진한하이라이트를칠한다. 그리고솟아올

라온 것들 중 가운데 것의 왼쪽 부분도 칠해준다. 이 짙은 하

이라이트는 튀어나온 부분에 의해 태양 빛이 반사되어 생긴

것이다.

⑪가운데의두사각형을RGB 검정색으로채운다. 그런다음

브러시 색은 RGB 흰색으로 사이즈는 9 픽셀로 설정하고 구

멍의 위쪽과 아래쪽 모서리를 따라 색칠한다. 브러시 색을

RGB 153, 40, 46으로설정한다음흰색하이라이트아래쪽을

따라어두운라인을칠해솟아올라온부분을만든다.

❿ 이제는 그릴을 손보자. 몸통에 했던 것과 같은 기법을 써

서 깊이를 추가한다. 판의 윗쪽 모서리에 얇은 흰색 선을 그

리고 아래쪽 모서리에 어두운 빨간색을 칠해 약간 들어올려

지도록한다. 다음에는그릴의디테일을좀더살려보자.


⑮ 주변 환경이 헤드라이트에 비춰진 것을 표현하기 위해 색

이 있는 하이라이트를 만들어줄 필요가 있다. 브러시의 색을

RGB 187, 140, 72로 설정하고 방금 그린 흰색 하이라이트의

모서리를따라오렌지색하이라이트를칠해준다.

⑭ 매직 완드로 헤드라이트 부분을 선택한 다음 RGB 161,

162, 182로 채운다. 브러시 사이즈는 8 픽셀로, 색은 RGB 흰

색으로 설정하고 헤드라이트 부분을 불규칙하게 색칠한다.

이러한무늬는둥근헤드라이트의왜곡되어반사되는부분을

나타낸다.

⑬ 마지막으로 브러시 사이즈를 27 픽셀로 설정하고 그릴 판

의 아래쪽 부분과 헤드라이트의 주변을 따라서 부드러운 흰

색으로 반사되는 하이라이트를 칠한다. 이제 그릴 판이 완성

되었다. 다음에는 헤드라이트라는 새 레이어를 만들어 헤드

라이트부분을만들어본다.

⑱ 몸통의 마지막 손질을 위해 차 전체가 보이도록 줌 아웃

한 다음 브러시 크기를 34로 설정하고 미등 앞쪽이 부드럽

게 반사되도록 부드러운 흰색 하이라이트를 그려 넣는다.

이제 빨간색 몸통이 완성되어 문과 후드를 그릴 준비가 되

었다.

⑰ 마지막으로 브러시를 RGB 흰색, 사이즈 18 픽셀로 설정

한 다음 그릴 판과 겹쳐지는 헤드라이트의 바깥쪽 가장자리

에 스포트라이트를 그려주어 부드럽게 빛나는 부분을 추가

한다.

⑯반사에깊이를더하기위해브러시를RGB 검정색으로설

정하고 헤드라이트의 바깥쪽 가장자리와 안쪽의 몇 군데를

칠한다.


이선아래에좀더넓은흰색선을그린후검은선으로테

두리를 그린다. 비뚤비뚤한 선은 수평선과 하늘이 반사된 것

을나타낸다.

⑳ 리플렉션(Reflection)이라는 새 레이어를 추가하는 것으로

시작한다음블렌딩모드를하드라이트로바꾼다. 브러시사

이즈를 5 픽셀로 설정하고 문짝을 따라서 비뚤비뚤한 선을

그린다. 이제 브러시 색을 RGB 흑색으로 설정하고 흰 선 바

로아래에흑색선을그린다.

⑲스케치레이어를활성화시킨다. 매직완드툴을써서후드

와 문짝을 선택한 다음 후드(Hood)와 문짝(Door)이라는 새

레이어를 만들고 RGB 144, 132, 152로 채운다. 이제 에어브

러시로 자동차를 그리는데 있어서 가장 중요한 부분인 금속

반사표면하이라이트를만들어보자.

브러시 사이즈를 21 픽셀로 설정한 다음 꼬불꼬불한 반사

바로위에접하도록굵은흰색선두개를그린다. 이선은반

사의 기초가 된다. 이제 반사된 하늘을 나타내는 가는 선 몇

개를그려볼것이다.

브러시 색을 RGB 흰색으로, 사이즈는 36 픽셀로 설정한

다음 아래쪽 문짝의 앞쪽에 부드러운 흰색 하이라이트를 그

려준다. 아래쪽 판은 완성되었으니 위쪽 문짝에 부드럽게 반

사된하이라이트를만들어본다.

이제 흰색의 얇은 선과 두꺼운 선 사이에 얇은 흰 선을 몇

개 더 긋고 검정으로 테두리를 그린다. 두꺼운 흰 선 아래에

도 얇은 흰 선을 몇 개 그었다. 기본적으로 우리는 방금 불규

칙하게반사된하이라이트를추가한것이다.


후드와 문짝을 완성시키기 위해 몸체에서 했던 것처럼 바

깥쪽가장자리를따라밝은선과어두운선을그려판이약간

들어 올려져 있는 것처럼 보이도록 한다. 이 선들은 패널 하

이라이트 레이어에 추가되어서 후드와 문이 약간 들어 올려

져 입체적으로 보이게끔 해준다. 다음 작업은 창틀부터 시작

해서창문을완성하는일이다.

이제 후드에 하이라이트를 넣어주어야 한다. 브러시 크기

를 102 픽셀로 설정하고 후드의 맨 앞쪽과 아래쪽을 크고 넓

게칠한다. 다음과정은판에깊이를추가하는일이다.

브러시크기를9 픽셀로설정하고주유용뚜껑 위에흰선

을 몇 개 그린 다음 문짝의 맨 위쪽 가장자리 바로 아래에 교

차하는선두개를그린다. 마지막으로, 두꺼운흰선의맨앞

쪽에부드러운선을몇개그린다.

브러시색을RGB 흰색으로설정한다음문손잡이의위쪽

을 칠하고 백미러의 위쪽 부분에 꼬불꼬불하게 선을 긋는다.

마지막으로, 문짝의 맨 앞쪽 부분을 약간 밝게 해준다. 이제

거울에비친반사광을자세하게만들어보기로하겠다.

매직 완드 툴로 창틀을 선택하고 리플렉션 레이어를 선택

한다. 브러시 색은 RGB 흑색으로, 사이즈는 9 픽셀로 맞춘

다음 창틀의 아래쪽과 손잡이의 앞쪽 모서리, 백미러의 아래

쪽을칠해깊이를추가한다.

스케치 레이어를 활성화하고 매직 완드 툴로 창틀을 선택

한다. 윈도우 프레임(Window Frame)이라는 새 레이어를 만

들고RGB 116, 93, 109로채운다. 다음에는창틀과백미러에

깊이를추가한다.


윈도우(Window)라는 새 레이어를 추가하고 스케치 레이

어에서 매직 완드 툴로 창문을 선택한다. 선택영역을 RGB

171, 161, 188에서 RGB 210, 226, 226으로 섞이도록 채워서

반사되어보이는하늘의바탕을만든다.

몸통에사용했던것과같은방법을창틀에도사용해서창

틀을 입체적으로 보이게끔 할 수 있다. 창틀 앞쪽에 흰색으

로 얇은 선을 그리고 그 뒤에 검정 색으로 줄을 긋는다. 이번

튜토리얼을마무리하기위해자동차창문에반사하는유리를

만들기시작한다.

브러시 크기를 4 픽셀로 설정하고 백미러의 꼬불꼬불한

선 바로 아래에 얇은 흰색 선을 그린다. 그리고 나서 방금 그

린선바로아래에7 픽셀브러시로옅고좀더두꺼운선2개

를 살짝 그려준다. 백미러의 앞쪽 아래에 얇은 강조 선을 그

어주고 그 아래 하나를 그어준다. 마지막으로 브러시 색을

RGB 흑색으로맞추고모든흰선들아래어두운선을그어서

약간들어올려진느낌이나도록만든다.

이제 하이라이트 레이어로 가서 RGB 흑색으로 에어브러

시를설정한다음푸른물결무늬의아래쪽을좀칠하고다른

곳도 몇 군데 칠해 복잡한 반사를 만들어 준다. 지금까지 사

용했던 모든 고전적인 에어브러시 기법을 이용해 자동차의

나머지부분을완성시켜본다.

다음에는 창문 위쪽을 물결 모양으로 선택하고, RGB

191, 204, 202로 채운다. 브러시 크기는 27 픽셀, 색은 RGB

흰색인 에어브러시 툴을 선택한다. 푸른색 줄무늬의 아래쪽

가장자리를 따라 겹쳐지도록 부드럽게 칠한다. 아래쪽 흰색

부분과위쪽창문을섞고에어브러시툴로몇번그어창문앞

쪽을부드럽게만들어줄수도있다.

윗부분이그림처럼물결무늬를이루도록창문의아래쪽

반을 선택한다. 선택영역을 RGB 흰색으로 채우고 지우개

(Eraser)를 선택해서 채워진 부분을 불규칙하게 적당히 문질

러준다.

Illustrator Expert

22글/ 조성호게임그래픽디자이너, 조선대디자인학부졸현(주)CH-Telecom 게임개발부근무[email protected]

본본내내용용은은그그래래픽픽디디자자인인 88월월호호에에서서발발췌췌하하였였습습니니다다..

테테크크니니컬컬일일러러스스트트레레이이션션그그리리기기


크니컬 일러스트레이션은 의학이나, 과학, 제품 등 여러 방면에 쓰이는 그림으로 정교하고 매우 사실적으로 그려야 한다. 그러므로

그만큼의 작업시간과 그에 따른 노력도 많이 필요할 것이다. 하지만‘일러스트레이터’라는 디지털 프로그램이 사용되기 시작한 후

부터는일반캔버스에서제작된그림보다훨씬더디테일하고높은퀄리티를얻을수있을뿐만아니라시간과기술이라는제한에서벗어나

보다자유롭게수정하거나보정작업을할수가있다. 이런이유로디지털로작업을하는일러스트레이터들이많이늘어나는추세이다.

요즘에는벡터방식의이미지도중요하게여겨지고있다. 일반출판물에한정되지않고플래시나 나모, 드림위버와같은웹애니메이션프

로그램의사용자가늘어남에따라인터넷상에서도그영역은점점더확대되어가고있다. 그결과심지어3D 프로그램의렌더링플러그인에

서도벡터로렌더링되어나온다. 벡터이미지는비트맵이미지에비해이미지의수정이쉬우면서도해상도에구애받지않는장점이있다.

테

테테크크니니컬컬일일러러스스트트레레이이션션그그리리기기


필자는일러스트레이터8.0으로2차대전에서싸웠던P-40 토마호크전투기를제작했는데이때주로사용한툴이그라디언트툴과블렌드툴

이다. 물론명암을넣는데는여러가지툴이많이있지만벡터이미지에서자연스러운명암을넣는다면모든이들이이두가지툴을사용할수

밖에없을것이다. 그라디언트툴보다더큰효과를줄수있는그라디언트메쉬라는툴도있지만이툴은작업을하고나서프로그램을종료하

고난후다시열면벡터이미지가비트맵이미지로전환되어이미지를다시수정할수가없다. 또비트맵이미지이기때문에확대시이미지가

깨지는단점이있어서이툴은사용하지않았다. 일러스트레이터프로그램이외에도다른벡터방식의프로그램도많이있지만필자생각에는

벡터작업을하는데일러스트레이터만큼쉬운프로그램은없다고본다. 툴하나하나에놀라고그툴의옵션기능에더욱더놀랄것이다.

P-40 토마호크제작과정❶패스로기본형태를그린다. ❷형태를그린후전체적인기본컬러를채워준다.

❸ 그림과 같이 면이 나뉘어지는 모든 부분은 선을 그린 후 패스파인더의 디

바이드로분리시켜줌으로써선을깔끔하게처리할수있다.

❹ 프로펠러의 앞부분은 명암을 주기 위한 그림을 각각 패스로 그려줘 블렌

드 툴을 사용할 수 있도록 준비한다. 자연스러운 명암을 주기 위해서는 두

조각의패스의포인트수가같아야한다.


❺ 그린 조각을 모두 선택해 블렌드 툴로 시작점과 끝점을 찍어 자연스러운

명암을준다.

❻ 각각의 프로펠러는 그라디언트 툴로 각도를 잘 맞추어 명암을 넣는다(하

나만컬러를입히고나머지는스포이드툴로찍어그속성컬러를같이한다)

❼하이라이트와패널라인을넣어완성한다. ❽ 다음은 바퀴이다. 스틸 질감이 나도록 그라디언트의 컬러와 간격을 잘 맞

추어반사광을생각하며명암을넣는다.

❾패스로타이어의밝은부분을두조각그린후블렌드툴로자연스러운명

암을만든다.

❿휠부분의밝은부분은전체선택후복사해서컬러를바꾼다음뒤로보내

준다.


⑪하이라이트와패널라인을넣어바퀴를완성한다. ⑫ 다음은 날개 부분이다. 그라디언트 툴로 기본 명암을 넣어준다.

⑬ 어두운 부분을 그라디언트로 각도를 맞추어 명암을 넣는다. ⑭밝은부분은조각그림을그린후블렌드툴로자연스럽게해준다.

⑮기관총부분은그라디언트로기본명암을넣은후나머지부분을그려주고

전체를복사해서옆으로옮긴다.

⑯ 마지막으로 하이라이트와 그림자 및 패널 라인을 그려 완성한다.


⑰날개부분완성. ⑱다음은기체의몸통을그린다. 그라디언트툴로기본적인명암을넣는다.

⑲ 앞부분의 밝은 부분은 블렌드 툴을 이용해 자연스럽게 넣어준다. ⑳배기통부분의명암은그라디언트를원형으로준다. 그리고하이라이트를

준다음복사해서옆으로나열한다.

조종석은 그라디언트로 각도를 잘 맞추어 명암을 주고 그 외 계기판을 그

린다.

패스로하이라이트를주고부분적인묘사를한다음유리를그려그라디언

트로명암을주고맨뒤로보낸다.


마크역시그라디언트로명암을주고전체를선택한다음오브젝트메뉴의

패스메뉴에서옵셋패스를선택한후적정값을준다.

그림과 같이 전체 그림의 모양이 수치만큼 두꺼워진다(캐릭터를 그릴 때

이옵션기능을많이사용한다).

하이라이트와 그림자, 패널 라인을 넣어 기체 부분을 완성한다. 이제, 부분적으로 그린 그림들을 모두 불러온다(부분적인 그림들은 완성

후그룹을지어주거나레이어를사용하면선택하거나옮기는데편하다).

불러온 그림들을 붙인다. 마지막으로 그림자를 만들어주고 비행기 이름을 쓰고 완성한다.


마치며

테크니컬 일러스트레이션을 제작하는 것은 좀 까다롭고 어렵다고 생각할지 모르지만 일러스트레이터라는 프로그램 안에는 이 테크닉을

구사하는데필요한모든기능들이갖추어져있기때문에그제품이나이미지를정확히파악하고세밀하게관찰을한다면표현방식에는문

제가없다고본다.

한편이테크닉을구사하면개인의창의성이다소떨어져보이는것이사실이다. 하지만여기서중요한것은보는이에게정확한정보와

이미지를주어야하는것이다. 때문에그어떤일러스트보다도손을더많이써야할것이다.

터페이스디자인은디지털형태로구성되어있는정보를인간이수월하게인지하도록하기위하여시지각원리에입각한분석과적

용이필요한분야이므로이는시각디자인의기본원리위에디지털매체의특성과네트웍시스템의특성을고려한디자인방법론이

사용되어야할것이다.

이 글은 이러한 디지털 정보가 인간과 컴퓨터가 상호 작용하는 시스템을 효과적으로 디자인하는 방법에 관한 것이다. 인간과 컴퓨터가

상호 작용하는 시스템을 효과적으로 디자인하는 방법에는 여러 가지 연구결과와 이론이 있다. 여기에서는 이러한 방법론들이 연구결과와

이론으로 끝나는 것이 아니라 웹디자이너들이 작업에 실제적으로 적용할 수 있으며 적용된 사례를 통해 방법론을 이해할 수 있도록 하는

것을주요목적으로정리해보았다.

사용자를위한디자인(User Centered Design)

웹사이트디자인은컨텐츠중심일수도있고혹은기술위주이거나디자인위주로개발될수도있다. 그러나사이트구축시가장중점을두

어야할부분은바로사용자다. 언제나사용자중심의디자인을하도록노력해야한다.

사용자가원하는것을알아내기란쉽지않다. 사이트는파워유저나초보자를제외한일반사람들을중심으로구축되어야하며, 그들개

개인은다르다는점을항상염두에두어야한다. 또한웹사이트는기능성이우선적으로강조되어야한다. 웹방문자들은보기좋은시각디

자인작품을보기위해서가아니라그들이필요로하는정보를얻기위해웹사이트에접속한다. 그러므로시각적으로는우수하더라도편리

하지못한부분이있다면이는적합한사이트디자인이아니다.

멀티미디어컨텐츠에서의정보제공

멀티미디어컨텐츠의정보유형에따라웹사이트의사용자인터페이스및인터랙티브디자인이달라진다. 사이트의목적에맞는최적의인

터페이스및인터랙티브디자인을통하여웹사이트의목적과전달하는내용을효과적으로부각시킬수있다. 사용자가쉽게이해하고편리

하게사용할수있도록하려면아래와같은정보유형별인터랙티브디자인모델이필요하다.

글 : 강은정CGL 디자인팀장[email protected]

본본내내용용은은임임프프레레스스의의웹웹디디자자인인1100월월호호에에서서발발췌췌하하였였습습니니다다..

Web Technique

29


정보유형에 따른 사용자 중심의 웹사이트 구현

인

정보유형에 따른 사용자 중심의 웹사이트 구현

- 정보의 중요성과 사용빈도 : 웹사이트 제작 초기단계에서 내용 분석을 철저히 하면 어떤 데이터가 사용자에게 가장 중요하며 자주 사용

될 것인지를 예측할 수 있다. 더 중요한 구성요소를 눈에 띄는 위치에 두고 가장 빈번히 사용되는 요소일 경우에는 화면에서 잘 보이게

하고페이지의레이아웃상에항상나타나게해야한다.

- 정보의관습적인순서: 정보의표현에는많은경우관습적으로받아들여지는순서가있다. 컴퓨터분야에서는메뉴의배열에있어서파

일 다음에 편집, 메뉴... 등의 순서를 따라야 사용자들이 학습된 습관상 쉽게 이해할 수 있다. 정보내용의 성격상 전통적인 순서가 있는

경우라면그순서에따르는것도좋은방법이다.

- 철자순/시간순: 만약데이터구성요소에적용시킬논리적인질서가마땅히없다면다른기준이적용되어야한다. 예를들어파일이름을

나열한경우철자의순서대로배열하는것이적절할수있으며, 메일의경우에는편지를받은시간에따라나열하는것도적절할것이다.

- 정보의성격과목적: 정보의순서를결정짓는것은정보여행의방향을유도하기위해가장처음고려되어야하는부분이다. 정보의순서

를 정하는 기준에는 위에서 서술한 정보의 중요성과 사용빈도, 관습적인 순서, 철자순, 시간순 등이 있는데 그러한 기준들 또한 정보의

성격과목적에따라다르게적용된다.

제니퍼 플레밍(Jennifer Fleming)은 웹에서 다루어지는 정보를 그 성격과 목적에 따라 Identity, Information, Entertainment, Learning,

Shopping, Community의6가지로분류하였다. 제니퍼플레밍이설명한웹을기반으로하는컨텐츠의6가지정보유형에대한각각의성향

과특징, 사례등은다음과같다.

▶Identity

아이덴티티는 사전적으로 동일함, 주체성, 독자성 등의 의미를 가지는데, 웹에서는 홍보와 소개의 목적을 우선으로 하는 정보를 의미한다. 기업, 학교, 기관

등의홈페이지가여기에속하며, 사용자에게대상의어떤이미지(what)를어떻게(How) 심어줄것인가가중요한문제이다. 사용자들이아이덴티티사이트를

방문하는목적으로는대상에대한기본적인이해, 원하는서비스나제품에대한정보획득, 대상과의연락방법탐색등이있다.

유형: www.samsung.co.kr(삼성그룹홈페이지) / www.snu.ac.kr/engsnu(서울대학교영문홈페이지)

▶Entertainment

엔터테인먼트는 사회적으로 점차 그 중요도가 높게 인식되면서 여러 분야에서 관심의 대상이 되고 있다. 웹컨텐츠에서 엔터테인먼트는 각종 오락, 연예, 게

임, 스포츠, 영화, 패션, 레저, 취미, 음악등의정보를다루는사이트를말한다. 여기에는온라인상에서직접게임을하거나음악을들으며즐길수있는사이

트뿐아니라영화, 공연정보를제공하거나스포츠를중계하는인포메이션적인성향이강한사이트도포함된다. 사용자들은엔터테인먼트사이트를대하면

서어떻게시작하는것인지, 무슨일이일어날것인지, 다음단계로나아가기위한팁이나힌트는없는지, 과연꼭거쳐야하는단계인지, 모든내용이끝났다

는것을어떻게알수있는지등을파악하고자한다.

유형: www.imbc.com(MBC 홈페이지)

▶Information

인포메이션은정보자체를다루는사이트로서다른사이트에비해방대한양과광범위한분야의정보를전달한다. 여기에는뉴스, 미디어, 검색엔진, 각종정


보제공사이트가속한다. 즉각적으로신속한정보를전달해야하는뉴스, 신문사이트뿐만아니라오래전부터현재에이르기까지모든자료들을모두저장

하여데이터베이스형태로서비스하는박물관, 도서관, 기타관련정보제공사이트까지모두인포메이션유형에포함된다. 사용자들은자신이찾고자하는정

보가 포함되어 있는지, 어떻게 찾을 수 있는지, 자신에게 적합한 정보인지 또는 정보를 신뢰할 수 있는 것인지, 추후에 사용할 수 있도록 저장이나 프린트가

가능한지등을파악하고자한다. 따라서인포메이션사이트에서는그사이트에서다루는정보의내용과범위를명시해주는것이좋으며, 내용이방대한만큼

검색기능(Search)이나직접이동할수있는지름길을제공하는것이중요하다.

유형: www.chosun.com(조선일보홈페이지) / www.naver.com(검색엔진네이버)

▶Learning

교육은사이버교육가운데웹을기반으로하는각종온라인학습을의미한다. 웹은텍스트, 이미지, 사운드, 동영상, 등의다양한형태의정보를모두지원하

며시공간의제한이없고사용자와의상호작용을기본으로하기때문에이상적인교육적미디어로사용될수있다.

교육사이트를방문하는학습자는뚜렷한목적없이둘러보는방식의간접적인학습자(Casual Learner)와구체적인목표를가지고보다깊이있는정보를원하

는직접적인학습자(Ditected Learner)로구분된다. 사용자들은어디에서부터학습을시작해야하는지, 특별한사전지식이나도구가필요한지, 학습내용은신

뢰할수있는지, 자신에게적합한학습내용을어떻게찾을수있는지, 질문사항은어떻게해결하며추가로보다발전된학습을원할경우어떻게해야하는지

등을파악하고자한다.

유형: www.wasac.com(wasac 영어학습사이트)

▶Shopping

쇼핑은웹에서이루어지는전자상거래를의미하는것으로각종인터넷쇼핑몰이나모든온라인판매를포함한다. 전자상거래초기에는소수의전문쇼핑사이

트들이있었지만, 요즘에는기업이나단체등에서도자사의제품을홈페이지에서직접판매하는경우가증가하고있다. 사용자들은개인정보와금융정보를어

떻게보호받을수있는지, 원하는품목을어떻게찾을수있는지, 찾는대상이명확치않을때참조할수있는추천코너나다른구매자들의구매정보를알수있

는지, 상품에대해신뢰할수있는지, 실제처럼미리경험해볼수있는지(프리뷰또는시뮬레이션을통해) 등을파악하고자한다. 여기에서무엇보다도가장중

요한것은결재를위해기입하는자신의개인정보에대한보안유지이다. 쇼핑사이트의정보설계는대규모의품목을다루고사용자의직접적인참여가필수

적이므로인포메이션유형의정보설계와유사할수있는데원하는품목을찾기쉽고, 구매절차는간단하며최후의순간까지사용자의취소가가능하도록배려

하는것이중요하다.

유형: www.samsungmall.co.kr(삼성몰)

▶Community

커뮤니티는웹에서형성되는네티즌간의각종공동체나소모임을의미하는것으로, PC 통신에서일반화된동호회의개념과같다. 가상공간에서의커뮤니티

는사회적으로도많은이슈가되고있을만큼중요한대상으로자리잡았다. 특히기업의경우, 고객들을대상으로멤버쉽으로이루어지는모임이나클럽등을

형성해고객들간에의사와정보교환을통해공동체의식을느낄수있게하는경우가증가하고있다. 사용자들은자신의아이디와패스워드를확인하는로그

인과정을통해커뮤니티사이트에참여하게된다. 사용자들은커뮤니티에어떻게참여할수있는지, 규칙은무엇인지, 개인적인정보는어떻게보호되는지,

참여하는사람들에대해서는신뢰할수있는지, 단체로부터얻을수있는것은무엇인지, 도움이필요할때는어떻게해야하는지등을파악하고자한다.

유형: www.freechal.com (프리챌사이트)


그러면웹기반디지털컨텐츠의6가지정보유형중가장사용자들의참여가활발한쇼핑, 커뮤니티, 엔터테인먼트를중심으로정보유형에

따른기본인터페이스를분석하여사이트목적에맞는최적의인터페이스및인터랙티브디자인모델을제시하고그모델에적합한사용자

인터페이스사례를살펴보자.

Shopping mall

쇼핑몰을 방문하는 사용자들은 상품을 구매하기 위해서 사이트에 접속하기

도 하지만 단지 상품을 둘러보기만 하는 경우도 있다. 그러므로 쇼핑몰 사이

트는 사용자가 구매를 할 경우에나 단지 둘러보기만 할 경우 모두를 고려하

여 자주 사용되는 구성요소를 가장 눈에 띄는 곳에 배치해야 한다. 우리나라

의 종합 쇼핑몰 사이트를 대표하는 10개 사이트의 인터페이스 및 인터랙션

디자인을분석하여가장이상적인쇼핑몰인터페이스에접근해보겠다.

정보유형에따른기본인터페이스분석

▶레이아웃분석

특징: 메인디자인과서브디자인의일관성있고통일성있는레이아웃

구조

1. 일반적으로 제품의 종류를 설명할 때 각각의 제품을 그룹핑을 이용

하여종류별로소개하고있다.

2. 컨텐츠 영역과 메뉴 영역을 배경 컬러를 이용하여 명확하게 구분하

고있다.

3. 서브페이지로 이동시 현재 자신의 위치를 확인할 수 있는 사용자 정

황정보를제공한다.


Shopping mall

조사대상 인터넷종합쇼핑몰종합평점10위이내의사이트

(경향신문/ 한국전자거래진흥원공동조사참조)

분석사이트 한솔CS CLUB (www.csclub.com)

삼성몰(www.samsungmall.co.kr)

e-현대백화점(www.e-hyundai.com)

LG 이샵(www.lgeshop.com)

롯데닷컴(www.lotte.com/)

아이39(www.i39.co.kr)

바이앤조이(www.buynjoy.com)

인터파크(www.interpark.com)

해피투바이(www.happy2buy.com)

마트24(www.mart24.co.kr)

Free

DistinctConsistent

Unit

▶컬러분석

특징: 구매욕구자극을위해이성적인느낌을주는한색계열보다는감

성적인느낌의난색계열의컬러를주로사용

1. 사용자가 사이트에 처음 접할 때 딱딱하고 기업적인 느낌이 강하다

면사용자에게 거부감을 줄수도있다. 그래서대부분의 쇼핑몰사이

트에서는 난색 계열의 감성적인 컬러를 이용하여 딱딱한 레이아웃

구성을보충하고있다.

2. 한색의 블루 계통의 컬러는 시각적인 안정감과 쇼핑몰에 대한 신뢰

감을준다는장점을가지고있다.

쇼핑몰사이트의이상적인화면설계및구성요소

Main Navigation Area

이부분에는로고, 쇼핑몰의메인메뉴(각제품의구분별메뉴), 인증부분(로그인), 검색기능, 장바구니, 고객센터, 사이트맵등의요소들이

포함된다.


Cold

MultiMono or Duo

Warm

Main Navigation Area

Copyright

General Menu Area

or

Event Area

General Menu Area

or

Event Area

Contents Area


▶사례

1. 크게컬러로구분지어같은기능의메뉴에는동일한컬러를사용한다.

2. 고객안내및장바구니/고객마일리지등사용자가쇼핑하면서자주사용하는기능의메뉴들을모아놓는다.

3. 메인메뉴의수가너무많으면사용자가모두인식하지못하므로적절한수를유지하고메뉴의기능이나성격의차이를확실하게구분짓는다.

4. 자주방문하는사용자들을위해서컨텐츠의바로가기메뉴를만들어제공한다.

5. 검색기능에서단순검색과상세검색을제공해주어사용자의목적에맞게사용될수있도록한다.

6. 전체적인사이트의구조를파악할수있도록사이트맵을제공한다.

Contents Area

이부분에는이벤트, 제품섹션별특별상품등이포함된다.

▶사례

1. 각섹션및제품구분을확실하게나타내주어야한다.

2. 각각의이동할수있는링크들의이벤트가통일성을가져야한다.

3. 모든 정보를 이미지로 사용하는 것보다 카테고리로 나누어 텍스트로 구성하는 것도 로딩속도

를줄여주는하나의방법이다.

General Menu Area or Event Area

이 부분에는 특정 메뉴 바로가기(이벤트/전문매장 등), 정보제공 공간(공지

사항/설문조사등), 공감대를형성하는커뮤니티의공간등이포함된다.

▶사례

1. 메뉴의기능이나성격의차이를확실하게구분지어나타낸다.

2. 대표적인이미지의사용으로사용자가바로알아볼수있도록한다.


Copyrights

이부분에는개인보호정책및보안정책, 회사정보(입점, 제휴, 회사소개, 회사공지사항등), 사이트도움말, 관리자와의커뮤니케이션공간

등이포함된다.

▶사례

1. 회사소개, 사용약관, 개인정보보호약관, 고객도우미등사이트를사용함에있어필요한

메뉴들을 한 장소에 모아 두고 색이나 면으로 구분해 사용자가 기능상 구분에 혼동이 없

도록한다.

2. 사이트 관리자에게 바로 연락할 수 있도록 해야 하며 개인 약관이나 보안 정책에 관한 정

보를명확히알려주어야한다.

효율적인사용자인터페이스사례

메뉴바

롯데 쇼핑과 Buynjoy : 심상모델과 유저모델이 일치된 사례라 볼 수

있다.

링크 메뉴에 마우스 롤오버시 선택됨을 알려주는 이벤트가 적용되

어사용자의올바른서핑을도와준다.

한솔CS Club : 마우스롤오버시선택여부를알려주는이벤트가없다.

버튼선택시이를알려주는이벤트가필요한데이것은사용자가자신

이선택한버튼의위치를파악하게하는주요기능이기때문이다.

Happy2buy : 메뉴바에링크시탭형식으로서브메뉴를보여주는형식

은좋으나서브메뉴로바로이동할수없다는점은아쉽다. 이는사용

자가 바로 서브메뉴로 이동하기 위해 클릭을 해도 아무런 이벤트가

일어나지않기때문에사용자로하여금불필요한행위를유도한다

긍정적사례 부정적사례

롯데쇼핑한솔CS Club

Happy2buy Buynjoy


검색기능

상품구매단계

happy2buy : 잠정고객과 목적고객이 함께 자유롭게 상품을 검색할

수있는기능을잘갖춘경우라할수있다.

목적고객이 상품을 검색할 수 있는 상세 검색기능과 잠정고객의 상

품검색시시간낭비를막기위해서우측상단에시간과대상, 그리고

이벤트에따른상황에따라서상품을검색할수있는기능을마련하

였다. 그리고마우스롤오버시일러스트메뉴에대한명확한라벨이

보여지므로메뉴에대한혼란을막을수있다.

한솔CS Club : 쇼핑몰사이트에접속하는고객은일반적으로살물

건을정해놓지않고방문한고객(잠정고객)과정해놓고방문한고객

(목적고객)으로 분류할 수 있다. 잠정고객의 경우에는 일반 상품검

색 기능과 상세검색 모두 필요하지만 후자의 경우에는 이러한 단계

를거치지않고바로상세검색으로갈수있는기능이필요하다.

이런 경우에서 상세검색으로 이동하는 버튼은 일반 검색의 주변에

존재해야만 한다. 또한 잠정고객에게는 상품구매를 유도할 수 있는

새로운검색기능도필요하다.

LG 이샵 : 그림과 같이 위치를 알려주는 정황표시가 있으면서 각각

의위치로다시돌아갈수있도록링크가걸려있어이동이용이하며

또한최종단계에서바로구매를할것인지장바구니에담아서쇼핑

을계속할것인지를사용자가선택할수있게되어있다.

한솔CS Club : 브랜드명으로검색하는창을클릭해보면아무런내

용이 없다. 물론 제품의 종류가 부족해서 그럴 수도 있지만 아무런

기능이 없는 메뉴는 사용자의 신뢰감을 떨어뜨릴 수 있다. 또한 이

경우에는사용자가최종적으로제품을선택한경우이므로브랜드별

상품을 찾기 기능은 무의미하다. 또한 위치를 표시하는 정황표시에

서 전단계로 이동할 수 있는 링크가 없어 위치표시 기능만 할 뿐 이

동할수있는네비게이션도구로서는무의미하다.

한솔 CS Club : 패션의류에서 캐쥬얼 메뉴를 선택하고 동대문 패션

을선택했을경우의화면이다. 서비스준비가되어있지않다면안내

멘트가 나오거나 처음 선택메뉴에서 삭제하는 것이 바람직하다. 현

재의 여성용/남성용/공용/패션소품/기획상품 등의 서비스가 준비되

어있지않음에도불구하고어느하나안내문구가없다는것은사용

자의신뢰감을떨어뜨리는요소로작용한다.


새창의수

롯데쇼핑: 삼성몰에서의finder의기능은새창이아니라페이지업

로드형식이다. 물론새창의방식이절대적으로나쁘다는것은아니

지만결과적으로새창에서물품의결과까지본다면굳이새창의작

업보다는페이지업로드방식이더바람직할것이다.

삼성몰: Finder 버튼을눌러상품을검색할수있다. 이기능은매우

편리하며 전체 사이트맵에서 세부 항목으로 들어갈 수 있도록 되어

있다. 그러나 이 버튼을 누르면 물건을 찾을 수 있는 검색창이 새로

운창으로뜨기때문에이를여러번클릭하면수없이많은똑같은기

능의새창이오픈되는단점이있다.

http://studio.adobe.com/learn/tips/lvmaddroll/main.html

본본내내용용은은SSttuuddiioo..AAddoobbee..ccoomm에에서서발발췌췌하하였였습습니니다다..

Web Center

38 애애니니메메이이션션화화된된 롤롤오오버버(Animated Rollovers)


어도비라이브모션에서

애애니니메메이이션션화화된된 롤롤오오버버(Animated Rollovers)

어도비 라이브모션은 롤오버를 만드는데 있어 완벽한 도구다. 롤오버 대상은 그 위로 마우스를 갖다 대거나 클릭하기만 해도 모습이 바뀐

다는 특징이 있다. 롤오버는 재미있고 창의적인 버튼을 만들 수 있는 좋은 방법이며 사용자는 버튼을 누를 때 대화식의 경험을 맛볼 수 있

다. 여기에서는마우스를갖다대면모습이바뀌는버튼만들기에대해알아보기로하자.


첫째, 버튼을만든다.

모양이나 그림 그리기 도구를 사용해 대상을 만들거나 Library에

있는 대상을 고른다. 선택한 대상에 시각적인 효과를 넣거나 스타

일을적용해버튼을만든다.

둘째, 버튼을한그룹으로묶는다.

먼저 버튼이 선택되었는지 여부를 확인한다. 그런 다음 차례로

Object>Group를 선택한다. 이는 대상을 애니메이션화 할 때를 대

비해대상을개별적인그룹에포함시키는작업이다. 그럼Rollover

팔레트를연다.

셋째, 롤오버를만든다.

버튼을 여전히 선택한 상황에서 Rollover 팔레트에 있는 New

State 버튼을 클릭한다. 어떠한 롤오버를 원하는지 선택한다. 본

예의 롤오버에서는 마우스를 버튼 위로 올려 놓으면 버튼이 바뀌

는것으로설정하였다. 그럼타임라인을연다.

넷째, 버튼의타임라인을연다.

미리 만들어 놓은 그룹은 나머지 구성과 분리되어 애니메이션 화

될 것이다. 그래서 그룹 개별의 타임라인이 필요한 것이다. 개별

타임라인을 열기 위해서는 타임라인 안의 그룹 이름을 두 번 누르

면 된다. 그럼 버튼의 헤딩을 넓힌다. 그리고Transform 헤딩을 확

장한다. 그러기에앞서Rollover 팔레트에서롤오버상태를선택했

는지확인한다.

November 2001Adobe e-magazine40

다섯째, 버튼을애니메이션화하는작업을시작한다.

Position 스톱워치를 눌러 초기 키프레임을 만든다. 현재 시간 마

커를오른쪽방향으로2-3 프레임움직인다.

여섯째, 버튼을애니메이션화하는작업을마무리한다.

Composition 창에 가서 선택 도구를 이용해 버튼을 선택한다. 버

튼을 아래로 Shift 드래그 한다. 그럼 애니메이션이 직선에 맞춰질

것이다. 버튼을 움직이면 새로운 위치 키프레임이 자동적으로 만

들어진다.

일곱째, 롤오버를미리본다.

미리보기버튼을눌러롤오버를미리본다.

롤오버를 재미있게 하려면 버튼의 다를 특징들을 애니메이션화

할 수 있다. 예를 들어 본 예에서는 버튼의 색상과 위치를 바꾸었

다. 다른 특징을 애니메이션화 하려면 개별 타임라인 내에서 롤오

버대상이선택됐는지를확인한다음특성을바꾸면된다.

글/ 홍수동(영화감독, 프로덕션진공대표)e-mail : [email protected]

Motion Center

41


번호에서는프리미어의캡처기능에대해서알아보도록하겠습니다. 사실촬영한후편집을하기위해서는반드시선행되는작업이

이 캡처작업이라 할 수 있습니다. 이 캡처 작업은 조금 지겨운 부분도 있지만 캡처카드라는 하드웨어의 특성을 파악해야 한다는 면

에서초보자들에게는어려운부분이기도합니다.

우선File>Capture항목을선택하십시오. (그림1)처럼서브항목의네가지캡처메뉴가나타날것입니다.

각항목에대하여간단히알아보도록하겠습니다.

1. Batch Capture

배치캡처는 동영상을 캡처할 때 외부 디바이스(카메라나 혹은 데크 등)콘트롤이 가능

하다면타임코드를무비캡처창혹은직접손으로입력하여로깅한데이터를바탕으로

캡처하는기능입니다. 이부분은무비캡처창에서다시한번설명하겠습니다.

2. Movie Capture

무비캡처는 프리미어의 가장 기본적인 캡처기능으로 이 항목을 선택하면 무비캡처창

이뜹니다.

3. Stop Motion

일정한타임라이트를제외하고적당한시간간격을두고캡처하는항목입니다. 예를들

면초당8프래임정도의영화가있으면캡처시그비율에맞게캡처합니다.

4. Audio Capture

오디오만따로캡처할때쓰는캡처항목입니다.

이

프프리리미미어어의의캡캡처처기기능능과과배배치치캡캡처처

(그림1)

프프리리미미어어의의캡캡처처기기능능과과배배치치캡캡처처

이상과 같이 프리미어에는 네 가지의 캡처항목이 있습니다. 아무래도 가장 많이 쓰이고 어려운 항목은 무비캡처와 배치캡처겠지요. 먼저

무비캡처창의기능에대해서알아보도록하겠습니다.

File>Capture>Movie Capture항목을 선택하면 (그림2) 무비캡처창이 뜹니다. 무비캡처창은 프리미어6.0으로 업그레이드되면서 5.0과는 다

른인터페이스를가지게되었습니다. 그렇다고내용이많이달라진것은아닙니다. 좀더사용하기편하게바뀐정도이지요. 그럼각기능에

대해서하나하나알아보죠.

a. 이 부분은 외부 디비이스를 조절할 수 있는 아이콘들을 모

아 놓았습니다. 일반적으로 우리가 사용하는 데크에 있는 플

레이, 스톱등의 아이콘과 생김새나 기능이 유사하기 때문에

사용하기 쉬울 것 같습니다. 특히 빨간색의 동그라미 아이콘

이 바로 레코드 버튼으로 이 버튼을 누르면 캡처가 시작되고

다시버튼을누르거나ESC버튼을누르면캡처가멈춥니다.

b. 이 항목은 두 가지의 탭으로 이루어져 있습니다. 하나는

Setting탭이고 다른 하나는 Logging탭입니다. Settings탭은

캡처시에 필요한 세팅을 모아 놓았고 Logging탭은 배치 캡처

를위한배치리스트(Batch List)를만들수있는공간입니다.

각탭에대해서자세히알아보죠.

1) Settings

이탭에는Capture Setting과Preference 두개의항목이있고

각각Edit버튼이있습니다. 먼저Capture Setting의Edit버튼을

누르면(그림3)의Project Settings창이열립니다.

여기서는 DV즉, 6mm포맷으로 작업을 한다면 Capture Format

에서DV/IEEE1394 Capture로선택되어있는지만확인하면됩니

다. 프리미어의 프리셋을 처음 설정할 때 DV-NTSC안에 있는

프리셋으로설정이되어있으면이캡처항목도DV에맞게설정

이되어있습니다.


(그림2)

(그림3)


그외에더복잡한세팅이있지만이부분은내용도어렵거니와사용하는캡처하드웨어에따라세팅이달라지기때문에생략하겠습니다.

다음으로 Preference의 Edit버튼을 누르면 (그림4)의 Preference창이 뜹니다(혹시 The DV device is unavailable for device control.이라는

메세지가 뜨는 경우는 컴퓨터가 DV장비 즉, 데크 혹은 카메라에 연결이 되어 있지 않다는 얘기입니다). 여기에는 Scratch Disks 항목과

Device Control항목이있습니다.

a. Scratch Disks : Scratch Disks항목은 세개로 나뉘어져 있습

니다. 첫째는 캡처 받을 데이타 저장할 곳을 지정하는 곳이고

나머지 두 개는 비디오, 오디오 프리뷰 파일(이 프리뷰 파일이

렌더링을건내용을저장한파일입니다)을저장할장소를지정

해줍니다. 좀 더 원활한 작업을 위해서는 시스템, 캡처, 비디오

및오디오프리뷰파일저장용하드가따로있는게이상적입니

다. 중요한것은캡처하드는반드시시스템하드와분리되어있

어야한다는것입니다.

b. Device Control : Device Cotrol항목은 사용할 장비를 프리미

어에 맞게 세팅해주는 항목입니다. 만일 장비가 DV장비라면

DV Device Cotrol 2.0으로 세팅 되어 있으면 됩니다. 밑에

Option버튼이 있는데 여기서 자신의 기종에 맞는 제품을 선택

하시면됩니다.

2) Logging

Logging탭을 선택하면 (그림5)의 Logging항목이 나옵니다. 이

전에 캡처받을 때는 단순히 레코드 버튼을 눌렀을 것입니다.

그러나, 타임코드가 지원되는 장비(즉, DV 이상의 장비)를 사

용하면 타임코드를 이용하여 캡처를 받을 수 있습니다. (그림

5)에보면SET IN, SET OUT버튼이있는데데크를콘트롤해원

하는 지점에서 이 버튼을 눌러 인, 아웃점을 잡습니다. 이외에

직접타임코드창에손으로타임코드에입력할수도있습니다.

(그림4)

(그림5)


아래에Capture In/Out과Logging In/Out 이두버튼이있는데전자는단순히위에서잡은인, 아웃점대로캡처를해줍니다. 다음후자를누

르면파일명을묻는(그림6)의화면이뜹니다. 파일이름을지정하고OK를누르면(그림7)의창이뜹니다.

바로이창이배치리스트입니다. 자신이캡처를원하는장면만큼위의로깅과정을반복하여이배치리스트에기록을합니다. 그런다음저

장합니다. .pbl이라는 확장자의 파일을 저장합니다. 최종 로깅이 끝나면 (그림7)의 하단에 있는 빨간색 레코드버튼을 누르면 프리미어에서

자동으로캡처를합니다. 이때주의할점은앞서도얘기했듯이외부장비가연결되어있어야합니다.

배치캡처의장점

1. 공간이절약된다.

전체화면만받은것이아니라필요한부분만잘라서받기때문에하드공간을절약할수있다.

2. 시간이절약된다.

동영상을캡처받는동안계속컴퓨터옆에붙어있을필요없이배치리스트를작성한후한번에캡처를받으면되기때문에작업자의시간을

효율적으로이용할수있다.

3. 데이터의복원혹은이동이가능하다.

프리미어 배치리스트(확장자는 pbl)와 프리미어 프로젝트 파일(확장자는 ppj)과 원본 소스 테입이 있으면 만약 하드가 다운되거나 혹은 다

른컴퓨터로이동하더라도자신이하던작업을계속할수있다. 사실이점이배치캡처에서가장유용한기능이라고할수있다.

이상으로프리미어의캡처 기능과배치캡처 방법과장점에대해서 알아보았습니다. 가능하면그냥 캡처보다는배치캡처를이용해서그 장

점을활용하십시오.

(그림6)

(그림7)

Acrobat Center

45


글 / 이미영오프닝 포토샵 6.0(임프레스) 저자[email protected]

본본 내내용용은은 임임프프레레스스 그그래래픽픽디디자자인인88월월호호에에서서 발발췌췌하하였였습습니니다다..

PPDDFF 파파일일을을웹웹에에링링크크시시키키기기外外애크로뱃활용

PPDDFF 파파일일을을웹웹에에링링크크시시키키기기外外


❶ 상단 메뉴의 Link 버튼을 선택하고 드래그하여 링크를 걸고자 하는 부분

에선택영역을형성한다. 그러면Link Properties 대화상자가열린다.

❷Link Properties 대화상자의Appearance에서링크의타입, 하이라이트, 컬

러, 스타일등을지정해준다.

❸그리고나서대화상자의Action 항목에서Type을World Wide Web Link로

선택하고 하단의 Edit URL 버튼을 클릭하여 링크하고자 하는 웹 페이지의

URL 주소를 입력한다. 주소를 입력한 후OK 버튼을 누른 후 대화상자 하단

의Set Link 버튼을클릭한다.

❹링크설정이 끝났으니이젠테스트를해보자. 손바닥툴을선택하고지정

한 링크를 클릭한다. 그러면 자신이 링크한 웹 사이트가 오픈된다. 이렇게

웹 사이트를링크시키면간단하게PDF 파일로웹페이지가다운로드된다.

PDF 파일을웹에링크시키기


❶ 웹으로부터 페이지를 다운로드하기 전에 몇 가지 옵션을 먼저 설정해

주어야 한다. File>Open Web Page하여 Conversion Settings 버튼을 클릭

한다. 그리고 Conversion Settings 대화상자의 General 탭에서 Content

Type Specific Settings에서HTML을선택하고Settings 버튼을클릭한다.

❷ Settings 버튼을 누르면 나오는 대화상자에서 Layout 탭을 선택하고 텍

스트컬러, 페이지백그라운드, 링크등을설정한다.

웹페이지를PDF 파일로변환하기

Acrobat에서는 웹 페이지를 다운받아 간편하게 PDF 파일로 변환할 수 있다. 이렇게 변환된 PDF 파일은 쉽게 저장하거나 다른 사람들에게

전달할수있으며선명하게프린트할수있어작업을편리하게도와준다.

하지만그러기위해서는주의해야할점이몇가지있다. 첫째Acrobat을사용하여웹페이지를다운로드하려면먼저그전에, 반드시웹

에접속할수있는인터넷또는프록시의세팅을갖추어야한다. 또만약회사네트워크를사용하는사람들이라면접근을막는방화벽에부

딪힐수도있다. 이런경우에는네트워크담당자에게문의하여방화벽을제거해야만웹페이지를다운로드할수있다.


❸ 폰트 탭을 선택하고 Font for Body Text 항목에서 Choose Font 버튼을

클릭한다. 나타나는 Choose Font 대화상자에서 폰트와 크기를 지정한다.

만약 자신의 시스템이 Mac OS 환경이라면 팝업 메뉴에서 폰트와 폰트 크

기를선택할수있다. 다른항목들도이와같은방법으로설정하면된다.

❹Conversion Settings 대화상자의Page Layout 탭을클릭하면웹페이지를

효과적으로프린트할수있는몇가지옵션들을제공한다. 여기에서페이지

사이즈크기를지정할수있는데사이즈크기는팝업메뉴로되어있으며커

스텀페이지사이즈로도설정할수있다. 또한페이지의마진을설정할수도

있다. 모든옵션사항들을지정한다음OK 버튼을누른다.

❺ 4번까지의 모든 과정을 마치면 화면에는 Open Web Page 대화상자만

남는다. 그러나 혹시라도 대화상자가 닫혔다면 File>Open Web Page하여

대화상자를 연다. 대화상자의 URL에 캡처하고자 하는 웹 사이트의 주소

를입력한다.

❻ Open Web Page 대화상자에서 Levels를 선택하고 캡처하고자 하는 사

이트 단계 레벨을 지정해준다. 대화상자에 입력한 웹 주소는 탑 레벨이며

페이지 위의 링크들은 두 번째 레벨이 된다. 두번째 레벨의 링크들은 세번

째 레벨이 되며 다음 단계들도 순서대로 레벨이 지정된다. 대부분의 웹 사

이트들은보통3단계의Depth를가지며아래로내려갈수록넓어지는형태

를 가지고 있다. 게다가 어떠한 링크들은 사이트 외부의 다른 페이지와 연

결되어 있을 수도 있다. 그러므로 이러한 불필요한 외부 사이트 링크까지

모두 다운로드하는 것을 피하기 위해서는 대화상자에서 Only Get Pages

Under Same Path and Stay on Same Server를선택한다.

A

B

C


❼ Download를 클릭한다. 다운로딩과 컨버전이 모두 끝나면 캡처된 웹 사

이트는 Acrobat 도큐멘트 윈도우에 보여지며 다른 PDF 도큐멘트와 마찬

가지로 네비게이트할 수 있고 에디팅도 가능하다. 이렇게 캡처된 웹 페이

지는 자신이 위에서 세팅한 페이지 레이아웃 세팅대로 보여지며 오리지널

웹사이트와같은모습으로변환된다.

규모가 큰 웹 사이트는 원래의 컨텐츠 상태를 유지하기 위하여 여러 개의

PDF 도큐멘트로 분산된다. 윈도우 시스템에서 페이지 다운로딩 상태를

보여주는 진행 대화상자가 첫번째 레벨의 페이지를 다운로드한 후 백그라

운드 화면에서 사라지면 Tools>Web Capture>Bring Status Dialogs To

Foreground를선택하면다시맨앞으로나타나게된다.

팁: Acrobat에서웹페이지를캡처하기위한주의사항들

웹페이지를Acrobat에서캡처할때에는다음의사항들을주의해야한다.

1. Acrobat은 HTML 페이지, JPEG, GIF 그래픽, 텍스트 파일, 텍스트 파

일, 이미지맵 등을 다운로드할 수 있다. 그리고 이 중 HTML 페이지는 테

이블, 링크, 대부분의 프레임 형식들, 백그라운드 컬러, 텍스트 컬러, 폼

등을 포함하는데 HTML 링크들은 웹 링크로 변환될 수 있으며 HTML 폼

도또한PDF 폼으로변환될수있다.

2. 아시안스크립트의웹캡처에서는오직일본어만지원된다. 일본어페

이지를캡처하기위해서는반드시일본어OS 시스템을사용하거나일본

어 랭귀지 킷을 인스톨하고 있어야 한다. 그리고 이 때 일본어 시스템에

서는HTML Conversion Settings 대화상자가Japanese 탭으로나타난다.

또한사이트를캡처하기전에올바른인코딩을선택하는것을잊지않아

야한다.

Photoshop Elements Center

50


http//www.adobe.com/web/tips/phselcontactsht/main.html

본본내내용용은은AAddoobbee..ccoomm에에서서발발췌췌하하였였습습니니다다..

웹웹포포토토갤갤러러리리만만들들기기웹웹포포토토갤갤러러리리만만들들기기

어도비 포토샵 엘리먼트의 웹 포토 갤러리(Web Photo Gallery) 툴을 이용하여 브라우저에서 쉽게 이미지를 찾을 수 있는 갤러리를 만들어

보자.


첫째, 이미지파일을설정한다.

먼저 이미지들이 파일에 들어있는지부터 확인하고(source folder)

그런 다음 웹 갤러리를 위해 선별된 모든 HTML 및 이미지 파일을

담을destination folder를만들자

둘째, 스타일을선택하고배너를설정한다.

File>Automate>Web Photo Gallery를 선택하고 웹 포토 갤러리를

개시하면 대화 상자가 열린다. 갤러리의 포맷을 고르기 위해

Styles에 뜨는 메뉴를 사용하면 대화 상자의 오른 편에 각 스타일

의샘플이나타날것이다.

그럼Options 에서뜨는메뉴에가Banner를선택한후웹갤러

리 제목을 Site Name 항목에 입력한다. 원한다면 Photographer와

Date 항목에 자료를 올려 놓을 수도 있다. Font 와 Font Size 에 뜨

는메뉴를이용해배너에쓰일텍스트의모양을결정할수도있다.

Font Size에뜨는메뉴에서숫자가클수록글꼴크기는커진다.

여기에서는 Vertical Frame 스타일을, Banner 옵션으로는

Helvetica/Arial을골랐고기정값은3으로설정했다.

셋째, 이미지들을어떻게선보일것인지를고른다.

갤러리 이미지에 가장자리를 둘 것인지, 크기를 고칠 것인지 그리

고 최적화 수준은 어느 정도를 설정할 것인지를 고른다. Options에

뜨는메뉴에서Gallery Images를선택하고각항목의가치를입력한

다. 이미지 크기를 바꾸고 싶지 않다면 Resize Images의 선택을 해

제한다. 원하는 파일 크기에 따라 슬라이더 바를 이용하여 편리하

게JPEG 최적화를결정할수있다. 여기에서는Resize Images를선

택한후모든설정을미리정해져있는값으로놓아두었다.


넷째, 그림(Thumbnail)의모습을결정한다.

갤러리의그림(thumbnail)과캡션의외양을구체적으로정할수있

다. Option에서 뜨는 메뉴에서 Gallery Thumbnails를 선택하고

Thumbnail 밑에 캡션이 나오도록 Use Filename을 선택한다. 직접

캡션을입력하고싶다면Use File Info Caption을선택한다.

다섯째, 갤러리에색상을입힌다.

웹갤러리의배경은사용자마음대로바꿀수있고, 텍스트와링크

의 색상을 구체적으로 정할 수도 있다. Options 메뉴에서 Custom

Colors를 선택하고, 색상에 변화를 주고 싶다면 Adobe Color

Picker를이용해본다.

여섯째, source 와destination 폴더를선택한다.

대화상자의Files 밑에있는Source 버튼을클릭한후갤러리에담

고 싶은 이미지가 들어있는 파일을 선택한다. 그런 다음

Destination을 클릭하고 이미지를 담고 싶은 폴더와 웹 갤러리를

위한HTML 파일을고른다.

일곱째, 브라우저에서갤러리를확인한다.

OK를 클릭하면 포토샵은 웹 갤러리를 재생하고 웹 갤러리를 위한

HTML 파일과 JPEG를 destination 폴더에 올려 놓을 것이다. 이제

웹갤러리가완성되었다.

해외동향

90년대 중반에 이미 미국 등 선진국에서는 전자책사업을 위한 투자 및 개발이 시작되었다. 98년 10월에는 전자책 전용단말기가 등장하여

각종전자책컨텐츠, eBook 솔루션,단말기산업이본격적으로시작되었고대형온라인/오프라인서점과소프트웨어업체가컨소시엄을이

루어 시장선점에 불을 붙이기 시작했다. 99년 10월 MS사가 반스앤노블사와 공동으로 전자책 시스템을 시범적으로 개발하기 시작하였고

연이어Adobe사와도공동으로전자책시스템을구축/시판하고있다.

이러한 대표적인 전자책 솔루션을 보유하고 있는 MS사는“MS Reader”라는 전용 전자책뷰어와 MS DAS라는 DRM솔루션을 가지고 시장

공략을하고있다. 오랫동안전자문서파일표준으로자리를잡고있는PDF의관련제품을개발/공급하고있는 Adobe사는 2000년8월전

문전자책솔루션업체인“GlassBook”사를전격적으로인수하면서기존에보유하고있는DRM 솔루션인“PDF Merchant”기능을포함한확

장된 DRM/유통판매시스템인 Adobe Content Server 2.0, Adobe Library Server를 개발하였다. 또한 PDF전용 전자책 뷰어인 Adobe eBook

Reader 2.0을올초에발표하는등전자책솔루션공급에발빠른움직임을보이고있다.

한편단말기의가독성(Readability)을높이기위해MS사는“ClearType”을개발하였고Adobe사는“CoolType”이라는기술을개발하여더많

은 PC/단말기, 다양한 폰트(Postscript 등)를 지원하기 위한 경쟁도 치열해지고 있다. 그러나 미국에서도 역시“표준화 부재”라는 공통점을

가지고있다.

이러한 표준화 문제를 해결하기 위해 미국에서는 전자책 표준형식과 유통을 위해 1998년에“Open E-Book Forum”을 설립하고

HTML,XML기반의 출판규약을 제정하였으며, 한편으로는 EBX(Electronic Book eXchange)라는 또다른 워킹그룹이 결성되면서 상호 보완

적인요소에대하여통합협의가이루어져곧OEB와EBX그룹이하나로통합될전망이다.

국내전자책관련업계현황

국내 전자책시장은 90년대초에 PC통신을 통해 소설이나 환타무협지를 받아 읽는 것으로 시작되었다. 그러나 본격적으로 인터넷을 통한

전자책사업은아직도본궤도에들어서지못하고있는실정이다. 최근에인터넷기업이활성화되면서전자책관련Portal Service를준비하

글 / 이구민 차장([email protected])

㈜이지솔루션인터넷사업부

E-book Focus

53


전전자자책책의의국국내내외외기기술술및및시시장장동동향향전전자자책책의의국국내내외외기기술술및및시시장장동동향향


고 있는 업체가 급속히 생겨나기 시작했고, 전용단말기 개발/제작도 활발해져 전자책 시장 활성화에 많은 기여를 하고 있다. 인터넷을 통

해 전자책을 서비스하고 있는 업체로는 김영사 등 약100여 개의 출판사 및 다수의 작가가 공동출자하여 도서전자상거래 및 전자책서비스

사업을위해출범한북토피아, 민음사등8개업체가모여서만든에버북닷컴, 창작과비평사등30여개출판사가모여서만든와이즈북사

가있다. 이들은모두기존의종이서적을다루던출판사가전자책사업을위해콘소시움형태로만든회사들이다.

이외에 솔루션 공급을 전문으로하는 회사도 본격적으로 생겨나기 시작했다. XML을 전문적으로 공급하는 한국전자북,이키온 등이 있고,

Adobe의PDF eBook 솔루션을공급하는이지솔루션과PDF파일을이용한전자책솔루션을지원하는A4미디어사등이있다.

<표-1> 참조

■국내e-book 관련업체

업종 업체명 URL 비고

eBook서점 규장&책마을 www.kbook.com

드림북 www.dreambook.co.kr

미지로 www.mijiro.co.kr

바로북닷컴 www.barobook.com

반디북 www.bandibook.com

북앤조이 www.booknjoy.net

북토피아 www.booktopia.com

조은커뮤니티 www.novel21.com

와우북 www.wowbook.com

와이즈북 www.wisebook.com

에버북닷컴 www.everbook.com

예스24 www.yes24.com

워드씨피엘 www.dynafolio.com

이지솔루션 www.easypublisher.net eBook ASP 지원

인포이북 www.infoebook.co.kr

톨스토이 www.tolstoe.com

퍼블리싱21 www.publishing21.com

한국전자북 www.hiebook.com

바로북닷컴 www.barobook.com 바로북2000

솔루션 와이즈북 www.wisebook.com 와이즈뷰어

에이포미디어 www.onbook.co.kr 디지털페이퍼2000

이북솔루션스 www.ebooksolutions.com 참북솔루션


*분야별가나다순

또한국내에서도전자책에관련한컨소시엄이구성되어많은전자책관련업체및정부기관들이참여하여활동을하고있다.

•EBK : 전자책의본격적인시장활성화를도모하기위한출판계, 솔루션·단말기업체, 서비스업체등이망라된민간중심의한국전자

책컨소시엄(EBK)이 200년 9월 7일 창립총회를 개최하고 공식 출범했다. EBK 조직운영은 개별 회원사가 참여하는 표준화, 저작권,

단말기개발 등 전문 워킹그룹 성격의 분과위원회를 매개로 한 이사회 의결 구조가 중심이다. 기본 사업으로 전자책과 관련된 정보제

공및조사연구, 표준화, 저작권보호및표준계약서제정, 각종시범사업추진등이확정되어활동중에있다.

•KEBIA : 2000년 11월 한국 e-Book산업협의회(KEBIA)가 e-Book산업 활성화를 위한 사업과 정책 마련, 관련 사업자 자율적 협의

및 조정기능 수행, 사업자간 공정경쟁 환경조성 및 상호협력 도모, e-Book 관련 기술 표준화 개발, 국제협력 등을 통하여 e-

Book산업기반조성및산업발전을위해설립되어활동중에있다.

* 참고문헌*

“International E-Book Forum”지2000

업종 업체명 URL 비고

이북스 www.ebookss.com

이지솔루션 www.easysolution.co.kr Adobe Content Server

한국전자북 www.hiebook.com X-Builder 1.0

드림인테크 www.dreamintech.com e-세이퍼

보안& DRM 디지캡 www.digicaps.co.kr

마크애니 www.markany.co.kr 워터마킹

메타라이츠 www.metarights.com DRM, DOI

실트로닉 www.sealtronic.com 실트로닉ESS

엔피아시스템즈 www.enpia.co.kr DOI, INDECS

이지솔루션 www.easysolution.co.kr Adobe PDF Merchant

파수닷컴 www.fasoo.com 파수DRM

이지엠닷컴 www.easym.com

단말기 이키온 www.echyon.com

한국전자북 www.hiebook.com

NNaannddoo CCoossttaa

Gallery

56


본본내내용용은은그그래래픽픽디디자자인인99월월호호에에서서발발췌췌하하였였습습니니다다..

디자인을통해삶을즐기는자유주의자

NNaannddoo CCoossttaa

Nando Costa브라질출생현아틀란타프리랜서그래픽디자이너전브라질Sphaera 디자이너전뉴욕 Artemis 디자이너[email protected]

포토샵으로작업한<org Project> 시리즈

자이너의 작품들은 디자이너의 생각과 사상을 반영한다. 브라질에서 태어나 미국에서 활동하고 있는 프리랜서 그래픽 디자이너

Nando Costa. 그의삶은자유로움과여유로가득차있다. 어찌보면디자이너가되기좋은환경에서태어나일찍부터재능을인정

받고좋아하는일을하고있기때문에묻어나는자유와여유일지도모른다. 그가생각하는삶은아름답다. 산다는것자체가즐거우며스스

로 행복해지려고 노력한다는 Nando Costa. 그가 생각하는 좋은 디자인은 음식의 맛과 같다고 한다. 개인의 취향에 따라 맛있을 수도 있고

반대로맛이없을수도있다는것이다. 그래서그는사람들이자신의작품을좋아하는지안좋아하는지신경쓰지않는다고한다. 단지디자

인작업자체가즐거우며그것이그의삶이라고생각하기때문이다.

디자인을할수밖에없었다

Nando Costa가디자이너가된이유는아주간단하다. 그럴수밖에없었기때문이다. 브라질의리오데자네이로에서태어난그는디자이너

가되어야겠다고특별히생각한적은없었다. 그의어머니는조각가, 위로두형들역시현재그래픽디자이너와카피라이터이다. 집안사람

들의대부분이예술이나디자인분야에서일을하고있다. 그런집안분위기의영향때문인지어린시절부터뭔가그리고만드는창조적인

작업을좋아했다고한다. 그런그가디자인분야와직접적으로인연을맺은것은고등학교재학시절이다. 고등학교시절한디자인공모전

에출품하여상을탄후부터재능을인정받아디자인회사들의컨택을받았다. 그후본격적인디자인작업활동에들어가게되었고디자인


디

포토샵으로작업한<org Project> 시리즈

작품명

<possessed>

플래시작업의<My favorite Flower>음반자켓디자인

의 즐거움을 느낄 수 있었다고 한다. 그 후 진학은

자연스레 아트스쿨과 디자인 전공을 선택할 수밖

에 없었다. 지금도 그가 만나는 대다수의 사람들이

예술 분야에 종사하고 있어 다른 분야의 일을 생각

해본적도없다.

이탈리아냐미국이냐

그는 미국 아틀란타에서 프리랜서 그래픽 디자이

너로 각종 프로젝트 디자인을 담당하고 있다. 현재

Iconologic란 회사의 프로모션 프로젝트를 진행하

고 있다. 때때로 음악을 하는 친구들이나 뮤직아티

스트의음반작업을함께진행하기도한다. 특히그

는각종음반작업들을좋아한다고한다. 그가미국

으로 가게 된 이유는 좀 특이하다. 브라질에 있을

때그는Sphaera 디자인회사에서2년반동안디자

이너로 근무했고 좀더 새로운 것을 찾기 위해 브라

질을 떠날 결심을 하게 된다. 그리고 결정한 곳은

이탈리아. 그러나그는이탈리아로갈수없었다. 이미회사에서그가브라질을떠나려는사실을알고미국의아틀란타에서일할수있도록

조치를 취해 놓았던 것이다. 그래서 그는 아틀란타에 있는 Artemis에서 1년 동안 일하게 된다. 그 후 뉴욕에 있는 디자인 회사로부터 함께

일하자는제안을받고뉴욕으로떠나Wddg로옮겼다. 그는뉴욕에서 여러가지좋은경험을했으며일생에서가장좋았던시절이라고생

각한다. 뉴욕에서의생활은다양하고훌륭한사람들을많이만날수있었기때문이다. 그후Nando Costa는좀더자유로운작업을위해아

틀란타로옮겨프리랜서로일하고있다.

특별한것은아무것도없다

그에게 작업에 관한 질문을 했을 때 특별한 대답을 얻겠다는 생각은 일찍부터 버려야 한다. 그가 영감을 얻는 방법에서부터 사용하는 툴,

작업할때의버릇등은아주일상적이고평범하다. 엄청나게프로그램을잘다룬다거나남들이따라할수없는특별한작업방식이있다거

나하지않는다. 단지보통의디자이너들과마찬가지로어도비툴인일러스트레이터, 포토샵, 프리미어등을사용하고최근웹작업을위해

플래시를 가끔 사용하는 정도이다. 때때로 3D 맥스를 사용할 때도 있지만 썩 잘 하지는 못한다고 한다. 그에게 특별한 작업시의 버릇은 없

다. 다만 한가지, 하나의 프로젝트를 위해 5가지 정도의 작품을 함께 제작한다. 그것이 그가 재미있게 작업할 수 있는 비결이라고 한다. 완

성도높은하나의작품을위해머리를싸매고고민하는것이아니라이것저것다양하게만들어본다는것이다. 그의작업에있어서특별한

룰은없다. 단지이것저것많이만들어보는것에서즐거움을얻는다.


MTV브라질의비디오프리뷰중하나


디자인작업을통해행복해진다

많은 작가들은 그들의 작품을 통해 무언가 이야기하기 위해 커뮤니

케이션을 시도한다. 그러나 그에게 작품을 통해 어떤 이야기를 하려

고 하냐고 조심스레 물어보았을 때 그는 아무렇지도 않게 어떤 것도

말하려고 노력하지 않는다고 말해버린다. 그는 자신의 작품은 지극

히 개인적이라고 생각한다. 그렇기 때문에 사람들이 자신의 작품을

좋아하는지 안 하는지 별로 신경쓰지 않는다. 좋은 디자인은 음식의

맛과 같아서 개개인의 취향에 따라 생각하는 것이 틀려진다고 보기

때문이다. 자신은 자신이 만족할 수 있는 작품을 만들어내고 스스로

행복해하는 것에 만족한다. 한가할 때는 공원을 산책하기도 하고 파

티에 참석하기도 한다. 많은 사람들을 만나고 그들과 이야기하는 것

은아주즐거운일이라고여긴다. 그에게특별한꿈은없다. 지금처럼

디자인을삶의일부라고느끼고자유로운작업과여유로운마음으로

삶을즐기는것이Nando Costa의살아가는방식이다. 목표를가지고

열심히 노력하는 디자이너들이 있는 반면 현재의 삶을 즐기고 행복

을 느끼며 충실히 살아가는 Nando Costa와 같은 디자이너도 있다는

것을한번쯤생각해보아야겠다.

Iconologic의비디오프로모션을위한포스터

Iconologic 작업중일부작품.

음반자켓디자인

어도비토요무료교육프로그램

어도비에서 매주 토요일 오후 2시~6시까지 전 과목 정원 20명으로 중앙 컴퓨터아트학원 강남 분원과 이대 분원에서 어도비 제품 교육을

희망하는모든분들에게1:1 컴퓨터실습교육의기회를드립니다.

교육참가시별도의준비물은없으며모든과목의교재는무료로나누어드립니다.

◈시간& 장소: 11월10일/17일/24일토요일오후2시~6시(이대분원)

: 11월24일/ 토요일오후2시~6시(강남분원)

◈강사: LiveMotin1.0 (강선숙) / GoLive5.0 (박지환) / Acrobat5.0K(강진규)- 이대분원/ LiveMotion1.0 (진미옥) - 강남분원(현재중

앙컴퓨터아트학원강사/ ACE 자격증준비과정전임강사

◈교육일정, 내용및장소: 날짜와장소를반드시확인하신후등록을부탁드립니다.

중앙컴퓨터아트학원이대분원

CalendarCallendar

60


11월10일/24일

오후2시~6시

LiveMotion1.0

(강선숙강사)

1. 라이브모션작업환경전체설명

2. 각종툴과팔레트구성

3. 타임라인구성/ 심볼작업

4. 각속성별애니메이션적용/ 알파투명도조절

5. Time Independent 작업

6. 롤오버버튼작업

7. 알리아스오브젝트, 마스크애니메이션, 텍스트애니메이션

8. 비트맵/ 버튼이미지작업

초급~중급

Calendar

일시 제품 교육내용 참고


9. 일러스트레이터와포토샵레이어를가진오브젝트불러들이기

10. 액션설정작업

11. Export 팔레트

초급~중급

11월10일/17일

오후2시~6시

GoLive5.0

(박지환강사)

1. 고라이브5.0 설치및사용환경

- 시스템요구사항(MAC /PC)

- QuickTime

- 한글사용환경설정

2. 고라이브5.0 전체인터페이스

- 툴/ 팔레트/ 편집윈도우

3. 고라이브5.0의새로운기능들

- 레이아웃그리드와정렬

- 스마트오브젝트

- 포토샵이미지활용

- 향상된테이블편집기능

4. 고라이브5.0으로만드는홈페이지

- 간단한홈페이지제작하고웹서버에업로드하기

초급~중급

11월10일/17일

오후2시~6시

Acrobat 5.0K

(강진규강사)

1. PDF의필요성및활용분야

2. Acrobat 5.0K소개

: 달라진interface

3. PDF 문서만들기

: Acrobat Writer와Distiller 활용법

4. Acrobat Tool 활용

5. 전자Form 문서

6. 문서의보안기능

7. 디지털서명

초급~중급



중앙컴퓨터아트학원강남분원

11월17일/24일

오후2시~6시

LiveMotion1.0

(진미옥강사)

12. 라이브모션작업환경전체설명

13. 각종툴과팔레트구성

14. 타임라인구성/ 심볼작업

15. 각속성별애니메이션적용/ 알파투명도조절

16. Time Independent 작업

17. 롤오버버튼작업

18. 알리아스오브젝트, 마스크애니메이션, 텍스트애니메이션

19. 비트맵/ 버튼이미지작업

20. 일러스트레이터와포토샵레이어를가진오브젝트불러들이기

21. 액션설정작업

22. Export 팔레트

초급~중급


어도비 토요무료교육 프로그램에 대한 문의 사항은 전화 559.0314 (한국어도비시스템즈 마케팅부) , 563-2555 (어도비 고객지원센타)로

연락하시기바랍니다.

기타자세한등록안내는www.wits.co.kr이나전화515.1933으로하시기바랍니다.

Adobe Acrobat Seminar

Adobe Acrobat 5.0은사업계획서, 스프레드시트, 또는그래픽이풍부한브로셔, 그리고웹사이트등을원본그대로Adobe PDF 파일로변

환시켜줍니다. Adobe PDF를팀원들과같은브라우저내에서공유하면서문서를열고결제하며주석을추가할수있습니다. 또한, Adobe

PDF 파일은프린터, 온라인에상관없이레이아웃, 포맷,그리고원본이미지들을의도한대로정확히볼수있게합니다.

11월 6,7,8,9일 진행될 Acrobat Road Tour Seminar 에서는 문서 공유의 전세계 표준인 Adobe Acrobat 5.0의 다양한 기능 소개, 제품 시

연및타기업의실제구축사례와그에따른이점을직접확인하실수있습니다. 관심있는분들의많은참석부탁드립니다.


▶일시및장소

◈ 창원: 11월6일(화) 오후2시~5시, 창원인터내셔날호텔그랜드볼룸(5층)

◈ 부산: 11월7일(수) 오후2시~5시, 부산롯데호텔에메랄드룸(2층)

◈ 대구: 11월8일(목) 오후2시~5시, 대구전시컨벤션센터409호

◈ 대전: 11월9일(금) 오후2시~5시, 사학연금둔산회관2층강당

▶행사일정

▶참가등록및안내

◈ 창원: 성화I&T, 김태균팀장(051-583-2245)

◈ 부산: 두전네트, 안승일차장(051-890-8500)

◈ 대구: 로직스정보, 심상미대리(053-384-5412)

◈ 대전: 한국소프트중심, 이석인부장(042-525-2002)

13:30 행사장오픈및접수

14:00~14:10 인사말(각지방대리점사장)

14:10 ~ 14:50 Adobe Acrobat 5.0 소개(Adobe 김형진과장, 강진호대리)

14:50 ~ 15:30 Cardiff TeleForm을이용한Acrobat eForm 구축(한빛소프트)

15:30 ~ 15:40 Break Time

15:40 ~ 16:20 Adobe PDF를이용한전자도서관구축사례(JPD 인터넷)

16:20 ~ 17:00 Adobe PDF를이용한EDMS/KMS 구축사례(한글과컴퓨터/유니닥스)

17:00 ~ 17:10 Q&A 및경품추첨

Illustrator

PDF포맷으로만들어진AutoCAD도면을, Acorbat5.0과Illustrator 9.0을이용하여, AutoCAD R14의.DWG포맷으로바꾸고싶습니다.

아래방법대로해봅니다.

1. Acrobat 5.0의Save As에서파일포맷을EPS(Encapsulated PostScript)형식으로지정한후저장합니다.

QQ&&AA어도비고객지원센터

Q&A

64

Q


QQ&&AA

A

2. Illustartor 9.0의Open으로위의변환된EPS파일을Open합니다.

3. Illustrator 9.0의Save As메뉴의파일형식을.DWG로지정한후, [저장]버튼을누르면, AutoCAD 의아래그림과같은대화창이나옵니다.

다음과같이지정해줍니다.


4. 저장된DWG파일을다시AutoCAD R14에서open하였습니다.

* PDF파일을Acrobat 5.0에서EPS파일로저장한후, 일러스트레이트9.0에서.DWG 파일포맷으로다시저장하였습니다.

* PDF파일이원본CAD파일의정보가변형되지않은정확한PDF파일이어야합니다.

* 이미PDF포맷으로도면이인쇄변환된상태라서, CAD의3차원좌표, 객체등의정보는누락되어있습니다.

* Windows기본글꼴이아닌PDF편집기에서text입력한사용자설치서체글꼴은원래대로변환되지않습니다.

* PDF 파일에서도면이그림, 비트맵이라면, 펜선굵기, 색깔등CAD 의정보가없습니다.

* PDF원본의도면사이즈, 라인타입등을, DWG 변환후에재지정해야합니다.

Photoshop Elements

파일> photomerge 명령을실행하면“Could not complete the Photomerge command because there is not enough memory (RAM).”

이라는에러메시지가나타납니다.

포토머지의“이미지크기축소”항목의퍼센트를낮추어줍니다.

1. 파일> photomerge 명령을실행합니다.


Q

A

2. 추가버튼을클릭해서불러올파일들을선택합니다.

3 이미지크기축소항목의퍼센트를50%에서25%로낮추어줍니다.

4. OK를클릭합니다.

포토샵엘리먼트에더많은메모리를할당합니다.

1. 편집>환경설정>메모리와이미지캐쉬에서메모리사이즈를50%에서60%나그이상으로높게잡아줍니다.

2. OK를클릭하고포토샵엘리먼트를재시작합니다.

Acrobat

Acrobat 4/5.0, AcrobatReader 4/5.0을 다운로드받아 설치하였는데, pdf 파일을 열면‘couldn’t find Acrobat External Window

handler’라는메세지가뜨면서기능을못합니다. 리더를몇번재저장/실행해도마찬가지입니다.

아래방법대로해봅니다.

1-1. External Windows Handler(ewh32.api)파일이빠져있을경우메시지가나타나므로 아크로벳또는아크로벳리더를재설치합니다.


Q

A


1-2. ewh32.api 플러그인폴더에있는데기본경로는아래와같습니다.

- (Acrobat) Program Files/Adobe/Acrobat [version]/Acrobat

- (Acrobat Reader) Program Files/Adobe/Acrobat [version]/Reader

2-1. 아크로벳또는아크로벳리더는구동합니다.

2-2. 편집> 기본설정> 일반항목을선택합니다.

2-3. 기본설정대화상자에서옵션선택, 우측의웹브라우저옵션에서‘브라우저에PDF표시’체크를없애줍니다.

2-4. 확인버튼을눌러줍니다.

5.0에선웹캡처시한글이지원된다고하는데아크로벳5.0을설치해도한글이깨집니다.

아크로벳 5.0에선 웹 캡처 플러그인이 추가 되었습니다. 이 플러그인은 아크로벳 5.0 교육용, 번들용 그리고 영문 버전엔 포함 되지

않고일반상업용인한글버전5.0에만포함이되어있으므로이점참고하시기바랍니다. 플러그인설치후설정에대해알아보도록

하겠습니다.

1. Acrobat 5.0 CD 안에WebCapture2CK라는폴더를선택합니다.

2. Setup.exe를실행해설치완료합니다.

3. 아크로벳5.0을구동합니다.

4. 파일> 웹페이지를선택해url주소를입력합니다.

5. 화면에한글이깨진홈페이지의내용들이보입니다.

Q

A


6. 메뉴바에플러그인이라는메뉴가새로생성된것을확인할수있습니다.

7. 플러그인을선택> WebCapture2CK선택하면대화상자가뜹니다.

8. Korean을선택하면화면상에깨져보이던한글글꼴들이제대로보여집니다.

Web Publishing Solution : Adobe Photoshop / Adobe Illustrator / Adobe GoLive / Adobe Live Motion

ePaper Solution : Adobe Acrobat / Adobe Acrobat Capture

Professional Printing Solution : Adobe Photoshop / Adobe Illustrator / Adobe InDesign / Adobe PageMaker/ Adobe Streamline / Adobe

Dimension

Dynamic Media Solution : Adobe Premiere / Adobe After Effects

Digital Imaging Solution : Adobe Photoshop / Adobe Photoshop LE / Adobe PhotoDeluxe / Photoshop Elements

Adobe Acrobat 5.0 (Win 95/98, Win NT 4.0, Power Mac)

Adobe Acrobat Capture 3.0 (Win 95/98, Win NT 3.51 이상)

Adobe After Effects 4.1 (Win 95, Win NT, Power Mac)

Adobe Dimensions 3.0 (Win 95, Win NT 4.0, Power Mac)

Adobe Font Folio 8.0 (Win, Mac)

Adobe FrameMaker 6.0 (Win 95/98, Win NT 4.0, Mac, Power Mac, SUN OS, 솔라리스, HP-UX, SGI, IRIX, IBM, AIX)

Adobe FrameMaker + SGML 6.0 (Win 95/98, Win NT 4.0, Mac, Power Mac, SUN OS, 솔라리스, HP-UX, SGI, IRIX, IBM, AIX)

Adobe GoLive 5.0(Win98, Win NT 4.0 이상, Power Mac)

Adobe Illustrator 9.0 (Win 95/98, Win NT 4.0, Power Mac)

Adobe InDesign 1.5 (Win 98 이상, Win NT 4.0 이상, Power Mac)

Adobe PageMaker 6.5 Plus (Win 95/98, Win NT 4.0 이상, Power Mac)

Adobe PhotoDeluxe 2.0 for Macintosh (Power Mac)

Adobe PhotoDeluxe Home Edition for Windows (Win 95/98)

70


A. 제품 라인업

제품소개및서비스센터

Product & SSeerrvviicceeProduct & SSeerrvviiccee

Adobe PhotoDeluxe Business Edition (Win 95/98, Win NT 4.0)

Adobe Photoshop 6.0 (Win 95/98, Win NT 4.0 이상, Power Mac)

Adobe Photoshop Limited Edition (Win 95 이상, Win NT 4.0 이상, Power Mac)

Adobe Premiere 6.0 (Win 95/98, Win NT 4.0 이상, Power Mac)

Adobe PressReady (Win 95/98, Win NT 4.0 이상, Power Mac)

Adobe Streamline 4.0 (Win 95, Win NT 4.0 이상, Power Mac)

Adobe Type Manager Deluxe 4.5 Mac (Win 95, Win NT 4.0 이상, Power Mac)

어도비Premium VAR

고려아이엔티 02. 563.1666(서울)

성암아이엔티 02. 792.9404(서울)

아이티센커뮤니케이션 02. 786.8100 (서울)

053. 745.0550(대구)

(주) 트라이콤 02. 587. 3884(서울)

한빛소프트 02. 3284. 3100(서울) www.hanbitsoft.co.kr

다이나믹미디어 02. 522. 4428(서울) www.dynamicmedia.co.kr

051. 819. 6064(부산)

월드S&C 02. 3465. 1381(서울)

두전네트(주) 051. 852.8555(부산)

민커뮤니케이션 053. 745. 6257(대구) www.mincoms.co.kr

어도비공인대리점

건한시스템 02. 542. 0586(서울,본사) 02. 711. 4801(소프트)

렉스소프트(E4YU.com) 02. 701. 7081(서울) www.e4yu.com

멀티아이엔시 02. 704. 0065(서울)71 Adobe e-magazineNovember 2001

B. 제품 구입처

비쥬얼네트 02. 523. 5123(서울)

소프트나래 02. 702. 2236(서울)

소프트리더 02. 711. 2460(서울)

소프트랜드 02. 704. 7337(서울) www.softland.co.kr

에스엠에스피코리아 02.711.4008(서울)

예스소프트 02.711.3380(서울)

이십일세기소프트 02.714.3686(서울)

중앙정보처리(주) 02. 313. 8600(서울) www.isnet.co.kr

CDS정보통신 033. 257. 3001(춘천) www.colsinfor.co.kr

시와과학 042. 482. 1231(대전) www.siwa.co.kr

NKC 042.670.7291(대전)

유한회사광주한컴 062.350.8931(광주)

대구한컴 053.768.2547(대구)

로직스정보통신 053.783.9119(대구)

성원정보통신 051.508.9741(부산)

노스데이타 052. 275. 0077(울산) www.elex.co.kr

한국전산 055. 246. 2790(마산) www.software080.com

어도비웹제품전문취급점

서울 보람테크놀로지 02. 874. 7600 www.boraam.co.kr

건캐드(코스팩정보) 02. 584. 6480 www.cospec.co.kr

굿모닝소프트 02. 702. 4747 www.good-soft.co.kr

글로벌소프트 02. 3465. 2097

넷플로우 02. 561. 3156

동비컴네트 02. 3273. 4196

디지털웨어 02. 705. 0550

라인소프트 02. 3473. 2700

러브리컴퓨터 02. 704. 9364 www.lovelycom.co.kr

매트로네트웍 02. 3272. 1258 www.macro-net.co.kr 72 Adobe e-magazineNovember 2001

멀티디지탈닷컴 02. 704. 5357

멀티타운 02. 564. 0608 www.multitown.co.kr

바이소프트 02. 5383. 112

벽산정보통신주식회사 02. 2279. 0201

비츠코리아 02. 337. 1333 www.bitzkorea.com

소프텍월드 02. 718. 2369

소프트윈코리아 02. 558. 3114 www.softwin.co.kr

소프트정보서비스(주) 02. 716. 1915

스카이정보기술 02. 707. 0921

신라소프텍 02. 716. 2178

아이뱅크㈜_ 02. 3477. 7070

에이스소프트 02. 719. 4910 www.ace-soft.co.kr

예쓰월드 02. 3444. 4407 www.yessdata.com

윈엔웰 02. 719. 0681 www.winandwell.co.kr

인벤트정보(주) 02.412.0700 www.invent.co.kr

인터정보 02. 557. 4422 www.interjungbo.com

흑자정보시스템 02. 3452. 9761

진컴㈜ 02. 701. 7030

테크데이타 02. 3477. 1300 www.techdata.co.kr

테크소프트 02. 3274. 0056 www.techsw.co.kr

하이파이브 02. 539. 1787 www.softshoppingmall.com

한국인프라 02. 3461. 2411 www.krinfra.co.kr

한빛아트㈜ 02. 2273. 6961/2

한주c&S 02. 706. 4255 www.hanjucs.co.kr

화이어스톤 02. 571. 7115

e소프트 02. 598.1916

나라정보시스템 02. 704. 5877 www.narainform.co.kr

소프트2000 02. 3465. 2331 www.softmarket.co.kr

이드넷 02. 754. 5265

인터소프트정보 02. 719. 0078 www.isoft21.co.kr 73 Adobe e-magazine

November 2001

아이비맥링크 02. 875. 2412

인천정진시스템 032. 465. 8833

광주서남인포컴 062. 523. 0930 www.seonam.co.kr

영남데이타시스템 053. 257. 2700

큐에이시스템 053. 426. 1165 www.qasystem.co.kr

대전네오윈(주) 042. 525. 2002

포스텍 042. 862. 8989

렉스소프트㈜대전 042. 488. 4580 www.tje4yu.com

부산석영정보기술 051. 517. 1568 www.syac.co.kr

성원정보통신 051. 508. 9741 www.e-sungwon.co.kr

전주정한시스템 063. 226. 7200 www.jeonghan.co.kr

한누리컴퓨터 063. 285. 0250 www.hannuri.net

제주커넬인포텍 064. 721. 4535 www.kernelinfo.com

천안선경씨엔씨 041. 552. 3535 www.skcnc.com

청주시그마정보기술 043. 274. 8370 www.sit21.com

한국어도비 업그레이드 센터는 어도비 업그레이드 제품 만을 전문으로 판매하고 있는 인터넷 쇼핑몰입니다. 다양한 업그레이드 옵션으로 저렴한 가격에 정

품어도비제품을구입하실수있습니다.

어도비 정품 사용자뿐만 아니라 경쟁사 제품도 어도비 제품으로 업그레이드가 가능합니다. 또한 윈도우와 맥버전 상호간 업그레이드와 하드웨어 구입시 번

들로들어온어도비제품도업그레이드하실수있습니다.

단한가지의어도비정품제품을사용하시더라도, 모든어도비제품을업그레이드가격에구입하실수있습니다.

장소및연락처: 서울시강남구삼성동153-3 예림빌딩2층 ☎02-563-7114 인터넷(www.adobeupgrade.co.kr)


C. 어도비 업그레이드 센터

어도비 제품을 사용하시다가 궁금한 점이 있으시면 바로 어도비 고객지원센터로 전화주십시오. 친절한 상담으로 제품 사용의 모든 문제점을 해결해 드립니

다. 또한제품정보와가격, 구입처등어도비에대한모든궁금증을해결해드리겠습니다.

어도비고객지원센터의전화서비스는어도비의정품을구매하신모든고객분들에게제공되며, 또한한국어도비시스템즈가주최하는각종행사에우선적으

로초대됩니다.

이용방법 ☎02-563-2555 / Fax : 02-563-8262

운영시간 월요일~금요일(오전9시부터오후6시)

서울

중앙컴퓨터아트스쿨이대: 712-1311 중앙컴퓨터아트스쿨영등포: 2636-5031 중앙컴퓨터아트스쿨강남: 501-6110

중앙컴퓨터아트스쿨종로: 743-1311 중앙컴퓨터아트스쿨혜화: 3675-1811 삼육대학교어도비/애플교육센터: 3399-1206

테크데이타컨설팅: 3453-1231

대전

중앙컴퓨터아트스쿨: 527-1311

부산

동서대학교정보교육원: 320-1251 동명정보대학교정보기술원: 629-7201 중앙컴퓨터아트스쿨: 469-1611

광주

호남대학교정보기술원: 940-5700


E. 어도비 교육 센터

D. 어도비 고객 지원 센터

정품등록및구입문의고객지원센터(02-563-2555)

한국어도비시스템즈•강남구삼성동170-9 덕명빌딩14층•TEL:(02)559-0300 •http://www.adobe.co.kr •어도비 업그레이드센터(02)563-7114▶프리미엄 바 ●고려아이엔티 02)563-1666 ●두전네트㈜ 부산051)852-8555 ●민커뮤니케이션 대구053)745-6257 ●성암아이엔티 02)792-9404 ●아이티센커뮤니케이션 02)786-8100/대구053)745-0550 ●㈜트라이콤 02)587-3884 ●한빛소프트 02)3284-3100

■다이나믹미디어 02)522-4428/부산 051)819-6064 ■World S&C 02)3465-1381 ▶공인대리점 ■서울 ●건한시스템 542-0586 ●렉스소프트(E4YU.com) 701-7081 ●멀티아이엔시 704-0065 ●비쥬얼네트 523-5123 ●소프트나래 702-2236 ●소프트랜드 704-7337 ●에스엠에스피코리아 711-4008 ●예스소프트 711-3380 ●이십일세기소프트 714-3686 ●중앙정보처리㈜ 313-8600 ■부산 ●성원정보통신 508-9741 ■대구 ●한컴 768-2547 ●로직스정보통신 783-9119 ■대전 ●시와과학 482-1231 ●NKC 670-7291 ■광주 ●유한회사 광주한컴 350-8931 ■울산 ●노스데이타 275-0077 ■마산 ●한국전산 246-2790 ■춘천 ●CDS정보통신 257-3001Adobe, the Adobe logo, Clearly Adobe Imaging, the Clearly Adobe Imaging logo, Acrobat and Reader are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.

물론 아닙니다.

신뢰할 수 있는 문서공유를 가능케 하는 Adobe Acrobat 5.0그냥 자리에 앉아계셔도 됩니다. Adobe

Ⓡ

AcrobatⓇ

5.0을 사용하면 사내외의 문서배포를 한층 손쉽게 할 수 있습니다. Adobe Acrobat 5.0은문서를 제시간에 여러분이 의도한 그대로 보낼 수 있습니다. 전세계적으로 사용되는 Adobe PDF 포맷으로 변환하여 이메일이나 온라인으로보내면, 이미 백만명 이상이 사용하고 있는 Adobe Acrobat Reader

TM를 가지고 하드웨어나 O/S에 관계없이 문서를 열고 인쇄할 수 있습니다.

Adobe Acrobat 5.0에는 전자서명 기능이 포함되어 보다 효율적으로 중요문서를 결재하고 승인할 수 있습니다.

자, 이제 종이봉투 대신 Adobe Acrobat으로 확인해 보십시오. www.korea.adobe.com/products/acrobat

emagazine11 (page 1)info desk 어도비, 새로운제품발표 한국어도비애프터이펙트...

Documents