eMagazine - Adobe Inc.2001. 03 통권제15호 발행인/ 이흥렬 발행처/...

66..00

Photoshop Expert

여여러러분분도도레레이이어어블블렌렌딩딩의의고고수수가가될될수수있있습습니니다다

Illustrator Expert

일일러러스스트트레레이이터터99..00 --도도구구에에서서달달라라진진것것들들을을살살펴펴보보자자((22))

Web Technique

사사이이트트구구조조및및네네비비게게이이션션설설계계

Motion Center

프프리리미미어어에에서서의의캡캡쳐쳐

Acrobat Center

PPDDFF 문문서서에에북북마마크크설설정정하하기기

GalleryDDaannaa AAttcchhlleeyy

Q & A Advertisement제제품품프프로로모모션션및및책책

Column정정보보의의관관계계를를발발견견하하는는방방법법에에대대하하여여--정정보보의의미미궁궁도도시시를를탈탈출출하하자자

Web Center

라라이이브브모모션션만만져져보보기기

Cover Story

타타이이포포그그래래피피속속의의컬컬러러미미학학

Product & Service

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

5853

2

3825 31

8

64

17

67

46

22

70

51

Contents

22000011.. 0033 통통권권제제1155호호

발발행행인인// 이흥렬

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

tt02 559 0300, ff 02 559 0301, wwwww.adobe.co.kr

기기사사제제공공// 임프레스, 맥마당, 디자인정글, 진솔북스 아아트트디디렉렉터터// 양재원

구구독독문문의의// tt 02 516 4936, [email protected] 기기사사문문의의// tt 02 516 4936, [email protected]

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

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

Info Desk

어어도도비비‘‘포포토토샵샵엘엘리리먼먼트트’’발발표표등등

New Product A to Z

애애프프터터이이펙펙트트플플러러그그인인을을연연동동해해사사용용할할수수있있는는프프리리미미어어

eMagazine

어어도도비비,, ‘‘포포토토샵샵엘엘리리먼먼트트’’발발표표

중중급급사사용용자자들들에에게게저저렴렴하하고고,, 사사용용하하기기쉬쉬운운이이미미지지편편집집기기능능제제공공

도비시스템즈(CEO : 부르스치즌Bruce Chizen)는아마추어사진작가, 사진애호가, 기업사용자들이전문적인고

성능툴들을쉽게이용할수있도록고안된‘어도비포토샵엘리먼트(AdobeⓇPhotoshop

ⓇElements)'를발표했다.

이미지편집솔루션의세계표준인‘어도비포토샵'에기반을둔포토샵엘리먼트는사진캡처와편집을간소화해, 이미

지를손쉽게인쇄하고웹에올릴수있도록해주는것이특징이다.

디지털카메라와스캐너사용이보편화되면서, 사진애호가들은저렴한가격에전문적인이미지편집기능들을손쉽게

사용할수있는제품을기다려왔다. 이에강력한툴, 직관적인인터페이스, 저렴한가격의어도비포토샵엘리먼트는포토

샵기존의강력한기능은물론, 중급사용자들이디지털이미징의필수요소들을마스터하면서각자의독창적인요구를

충족시켜줄수있는기능들을겸비하고있다.

예를들어독특한힌트(Hints) 팔레트는사용자들이정교한포토샵툴과팔레트의이용법을배우는데유용한실례와팁

들을제공하며, 레서피(Recipes) 팔레트는보다복잡한편집테크닉들을대화식으로가르쳐준다.

또한포토샵엘리먼트는기존의기능들을좀더시각적으로보여주고, 경쟁제품들에서는찾아볼수없는유용한기능

들을갖추고있다. 어도비포토머지(AdobeⓇPhotomerge™) 기술은이미지의크기를조정하여여러장의사진들을파노

라마식으로자동배열, 하나의이미지로재구성해준다. 또필터브라우저(Filter Browser)는사용자들이 95가지이상의

특수효과필터들을 스캔한다음, 원하는필터를적용할이미지위에끌어다놓을수있게해준다. 미리보기(Previews)는

필터의효과를사용자들이즉시확인할수있게해줘시행착오에따른시간낭비를최소화한다.

포토샵엘리먼트는이외에도유연성있는이미지캡처와인쇄옵션들을제공한다. 사용자들은디지털카메라, 스틸카

메라, 스캐너에담긴모든이미지들을웹에올리고, 온라인으로인쇄를주문하거나, 또는이를데스크탑프린터로도출력

할수있다. 웹에사진을올릴때는‘웹에저장하기(Save for Web)' 기능과‘웹포토갤러리(Web Photo Gallery)'기능이사

진상태를최적화하는데도움을준다.

IInnffoo DDeesskk

어어

Info Desk

02

02 Adobe e-magazineMarch 2001

전문가수준은아니지만기본적인편집툴이상의기능을필요로하는중급그래픽디자이너들층이빠르게증가하면

서이들은어도비의가장큰고객으로부상하고있다. 포토샵엘리먼트는중급사용자들을위한우수한기능과가용성을

모두제공함으로써, 전문이미지편집소프트웨어선두주자인어도비의명성을재확인시켜줄것으로기대되고있다.

어도비포토샵엘리먼트는영문버전은2001년4월에, 한글버전은7월에출시될예정이다. 비자가격은99 달러이며, 어

도비포토샵LE 와포토디럭스사용자들은69 달러에포토샵엘리먼트를구입할수있다.

어어도도비비,, 어어도도비비애애프프터터이이펙펙트트55..00 발발표표로로33DD 영영역역진진출출

110000여여가가지지이이상상의의새새로로운운전전문문기기능능선선보보여여33DD 제제작작환환경경제제공공,, 빠빠른른애애니니메메이이션션제제작작가가능능케케해해

도비시스템즈(CEO : 부르스치즌Bruce Chizen)는오늘모션그래픽과시각적효과를위한최상의소프트웨어인

어도비애프터이펙트(Adobe After Effects ) 의새버전을발표했다. 어도비애프터이펙트5.0 은 100여가지이상

의새로운툴들과향상된기능을제공하여동영상전문가들이영화, 비디오, 멀티미디어, 웹에서의극도로복잡한동영상

과시각효과를자유롭고창의적으로디자인할수있도록해준다.

어도비애프터이펙트5.0은제작소프트웨어에대한전문가들의요구사항들을최대한반영하여고안되었다. 무엇보

다도3D 제작환경을제공하며, 프로덕션번들(Production Bundle)에벡터페인트툴과16비트컬러지원기능이추가되

었다.

어어도도비비애애프프터터이이펙펙트트55..00 의의주주요요신신기기능능들들

▶패런팅(Parenting) : 계층적인레이어이동지원

▶익스프레션(Expressions) : 레이어들간의활발한관계지원

▶향상된마스킹기능: 콤프(Comp) 윈도우에서마스크그리기, 마스크확대, 마스크에모션블러(Motion Blur) 추가가능

▶매크로미디어플래시(SWF) 아웃풋: 웹사이트용벡터애니메이션제작지원


어어

스스탠탠다다드드버버전전과과프프로로덕덕션션번번들들버버전전

어도비애프터이펙트5.0 소프트웨어는스탠다드버전과프로덕션번들버전두가지로제공된다. 스탠다드버전은

2D와3D 제작과같은동영상전문가들에게필요한핵심도구만을제공하고, 프로덕션번들은스탠다드버전툴의기

능에키입력기능, 고급동작컨트롤, 디스토션툴, 오디오효과, 3D 채널효과, 16 비트컬러, 벡터페인트툴그리고

네트웍렌더링지원까지포함한다.

이외에도, 어도비애프터이펙트5.0는보다효과적이고간소한작업수행을위해세련된인터페이스를제공한다. 또한

어도비포토샵어도비일러스트레이터어도비프리미어와도완벽히통합되어사용될수있기때문에다른동영상 프로

그램들보다월등한수준의효과를거둘수있다.

모션그래픽디자인스튜디오인사이버모션(CyberMotion)의크리스메이어(Chris Meyer)는 애프터이펙트5.0은동영상

제작에새로운지평을열어준획기적인제품이다. 이로써조명과카메라를사용한3D작업을할수있게되었을뿐만아니

라, 이제까지사용해왔던2D 툴들도모두이용할수있게되었다. 익스프레션(Expressions)과패런팅(Parenting) 같은새로

운기능들은전에는시도할수없었던정교하고, 역동적인애니메이션들을단시간에만들수있게해준다고말했다.

어도비애프터이펙트5.0은2001년4월중순부터시판될예정이다. 시중가격은(영문버전기준) 스탠다드버전이110

만원, 프로덕션번들버전이255만원이며, 기존스탠다드버전과프로덕션번들사용자들은각각32만원과 48만원에애

프터이펙트5.0으로업그레이드할수있다.

애프터이펙트5.0 사용자들에게는5가지무료플러그인(Card Dance, Card Wipe, Caustics, Wave World, Foam)이제

공되는데, 이는어도비웹사이트내www.adobe.com/aftereffects 에서등록후다운로드받을수있다.

어어도도비비,, 어어도도비비아아크크로로벳벳이이북북리리더더22..00 및및

어어도도비비컨컨텐텐트트서서버버22..00 발발표표

전전자자책책제제작작,, 보보안안,, 판판매매,, 읽읽기기용용새새소소프프트트웨웨어어솔솔루루션션

도비시스템즈는전자책용신제품어도비아크로벳이북리더2.0 (Adobe Acrobat eBook Reader™ 2.0)과어도비

컨텐트 서버 2.0 (Adobe Content Server™ 2.0)을 발표했다. 이 두 제품은 어도비가 최근 인수한 글래스북

(Glassbook) 제품을업그레이드한것이다. 이로써어도비는출판업계의우수한디지털컨텐트를제공하고소비자들에게

보다사실적인전자책체험을제공한다는목표실현에한층다가설수있게되었다.

어도비의마이클루니(Michael Looney) 전자책담당이사는“전자소설이현재많은인기를끌고있는가운데어도비

는인쇄된종이책에서기대하는것들, 예컨대컬러이미지, 풍부한그래픽, 다양한서체등을거의모두반영한전자책을

가능하게해준다”고말했다.

온라인출판업자, 소매업자, 유통업자등을위한어도비컨텐트서버는사용이간편한일체형시스템이다. 어도비컨텐

트서버의핵심소프트웨어기능을활용하면어도비PDF 기반의전자책을보다쉽게패키징하고, 보호및배포, 판매할

수있다.

루니이사는또“이미어도비PDF로저장된컨텐트를갖고있는많은출판업자들이점증하는전자책시장을활용할준04 Adobe e-magazineMarch 2001

어어

비가되어있다. 어도비컨텐트서버는어도비PDF 기반의파일을활용함으로써변환또는통합에많은비용을들이지않

고도전자책사업환경을구축할수있다”고말했다.

코믹스원의로빈큐오(Robin Kuo) 사장은“우리는어도비의툴을기반으로독특한사내디지털화공정을개발해전자

책을쉽게제작할수있었다. 또한어도비컨텐트서버는파일을변환하는데시간과비용을많이들이지않고도전자책을

작성및판매할수있는매우간편한솔루션이다”라고말했다.

어어도도비비시시스스템템즈즈와와반반즈즈앤앤노노블블,,

어어도도비비PPDDFF 기기반반의의전전자자책책공공급급위위한한제제휴휴체체결결

CCBBSS의의인인기기프프로로그그램램““SSuurrvviivvoorr:: TThhee AAuussttrraalliiaann OOuuttbbaacckk""에에관관한한전전자자책책독독점점공공급급

도비시스템즈와 반즈앤노블 (www.bn.com)은 최근 어도비 아크로벳 이북 리더 2.0 과 다양한 PDF (Portable

Document Format) 기반의전자책을공급한다고발표했다. 반즈앤노블은한정된기간동안미국CBS의인기 TV

프로그램“Survivor: The Australian Outback (호주오지에서펼쳐지는서바이벌게임)"의향후방영분에관한독점타이틀

“Survivor II: The Field Guide”를어도비아크로벳이북리더용으로독점공급하게된다. TV 북스가출판하는이전자책은

시청자들이매주방영되는이프로그램에직접참여할수있게해주는인쇄용스코어카드를비롯해여러가지인터랙티브

컴포넌트를포함하고있다.

향후 반즈앤노블이 공급하게 될 어도비 아크로벳 이북 리더용 전자책 타이틀은 Orpheus Emerged (저자: Jack

Kerouac 출판사: LiveREADS), Evolve! (저자: Rosabeth Moss Kanter 출판사: Harvard Business Press), The Physicians

Desk Reference: The Family guide to Prescription Drugs (출판사: Medical Economics Co. 출판), The Playground (저자:

Ray Bradbury 출판사:RosettaBooks, LLC), Personal Injuries (저자: Scott Turow 출판사:Farrar, Straus & Giroux) 등이다.

어도비가작년에인수한바있는글래스북리더의업그레이드버전인어도비아크로벳이북리더2.0은요리책이나어

린이서적, 대학교재, 여행안내서등그래픽이풍부한전자책을통해독자들이보다사실감있고생생한체험을할수있

게해준다.

반즈앤노블의마이클프래니토(Michael Fragnito) 출판담당부사장은“어도비아크로벳이북리더는그래픽이풍부한

텍스트를가장충실히표현하는기술이라고생각한다. 어도비PDF를사용할경우독자들은종이책과가장흡사한시각적

경험을하면서인터랙티비티를즐길수있으며출판사들은인쇄등보다다양한옵션을활용할수있다”고말했다.

어도비아크로벳이북리더2.0은전문검색, 북마크, 텍스트하이라이트, 주석달기기능등을제공하며사용이간편하

다. 또한어도비아크로벳이북리더는주제, 저자, 타이틀별로전자책을저장및체계화하는특유의맞춤라이브러리를05 Adobe e-magazineMarch 2001

어어

제공한다. PDF 및 EBX (Electronic Book Exchange) 디지털권한관리표준을지원하는아크로벳이북리더는독자들이

인터넷으로전자책을구입할수있게해주는빌트인웹브라우저도자체포함하고있다.

어도비시스템즈의마이크루니(Mike Looney) 전자책담당이사는“소설용전자책타이틀이상당한인기를끌고있는

가운데어린이서적, 요리책, 교재, 회계보고서등다양한디지털컨텐트유형들이나타나고있다. 어도비와반즈앤노블

은미래의전자책이모든형태의컨텐트를온라인으로제공할수있을 것으로예상하고있다. 또한전자책이성공하는데

관건이되는것은독자들에게종이책과가장흡사한경험을제공하고출판사와저자가가장중요하게생각하는문제, 즉

원형유지및보안문제를해결하는것”이라고지적했다.

TV 북스는방송사및독립TV 제작사들과전략적제휴를맺고있는민영출판및디지털컨텐트회사이다. TV 북스의피

터B. 카우프만(Peter B. Kaufman) 사장은“이번Survivor II: The field Guide 전자책공급은현재의전자출판기술과컨텐

트를접목시킨훌륭한모범사례가될것이다. 어도비의새로운아크로벳이북리더는그래픽이풍부한텍스트, 컬러이미

지, 오디오와비디오등을보여줄수있는완벽한플랫폼이다”라고말했다.

영영국국의의미미디디어어그그룹룹텔텔레레그그래래프프,,

어어도도비비솔솔루루션션으으로로출출판판기기능능대대폭폭강강화화

어어도도비비인인디디자자인인과과어어도도비비인인카카피피채채택택// 생생산산성성및및디디자자인인의의현현격격한한향향상상제제공공

도비시스템즈(CEO:부르스치즌Bruce Chizen) 는영국의미디어그룹인텔레그래프(The Telegraph Group Ltd.)가

어도비인디자인(AdobeⓇInDesign) 및어도비인카피(Adobe InCopy™) 소프트웨어를사용해신문을발행할계획

이라고발표했다.

인디자인과인카피에기반을둔DTI (Digital Technology International)의NewsSpeed 5.0 Editorial Publishing 시스템은

6백여명의데일리텔레그래프(The Daily Telegraph) 직원들이사용할예정이며, 이로써생산성및디자인면에서현격한

향상이기대된다.

급박하게돌아가는일간지세계에서무엇보다중요한것은사용이쉽고유연한기술력이다. 그리고독자와광고주의

시선을끌기위한독창적인페이지제작능력또한매우중요하다. 이를위해텔레그래프그룹은디자인과출판에이르는

다양한솔루션평가후, 어도비인디자인및인카피로구성된DTI NewsSpeed 5.0 시스템을채택하게되었다.

텔레그래프그룹의IT디렉터인크리스히쓰(Chris Heath)는“어도비와DTI의출판솔루션은검증된데이터베이스기술

과우수한인쇄및디자인소프트웨어를모두제공한다. 이제텍스트, 그림, 미디어, 광고, 기록자료등제작의모든요소

들을공통인터페이스를통해통합패키지로관리할수있게되어, 우리의편집자와디자이너, 제작진들은최고품질의신06 Adobe e-magazineMarch 2001

어어


문을보다쉽게제작할수있게되었다”고말했다.

DTI의앨리슨올드햄(Alyson Oldham) 마케팅이사는“이제데일리텔레그래프기자들은페이지레이아웃에들어가자

마자자신의기사를볼수있게되었다. 이로써출판자들의능률이크게향상됨은물론, 기자와디자이너간의새로운협

력가능성이열리게되었다”라고말했다.

어어도도비비인인디디자자인인과과인인카카피피

어도비인디자인은전문그래픽디자이너, 프로덕션아티스트들을위한최첨단페이지레이아웃프로그램이다. 이소

프트웨어는어도비의다른주요디자인프로그램과긴밀히통합되며, 최고의생산성과정밀성을제공한다. 인디자인은

매우확장성높은객체지향적인개방된아키텍처에기반을두고있으며, 어도비와관련파트너들이강력한출판솔루션

을제공할수있게해준다.

어도비인카피는작가, 편집자들을위하여개발된편집용애플리케이션이다. 이는하이픈연결이나정판엔진뿐만아

니라확장성높은인디자인아키텍처를기반으로하여, 인디자인레이아웃에꼭맞는카피를제공할수있게해준다.

활활자자와와컬컬러러,, 그그들들의의상상호호작작용용

데스크탑컴퓨터가일반화되기이전의디자이너들은지금에비해상대적으로제한된컬러를보여주었던컬러차트나

색견본집에서색을선택했다. 하지만컴퓨터가보편화된지금은언제든원할때마다전자팔레트에서수십만가지의색

을선택하여사용할수있게되어이제컬러의실제활용은과거와비교해볼때과히압도적이라고할수있다. 허나이번

엔‘넘침은모자람만못하다’는말처럼새로운고민에빠지기시작했다. 데스크탑의이수많은폰트와방대한수의유효

컬러들중목적과부합되어보다의미있고또조형적으로도아름답게보이는컬러를선택하는것은그리쉬운일은아니

기때문이다.

그러면지금부터보다효율적인타입과컬러의조화에대해차근차근살펴보도록하자.

메시지를전하기위한인쇄물에서가장먼저고려되어지는것은단연가독성이다. 따라서타이포그래피에서도가독성

을확보하는것은필수조건이다. 이것은한두가지요인으로결정되는것이아니라서체를비롯한글자의크기, 글자의

굵기, 자간, 어간, 행간등모든것들이고려되어야한다. 그리고또하나의중요한요인은활자와바탕의컬러즉, 색상과

명도, 채도간의상호작용이가지고오는효과를늘염두에두고작업을해야한다는것이다.

타타이이포포그그래래피피속속의의컬컬러러미미학학우우리리는는상상상상할할수수없없을을정정도도로로엄엄청청난난정정보보의의홍홍수수속속에에서서살살고고있있다다.. 집집집집마마다다우우편편함함에에는는각각종종광광고고물물이이넘넘친친다다.. 이이때때우우리리는는선선택택의의문문

제제에에놓놓이이게게된된다다.. 만만약약여여러러분분의의책책상상위위에에십십여여종종의의서서적적이이나나잡잡지지들들,, 그그리리고고광광고고물물들들이이널널려려있있다다면면어어떤떤것것을을선선택택하하여여뽑뽑아아낼낼것것인인

가가.. 아아마마활활자자나나컬컬러러가가보보다다시시각각적적으으로로품품위위있있으으며며설설득득력력있있게게강강조조된된것것을을선선택택할할것것이이다다.. 아아무무리리내내용용이이좋좋은은글글이이담담겨겨있있는는광광고고물물

이이라라도도독독자자는는결결코코허허술술하하고고빈빈약약한한타타이이포포그그래래피피를를선선택택하하는는아아량량을을베베풀풀지지않않을을것것이이다다.. 이이처처럼럼내내용용을을시시각각적적으으로로설설득득력력있있게게만만들들

며며미미적적감감흥흥을을불불러러일일으으켜켜독독자자로로하하여여금금흥흥미미있있고고,, 피피로로감감없없이이독독서서할할수수있있도도록록하하는는것것이이바바로로타타이이포포그그래래피피이이다다..

따따라라서서이이번번호호에에서서는는타타이이포포그그래래피피의의요요소소중중조조형형요요소소에에치치우우치치기기보보다다는는무무드드로로표표현현되되는는타타이이포포그그래래피피즉즉,, 활활자자와와컬컬러러와와의의관관계계에에

대대해해살살펴펴보보고고자자한한다다..

기획, 정리/ 편집부[email protected]본본내내용용은은임임프프레레스스그그래래픽픽디디자자인인22월월호호에에서서발발췌췌하하였였습습니니다다..

Cover Story

08


대대비비를를통통한한컬컬러러균균형형

그렇다면가장가독성이뛰어난컬러의조화는어떤것일까? 그답은우리가가

장많이접하는형태인흰바탕에검은글자이다. 이상태로디자인된것이인쇄될

때최적의가독성을갖게되어모호함을느낄필요없이서로상대적인완벽한균형

과절묘한대비를이룬다.

최적의가독성을가질수있는또다른방법으로는글자와배경색간에적절한

대비를만드는것이다. 다시말해이것은각컬러간의고유한채도, 명도, 색상의

균형을맞추는것이다.

예를들어보자. 매우높은채도를가진보색, 파랑과오렌지는풍부한색상의대

비를이루지만글자와배경색으로두색이각각적용되면글자의가장자리부분이

떨리는것처럼보여눈을무감각하게하며동적인효과를내서독자를피곤하게만

든다. 이것은이두색은모두비슷하게밝은명도를가지고있어주의를몹시끌기

때문이다. 이때에한가지색상의명도를밝게하거나진하게(그색상의틴트나쉐이

드색을선택)하여연하게하거나후퇴되어보이게하면가독성이훨씬올라간다.

이외에도유사한색상으로색상환에서많이가까이접해있거나명도의대비가

분명하지못한경우에도적절한조절을통해효과가극명하게나타날수있도록처

리해야한다. 이처럼모든명도와색상의대비는타입의형태와외곽의형태를효과

적으로보존하여타입의인식을용이하게한다.

서서체체에에따따른른컬컬러러의의선선택택

모든 서체에는 독특한 성질이 있어 색을

선택할때에는이점을반드시고려해야한

다. 이 성질에는비례, 획의굵기·폭, 세리

프의 유무를 비롯해 서체 디자인의 특이한

점 등이 포함된다. 예를 들면, 획이 가늘고

폭이좁은서체들, 특수문자나장식용서체

들, 필기체 따위의 서체들이 활자의 컬러와

색상이비슷하거나명도의차이가별로없는

바탕색과조합을이루면매우빈약해보이고

읽기에도힘이든다. 따라서활자형태의정확도를보존하려면반드시충분한대비가있어야한다.


독자들이가장익숙한형태인흰바탕의검은글씨

의대비는많은분량의텍스트를읽을때가장적합

한형태인반면회색바탕의검은활자는흰바탕의

검은활자보다가독성이떨어지는것을살펴볼수

있다

Graphic Design

Graphic Design

비슷한명도에높은채도의파랑과오렌지가활자

의색과배경색으로조합되면읽기에불편함이느

껴진다하지만활자나배경색의명도를조절하면

가독성이눈에띄게좋아지는것을느낄수있다

Graphic Design

Graphic Design

서체디자인의차이에서오는느낌에따라서체의원상태가보존되도록색을선택해야한다 지금보이는것

처럼장식이많고복잡한형태에색이첨가되면가독성은상대적으로떨어진다가독성이떨어지는조합(왼

쪽)과가독성이높은조합(오른쪽)

Graphic Design

Graphic Design

Graphic Design

Graphic Design

글글자자의의간간격격,, 크크기기에에따따른른컬컬러러의의선선정정

글자, 단어그리고글줄사이의간격에도서체에서와마찬가지로컬러가영향을미친다.

먼저글자사이의간격은서로떨어져있을수록단어의톤이밝아진다. 이와마찬가지로단어사이의간격과글줄사이

의간격도넓어질수록활자의명도는밝아진다. 그리고많은양의글자에색을주거나색의대비가적은경우에이것을적

용해도가독성이향상된다.

다음으로활자의크기를살펴보자. 작은활자, 획이가느다란활자, 세리프가있는미묘한비례의활자들은색상과명

도의비례가확실하지않으면읽기에장애가발생한다. 때문에이활자들은크기가작아질수록대비가강화되어야한다.

복복잡잡한한배배경경위위의의활활자자

복잡한배경이나질감이있는바탕위의활자는가독성의

걸림돌이된다. 질감이있는배경위에놓이거나반전된활자

를사용할때에는가독성을유지하기위해서충분한색의대

비가필수적으로요구된다. 또활자를사진과결합할때는겹

쳐진뒷배경으로인해읽기에방해가된다면활자와배경색

이 분리되어 드러나도록 하거나 활자를 뒷배경에 방해받지

않는곳으로재배치해야한다.

자간이넓어질수록단어의톤이밝아진다

글줄사이의간격을넓히거나줄임으로써본문블록의색이짙어지거나엷어지는착시현상을느낄수있다


While some designe firms stick to single stlyes

that define them, he emphasizes, a kind of

customized broadness in his work. He said

that our philosophy here is tailed thinking. and

that we look at the client and the market. We

emphasize the stlye that will be the best fit.






emphasize the stlye that will be the best fit.






Graphic Design Graphic Design G r a p h i c D e s i g n

배경위에활자를앉힐때에는뒷배경의이미지를고려해서작업을해야한다. 아

래쪽의경우, 바탕의이미지와활자의색이차별되지않아읽기에어려움이따르지

만위쪽의이미지를보면활자와배경이미지가구분이되어한결수월하게읽을

수있다

GGrraapphhiicc DDeessiiggnn

GGrraapphhiicc DDeessiiggnn

다다양양한한컬컬러러속속의의활활자자

컬러는빛의반사로나타나는현상이다. 따라서빛을비추는조건이변함에따라서그컬러도변하게된다. 때문에태

양이있는낮시간동안에도그것을보는시각에따라서색이다르게보이기도하고밤이되면낮에보았던것보다색이

어두워져보이기도하는것이다. 컴퓨터화면에서도역시색은빛의표현이다. 하지만컬러그자체의밝고빛나는속성

때문에종이위에인쇄된것과는또다르게보여진다. 따라서컴퓨터상에서작업할때이미인쇄후에보여질컬러를염

두에두고작업을해야성공적인작품을만들수있다.

여기서는1차색들의상호작용을통한실제사례들을간단하게나마살펴보도록하겠다.

바탕색인빨강의채도가올라갈수록파란색의활자를빨아들이는듯보여가독성을떨어뜨린다. 반면

빨간색을밝게하였을때에는가독성이올라가긴하지만빨강이너무흐려진다.

1차색들은색상환에서서로같은거리에위치하면서상당한색의대비를이루고있다.

지금이이미지들을보면1차색인빨강과파랑은극심한색온도의차이를보이고있다.


Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

밝은빨간색의바탕에노란색활자는누렇게떠보이며읽기에도용이하지않다. 반면채도가높은순

수노랑과빨강의조합은두색상간의큰명도차이로인해만족스러운결과를얻을수있다.

1차색중에서가장빛을발하는색인노랑의쉐이드색은초록틴트색과유사해져서보색관계의일루

션을만들어내기도한다.

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

컬컬러러가가돋돋보보이이는는타타이이포포그그래래피피

타이포그래피에서시도되는컬러는활자를활자그이상으로이미지화하여읽힐수있도록가독성을높여준다. 하지만

활자와색을다루는일은때로어렵고신비스러워서감을잡기어려운일이기도하다. 자신의눈을믿고효과적인색을결

정할수있는정도가되려면그만큼의신중한노력과지식이요구되는것이다. 그만큼까다로운, 타이포그래피에서의효

과적인컬러사용을통해효과적으로시각

이미지를 형성한 성공적인 사례들을 살펴

보도록하자.


파란색바탕의노란색활자는효과적인색조합이될수있긴하지만이것이반전된경우(노란색바탕

에파란색활자)보다는그효과가뛰어나지못하다.

노랑과파랑의순색의조화는그본래지니고있는명도대비로인해가독성이매우뛰어나다.

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

Graphic Design

가독성에있어가장뛰어난컬러의

조화는역시흰바탕의검은활자라

는사실을다시한번확인시켜주며

이기본적인색상활용만으로도얼

마든지 멋진 타이포그래피를 보여

줄수있음을보여주는단적인예이

다(Emigre magazine의펼침면)

하얀바탕에검은활자와그것을반전시킨검은바탕에하얀활자가대조를이룬다 검은바탕에하얀활자는

자주쓰이는형태이지만많은양의텍스트를이런식으로처리하면눈이피로감을느끼기쉽다는점을주의

해야한다(Now time magazine의펼침면)

검정색과진한빨간색의활자로구

성되어있는표지(왼쪽)의제목은,

고요한느낌의노란색사진몽타주

배경으로부터앞으로나오는듯한

느낌을 준다 또한 내지의 펼침면

(오른쪽)은 글자의 색, 질감 형태,

글자 꼴 등의 일관적이고 풍성한

컬 렉 션 을 보 여 주 고 있 다

(Messachusetts College of Art의

카탈로그)


3차색인연두계열의색상과검정색의조화가돋보인다. 특히연

두계열의다채로운변화는시선을방황케하는정원안에있는

듯한느낌을갖게한다(Jetset magazine을위해작업한Tomato

의작품)

강조하고싶은부분에겔로제작한강렬한빨간색의간지를넣어1차색인노랑과빨강간의대비를한층두드

러지게하는동시에생생한느낌을갖게한다(sci-fi channel의marketing planner 박스와펼침면)

역시‘그’답다는생각이들게하는덴마크의그래픽디자이너, Torben Wilhelmsen의명함은서로다른느낌이나는6개의명함이연결되어재미를느끼게한다

강조하고싶은부분에포인트색상을적용해

시선이 먼저 갈 수 있게끔 하였다(Arena

magazine 펼침면들)

둘다똑같이보색대비를사용한이미지들이지만왼쪽의이미지가 오른쪽의이미지보다훨씬강렬한이미지

이다(Shfit magazine(왼쪽), True magazine(오른쪽))


왼쪽에보이는검은색의면은단순

히 본문의 활자를 담는 기능을 하

는것만이아니라형태상의특성과

색채에의해자체적인생명력의효

과를 가진다. 또한 대담한 형태를

띄고 있어 검은 면 안의 텍스트에

눈길이가게한다. 활자는어떤종

류의 형태 위에도 놓여질 수 있지

만절대로메시지와무관한형태여

서는 안된다 지금 이 형태도 건축

이라는 주제와 관련이 있다

(Columbia University Graduate

School of Architecture 강좌 안내

포스터)

전체적으로파란색을바탕색으로이용해시원

한느낌을주는이포스터는한여름밤에열리

는문학워크샵에잘어울리는포스터이다.

(Berliner Sommernacth der Lyrik의포스터)

분명파랑과빨강의대비이긴하지만채도가낮아

톡톡튀는강렬함보다는안정감있고차분한느낌

을준다(Qwerty magazine) 얼핏 산만해 보이지만 강조하고 싶은

부분은 과감하게 표현했다 디자인이

튀는 것을 고려해 색상은 세피아, 검

정, 흰색을사용해다소침착하고가라

앉는 느낌을 주고 있다 (Sheffield

Hallam University 내의 학생 단체

Peachs and Cream의포스터)


난’98년프리미어5.0이출시된후3년만에프리미어가6.0으로메이저업그레이드되었다. 그동안맥시장에서의

DV 분야는다소큰변화를겪었는데, 파이어와이어가SCSI를몰아내고고속인터페이스의표준으로자리잡은것

이바로그것이다. 그결과기존에프리미어로영상편집을하기위해고가의편집보드를구입해야했던사람들의대부분

이디지털캠코더를이용해영상편집작업을시도하게되었다.

따라서비교적고가였던하이엔드시스템과아날로그방식의비디오캡처보드등에플러그인형태로최적화되었던프

리미어는정체기를맞을수밖에없었다. 심지어파이어와이어에최적화된애플사의아이무비와하이엔드편집프로그램

인파이널컷프로, 에딧DV가가세하면서프리미어는그입지까지위협받게되었다. 이러한상황을타계하고자어도비사

에서는 파이어와이어 인터페이스를 위한 DV 디바이스 컨트롤

(Device Control)이라는 파이어와이어 캠코더용 플러그인을 발표

했지만, 이것역시제역할을하지못했다. 여기서는이러한어려운

상황속에서출시된프리미어6.0이과연다시금주목받을수있을

지향상된기능을중심으로살펴본다.

프프로로그그램램의의설설치치

설치 CD를넣고프로그램을실행시키면모니터에프리미어의

로고와함께국가선택화면이나타나고, 국가를선택한후‘사용

애애프프터터이이펙펙트트플플러러그그인인을을연연동동해해사사용용할할수수있있는는

PPrreemmiieerree66..00글·박찬재(디지털비디오전문포럼히든아일랜드운영중,[email protected])본본내내용용은은맥맥마마당당22월월호호에에서서발발췌췌하하였였습습니니다다..

시시스스템템요요구구사사항항지원기종 : 파이어와이어포트를장착한파워맥G3/300MHz 이상/ 가격: 5백49달러 / 지원환경 : 맥 OS 9.0.4 이상, 50MB 이상의하드디스크여유공간, 32MB 이상의 여유 램, 퀵타임4.1.2 / 제작사 : 어도비시스템즈(http://www.adobe.com) / 문의처 :한국어도비시스템즈(02-559-0300)

지지

new product A to z

16


프프리리미미어어66..00은은애애프프터터이이펙펙트트플플러러그그인인을을연연동동해해사사용용할할수수있있고고팔팔레레트트를를이이용용한한조조작작이이많많아아졌졌으으며며그그밖밖에에웹웹마마커커와와캡캡처처,, 트트랜랜지지션션기기

능능등등이이개개선선되되었었다다.. 하하지지만만한한글글자자막막이이지지원원되되지지않않아아한한글글사사용용자자에에게게는는치치명명적적인인단단점점을을갖갖고고있있다다..

설치화면

자동의’를클릭하면사용자등록번호와이름, 소속기관등을입력하는창이나타난다. 여기에프로그램구입시받은시

리얼넘버를입력하면프로그램이설치되기시작한다. 설치가끝나면프리미어폴더에프리미어애플리케이션과라이브

러리, 각종플러그인이설치되었는지확인한다.

프프로로그그램램의의실실행행

프리미어를실행시키면두가지의에디팅모드창이뜨는데, 그중하나는새로제작된A/B 모드이고, 다른하나는프리

미어의기본편집방식인싱글트랙모드다. 이것들은사용자가주로컷편집을주로할것인지(A/B 모드) 아니면다양한

트랜지션과이펙트를중심적으로사용할것인지(싱글트랙모드)에따라임의로설정하면된다. 만일설정을변경하고싶

다면메뉴바에있는윈도우메뉴를이용하면된다. 에디팅모드를선택하고나면프리셋화면이나타나는데, 사용자는이

때제시되는6개의항목중작업하고자하는것에적합한것을선택하면된다. 이는비디오나오디오사용시이전에는프

리셋이포함된고가의편집보드를구입한후사용자환경을일일이설정해야했던불편함을보완한것이다. 참고로타사

의PCI 확장카드를이용해영상편집을하는경우라면제작사에서별도로만든프리셋파일을이용하면된다.

프프리리미미어어66..00의의달달라라진진모모습습들들

애애프프터터이이펙펙트트플플러러그그인인과과의의연연동동// 어도비사의애프터이펙트는강력한마스킹기능과많은플러그인을이용한다양한

특수효과및다이내믹한모션처리로영상디자이너들에게사랑받아온프로그램이다. 이러한면에서볼때이번프리미17 Adobe e-magazineMarch 2001

A/B 에디팅모드 메인인터페이스

어 6.0은 애프터이펙트의 플러그인과 연동해 사용할

수있게되어무척관심을끈다. 사실어도비사의입장

에서생각해보면이러한기능의추가가애프터이펙트

매출에타격을주지않을까염려되기도하지만, 사용

자입장에서는이미익숙해진플러그인을프리미어에

서도 사용할 수 있게 되었으므로 일석이조의 효과를

얻을수있게되었다. 그러나연동할수있는애프터이

펙트의플러그인이기본적으로제공되는플러그인과

추가로 구입해야 하는 어도비사의 프로덕션 번들 플

러그인으로만한정되어있어다소아쉽다. 또한만일

프리미어에사용자가인위적으로애프터이펙트의플

러그인을추가시킬경우애플리케이션이비정상적으

로종료되는등의버그도발생할수있으므로사용시

주의하기바란다. 플러그인의사용법은애프터이펙트

와다르지만비교적단순하다. 우선플러그인을팔레

트에서 선택한 후 타임라인에 있는 무비로 드래그한

다. 그후화면에나타나는이펙츠제어판에서적용할

효과의정도나각도등을설정하는데, 만일키프레임

으로시간에따라변하는효과를주려면제어판의좌

측상단에있는공백란을마우스로체크하면된다. 이

러한방법으로여러개의키프레임이생성되면이때부

터는간단한마우스조작으로도타임라인상에서키프

레임수치를제어할수있다.

팔팔레레트트의의변변화화 // 프리미어6.0을한마디로요약하면

‘철저하게포토샵화되었다’고할수있다. 특히이전에

는트랜지션을제외하면팔레트의이용이거의없었던

데 반해, 이번 버전에서는 대부분의 기능들이 팔레트

에서 조작하는 방식으로 변형되었다. 특히 이펙츠 컨

트롤팔레트의모션세팅기능은트랜지션과이펙츠를

복합시킨형태로, 하나의윈도우에서 2가지의이펙츠18 Adobe e-magazineMarch 2001

애프터이펙트플러그인

이펙트의적용

모션세팅윈도우

히스토리팔레트

키프레임의제어

를조작해작업을더욱편리하게마칠수있다. 이밖에히스토리팔레트가추가되어전처럼언두(Undo) 기능을반복하지

않고원하는작업과정까지한번에되돌아갈수있게되었다. 참고로이히스토리기능은앞으로출시될애프터이펙트5.0

에서도채용될것이라고한다.

보보기기편편해해진진무무비비파파일일 // 기존에는무비를타임라인으로가져오면이것이그냥직사각형의바(Bar) 형태로되어편집을

끝낸후무비가원본소스의어느부분을채용했는지알기힘들었다. 그러나이번버전에서는무비를타임라인으로가져

오면그중작업한부분의시작과끝에삼각형표시가되어(예를들어30분분량의무비파일에서타임라인으로가져온부

분이13~16분에해당하면그후무비파일편집시이부분의처음과끝에삼각형표시가있다) 전체파일중어느부분인

지대강짐작할수있게되었다.

정정렬렬기기능능 // 이전버전의경우화면모드(832×624과1,024×768, 1,280×1,024)를메뉴바에있는윈도우메뉴에서선

택해야했지만, 프리미어6.0에서는포토샵6.0이나고라이브5.0 등어도비사의최신애플리케이션과마찬가지로해상도

에따라팔레트와창이사용하기편하도록스스로정렬된다. 또한기존의인터페이스에서는팔레트의수가적고해상도

에따라레이아웃이달라져비효율적이었지만, 이번버전에서는해상도에상관없이인터페이스가동일해져사용자가선

택하는해상도가어떤것이든지동일한레이아웃을이용할수있게되었다.

웹웹마마커커기기능능 // 웹마커기능은작업을끝낸무비의특정부분을웹마커로지정해그영역을웹에서이용할수있게해

주는기능이다.

이를이용하면무비를고압축시킨후비디오포맷으로저장해익스포트할수있다. 참고로이기능은포토샵6.0에추

가된기능인웹에서사용될이미지를알맞게쪼개어HTML로보내는‘Save for web’기능과비슷하다.

캡캡처처기기능능 // 기존의캡처창에는플레이/스톱버튼등기본적인

버튼들만있었는데, 프리미어6.0에서는캡처창의우측에설정탭

이추가되었다. 그결과사용자가캡처중일일이파일메뉴의프레

퍼런스를열지않고도각장비들의제어옵션과하드디스크저장

경로를설정할수있게되었다.

또한캡처시프레임수가화면에실시간으로체크되면서드롭

프레임의숫자를바로볼수있는기능(타사의프로그램은보통캡

처가완료된후에만볼수있다)도 추가되어사용자환경을더욱

탄탄하게만들었다.

하지만이같은장점과는달리파이널컷프로처럼캡처버튼을19 Adobe e-magazineMarch 2001 캡처기능

누른뒤약5~10초를기다려야(퀵타임과파이어와이어와의연동문제때문인것으로추정된다) 캡처가시작되는단점도

있다. 따라서사용자는캡처를받기위해원하는장면이나오기10여초전에캡처버튼을눌러야해당작업을완료할수

있는데, 이문제를해결할수있는별도의DV 전용캡처유틸리티를제공했으면하는아쉬움이남는다.

진진보보된된트트랜랜지지션션기기능능 // 트랜지션기능의경우인터페이스는그대로지만사용하는방식이변경되었다. 즉이전버전에

서는트랜지션기능을사용하기위해2개의비디오트랙사이에트랜지션트랙을드래그한후사용자가늘려야했지만,

프리미어6.0에서는트랜지션트랙을드래그하면상하로비디오트랙이

자동으로재정렬된다.

가장보편적으로사용되는CrossDissolve의경우기본분량이 3초이

며, 만약트랜지션의양을늘리고싶다면마우스로트랙의양끝을드래

그하면된다.

프프로로젝젝트트 윈윈도도우우 // 프로젝트윈도우는매우편리하게개선되었는데,20 Adobe e-magazineMarch 2001

프로젝트윈도우에서의무비플레이

DDVV 디디바바이이스스컨컨트트롤롤22..00

프리미어는 지금까지 더딘 업그레이드를 강화하기 위해 파이어와이어

지원프로그램인DV 디바이스컨트롤의업데이터를무려 3번이나업데이

트시켜왔다.

그러나이업데이터는불안정한편이어서많은사용자들의원성을사기

도했는데, 프리미어6.0에서도디바이스컨트롤은업그레이드되었다. 추가

된기능중여느영상편집프로그램에서는찾아보기힘든것은캠코더선택

기능으로, 이를이용하면현재디지털비디오카메라를출시하고있는업체

인소니와파나소닉, JVC, 캐논등과국내기업인삼성등을포함한다양한

업체의모든비디오캠코더의세팅을단한번의클릭으로마칠수있다.

알알려려진진버버그그

그동안버그투성이었던디바이스컨트롤이2.0에서도약간의문제점을드러냈다. 우선캡처를멈춘후프리미어를종료하지않은채다

른애플리케이션에서작업하다가프리미어로돌아오면캡처창이검게되면서캡처작업을할수없게된다. 이는퀵타임5 퍼블릭베타가아

직완벽하지못하다는것을감안할때여기에포함된파이어와이어확장파일과디바이스컨트롤과의충돌로예상된다. 그러나이러한문제

점은추후에디바이스컨트롤이별도로업데이트되면해결될것으로보인다.

DV 디바이스컨트롤2.0의프레퍼런스화면


특히상단의프리뷰창에도컨트롤버튼이생겨서이를누를경우무비

를파이어와이어포트를통해TV로바로볼수도있다. 그러나사운드는

지원되지않는다.

스스크크래래치치 디디스스크크의의 세세분분화화 // 기존버전에서는스크래치디스크를단

순히하드디스크의종류로만선택할수있었는데, 이번버전에서는여기

에비디오및오디오의프리뷰파일과캡처무비의저장장소까지도선택

할수있게되었다.

한한글글자자막막의의지지원원 // 현재대부분의맥용DV 편집프로그램이한글자막

을지원함에도불구하고, 프리미어6.0에서는이를지원하지않는다. 이는무엇보다맥이2바이트언어의표준인유니코

드를지원하지않기때문이지만, 달리생각하면제품개발자가맥에서의2바이트언어권사용자를등한시하고있다는의

미로도해석할수있다. 따라서이부분은한글로컬라이징시반드시개선되어야할것이다.

마마치치며며

프리미어6.0은리얼플레이어의리얼프로듀서와미디어클리너프로의EZ 버전에있는프로그램을내장하고있어이

를이용해프리미어에서작업한것을인터넷상에서바로출력할수있는데, 프리미어의이러한모습은인터넷스트리밍

분야도염두에두고개발한상당히새로운모습이라고생각된다.

하지만무엇보다이번버전에서는매우강력해진디지털비디오카메라컨트롤기능과애프터이펙트플러그인과의필

터연계기능이매력적이다. 그러나필자가기대했던기능중하나인파이널컷프로나애프터이펙트프로젝트로임포트

할수있는기능은추가되지않았으며, 이전버전에비해다소뒤떨어진듯한사용자환경과리드로잉속도의저하, 한글자

막기능의미지원등은앞으로개선되어야할부분이다.

스크래치디스크

렌드모드와레이어의불투명도조절기를이미능수능란하게다루시는분들께희소식을전해드립니다. 어도비포

토샵이기존의블렌딩옵션에덧붙여추가옵션을제공하고있다고합니다. 기존옵션에비해보다앞서나가고세

련된블렌딩옵션으로당신은이제레이어블렌딩을자유자재로다룰수있으며, 획기적이고흥미진진한효과를맛볼수

있게되었습니다. 이교습에서당신은층층의이미지를창조하기위한여러블렌딩옵션들의사용방법을배우게됩니다.

첫첫째째,, 우우선선작작업업하하고고싶싶은은영영상상을을선선택택하하십십시시오오..

당신이작업하고싶은영상몇개를선택하여당신만의전용포토샵파일을만드십시오. 개별이미지

를각각한레이어에담으십시오. 그럼이제부터두개의스캔사진을다른요소와합성하여산업적인주

제가물씬풍기는이미지를만들어보는작업을시작해보겠습니다.

둘둘째째,, 레레이이어어 스스타타일일 대대화화상상자자에에 들들어어

있있는는 블블렌렌딩딩 옵옵션션 섹섹션션과과 친친숙숙해해지지십십시시

오오..

포토샵은레이어스타일대화박스에서

모든 블렌딩 옵션을 통합시켜 사용자가

블렌딩효과를쉽게찾고적용할수있는

편의를 제공하고 있습니다. 레이어 팔레

트 메뉴에서 블렌딩 옵션을 선택하여 대

화상자를 여십시오. 레이어 효과를 적용

하기 위해 이미 레이어 스타일 대화박스

를 여셨다면 블렌딩 옵션을 클릭하십시

오. 그리고스타일리스트상단에기본값

으로설정하십시오.

여여러러분분도도

레레이이어어블블렌렌딩딩의의고고수수가가될될수수있있습습니니다다(http://www.adobe.com/expertcenter/photoshop/tips/phsadvblend/main.html)본본내내용용은은AAddoobbee..ccoomm에에서서발발췌췌하하였였습습니니다다..

블블

Photoshop Expert

22


셋셋째째,, 글글자자를를이이용용하하여여환환상상적적인인효효과과를를만만드드십십시시오오..

새로운글자레이어를창조하는데에는글자툴을이용하세요. 저희는최대한많은이미지가투명하게비칠수있도록

다소무거운산세리프폰트를선택했습니다. 그럼이제레이어스타일대화상자에서블렌딩옵션섹션을찾아볼까요. 화

면에뜨는노크아웃(Knockout) 메뉴에서쉘로우(Shallow)를고르시고불투명도를감소시키십시오. 참고로저희는불투

명도를40%로설정하였습니다. 이밖에도그림자를만들던가글자에스트로크를적용할수도있습니다.

노크아웃옵션은여러다른레이어의픽셀을보여주기위해현재작업하는레이어의픽셀을사용합니다. 얇은노크아

웃은다음레이어에, 깊은노크아웃은배경레이어까지펀치를가합니다(배경레이어가없는경우깊은노크아웃은투명

한층까지파고듭니다). 노크아웃레이어의불투명도를줄일수록밑에깔려있는레이어가보다많이드러날것입니다.

넷넷째째,, 레레이이어어의의블블렌렌드드모모드드를를바바꿔꿔보보세세요요..

블렌드모드는포토샵이어떻게픽셀색상을레이어된이미지

에깔려있는픽셀과섞을것인가를구체적으로설정할수있게합

니다. 블렌드모드사용의효과를실험하기위해저희는본이미지

에 노란 줄을 첨가하고 각 줄의 블렌드 모드를 컬러 도즈 (Color

Dodge) 로바꾸었습니다. 그런다음레이어스타일대화상자에서

각레이어의불투명도를75%로재설정하였습니다.


다다섯섯째째,, 블블렌렌드드이이프프((BBlleenndd IIff)) 를를이이용용하하여여레레이이어어에에서서색색상상을을

제제거거하하십십시시오오..

레이어스타일대화상자의블렌딩옵션섹션안에있는블렌드

이프를통해당신은작업중인레이어에서색상을제거하거나밑

에깔려있는레이어에색상이비치게할수있습니다. 각각 다른

색상에블렌드이프를설정하거나모든색상에동등하게그레이를

적용할수도있습니다.

저희는벽돌건물레이어에블렌드이프를설정하였습니다. 우

선레이어팔레트에서레이어를선택하였습니다. 그런다음레이

어스타일대화상자에서불투명도를50%로설정하였지요. 마지막

으로 블렌드 이프 메뉴에서 레드(Red) 를 선택하고 디스 레이어

(This Layer) 슬라이더를이용해범위를설정하였습니다. 진한빨

간픽셀을제거하기위해슬라이더왼편에검은삼각형을고정시

켰습니다. 색상 변화를 자연스럽게 하기 위해 앨트 드레깅(Alt-

dragging, Windows) 또는 옵션 드레깅(Option-dragging, Mac

OS) 을사용하였습니다.

여여섯섯째째,, 가가장장아아래래에에있있는는레레이이어어부부분분을을드드러러내내기기위위해해노노크크아아

웃웃효효과과를를사사용용하하십십시시오오..

아쉽게도저희가이미지를형성하는과정에서가장아래에있

는이미지의아주흥미로운부분이가려졌습니다. 그래서저희는

깊은노크아웃을이용해그가려진것을다시회생시켰습니다. 첫

째, 레이어팔레트상단에새로운레이어를만들었습니다. 그런다

음드러내고자하는부분을고르고그것에색상을입혔습니다(어

떤색상이든지무관합니다). 가장위에있는레이어를계속가동시

킨채불투명도를0%로설정하고레이어스타일팔레트의노크아

웃메뉴에서딥(Deep) 을 선택하였습니다. 머신(machine)이라는

글자에붉은레이블이다시가시화됩니다.


OObbjjeecctt((오오브브젝젝트트)) 메메뉴뉴

전체적으로살펴볼때몇가지추가된기능이나

바뀐이름등을발견할수있습니다. 예전에일러

스트레이터 8에서 설명했던 기능들을 다시 한 번

설명하고새롭게추가된기능이나바뀐부분에대

한설명을하도록하겠습니다.

TTrraannssffoorrmm ((변변형형)) // 개체에다양한변형을주는

기능입니다.

AArrrraannggee((배배열열)) // 선택된개체의위치를배열하

는 기능을 가집니다. 일러스트레이터에서는 도큐

멘트상에개체를만들경우개체간의상하관계가

있으므로적절하게위치를조절해줄수있는아주

유용한기능입니다. 작업시작업순서에따라개체

들의위치가아래에서부터위로배열됩니다.

일일러러스스트트레레이이터터99..00도도구구에에서서달달라라진진것것들들을을살살펴펴보보자자((22))

문석원, 동아대대학원컴퓨터공학과졸/ 현블루엣인터내셔널웹팀팀장본본내내용용은은디디자자인인정정글글에에서서발발췌췌하하였였습습니니다다..(http://jungle.co.kr/newstudy/2D/illust9/20010118-01.asp

Illustrator Expert

25

25 Adobe e-magazineMarch 2001 일러스트레이터8,0과9.0의오브젝트(Object) 메뉴비교

메메뉴뉴의의두두번번째째시시간간으으로로OObbjjeecctt((개개체체)) 메메뉴뉴에에서서변변화화된된것것들들을을살살펴펴보보도도록록하하겠겠습습니니다다.. OObbjjeecctt((개개체체)) 메메뉴뉴에에는는개개체체의의변변형형을을위위한한다다양양

한한기기능능과과개개체체에에관관련련된된명명령령들들이이있있습습니니다다.. 도도구구상상자자에에서서살살펴펴본본블블렌렌드드((BBlleenndd)) 기기능능을을비비롯롯해해개개체체를를위위한한작작업업들들을을손손쉽쉽게게처처리리해해줄줄

수수있있는는여여러러가가지지메메뉴뉴로로구구성성되되어어있있습습니니다다..

일일러러스스트트레레이이터터88과과99의의OObbjjeecctt((개개체체))메메뉴뉴를를비비교교해해볼볼까까요요??

GGrroouupp((그그룹룹)) [[CCttrrll ++ GG]] // 여러개의개체를하나로묶어주기위해사용되는명령입니다. 그룹화되어있는개체중하

나의개체를선택하여옮기려고할때그룹을해제시키지않고직접선택도구를이용해서옮기고자하는개체를선택하

고이동시키면됩니다.

UUnnggrroouupp((그그룹룹해해제제)) [[CCttrrll ++ SShhiifftt ++ GG]] // 그룹화된개체를해제시킬때사용합니다.

LLoocckk [[CCttrrll ++ 22]] // 여러개체들을도큐멘트로불러와서작업을할때아래쪽에배치되는개체들을움직이지않도록고정

시키고자할경우사용되는기능입니다. 이기능은작업시유용하게사용됩니다. 예를들어캐릭터를만든다고가정하면,

우선스케치한이미지를스캐너를이용하여컴퓨터이미지화시킨후일러스트레이터에서불러와Lock 명령을적용하고

펜도구로윤곽을그리고채색하는과정을거치게됩니다.

UUnnlloocckk AAllll [[CCttrrll ++ AAlltt ++ 22]] // 하나또는여러개의개체를함께고정시킬수있습니다. 하지만해제시킬경우는이명령

을통해한꺼번에풀어줍니다.

TIP) lock과unlock : 작업할때선택되지않아도될부분즉, 배경이미지나움직이지않아야될부분을고정시키고작

업이끝난후해제하는데많이사용됩니다. 어쩌면 lock을적용한상태에서이미지가선택되지않는경우를경험했을것

입니다. 바로이경우에해당됩니다.

HHiiddee SSeelleeccttiioonn ((선선택택해해서서숨숨기기기기)) [[CCttrrll ++ 33]] // 선택된개체를작업장인도큐멘트에보이지않게숨기는기능을합니다.

참고로작업중에선택해서숨기기(Hide Selection) 한개체는출력시에도적용되지않습니다.

SShhooww AAllll ((모모두두보보이이기기)) [[CCttrrll ++ AAlltt ++ 33]] // 선택해서숨기기(Hide Selection) 기능을이용해서숨긴개체를원상복귀시

키는명령입니다.

EExxppaanndd ((분분할할)) // 많은사용자들이한번쯤고민해본문제를해결해줄수있는기능입니다. 일러스트레이터에서그레

디언트(Gradient)나패턴(Pattern), 블렌드(Blend), 브러쉬(Brush) 기능을사용해서작업을했는데포토샵, 프리핸드, 코렐

드로우등다른작업환경으로옮겨작업할경우제대로효과가나타나지않거나, 또는QuarkXpress와같은DTP 프로그

램에서제대로표현되지않아출력시특수효과를제대로얻을수없었던현상을많이경험했을것입니다.

이러한문제가발생하는원인은일러스트레이터에서표현되는모든특수효과는개체들의조합에의해서일러스트레26 Adobe e-magazineMarch 2001

일러스트레이터의개체는포토샵의레이어와같은성격을지니고있습니다.

이터에서만최적화되어나타나므로다른작업환경으로옮겨작업하게되면최적화된표현효과를얻을수없기때문입니

다. 이러한취약점을보완하기위해서Expand를적용시키는것입니다. 그러면각개체를최소의단위로해체시킴으로써

다른프로그램에서이미지의변질을최소화할수있습니다.

EExxppaanndd AAppppeeaarraannccee NNEEWW!! // 새롭게추가된기능으로Style 팔레트의Style과브러시팔레트의브러시가사용된오브

젝트를일반오브젝트로바꾸려고할때사용하는명령어입니다.

FFllaatttteenn TTrraannssppaarreennccyy NNEEWW!! // Transparency 팔레트에서Opacity와블렌드모드를사용한오브젝트를일반으로분리하

려고할때사용합니다.


Expand 적용전 Expand 적용후

스타일적용을----------------------→오브젝트와시킵니다.

브러쉬적용을------------------------오브젝트와시킵니다.

SSttyyllee((스스타타일일)) 적적용용예예 BBrruusshh((브브러러쉬쉬)) 적적용용예예

RRaasstteerriizzee ((래래스스터터화화)) // 일러스트레이터에서작업하는이미지는벡터형식입니다. 이러한벡터용이미지를비트맵용

이미지로바꾸어줄때사용하는기능입니다.

CCrreeaattee GGrraaddiieenntt MMeesshh ((그그래래디디언언트트메메쉬쉬만만들들기기))

개체에좀더복잡한그래디언트효과를줄수있는그래디언트메쉬(Gradient Mesh) 기능은개체에입체감을줄수있

는특수효과입니다. 메쉬(Mesh)란그물코나망상조직을의미하는말로서로교차되는부분에다른색을주어입체감을

쉽게표현할수있습니다.

PPaatthh ((패패스스)) // 앞에서설명했듯이모든벡터이미지는베지어곡선으로이루어져있습니다. 이러한베지어곡선을구성

하고있는점(Point)이나선분들의흐름들로표현되는패스를연결하거나정렬하는등패스의변형을줄수있는기능들이

있습니다.

BBlleenndd ((블블렌렌드드)) == 도도구구상상자자 // 블렌드는하나의개체가다른개체로변화하는효과로서로다른두개체의중간단계를

자동적으로추가시킬수있는기능입니다. 새롭게블렌드를만들거나다양한형태로적용하는것이가능합니다. 28 Adobe e-magazineMarch 2001

4. 각각을분리할수있다.3. 브러쉬적용을분리1. 브러쉬적용이미지 2. 설정을조정한다.

일반적으로래스터이미지를비트맵과같은의미로생각합니다. 하지만엄밀히따지면내부적인표현스케일에의해서같은의미로볼수없

습니다. 비트맵을구성하는각픽셀은실제1비트만을이용하게되는것입니다. 1비트의표현범위는검정, 흰색이되는것이죠. 그래서실제

여기서는비트맵이란표현보다는래스터이미지라는이름이더욱스케일에맞을것입니다. 하지만광범위하게표현되어지는비트맵에래

스터이미지개념을포함하여함께사용하는것입니다.

그라이언트메쉬(Gradient Mesh) 기능은복잡하지않은개체에최적으로적용가능합니다. 포인터가지나치게많은개체에는적용할수없

음을유념하시기바랍니다.

CClliippppiinngg MMaasskkss ((일일러러스스트트레레이이터터88의의MMaasskkss)) // 원하는부분만을보일수있게하는기능으로Mask가가지는 '가리다'

의의미를잘표현해줍니다. 다시말하자면위에위치한개체의형태로만아래의개체가나타나고나머지부분은가려지

게됩니다.

CCoommppoouunndd PPaatthh ((컴컴파파운운드드패패스스)) // Compound는 '혼합하다'라는의미로선택된개체들을합쳐주는기능입니다. 만일

선택된개체가서로겹쳐져있는경우에는겹쳐져있는부분이텅비게되며, 겹쳐져있지않은경우에는서로를하나의개

체로합쳐주는기능을가집니다

CCrroopp MMaarrkkss ((재재단단선선설설정정)) // 작업한이미지를출력후자르기위한재단선을표시하는기능입니다. 도형도구중Stroke

만설정된사각형도구를선택하여적당한크기로표시한다음Crop Mask를설정하면재단선이만들어집니다.

GGrraapphh ((그그래래프프)) // 일러스트레이터에서는고급출판과편집을위한그래프를그리는최상의기능을지원합니다. 9가지

종류의그래프를자신만의방식으로다양하게표현할수있습니다. 우선그래프를만들기위해서는‘형태(Type), 데이타

(Data), 디자인(Design)’의세가지요소가꼭필요합니다.

형태(Type)는그래프의종류를말하며,데이타(Data)는그래프를그리기위한수치정보를나타내며, 디자인(Design)은

시각적인효과를최대한발휘하여특성에맞는그래프를만들기위한요소입니다.


일러스트레이터8.0의Masks 기능과동일한기능으로이름만Clipping Masks로바뀌었습니다. 또한일러스트레이터8.0에서새롭게추가

된Lock, Unlock 기능이없어졌습니다.

[[그그래래프프의의종종류류]]

사사이이트트구구조조및및네네비비게게이이션션설설계계의의목목적적

사이트구조설계및네비게이션설계의가장주된목적은사용자에게체계적이고쉬운정보조직과정보의검색및이

동을원활히해줄네비게이션시스템을제공하는것이다. 같은컨텐츠와기능을가진웹사이트라도그컨텐츠를어떻게

체계화하여보여주고어떤네비게이션시스템을제공하느냐에따라사용이쉬운웹사이트가되기도하고도대체정보가

어느곳에있는지알수없는웹사이트가되기도한다.

웹사이트의구조를결정짓는가장기본적인요소는컨텐츠와기능이다. 정보설계자는사용자의입장에서컨텐츠와기

능을어떻게구조적으로체계화시켜사용자에게제공할것인가와어떤네비게이션시스템이이컨텐츠와기능에최상의

네비게이션을제공할것인지를고민해서가장최적의사이트구조와네비게이션설계를만들어내야한다.

컨컨텐텐츠츠의의체체계계화화

다양한컨텐츠들을체계화하기위해서체계적인규칙을가진분류시스템이필요하다. 이분류시스템을토대로컨텐츠

를체계적으로조직화하는작업이컨텐츠의체계화이다. 웹사이트설계에있어서컨텐츠를어떤분류시스템을가지고체

계화할것인가는골치아픈문제지만아주중요하다. 이는꼭웹사이트의컨텐츠에국한된문제가아니다. 아주큰서점에

가서내가사려는책이‘인터넷CRM’이라고했을때이책이‘비즈니스/마케팅’분야에있을까, ‘컴퓨터/인터넷’분야에

있을까, 하는따위의고민은서점에가서책을사본경험이있는사람이라면누구든지해보았을것이다. 이를웹사이트에

연결시켜본다면사용자가원하는컨텐츠가‘인터넷CRM’이라고했을때이를비즈니스/마케팅메뉴에넣을지, 컴퓨터/

인터넷메뉴에넣을지를고민하는것과마찬가지의문제이다. 이처럼컨텐츠의체계화는사용자가원하는컨텐츠를체

계적인컨텐츠시스템을따라쉽게찾아낼수있도록컨텐츠의체계적인조직과계층구조를가진분류시스템을만들어내

는것이다.

우리는일상생활에서이런컨텐츠체계들을늘사용하고있다. 우리가보는전화번호부, 서점의안내판, 신문의주제별

분류등도모두정보를쉽게찾아볼수있도록고안된일종의컨텐츠체계이다. 그러나상점의전화번호를전화번호부에

서찾는것과서점에서원하는책을찾아보는것은분명히다른컨텐츠체계를사용한다. 이처럼컨텐츠를성격에따라서

정정보보디디자자인인

사사이이트트구구조조및및네네비비게게이이션션설설계계글/ 김준한인포메이션디자이너, 뉴틸리티이사[email protected]본본내내용용은은임임프프레레스스의의웹웹디디자자인인11월월호호에에서서발발췌췌하하였였습습니니다다..

Web Technique

31


분류시스템을사용해야하며어떤경우에는복합적인컨텐츠체계를사용할수도있다. 보편적으로사용하는컨텐츠체

계분류시스템에는어떤것들이있는지살펴보자.

((11)) 알알파파벳벳순순,, 가가나나다다순순::가나다순

으로 정리하는 분류시스템으로 가장

보편적인컨텐츠체계이다. 백과사전

이나사전등에서많이사용된다.

((22)) 연연대대순순,, 날날짜짜순순 :: 연대나 날짜

순분류시스템은기사나보도자료등

에서널리쓰이는분류시스템이다.

((33)) 지지리리적적위위치치에에따따른른분분류류 ::지

리적인 위치에 따라 정보를 분류하

는 분류시스템으로 어떤‘장소’와

관련된컨텐츠일때유용하다.

((44)) 주주제제별별 체체계계 :: 주제별 체계는

컨텐츠를 주제에 따라 분류하는 시

스템으로 웹사이트 설계시 가장 많

이 사용하는 컨텐츠 분류시스템이

다. 그러나 가나다순이나 연대순처

럼 확실한 분류시스템으로는 볼 수

없다. 주제별로분류했을경우모호

한컨텐츠가발생할수있는위험성

이있다.

((55)) 작작업업지지향향형형체체계계:: 작업지향형

체계는사용자들이사용하고자하는

기능에 초점을 맞춘 컨텐츠 분류체

계이다. 웹 메일이나홈페이지마법32 Adobe e-magazineMarch 2001

라이코스 증권사전 : 가나다순 분류시스템을 사용하고

있다.

조선일보지난기사보기 : 날짜순분류체계를사용하고

있다.

여행포털사이트joyview : 지리적위치에따른분류시스템

을보여준다.

하이홈: 작업지향적인분류시스템을볼수있다.

알라딘서점사이트: 알라딘의주제별책찾기 데미소다홈페이지데미랜드 : 데미랜드는메뉴를레몬랜

드, 오렌지랜드, 그레이프랜드, 애플랜드등으로비유적으

로구성하였다.

사등의기능지향적인웹사이트에서많이사용한다.

((66)) 은은유유형형체체계계:: 은유형컨텐츠체계는메뉴이름을그메뉴가포함하고있는컨텐츠나속성을사용자가유추할수있

는것으로비유하여구성하는것이다. 은유형체계는다른분류체계에비해재미있고사용자에게친숙하게접근할수있

다는장점이있다.

((77)) 혼혼합합컨컨텐텐츠츠체체계계 :: 혼합컨텐츠체계는위에서언급한다양한컨텐츠체계를복합적으로적용하고있는분류시스

템이다. 보통다양한기능과수많은정보들을담고있는웹사이트의대부분이혼합컨텐츠체계를적용하고있다. 각메뉴

나기능에따라가장적절한컨텐츠분류시스템을복합적으로사용하려면각컨텐츠체계들에나름대로의일관성이유지

되어야할필요가있다.

컨컨텐텐츠츠구구조조설설계계

웹사이트를개발할때웹사이트를구성할컨텐츠와기능이결정되고어떤분류시스템을도입할지확정했다면이제는

본격적으로컨텐츠를어떻게구조적으로조직할것인가에대해서고민해야한다. 웹사이트자체가하이퍼텍스트로이루

어진네트워크를통해정보를얻는다면이네트워크의상하위계층구조를어떻게설계할것인가는웹사이트구조의뼈대

를설계하는것과마찬가지로중요한의미를가지며네비게이션설계의근간이된다. 가장쉽게이해할수있는계층구조

는바로족보이다. 족보역시일종의계층구조로이루어져시간대별로상하관계가명시된계층구조를보여주고있다.

웹사이트에서주로사용하는컨텐츠구조에는계층구조외에웹구조, 선형구조 등이있는데흔히계층구조를근간으

로웹구조, 선형구조등을혼합하여사용한다. 각컨텐츠구조와구조설계하기에대해서간략히알아보자.33 Adobe e-magazineMarch 2001

인티즌 : 인티즌의경우다양한분류시스템을제공한다. 메인네비

게이션에서'인티시티', '러브톡톡'과같은은유적분류체계와주제별

분류체계를혼합하여사용하고있다.

인티즌도구함: 작업지향형분류체계를사용하고있다.

인티즌도구함: 작업지향형분류체계를사용하고있다. 인티즌클럽: 주제별분류체계를사용하고있다.

계계층층구구조조설설계계하하기기 // 계층구조는정해진분류시스템을토대로컨텐츠의상하관계를구조적으로설계하고가장적합한

계층구조를만들어내어사용자가계획된컨텐츠구조속에서원하는정보를쉽게찾아낼수있도록설계하는과정이다.

계층구조를설계할때폭과깊이간의균형을고려해야한다. 계층의폭(선택가능한분류)이지나치게넓거나단계(depth)

가너무많으면사용자는원하는정보를찾기위해많은메뉴사이에서오랫동안고민하거나수많은클릭을해야할것이

다.


웹구조: 웹구조는그림과같이각각의페이지들이페이지의텍스트에걸린링크에의해자연스럽게연결되는구

조이다

④컨텐츠구조설계- Card Sorting 법 : 컨텐츠의구조를설계할때카드소팅법은아주유용하다. 포함되어야

할모든컨텐츠들을카드로만들어컨텐츠구조를잡아나가면최소한의시행착오로원하는컨텐츠구조를잡을

수있을것이다. 카드소팅법은사용성평가(Usability Test)에서도많이사용하는방법으로컨텐츠분류가직관적

인지를테스트할때역으로사용한다.

선형(serial system)구조 : 선형구조는 페이지들이 직렬로

연결되어있는구조이다. 사용자의클릭에따라다음내용

으로넘어가게된다.

넓고얕은계층구조 좁고깊은계층구조

병렬(parallel system)구조: 병렬구조는같은수준의페이지

들이병렬로연결되어있는구조이다.

네네비비게게이이션션설설계계

Navigate/Navigation 단어의사전적의미는동사로항행하다, 비행하다, 명사로는조종, 항해라는뜻을가지고있다. 인

터넷을'정보의바다'라고하고웹사이트를보는것을‘서핑한다’라고부르게되면서네비게이션이란단어는 웹사이트의

이동수단, 경로를일컫는말로쓰이게되었다.

즉, 네비게이션이란‘웹사이트를탐색하는데필요한조종’을뜻한다고볼수있고, 웹사이트의브라우징에쓰이는모

든메뉴에해당하는단어로이해하면된다. 같은컨텐츠의계층구조라도네비게이션을어떻게설계하는가에따라서그

웹사이트는크게달라지게된다. 예를들면A라는메뉴와B라는메뉴가있을때A의하위메뉴를보고있다가B의하위메

뉴로수평이동이가능하게할것인지말것인지를고민하고설계하는것이네비게이션설계이다. 정보설계자는컨텐츠의

구조에서나타나는네비게이션의수많은가능성중에서사용자의입장에서가장쉽고편리하게이용할수있는네비게이

션시스템을고안해내야한다.

웹사이트에는많은네비게이션도구가존재한다. 이들은모두사용자들에게설계된컨텐츠의계층구조속에서페이지

의전후관계를보여주고현재위치를인지시켜웹사이트안에서길을잃지않도록하며, 사용자가편리하게원하는컨텐

츠를찾아갈수있도록하는데그목적을둔다.

웹에서는어떤네비게이션장치가가능한지알아보자.

((11)) 브브라라우우저저의의네네비비게게이이션션기기능능 ::우리가자주사용하는넷스케이프나익스플로러자체에도네비게이션기능이포함

되어있다. ‘이전’, ‘다음’과같은가장기본적인네비게이션과히스토리기능등이포함된다.

22)) 글글로로벌벌네네비비게게이이션션:: 글로벌네비게이션은웹사이트에서가장상위계층에속하는주요메뉴로구성된다. 글로벌네

비게이션은어떤컨텐츠에도달해도사용자가즉시이용할수있어야하며가장중요하고포괄적인메뉴들로구성되어야

한다.


익스플로러의툴바: '이전', '다음', '주소입력' 등의브라우징툴을제공한다.

IBM.COM의글로벌네비게이션

((33)) 로로컬컬네네비비게게이이션션 :: 로컬네비게이션은각각의메뉴에서그메뉴

에만해당하는네비게이션이다. 이네비게이션은어떤한메뉴의수직

적계층구조속에서만존재하며다른메뉴로이동했을경우사라질수

있다.

((44)) 하하이이퍼퍼텍텍스스트트 링링크크 :: 하이퍼텍스트링크로되어있는네비게이

션은계층구조에구애받지않고자유롭게이동할수있는경로를제공

한다. 이는 웹사이트의 유연성과 융통성을 강화시키며 사용자들에게

간단한정보나팁을제공할때많이사용한다.

((55)) 원원격격조조종종 네네비비게게이이션션 시시스스템템 :: 원격조종네비게이션은한페이

지에서다른페이지로바로이동할수있도록편의를제공하는네비게

이션체계이다. 가장 대표적으로쓰이는것이사이트맵이며, 이 외에

전체목록보기와풀다운메뉴(리스트박스)를이용한빨리가기메뉴가

대표적인원격조종네비게이션시스템이다.

a. 사이트맵- 보통사이트맵은거의모든메뉴를한페이지에서제

어할수있도록만들어진다. 이는여러단계의클릭을통해서만컨텐츠

를볼수있는불편함을해소하고원하는정보를보다빨리찾을수있

도록해준다는장점이있어, 대부분의웹사이트들이이를채택하고있

다.

b. 전체목록보기- 전체목록보기는사이트맵으로는해결하기힘

든복잡한링크들을어떤일정한체계로목록을보여줌으로써사용자

가원하는페이지를빨리찾을수있도록도와주는기능이다. 보통가

나다순, ABC순, 또는디렉토리를이용하여만드는것이보통이다.

c. 리스트박스- 리스트박스는중요한메뉴나같은성격의메뉴들

을곧바로링크할수있도록리스트박스에포함시키는네비게이션시

스템이다.


IBM 의로컬네비게이션

Korea.internet.com : 기사와 관련된 기사를 하이퍼텍스트 형태로

제공하여네비게이션의유연성을보강하고있다.

하이홈의사이트맵

네네비비게게이이션션다다이이어어그그램램만만들들기기

사이트의네비게이션시스템을설계할때네비게이션다이어그램을만드는것이좋다. 네비게이션다이어그램은순서

도와비슷한개념으로사용자가최초접속시부터원하는컨텐츠를얻을때까지의경로를다이어그램으로표현한것이다.


롯데인터넷면세점의네비게이션다이어그램

IInnttrroodduuccttiioonn ooff LLiivveeMMoottiioonn

11.. 인인터터페페이이스스 구구성성 // 라이브모션의 인터페이

스는크게상단의FILE로시작해HELP로끝나는

메뉴바와드로잉과네비게이션등의명령어를모

은 툴바, 그리고 실제 작업영역이 되는 중앙의

Composition 윈도우로 구성되어 있다. 그리고,

각종 세부 변수들이 있는 우측의 팔레트들과 오

브젝트를 기반으로 하는 슬라이드 메뉴 형식의

타임라인으로 구성되어 있다. 이는 어도비사의

다른제품들과유사한인터페이스구성을따르고

있어포토샵을다뤄본이들에게는쉽게친숙해질

수 있으며 특히 타임라인은 오브젝트마다 각 속

성을트랙으로구성하여플래시보다진보된형태

를취하고있다[그림➊].

그림➋는어도비의제품중라이브모션, 포토샵5.5 그리고일러스트레이터8.0의툴바의모습을비교한것이다. 그림

에서와같이어느한제품을사용해본이들에게는쉽게적응할수있는인터페이스를가지고있다.

라라이이브브모모션션만만져져보보기기글/ 방희종웹비주얼그룹Richblue 운영www.ipoint.pe.kr 사이트운영[email protected]본본내내용용은은임임프프레레스스웹웹디디자자인인1111월월호호에에서서발발췌췌하하였였습습니니다다..

Web Center

38


❶라이브모션의인터페이스구성 ❷각제품의툴바비교

멀멀티티미미디디어어시시대대에에걸걸맞맞게게종종전전의의HHTTMMLL 코코딩딩이이나나웹웹에에디디터터만만을을이이용용한한정정적적인인홈홈페페이이지지는는보보다다인인터터랙랙티티브브하하고고다다이이나나믹믹한한디디자자인인을을요요

구구하하게게되되었었고고,, 현현최최근근에에는는벡벡터터기기반반웹웹애애니니메메이이션션의의표표준준아아닌닌표표준준인인플플래래시시무무비비가가유유일일한한대대안안이이었었다다..

매매크크로로미미디디어어사사의의플플래래시시는는 9966년년출출시시이이후후로로전전세세계계모모든든웹웹시시장장에에서서독독보보적적인인위위치치를를차차지지하하면면서서현현재재그그판판매매량량덕덕분분에에한한국국지지사사를를설설

립립할할정정도도로로국국내내에에서서도도가가장장인인기기가가많많은은프프로로그그램램중중하하나나이이다다.. 포포토토샵샵으으로로유유명명한한어어도도비비사사는는얼얼마마전전부부터터매매크크로로미미디디어어사사에에의의해해선선점점

된된웹웹시시장장에에진진출출하하기기위위해해상상당당한한노노력력을을기기울울이이고고있있는는데데,, 그그히히든든카카드드가가바바로로웹웹애애니니메메이이션션저저작작툴툴인인라라이이브브모모션션이이다다..

Livemotion Photoshop Illustrator

22.. 라라이이브브모모션션vvss 플플래래시시 // 공식적으로플래시와비교해놓은내용들이많이소개되어있으므로여기서는구체적인비

교는생략하겠다. 전반적인사용소감을플래시와비교해보자면먼저타임라인이상당히진보된느낌이며오브젝트의각

특성별로트랙이생겨세부적인설정을보다빠르고쉽게해준다. 두번째매력은역시인터페이스의통일이다. 마치포토

샵, 일러스트레이터, 애프터이펙트를합쳐놓은것과같아어도비제품의사용자라면쉽게익숙해질수있을것이다. 세번

째는이펙트기능이상당히강력해졌다. 펜툴을이용한베지어곡선의드로잉과편집, 베벨등의3D 이펙트, Layer object

를이용하면그림자문자등을쉽게만들수있고, Distort 그리고포토샵의일부필터까지추가되었다. 하지만이효과는

결국Export시래스터이미지로변환되기때문에주의해서사용하여야한다. 플래시와비교해아쉬운점은비헤이비어부

분이좀부족하고, 사운드의편집기능그리고아직초기버전이라다른파일포맷과의호환에약간의문제를드러내고있

으며, 특히FLA와SWF를임포트할수없는것이아쉬운부분이다. 또한플래시보다좀더높은시스템사양을요구한다.

FFeeaattuurreess ooff LLiivveeMMoottiioonn

라이브모션은웹용이미지, HTML과이미지로구성된웹페이지, 플래시무비로구성된인터랙티브한웹사이트의제작

등여러가지목적에사용될수있지만역시가장큰목적은플래시무비(swf)로익스포트하는웹애니메이션이라할수있

다. 웹애니메이션제작시활용할수있는라이브모션의몇가지주목할만한특징들을살펴보자.

11.. 진진보보된된타타임임라라인인의의구구조조// 일부사용자들은라이브모션의타

임라인이처음보이는그복잡함때문에플래시보다불편하다는

말을 하지만, 3DS 맥스 등의 3D 애니메이션툴을 사용하고 있는

필자로서는보다진보된형태라는것을강조하고싶다.

▶라이브모션의타임라인은플래시와비교해동일하게오브젝

트에기반을두고있지만각오브젝트의속성마다트랙을두어세

부적인편집이가능하다는것이다. 즉, 그림➌을보면‘Circle’이

라는개체의속성을크게Transform, Object Attributes, Layer로나

눌 수 있다. Transform만 살펴본다면 이 개체의 변형의 속성을

Position, Object Opacity, Rotation, Skew, Scale로나누어각세부

트랙마다키프레임작업을할수있어보다세밀한애니메이션작

업을가능하게한다.

또한플래시의타임라인이프레임에그기반을두고있다면(대개의플래시작업은개체를만들고심볼을등록하고다

시불러와키프레임작업을하는좀복잡한수순을가지고있다) 라이브모션은시간에기반을두고있어최종적으로익스

포트시시스템의부하등여러이유로인하여초당프레임수(FPS)를조정하더라도처음작업된시간이변경되지않는이39 Adobe e-magazineMarch 2001

❸플래시와라이브모션의타임라인비교

점이있으며또한키프레임방식에기반을두고있어작

업과정이한결간단하다고볼수있다.

▶ 플래시의 무비클립 기능이 라이브모션에서는 인

디펜던트그룹이라는이름으로타임라인구조속에포

함되었다. 그림 ➍를 보면 좌측의 상위 구조에

GROUP-A 등여러개체가있는것을볼수있다. 물론

이인디펜던트그룹에서기본적인Transform 트랙이있

는것을볼수있다. 이 인디펜던트그룹“GROUP-A”

의하위개체에는“yellow-a”, “Yellow-p”, “yellow-M”이있고여기에각각의하위트랙을볼수있다.

이는각부분의움직임을종합한전체에독립적인움직임을줄수있는기능으로플래시는별도의윈도우에서편집하

는구조로되어있는반면에라이브모션에서는보다계층적인구조로타임라인윈도우에서작업을할수있게한것이다.

아쉬운점은개체별로보이게또는안보이게하는기능들을Object Layer 팔레트에서처리하지않고타임라인에서처

리한다던가, 각세부트랙클릭시이에상응하는팔레트

가하이라이트되는구조가아쉽다.

22.. 확확장장된된벡벡터터드드로로잉잉기기능능 // 라이브모션에는베지어

곡선을그릴수있는펜툴(플래시는최근의버전 5.0에

와서야가능하게된기능), 포토샵이나일러스트레이터

와거의동일한단축키를가지고편집할수있는팬셀렉

션툴, 그리고 포토샵의 펜툴보다 확장된 일러스트레이

터의Combine 기능이추가되었다.

▶그림➎는라이브모션내에서기본적인원으로부터

시작하여 이를 Pen selection tool을 이용하여 Anchor

point와handle을조정하여하트의개체로변환한것이다.

이처럼 라이브모션은 펜툴을 이용하여 보다 다양한

개체의 드로잉과 편집이 가능하다. 또한 라이브모션은

일러스트레이터의 Path finder에있는Combine 기능을

그대로가져와보다확장된편집이가능하다.

▶그림➏에서처럼Combine은두개이상의개체를

조합해복잡한개체를쉽게만들수있는명령이다. 사

실 일부개체는펜툴을이용하더라도상당한작업시간40 Adobe e-magazineMarch 2001

❺ 라이브모션의 펜툴을 이용한

드로잉과편집

❻Combine을이용한로고드로잉

❹인디펜던트개체의타임라인

을요하는것들이많은데이Combine 명령을이용하면

쉽게해결되는경우가많다.

Combine은 우리가 중학교 수학시간에 배운 집합의

개념으로이해하면된다. 집합을설명하면서두개이상

의집합을합하고, 빼고, 교차되는다이어그램을보았을

것이다. 이처럼Combine은 3D의불린연산처럼개체를

합하고(Unite), 빼고(Minus), 교차시키는(Intersect) 방법

으로편집하는명령이다.

▶그림➐은주황색의사과개체와파란색의원개체

에(첫번째원본그림으로미루어봤을때파란색의원보

다 주황색의 사과가 아래에 있음을 알 수 있다) 각각

Combine 명령을적용했을때다섯종류의결과를보여

주고있다.

이처럼Combine 명령을이용하면다양한편집이가

능해지고벡터개체에만적용되는것이아닌텍스트나

심지어비트맵개체에도적용이가능하다. 하지만주의

할것은텍스트나비트맵개체에이명령을적용하거나

Combine중 Unite with Color 명령은최종 SWF로익스

포트시비트맵으로전환되니유의해야한다.

33.. 다다양양한한이이미미지지편편집집기기능능 // 라이브모션은포토샵의

상당수의이미지처리기능을가지고왔다. 하지만기본

적으로포토샵과달리픽셀을세부적으로선택할수있

는기능이없으므로편집에제한을받고있는데필자의

생각으로는이런부분을과감히빼무게를줄이고웹애

니메이션부분에더치중을하는것이괜찮지않을까조

심스럽게생각해본다.

▶ 그림 ➑에서 A는 벡터개체에 선형 그라데이션을

주고 B는 여기에 3D 효과인 엠보스를, C는 여기에

DISTORT 변형인Twirl 효과를, D는A개체에그라데이션

대신Texture로채운것이다.41 Adobe e-magazineMarch 2001

❼각Combine 명령의결과를보여주고있다.

❽벡터개체의다양한이미지효과

❾이미지개체에대한다양한효과

이처럼라이브모션은벡터객체에다양한이미지효

과를줄수있지만최종 SWF로익스포트시 B, C, D는

비트맵으로변환되므로주의를해야한다.

▶또한라이브모션은비트맵개체를불러들인경우

기본적인컬러나크기뿐만아니라포토샵의거의모든

필터를사용할수있는기능을제공한다.

그림 ➒에서 B는 원본에 Brightness, Contrast,

Saturation, Tint의값을조정해모노톤의이미지로변형

했고C는여기에필터중Graphic pen을이용하여변형

해 본 모습이다. 라이브모션에는 오브젝트 레이어라는

개념이있는데포토샵의레이어와그용도가틀려처음

에는이해하기쉽지않지만웹용이미지나롤오버버튼

작업시유용하게사용할수있다.

▶그림➓은하나의개체를오브젝트레이어팔레트

에서 4개로복사한후각오브젝트레이어마다다른효

과를주어최종적으로그림과같은결과를얻었다.

▶그림 은레이어팔레트의Softness를이용해각

시간마다그양을달리해효과를준것이다. 하지만이

런효과는결국 SWF로익스포트시비트맵으로변환을

시키고, 이양을시간마다달리했다면결국각프레임마

다이미지가한장씩익스포트되어파일용량에부담을

줄수있으니주의해야한다.

CCrreeaattiivvee SSiimmppllee MMoovviiee

11.. 드드로로잉잉하하기기// 이번에는기본적인변형, 즉이동, 회전, 스케일조정, 불투명도만으로이루어진간단한무비를만들어

보자. 대개의인트로무비는각개체가하나씩나오면서최종의모습을보여주는비교적간단한구성을가지고있다. 만약

이러한구성을가진다면최종상태를모두드로잉한다음개체별로움직임을주는것이보다작업하기가쉽다.

▶그림 는최종완성된모습을보여주고있다. 이제부터이각각의개체들의위치와크기를잡아그려보자.

①File�new를이용하여새로운창을열어보자. 가로와세로의크기는400×300픽셀(만약이플래시무비를웹문서에

삽입할의도라면이무비는모두벡터개체로이루어져있으므로크기는다시바꿀수있다)로하고컬러팔레트를이용하42 Adobe e-magazineMarch 2001

❿오브젝트레이어를이용한편집

Softness를이용한편집

여배경색을검정색으로하자[그림 ]

② 먼저 좌측의 도넛(편한 순서대로 그려도 무방하

다)부터그려보자. Ellipse Tool을이용하여원을그린다

음([Shift]를 누른채드래그하면타원이아닌원을쉽게

그릴 수 있다) Properties 팔레트에서 Outline을 선택한

후두께를 36으로해서 9pixel로하고그림 처럼위치

와크기를맞춰보자.

③이번에는펜툴을이용하여바늘모양의개체를그

려보자.

개체가 작으므로 충분히 확대한 상태에서(라이브모

션은플래시와는달리줌인을하면개체가벡터임에도

불구하고표면이거칠어보인다. 이는아마디스플레이

속도를높이기위한방편인듯하다) 펜툴을이용하여그

림 와같은개체두개를만든다.

필요하다면Pen Selection Tool을이용하여조절점들

을편집할수있다.

④그림 과같이텍스트입력툴을이용하여텍스트

개체를 그려보자. 라이브모션의 텍스트는 플래시와 달

리글자별로움직임을주어도텍스트개체의속성을그

대로유지해서나중에글자의모양등을다시수정할수

있는이점이있다. 그런다음글자‘apm’은글자별로움

직임을줄것이므로Object�Break Apart Text라는명령

으로분리시킨다. 이제드로잉은모두끝난것이다. 이

제부터각개체에움직임을주어보자.

22.. 모모션션편편집집하하기기//시간의흐름에따라개체에움직임을주어보자.

①처음엔바늘모양의개체가회전을하면서서서히나타나는편집을하도록한다. 회전을하는움직임을주기위해서

는회전축을먼저설정해야하는데선택툴이선택된상태에서[Ctrl]을함께누른채드래그하면중심축을쉽게바꿀수있

다. 0초와3초에Opacity와Rotation 트랙에키프레임을만들고편집을시작해보자.

②그림 과그림 은바늘개체가0초와3초일때의세부속성들을보여주고있다. 우리는0초와3초각각의키프레

임값을수정하고나머지중간은라이브모션이알아서계산(Tweening)하는키프레임방식의움직임을줄것이다.43 Adobe e-magazineMarch 2001

최종완성된모습 작업윈도우를만든모습

도넛모양의개체를그리는모습 펜툴을이용한드로잉

텍스트개체의드로잉

먼저Transform 팔레트를보면회전이0초일때360도에서3초일때0도로바뀌어시계방향으로3초동안360도회전

하는것을알수있다.

또한Opacity 팔레트를보면0초일경우Object Opacity가0으로되어있어100% 투명하고3초일경우Object Opacity

가100으로되어있어개체가완전히나타나는설정을한것을알수있다

이과정이이해가되었으면나머지몇개의개체도기본적인움직임과스케일을이용하였으므로최종씬을보고만들

수있을것이다

③이번에는‘pm’텍스트를가지고움직임을주어보자.

먼저처음으로보이는개체‘a’에모션을부여하자. 그림 의타임라인을보면개체Yellow ‘a’의키프레임이Object

Opacity와Scale에4초와4.6초에위치되어있는것을볼수있으며4초에는수직방향의크기가306이고불투명도가0으

로설정되었으며4.6초에는수직방향의크기가55이고불투명도가100으로되어4초에서4.6초동안개체가위아래로줄

어드는동시에불투명해지면서움직일것이라고예상할수있다.

개체‘a’에움직임을주고나면개체‘b’, ‘c’에도간격을두고움직임을주어야하는데텍스트가긴경우이런작업은

손이많이가게마련이다. 이럴경우이미움직임을준개체‘a’를Edit의Copy 명령으로클립보드에복사한후개체‘p’

를선택하고Edit�Paste Object Animation을실행하면클립보드에복사된개체‘a’에대한움직임만이개체‘p’와‘m’에

복사되므로상당한작업량을감소시킬수있다. 그런다음각각의개체의시간에대한간격을조정하면작업시간을상당

히단축시킬수있다.

그림 은각개체‘a’, ‘p’, ‘m’이타임라인에서얼마의간격을주고진행되는지를보여주고있다.44 Adobe e-magazineMarch 2001

0초일때바늘개체의세부속성 3초일때바늘개체의세부속성 텍스트개체‘a’의설정

33.. 플플래래시시무무비비로로EExxppoorrtt하하기기 // 이제최종적으로드로잉과움직임을끝냈으니SWF

로내보내서확인해보자. 여기서는벡터개체만사용했으므로익스포트윈도우에서파

일포맷만swf로해주고다른것은별도의설정이필요없다[그림(21)].

참고로라이브모션은무비에비트맵이포함되었을경우각개체별로JPG, GIF 그리

고압축률과색상수까지설정할수있어파일을최적화하는데보다유연한방법을제

공한다. 그림(22)는최종무비를1초부터6초까지1초간격으로캡쳐한것이다.


각개체‘a’, ‘p’, ‘m’의간격 (21)익스포트하기전모습

(22)최종무비의애니메이션

상을편집하기위해서는, 먼저촬영된영상을모니터링하여사용하지않는부분을제외하고편집에사용할영상소

스만을선택하면서캡쳐할구간을정해야한다. 캐노퍼스사의DVRaptor/DVStorm-RT, DVRex-M1(RT)과피나클

사의DV300(200), DV500, 매트록스사의RT2000 등 DV 입출력을지원하는대부분의디지털전용편집카드들은디바이

스컨트롤(Device Control)을지원하므로재생측기기를제어하는배치(Batch) 캡쳐가가능하다.

배치캡쳐는촬영된자료중에서사용하고자하는영상자료들만을인/아웃점으로지정한후, 한번에필요한장면만을

선택하여캡쳐하는방법이다.

예전의아날로그의컨트롤러와(RM) 같은기능을수행한다. 그러나M-JPEG 압축코덱을사용하는일반적인아날로그

편집카드들은업무용을제외하고는대부분이디바이스컨트롤을지원하지않으므로배치캡쳐를사용할수없다. 특히

아날로그편집장비들은캡쳐를실행하기전에A/V 케이블연결상태를확인하고, 특히영상입력케이블은가급적이면S-

케이블을사용하여야하며, 오디오케이블은입력과출력단자를바꿔서연결하지않아야한다.

DVRex-RT, miroVIDEO DC50이나ReelTime 등의업무용장비에서는업무용입출력단자인컴포넌트와오디오캐논

잭을사용하므로소스선택설정화면에서사용하는입력소스를정확하게지정해주어야한다.

캡쳐는대부분프리미어에서가능하나, 가급적이면업체에서제공하는전용캡쳐프로그램을사용하는것이훨씬효과

적이다.

디지털편집을위한캡쳐에서도JPEG 압축을사용하는아날로그편집방법과IEEE1394 인터페이스의 iLINK 케이블을

사용하는DV 코덱의캡쳐방법이있다. JPEG 압축은2.0:1의고화질압축에서부터100.0:1의저화질압축까지다양한형

태의압축옵션과해상도(화면크기)를설정할수가있으나, 최근에는대부분압축율(5.0:1DataRate3,600)이고정되어있

는DV 압축코덱을주로사용하고있다.

iLINK를이용한DV 압축방법은이론적으로는손실압축이라고하나실제로는전송이라는개념으로생각해도좋을만

큼의뛰어난화질을보여주며수차례의반복적인편집과저장후의캡쳐에서도변함없는화질을유지한다. 멀티미디어에

사용하는시네팩이나인텔인데오등의압축코덱은점차사용자층이감소되고있으며, 인터넷동영상용도의MPEG4 압

축코덱이차츰그용도를넓혀가고있는추세이다.

캡캡쳐쳐((CCaappttuurree))글/ 박영근하이텔비디오창작동호회(VCC) 기술시삽(1993-2000)현하이텔비디오창작동호회(VCC)기술고문(2000)디지털영상편집장비전문테스터디지털영상편집교육전문가디지털영상편집기술자유기고가(주)하나DV 기술고문상희영상연구소대표저서 � 프리미어실전활용�

http://[email protected]본본내내용용은은임임프프레레스스디디지지털털무무비비11월월호호에에서서발발췌췌하하였였습습니니다다..

영영

Motion Center

46


11.. 프프리리미미어어에에서서의의캡캡쳐쳐


풀다운메뉴의Capture � Movie Capture를실행한다.

캡쳐방법에는일반적인무비캡쳐(Movie Capture)를비롯하여, 지

정한구간만을연속적으로캡쳐하는배치캡쳐(Batch Capture), 정

지화를 캡쳐하는 스톱모션(Stop Motion), 사운드만을 캡쳐하는 오

디오캡쳐(Audio Capture) 등이있다.

프리미어에서처음으로사운드캡쳐를실행하면사운드캡쳐를실

행할프로그램을선택할수있는대화상자가나타난다.

대화상자에서시스템에설치되어있는사운드포지(Sound Forge) 등

의프로그램이있는곳으로이동하여, 그림과같이사운드편집프로

그램을지정한다.

시스템에사운드전용프로그램이없을때에는윈도우98에기본적

으로설치되어있는녹음기(Sndrec32.exe)를지정하여사용한다.윈도우98에기본적으로설치되어있는녹음기

그외에도사운드의캡쳐는무비캡쳐에서레코드비디오의체크를

해제하고레코드오디오만을체크하면사운드만캡쳐할수가있다.

무비캡쳐를이용한사운드캡쳐화면 무비캡쳐에서캡쳐한사운드의저장은 윈도우웨이브(WAV) 형식으

로저장하여야한다.

11.. 배배치치캡캡쳐쳐((BBaattcchh CCaappttuurree))

22.. 무무비비캡캡쳐쳐((MMoovviiee CCaappttuurree)) 방방법법


메뉴의Capture � Batch Capture를실행한다.

Add를 클릭하면 클립 캡쳐 파라미터(Clip

Capture Parameters) 설정화면이나타난다. 릴네

임을비롯하여파일이름과자료에대한보충설명

들을입력한다. 촬영된 자료들은사전에 모니터

링후작성된편집카드나클립리스트를참고하

여인/아웃점을입력한다.

편편집집리리스스트트가가준준비비되되지지않않았았을을때때사사용용법법

배치캡쳐를실행하고, 다시무비캡쳐를실행하여디바이스컨트롤을사용하여인/아웃

점을 설정한 후에 로그인/아웃(Log in/out)을 클릭하고 파일이름과 보충설명의 내용을

입력한후OK를클릭하면배치캡쳐리스트에자동으로등록된다.

→

메뉴의Capture � Movie Capture를실행한다. 캡쳐윈도우가나타나면캡쳐창에서오른쪽마우스버튼을클릭하

여레코딩(Recording) 옵션을실행한다.설정창이나타나면자신이보유한편집카드의매뉴얼을참고하여캡

쳐옵션을설정한다. 캡쳐방법은사용중인편집카드에따라서설정

내용이나캡쳐방법이모두다르기때문에국내에가장많이보급되

어있는Canopus DVRaptor/Rex-RT, miroVIDEO Series의캡쳐방법

을별도로설명하도록하겠다.

22.. DDVVRRaappttoorr 전전용용캡캡쳐쳐프프로로그그램램에에서서의의캡캡쳐쳐


레코딩옵션을실행하면아래그림처럼프로젝트캡쳐세팅화면이나타난다. 프리미

어에서사용하는기본적인캡쳐세팅화면이다. 비디오포윈도우(VFW)를클릭하여압

축코덱과캡쳐사이즈등을설정한다. Capture Video와Capture Audio가체크되어있지

않으면, 해당항목은캡쳐하지않으며, Capture Limit 항목에체크를하고시간을입력

하면입력된시간만을캡쳐하고자동으로종료한다. 비디오포윈도우(VFW)의설정화면이다. 비디오포맷(Video Format)을비롯하여압축

코덱등을설정한다. 비디오포윈도우(VFW)의설정은설치되어있는편집카드의종류

와작업하는용도에따라서모두다르기때문에DVRaptor와miroVideo DC30 plus를기

준으로각카드의캡쳐와설정방법에대하여설명하겠다.

DVRaptor 캡쳐전용프로그램인 RapVideo 의 캡쳐

화면이다. 캡쳐할 파일이름을 지정하고 그림 왼쪽

아래에있는 [R]을클릭하면캡쳐가시작된다. 캡쳐

중에 스페이스바를이용하면캡쳐일시정지가가능

하므로컷편집형태의캡쳐가가능하다.

RapVideo에서캡쳐시에사용하는제어판이다. 디바이스컨트롤을설정하면그림의리모콘을이용하여디지캠이

나/VCR을제어하여일반적인재생, 정지, 일시정지, 프레임탐색, FF, REW 등의모든기능을수행할수있으며특

히Sync Rec를이용하여오차없는정밀한프레임녹화가가능하다.

RapVideo에서 각종 설정내용을 확인

하거나변경할수있는세팅옵션들이

다. Capture as reference AVI file을 체

크하면참고파일을만들면서2GB이상

의AVI 파일의캡쳐가가능하다.

↑↑ ↑↑오디오레벨미터 캠코더/VCR 리모콘

11.. 배배치치캡캡쳐쳐((BBaattcchh CCaappttuurree)) 22.. RRaappttoorr NNaavvii 실실행행화화면면 33.. 심심리리스스캡캡쳐쳐((SSeeaammlleessss CCaappttuurree))

50 Adobe e-magazineFebruary 2001Adobe e-magazineMarch 2001

RapVideo에서 Play List를 실행하면그림처럼배치캡쳐나심리스

캡쳐를할수있는캡쳐창이새롭게나타난다. 리모콘을이용하여

재생/정지/FF/REW 등으로 테이프를 제어하면서 인/아웃점을 지정

한다. 인/아웃지정이끝나면Insert를클릭하여리스트창으로임포트

한다.

필요하면위의순서대로편집리스트를작성한후다시Insert를실행

한다. Batch Capture는 RapNavi 프로그램을이용하여사전에각테

이프에들어있는씬의내용을리스트로작성하여두고필요시배치

캡쳐를이용하여캡쳐하는것이효과적이다.

Rap Navi를 이용하여각씬의내용을리스트로만들어서저장하고

필요시에배치캡쳐를이용하여캡쳐할수있다. 촬영된테이프에고

유의일련번호를부여하고Rap Navi에서리스트를작성하여보관하

면많은수의자료테이프를데이터베이스화하여저장할수있으므

로추후필요한자료를검색하는데효과적으로사용할수가있다.

DVRaptor를 이용한 배치 캡쳐나 심리스 캡쳐를 위해서는 사전에

Raptor Navi를실행하여영상의내용들을스캐닝하여리스트로만들

어저장한후에만들어진리스트를활용하여배치캡쳐나심리스캡

쳐시에활용하는것이효율적이다.

① DV 테이프를디지털캠코더또는 VCR에삽입하고 Auto 버튼을

클릭한다.

② 녹화된부분의검색이완료되면 저장을선택하여검색된자료

의리스트를저장한다.

테이프의타임코드가깨져있을때에는자동검색을수행할수없다.

이러한경우에는수동으로인/아웃점을지정하여리스트를만들수

가있다.

드라이브에서캡쳐할순서대로하드를지정하고파일이름을입력한

다. Add를클릭하여편집창에등록한다. 위의순서대로다시나머지

하드를지정하고파일이름을적은후에Add를실행하여편집창에등

록하는과정을반복한다. 편집창에는각각의하드에서캡쳐할수있

는시간이별도로표시되고아래부분에는각각의하드를모두합친

용량과캡쳐할수있는전체시간이표시된다. 심리스캡쳐를이용하

면최대 180분(3시간)을한번에캡쳐할수있다. 편집리스트가작성

되면캡쳐를클릭한다.

심리스캡쳐에서캡

쳐를실행하면나타

나는 심리스 캡쳐

창이다. 불필요한

영상이입력될경우

에는 Pause를 클릭

하면캡쳐가일시정

지한다. 다시 한번

Pause를 클릭하면

다시정상적인캡쳐

가시작되며, Pause를사용하여도연결부분에는전혀문제가없다.

하드의용량대로캡쳐를실행한후남아있는용량이없을경우에는

자동으로캡쳐를종료하게된다.

dobe Acrobat과Acro

bat Business Tool의

북마크를 사용하면 일반 종

이 책갈피와 마찬가지로 나

중에 다시 불러들이거나 되

돌아갈 문서의 페이지를 표

시할수있습니다. 또한북마

크는 페이지의 확대 화면을

표시할수있으며, 당신과당

신의 독자가 그래픽이나 문

서의다른특정부분으로곧

장이동할수있도록해줄것

입니다.

http//www.adobe.com/epaper/tips/acbkmrk/main.html본본내내용용은은AAddoobbee..ccoomm에에서서발발췌췌하하였였습습니니다다..

AA

Acrobat Center

51


PPDDFF 문문서서에에북북마마크크설설정정하하기기


제제11단단계계.. �북마크� 팔레트를나타나게합니다.

탐색판을 나타나게 하려면 화면 상단의 � 숨기기/감추기 탐색창

Show/Hide Navigation � 단추를클릭합니다. 북마크는탐색판속의

�북마크� 팔레트에나타납니다. �북마크� 팔레트를맨앞창에놓

으려면�북마크� 탭을클릭하십시오.

제제22단단계계.. 북마크의제목이될텍스트를선택합니다.

먼저북마크의제목으로삼고자하는텍스트를선택합니다. 이는시

간을절약하고철자오류를방지해줍니다. 그다음도구막대에서텍

스트선택도구를선택하고 I-빔형태의마우스포인터를페이지로

이동한후북마크의제목으로강조할텍스트를드래그합니다. 텍스

트를강조하는데문제가있을경우Option/Ctrl키를누른채텍스트

주위에박스를드래그합니다.

여기서“Option/Ctrl"은 메킨토시의 Option, 윈도우스의 Ctrl을 뜻합

니다.

제제33단단계계.. 북마크를만듭니다.

�북마크� 팔레트의오른쪽위구석에있는삼각형마크를클릭하여�

북마크� 팔레트메뉴가나타나면 �새북마크�를선택합니다. 제목으

로강조된텍스트와함께새북마크가나타날것입니다. 기본적으로새

북마크는스크린에나타난현재페이지화면에연결되도록설정되어

있습니다. 북마크텍스트를선택해제하려면북마크아래있는빈공간

을클릭합니다. 또한Command/Ctrl+B를눌러책갈피를만들수도있

습니다.

제제 44단단계계.. 이제페이지의확대된화면으로연결하는북마크를만드

는방법을배워보기로합니다. �북마크� 팔레트메뉴에서 �새북

마크�를선택합니다. 제목이없는새북마크가당신이만든가장최

근의북마크아래에생길것입니다. 새북마크의제목을입력하십시

오. 그리고북마크텍스트를선택해제합니다.

제제55단단계계.. 북마크지점을설정합니다.

당신이방금만든북마크를선택하고북마크지점으로만들고자하

는페이지로이동합니다. 확대도구를선택한후, 확대하고자하는페

이지의영역주위로박스(marquee 도구)를드래그합니다. 스크린상

의현재화면으로북마크지점을재설정하려면 �북마크� 팔레트메

뉴에서�Bookmark Destination �을선택한후�예�를클릭합니다.

이외에도 미리설정된 확대 메뉴를 제공하는 �Bookmark

Properties� 대화상자를사용하여책갈피지점을설정할수있습니

다. 북마크가정해졌다면 �북마크� 팔레트메뉴에서 � Bookmark

Properties �를선택합니다. 대화상자에서 �Action Type�을선택하

고 �Edit Destination�을 클릭합니다. � Magnification �을 선택한

후�Set Aucton�을클릭합니다.

제제 66단단계계.. 북마크를만든다음, 그것이올바른지점으로찾아가는지

확인해봅니다. 먼저당신이북마크로지정한곳이아닌다른페이지

나화면으로이동합니다. 도구막대에서손모양도구를선택하고북

마크를클릭하면해당주제로이동할수있습니다.

또한북마크는독자의관심을다른Adobe PDF 문서나PDF가아닌문서, 또는웹페이지로유도하는데도유용합니다.

이외에도북마크로메뉴아이템실행, 영화나사운드의재생, 양식제출등을할수있습니다. PDF 문서에서북마크를설

정하는방법에관한좀더상세한설명은Adobe Acrobat 4.0 Classroom in a Book. 을참조하십시오.

http://www.adobe.com/products/cib/main.html

이이선선도도적적인인퍼퍼포포먼먼스스예예술술가가는는고고대대예예술술의의형형식식을을새새로로운운매매체체와와결결합합시시킨킨다다..

이나애츨리(Dana Atchley)는스토리텔링이오늘날에도매우중요한의미를갖는다고말한다. “스토리텔링은하나

의문화로서또는개인으로서우리가우리자신이누구인지를정의하는방법이죠. 그것은우리가무엇에관심을가

지고, 어디로가고있으며, 어디에있었는지를정의하는방법이지요. 스토리텔링은언제나지식을구체화하는중요한수

단이었어요. 하지만스토리텔링은오늘날특히가치있는것이되었죠. 우리사회는너무나다양하고다문화적으로변모

했기때문에모든개별문화들과신념들에대해통찰력을잃기가쉬워요. 이야기들은우리가그런것들을기억하도록도

와주죠”

스토리텔링에 대한 애츨리의 접근법은 전통적인 동시에 비전통적이다. 많은 찬사를 받은 애츨리의 넥스트 엑시트

(Next Exit) 퍼포먼스는그자신의인생에서나온60여개의얘기들로이루어진풍부한자전적이야기이다. 그는또한코카

콜라나프라이스워터하우스쿠퍼스(PricewaterhouseCoopers) 같은대기업들이그들의이야기를할수있도록도와주기

도했다. 애츨리는그가하는일을디지털스토리텔링이라고부른다. 그의작업에사용되는도구들에는컴퓨터, 스캐너,

옛날사진들, 애니메이션, 비디오그리고어도비프리미어(Adobe Premiere), 어도비포토샵(Adobe Photoshop), 어도비

이미지레디(Adobe ImageReady™), 어도비애프터이펙트(Adobe After Effects) 등이있다.

넥스트엑시트는은판사진술에서디지털비디오에이르기까지약25가지유형의매체들로이루어져있다. 그가선보

DDaannaaAAttcchhlleeyy

데이나애츨리(Dana Atchley)

데데

Gallery

53


http//www.adobe.com/motion/gallery/atchley/main.html본본내내용용은은AAddoobbee..ccoomm에에서서발발췌췌하하였였습습니니다다..

어어도도비비제제품품들들은은내내인인생생을을바바꿔꿔준준도도구구들들이이죠죠 - 데이나애츨리

인상호작용하는극장식퍼포먼스는스토리텔링의한가지형식으로, 퍼포먼스예술, 회고록, 스탠드코미디, 다큐멘터리

영화의혼합물이다.

“애츨리는상호작용하는멀티미디어가퍼포먼스예술가들을위해기여할수있는것을정확히파악했다. 넥스트엑시

트에서가장중요한요소는감동적인내용이다. 이는멀티미디어가개인적인표현매체가될것임을가장설득력있게입

증하고있다”. 라고마이크로타임즈(Microtimes)지(誌)는넥스트엑시트에대해서말했다. 그리고 샌프란시스코이그재

미너(San Francisco Examiner)지(誌)는작품평에서“넥스트엑시트는아직마음에도달하지못한이분야의많은퍼포먼

스예술가들에게한가지교훈을강조하고있는데, 그것은컴퓨터가중요한수단이될수없다는것이다. 컴퓨터는창조적

인정신을담기위한텅빈석판이되어야한다." 라고말했다.

넥스트엑시트퍼포먼스에서애츨리는영상으로표현된모닥불옆에있는통나무위에앉아있다. 그의뒤에있는커다

란스크린은디지털이미지들이투사되는캔버스로사용된다. 차례차례재미있고감동적이며놀라운이야기들을전개하

는동안, 애츨리는매킨토시G3 휴대용컴퓨터를사용해서이미지들의흐름을조정한다. 그는정기적으로세계각지의주

요영화제, 회의, 박람회, 기타이벤트에서퍼포먼스를한다.

콜로라도의크레스티드버트(Crested Butte)에서매년성황리에열리는애츨리의디지털스토리텔링페스티벌(Digital

Storytelling Festival)은퍼포먼스예술가이자디지털스토리텔링이라는매체를소개하는사람으로서그의선구적인역할

을입증해주고있다. 이센터는, 디지털스토리텔링이라는예술을사람들에게소개하고가르쳐주기위해고안된지역출

장소계획들이나워크샵들을포함하는그해의특별이벤트의근거지가되고있다. 뿐만아니라이곳을중심으로매년애

츨리의스토리텔링페스티벌이개최된다.

그의작품과워크샵들을웹상으로옮기는것은애츨리에게는자연스러운일이다. “우리는웹사이트상에서주고받을

디지털스토리를시작할계획입니다. 웹사이트상에서사람들은상호작용워크샵들과트레이닝그리고디자인예들을접

할수있고이러한스토리텔링도구들을사용하는법을배울수있죠”

애츨리가이야기를전개하는데첨단기술을처음사용하기시작했을때그가사용할수있었던유일한디지털도구들은

너무비용이많이들고제한된기능만을제공하는특허시스템들이었다.

“어도비도구들이없었다면솔직히디지털스토리텔링은불가능했을거예요. 새로운어도비프로그램들이나오면서

내게필요한것들이갖춰지기시작했죠. 나는매일포토샵을사용해요. 구성을하는데있어내가가장좋아하는도구는애

프터이펙트(After Effects)예요. 애프터이펙트는무한한가능성을주죠. 그리고웹기반의매체들을다루는데는이미지레

디(Adobe ImageReady™)가정말훌륭한도구죠. 이번에나는프리미어(Premiere) 최신버전의새로운가능성들을실험

해보고있어요. 어도비제품들은내인생을바꿔준도구들이죠" 라고애츨리는말한다.


고고인인을을기기리리며며데이나 윈슬로우 애츨리 (DanaWinslow Atchley III)1941년4월15일- 2000년12월13일

“디지털스토리텔링" 운동의아버지로알려진 데이나 애츨리의 경력은 거의60여년에달한다. 그러나아마도그는최근의자전적인공연“넥스트엑시트"를통해가장널리알려졌을것이다. 데이나 애츨리의 생애를 기리기 위한추도식이 2001년 1월 28일, 일요일에샌프란시스코의 포트 메이슨 센터(Fort Mason Center) 코웰 극장(Cowell Theater)에서열렸다.

웹웹상상의의넥넥스스트트엑엑시시트트

방문자들이 애츨리의 웹사이트(Atchley's Web site)에

서경험하는디지털스토리들가운데는넥스트엑시트같

은 퍼포먼스들이 있다. 그는 디지털 스토리텔링을 웹의

잠재력, 파급범위와결합시키는일을계속하고싶어한다.

“우리는 웹사이트를 사람들이 디지털 스토리들을 나눌

수있는장소로만들계획이예요. 사람들은우리의활동

들을알기위해서뿐만아니라, 그들만의디지털스토리

제작방법을개발하기위해어떻게어도비도구들을사용

할수있는지배우기위해서웹사이트를방문할수있을

거예요”

더많은디지털스토리텔링을접해보려면애츨리의디

지털 드라이브 인(Digital Drive-In.) 극장을 방문해보기

바란다.


붉붉은은머머리리콜콜라라주주((RReeddhheeaaddss CCoollllaaggee))

많은찬사를받았던애츨리의붉은머리(Redhead) 이

야기는그의어머니가참여했던워크샵후에시작되었다.

학생들이이런워크샵에서배우는것중하나는스토리텔

링의힘이다. “스토리를만들어내는것은우리학생들이

직면하는가장어려운일이죠”애츨리는말한다. “당신은

정말훌륭한스토리의일부를가지고있을수있어요. 하

지만 그것은 당신이 좋은 스토리를 만들어낼 수 있다는

것을의미하지는않죠. 당신은사진이나영상물, 음성들

로이루어진그스토리들를그이상의것으로이해할수

있어야해요. 당신이오래된기록들을이용해서스토리를

구성하는순간당신은각각의기록들을더잘이해할수

있게되요. 우리할머니의땋은머리는사라지지만이야

기는 남아있겠죠. 그리고 어떻게 보면 그녀의 이야기는

영원히살아있을거예요”


실실제제이이야야기기

애츨리는디지털스토리를말하기위해서일련의매체

들을결합시킨다. 오래된편지들, 사진, 엽서, 오디오, 비

디오들은 그가 재료로 사용하는 매체의 일부일 뿐이다.

“우리는과거로부터너무나많은정보를접할수있는시

대에 살고 있어요" 애츨리는 이렇게 말한다. “스토리 구

성, 제작은오래된기록들을이해하는최상의방법이될

수있죠”이이미지는아이리스벨(Iris Bell) 가문의오래

된기록들을사용해서제작되었다. 아이리스벨의아버지

는2차대전중에6개의코카콜라병들을운반했는데, 이

는코카콜라를위해제작된36개의독창적인이야기들가

운데하나에나타나있다.

체체너너리리스스쿨쿨((CChheenneerryy SScchhooooll)) 11994488

애츨리의가장감동적인이야기들중상당수는기억을

불러일으키는이미지들에의존하고있다. 이들은애츨리

자신의생애에서혹은다른사람의생애에서나온이미지

들이다. 애츨리의 디지털 스토리텔링 스타일은 그에게

“기억발굴자”라는호칭을가져다주었다. “그건내가하

고있는일을정확히표현한말이죠”그는이렇게말한다.

“나의작업에서는기억이정말중요해요. 어떤사건에대

한한사람의기억은다른사람들의기억과다를거예요.

그래서내가포토샵에서하는작업이내가만드는장면에

필수적인거죠. 나는하나의이미지를택해서그것을잘

처리해요. 그래서당신은원래의이미지와새로운디지털

이미지를가지게되죠. 난나자신을비롯한한사람의기

억들과다른사람들의감정, 기억들을불러일으키는이미

지들을만들수있어요”


66난난파파((難難破破))((SShhiippwwrreecckk))

이 이미지에뒤이어애츨리가족들생애의극적인순

간들을조명하는이야기가시각적, 청각적으로전개된다.

“나는할머니가가지고있던사진들에색깔을입히고할

머니의인생에서난파당한일이어떤역할을했는지이야

기해줄요소들을추가했어요. 남중국해에서난파당한일

은 그녀가 우리 할아버지와 결혼을 결심한 이유가 되었

죠. 그래서나는내가옆에서볼수없었던사건에게다시

생기를불어넣을수있었어요. 이것이내가하는일의가

장만족스럽고도매력적인면들중하나죠"

광광고고주주:: 코코카카콜콜라라

디지털 스토리텔링은 애츨리로 하여금 기업광고계와

예술계사이를쉽게넘나들게했다. 그의작품은코카콜

라같은대기업들이고객에게“감동적인인상"을남김으

로써고객과의좋은관계형성에도움을준다. “코카콜라

같은회사들은고객과의관계를강화하기위한새로운방

법을찾고있어요. 고객과의관계를강화하는최상의방

법중하나는정서적인영역에속해있죠" 라고애츨리는

말한다. 이 이미지는 데이나 애츨리 프로덕션(Dana

Atchley Productions, Inc.)의 수석 애니메이터 조 싱어

(Joe Singer)에의해제작되었다. 코카콜라세계(World of

Coca-Cola) 프로젝트에서조는일상적인물건들을스캔

해서 포토샵과 프리미어를 사용해 독특한 애니메이션을

만들었다.

는지도를좋아한다보이스카웃을하면서경험한오리엔티어링의영향도있겠지만어린시절부터지도를좋아하

였다. 초등학교고학년어느해인가다른교과서와는비교도안될정도로크고화려한‘사회과부도’라는책을처

음받아들고와서밤잠을설쳐가며몇번이고넘겨보았던기억은지금도생생하다. 이렇게우리가살고있는세상을축소

하여한장의종이위에다양한기호와색으로편집해놓은지도는언제나나를흥분시키기에충분했다. 지금도잘편집된

지도한장을펼쳐놓고는얼마전다녀왔던해외여행의추억에빠지기도하고, 지금까지경험하지못한아프리카끝자락

의희망봉을돌아남극대륙으로가상탐험을떠나기도한다. 그러다지겨워지면타임머신을타고과거로떠나알렉산더

의원정에동참하거나, 동서교역의루트가되었던실크로드위로낙타를타고달리기도한다. 돈도필요없고몸도피곤해

지지않는이런취미는한번시작하면시간가는줄몰라새벽을맞이하기가다반사다.

무무한한한한상상상상이이가가능능한한지지도도의의세세계계

입시위주의역사교육이몇년에무슨사건이벌어졌다는단순한숫자외우기라면지도를통한역사교육은입체적이

고통시적이라이해하기쉽고그만큼오래기억된다. 그래서이렇게재미있는역사를숫자외우기로일관했던고등학교

시절역사선생을원망한적이수없이많았다. 뿐만아니라소설을읽을때도지도는유용하게쓰인다. 추리소설의대가

아가사크리스티의‘나일강살인사건’을읽을때나, ‘삼국지’를읽다가전체적인이야기의흐름이이해되지않을때도역

사지도는큰도움이된다. 9시뉴스를볼때도마찬가지다. 뉴스에서동티모르사건이나코소보사태, 중동지역의분쟁을

이야기하면머릿속에서그지역지도를떠올리거나직접지도를펼쳐보면어느정도그사태의상황을이해할수있게된

다.

글│김경균(정보공학연구소장)[email protected]본본내내용용은은임임프프레레스스웹웹디디자자인인22월월호호에에서서발발췌췌하하였였습습니니다다..

나나

Column

58


정정보보의의관관계계를를발발견견하하는는방방법법에에대대하하여여

정정보보의의미미궁궁도도시시를를탈탈출출하하자자문문화화인인류류학학자자이이자자철철학학자자인인그그레레고고리리베베이이트트슨슨은은7700년년대대말말,, 정정보보를를““AAnnyy ddiiffffeerreennccee wwhhiicchh mmaakkeess aa ddiiffffeerreennccee((효효과과를를일일으으키키는는차차이이점점))””

라라고고정정의의했했다다.. 그그러러나나2200여여년년이이지지난난지지금금,, 우우리리는는너너무무나나도도많많은은그그‘‘효효과과를를일일으으키키는는차차이이점점’’속속에에서서살살게게되되었었다다.. 디디지지털털미미디디어어의의등등

장장으으로로정정보보의의양양적적증증가가는는더더욱욱가가속속화화되되었었고고정정보보는는그그차차이이점점이이점점점점줄줄어어들들어어오오히히려려질질적적가가치치를를잃잃고고있있는는것것은은아아닐닐까까??

젊은시절모택동은혁명을꿈꾸며연안지역의깊은산, 동굴속에혼자틀어박혀동굴벽에지도를걸어놓고는몇시

간이고앉아서앞으로전개될혁명의행방을생각하며중국과관련된세계의동정을읽었다는유명한일화가있다. 그리

고일본의어떤작가는만약자기가운명적으로독방에갇히는신세가된다면다른것은다필요없지만한권의세계지도

첩과토머스쿡이편집한낡은유럽열차시각표만은꼭챙겨가고싶다고했다. 이렇게지도는자신과세계의관계를발견

하는커다란즐거움을가져다주는것이다. 우리가자신의신체를통해느끼는세계의폭은한정된것이지만그한계를넘

어타인과함께세계를정보로서파악해공유하기위한도구가바로지도인것이다.

이런취미는이후전공과연결되어대학원에서는본격적으로지도를테마로졸업논문을쓰게되었다. 자료를찾고책

을뒤지면서지도야말로그래픽디자이너의적극적인참여가필요한분야라는것을깨달았고기회가있을때마다이점을

강조하고다녔다. 그리고직접지도나다이아그램의제작현장에뛰어들어가이드북이나여행용지도, 백과사전을만드

는일에참여하였고지금도이작업은계속하고있는데하면할수록새로운가능성을발견하게된다. 단순한지형도가아

니라지도의범위를더욱확대하여다이아그램이나타임라인, 챠트, 그래프등을이용해보이지않던정보와정보의관계

를발견하여시각화하는작업은작은조각을맞춰커다란그림을완성하는퍼즐과같은즐거움을가져다준다.

웹웹사사이이트트를를기기획획하하고고디디자자인인하하는는데데는는입입체체적적개개념념이이필필요요하하다다

몇년전부터는웹사이트의디자인이나기획에참여하게되었다. 처음에는단순히에디토리얼디자인과거의동일한

작업이인쇄미디어에서디지털미디어로전환된것일뿐이라고생각했는데막상작업을시작해보니웹은책이나잡지와

같은인쇄물과는본질적으로그구조가다르다는것을알게되었다.

내가처음웹사이트를기획하고디자인하기시작했을때에는모두들이일을‘홈페이지’제작이라고불렀다. 각기업

들이앞다퉈만들기시작한초기홈페이지는기업브로슈어의디지털판과같은역할을했다. 거기에는단지홍보의목적

만있었지지금과같은커머스나커뮤니티의구조는존재하지않았다. 이는바로책이나잡지컨텐츠의연장선상에서웹

을바라보며한정된정보를취급하였다는것을단적으로증명하는것이다.

인쇄물은물리적제본형태로완성되는선형적정보를제공하고있어목차를통해짧은시간에거기에담긴정보의양

을가늠할수있다. 그러나웹사이트는무게나촉감도없는비선형적구조로이루어져있고, 완성된형태로존재하는것이

아니라끊임없이확장을계속하는거대한도시와같다. 대부분의대도시가주변에위성도시를거느리며확장되는것처럼

웹사이트는관련사이트와거미줄처럼링크되어있다. 또한대도시고층건물옥상의네온간판때문에신호등을발견하

지못해교통사고가일어나는것처럼웹사이트도곳곳에배너광고가번쩍이고있어정작찾고자하는정보는눈에잘들59 Adobe e-magazineMarch 2001

지지도도는는자자신신과과세세계계의의관관계계를를발발견견하하는는커커다다란란즐즐거거움움을을가가져져다다주주는는것것이이다다.. 우우리리가가자자신신의의신신체체를를통통해해느느끼끼는는세세계계의의폭폭은은한한정정된된것것이이지지만만그그한한계계를를

넘넘어어타타인인과과함함께께세세계계를를정정보보로로서서파파악악해해공공유유하하기기위위한한도도구구가가바바로로지지도도인인것것이이다다

어오지않는다. 그리고웹사이트는인터랙티브한미디어로정보를제공하는프로바이더에의해완성되는것이아니라유

저의적극적인참여에의해완성된다는의미에서직접민주주의가가능했던그리스의도시국가와닮아있다. 따라서웹사

이트를디자인하는데있어서화려한인트로화면을만드는것보다중요한것이바로전체적인구조를파악할수있는네

비게이션을만드는일이다. 대부분의경우사이트맵이라는것을가지고있긴하지만이것은정보를관리하는프로바이

더입장에서수직적이고수평적구조로사이트가가지고있는정보를구분해놓는것에불과하다. 웹사이트상의정보는

이미다원적정보주체간의거리가소멸된디지털네트웍이라고하는개념적공간에놓여진상태이기때문에우리가기존

에알고있는지형도가아니라거기에맞는새로운지도가필요한것이다.

웹웹사사이이트트에에서서는는새새로로운운개개념념의의지지도도가가필필요요하하다다

지도의역사는매우오래되었다. 인류가문자를사용하기훨씬전부터동굴의벽에자신이살고있는주변정보를남겼

고그것은점토판, 파피루스, 양피지등을거쳐지금에이르게되었다. 그런데모든지도가처음부터북쪽을향하도록제

작된것은아니다. 북쪽이위로향하는지도를만들기시작한것은대항해시대에들어서면서부터정착된것이라고한다.

대양을항해하기위해서는방향감각을의지할지표가필요하다. 밤에는시간의변화에도위치가변하지않는북극성을

항해의지표로삼았고, 낮에는정북을가리키는나침반을이용해배를이동시켰기때문에북쪽이위를향하는지도가일

반적으로사용되었다. 그이전유럽에서만들어진대부분의지도는해가뜨는방향인동쪽을위로향하도록만들어졌다.

영어로방향을정한다는의미의오리엔테이션(동쪽을향하여)이라는단어는바로이시대의잔재로지금도일반적으로

사용되고있다. 또한이슬람세계에서는남십자성을지표로항해를했기때문에남쪽이위를향하는지도를사용했다고

한다. 지금도남반구에위치한호주나뉴질랜드와같은나라는자기나라가지도의아랫쪽에작게나타나는지도보다는

윗쪽에자리하는남쪽이위를향하는지도를선호하고있다.

지도의북쪽이위를향해야한다는것은고정관념에지나지않는다. 얼마전우리나라에서도지도를뒤집어놓으면대

륙의억압적구조에서벗어나우리나라가얼마나대양을향해뻗어나갈수있는지리적특징을가지고있는지를역설하

며21세기가우리에게해양시대임을강조한캠페인이있었다. 이렇게지도의방향만바꿔놓아도지금까지우리를억압

하고있던고정관념에서자유로울수있다. 그리고이런고정관념에서벗어난다면보다다양한관점에서세계와나의관

계를설정하는새로운지도를생각할수있을것이다.

일반적으로지도는공간을이동할때기준으로사용된다. 우리가사용하는지도가공간을축소시켜표현한것이기때

문에이는당연한것이다. 그러나공간이아니라시간으로그이동의기준을바꿔버린다면과연어떤지도가만들어질까?60 Adobe e-magazineMarch 2001

웹웹사사이이트트는는무무게게나나촉촉감감도도없없는는비비선선형형적적구구조조로로이이루루어어져져있있고고,, 완완성성된된형형태태로로존존재재하하는는것것이이아아니니라라끊끊임임없없이이확확장장을을계계속속하하는는거거대대한한도도시시와와같같다다.. 대대

부부분분의의대대도도시시가가주주변변에에위위성성도도시시를를거거느느리리며며확확장장되되는는것것처처럼럼웹웹사사이이트트는는관관련련사사이이트트와와거거미미줄줄처처럼럼링링크크되되어어있있다다

예를들어, 서울에서전주까지는3시간30분이걸린다고할때이기준은승용차나고속버스를이용해서이동한다는것이

전재된다. 그렇다면서울에서광주까지는4시간30분이걸려야갈수있다는계산이나오지만비행기로이동하면1시간

이면광주에도착한다. 이렇게공간을축으로계산하지않고시간을축으로생각한다면광주는전주보다서울에서가깝

다는결론에도달한다. 어쩌면오히려제주도가전주보다가깝게느껴진다. 실제로서울에서제주나광주로이동하는유

동인구가전주로이동하는유동인구보다훨씬많다. 이런데이터를근거로하여시간축지도를그려본다면전주보다가

까운곳에광주와제주의위치를표시해야할것이다. 물론비행기는버스보다이동하는데비용이많이드는것은사실이

다. 그렇다면다른예를들어보자. 서울도심에서강남으로이동하는경우퇴근길러시아워에걸리면택시비로1만원을

지불하고도한시간이상이걸린다. 그러나지하철이나버스를타고전용차선을이용한다면 20분이면목적지에도착한

다. 따라서우리의일상생활을지배하고있는것은공간이아니라오히려시간이며이동하는데있어서는비용과그효과

가항상일치하지는않는다는것이다.

그런데웹사이트에서는어떠한가. 앞에서도짧게설명했지만웹사이트는물리적공간개념이존재하지않는다. 더욱

이비용의차이도없다. 따라서웹사이트에필요한지도는시간이나공간의개념을초월한완전히새로운것이라야한다.

따라서이렇게물리적이지못한상황을어떻게가시화시킬수있는지가바로우리의과제일것이다.

정정보보는는물물리리적적거거리리가가아아니니라라관관계계로로존존재재한한다다

이동전화가일상화되면서우리의생활은물리적거리로부터상당부분해방된것처럼느껴진다. 그러나전파가도달하

는범위에따라전혀새로운개념의지형도가생겨났다. 서울한복판에있어도그곳이전파가도달하지않는지하공간이

라면로빈스크루소처럼무인도에고립된경험을하게된다. 하지만어떤통신회사의CF처럼, 멀리떨어진여행지에서

통화를하면서거리감을극복하기도한다. 물론같은지하공간이라도어떤이동통신회사의서비스를받고있는가에따라

그상황은전혀달라진다. 이렇게텔레지오그라피(통신지리학)라는새로운개념이우리의통신커뮤니케이션환경을지

배하게되었다. 통신단말기와전파의관계에의해형성되는새로운개념의지도위에서생활하고있는것이다.

웹사이트의정보도이와마찬가지로물리적으로가깝게있다고해서그것이유용한것은결코아니다. 모든정보가모

든유저에게유용한것이아니듯정보와유저의관계가어떤상황에놓여있는지에따라달라진다. 짝사랑하는사람은저

만치떨어져있어도가슴이두근거리지만그사람과사귀다심하게싸우고헤어진상황이라면우연히마주치기만해도소

름이돋아나는것처럼정보와정보의관계, 정보와유저의관계에의해유용성이결정되는것이다. 따라서웹사이트에정

보를구축하는데있어서도유저가미처생각하지못한가치를발견하여그관계를맺어줄수있는지를판단하는능력을

길러야한다. 유저에게필요한정보를효과적으로분류하고, 그관계의의미있는차이를제대로디자인할수있어야비로

소유용한정보가되는것이다. 또한웹사이트의정보는프로바이더에의해이미완성된형태로제공되는것이아니라유

저의적극적인참여에의해완성되었을때그가치는더욱높아질것이다. 따라서웹사이트를기획하고디자인하는입장

에서는이런관계를발견할수있는공시적이고통시적인시각을가져야한다.61 Adobe e-magazineMarch 2001

공시적이고통시적인시각이가장필요한분야는바로역사학일것이다. 앞에서입시위주의역사교육의문제점을이

야기했는데재미없는숫자놀음도문제지만왜국사와세계사를나누어교육하는지이해가되지않는다. 여러가지이유

때문에따로교육할수밖에없다면그둘의관계를묶는별도의시간이라도있으면좋겠다는것이개인적인바램이다. 이

렇게이중적역사교육에길들여져있기때문에공시적이고통시적인판단력이없어지고그관계를발견할수있는능력

이한계상황에부딪히는것은아닐까. 최근들어젊은사학자들에의해이런관계성으로역사를풀어서설명하는책들이

나오고있어매우반갑다. 그런의미에서KBS의‘역사스페셜’은참좋은다큐멘터리프로그램이라는생각이든다.

예를하나들어보자. 디자인을전공한사람이라면1919년이라는숫자를전혀다른상황에서두번교육받은경험이있

을것이다. 기억을되살리는의미에서잠시이야기하자면, 아마첫번째경험은중학교무렵국사시간에일제의탄압에

맞서유관순누나가독립만세를부른해로기억해야만했을것이고, 두번째는대학에들어와졸리는디자인사시간에독

일바이마르에서바우하우스가설립된해로기억해야중간고사의한문제를놓치지않았을것이다. 그런데내기억으로

도독립만세와바우하우스는도대체어떤관계에있는지누구도가르쳐주지않았던것같다. 따라서일제의탄압에도굴

하지않은강인한민족성과디자인사에빼놓을수없는바우하우스가같은시기에있었다는것도, 일제나나치의군국주

의적희생물이었다는공통분모를알게된것도창피하지만대학을졸업하고도한참뒤의일이었다. 이렇게당시의세계

흐름을파악하지않고단편적사건만기억하게되면서로의관계성은찾기어렵게된다.

역사속의사건은언제나상대적인것으로누군가에의한어떤사건이다른사건을불러일으키게된다. 원인과결과에

의해전개되는사건은서로연결고리를가지고발전해나가기마련이다. 그리고마치도미노게임과같이계속확산되는

것이다.

정보의관계도크게다르지않다. 마치역사연표에나열되는사건과같이서로의관계는원인과결과를가지고있고

작게시작된사건이도화선이되어끊임없이확산된다. 또한확산되는과정에서전달하는사람의개인적경험과상상력

에의해정보의내용이달라지거나확대해석된다. 특히남에게피해를주거나사회에물의를일으키는정보의환산력은

그속도가훨씬빠르다. 후에백제무왕이된서동이신라진평왕의딸인선화공주를사모하던끝에아내로맞이하기위해

아이들에게퍼뜨려부르게했다는‘서동요’와같이정보는작은소문이꼬리를물고이어지면서점점확대되어엄청난결

과를가지고오기도한다. 따라서같은정보라도잘못취급하면살인과같은범죄가되어사회적인물의를일으키는결과

를초래하지만잘취급하면시민운동과같은좋은결실을맺게되는것이다.

효효과과를를일일으으키키는는차차이이의의정정체체를를찾찾아아서서

서두에서이야기한것처럼우리는디지털미디어의무서운확산력속에서너무나많은‘효과를일으키는차이점’을만

들고있고, 이제그안에서길을잃고말았다. 사이버쇼핑몰에서제공하는정보는오히려소비사회에서‘차이’를과시하

는새로운코드로등장하였다. 그리고이런사이트를기획하고디자인하는우리는자본의논리속에서유저를위해웹사

이트를구축한다는명목으로정보의미궁도시를건설하기시작했다. 물론처음부터미궁도시를만들생각은아니었지만62 Adobe e-magazineMarch 2001

매일매일쏟아져들어오는새로운정보를업그레이드시켜야한다는사명감과클라이언트나유저의새로운요구를만족

시켜주다보니처음설계도와는달리정보도시는점점미궁이되어버렸다. 그리고하루가멀다하고달라지는시장의판

도나국가적인정책, 힘들게익혀서겨우능숙하게사용할만하면새롭게등장하는소프트웨어의표현기능등을소화해

내지못하고기우뚱거리다가그만스스로그미궁속에빠져버리는것이다.

미궁의입구에서실타래를풀어주던아리아드네와같은아름다운(?) 자본가는이미사라지고없다. 미노타우로스와같

은괴물만득실거리는미궁속에서테세우스와같은영웅이되기위해서는‘효과를일으키는차이점’의진정한가치를발

견할새로운개념이필요하다. 끊어진실타래를연결해입구를찾지못한다면그실타래가조금씩얽혀결국은우리다리

를묶어버릴지도모른다. 그리스신화와같은해피엔딩을기대한다면우리스스로새로운개념의지도를만들어조금씩

이나마‘차이’의가치를발견해야만한다.

우선자신이하고있는일의주변을객관적으로판단할필요가있다. 많은인하우스디자이너들은기획자나웹프로듀

서가지시한내용에따라수동적으로정보를올리는데급급하고그러다보면매너리즘에빠져하루하루반복되는작업으

로스스로를묶어버리게된다. 과다한이미지를합성하느라많은시간을허비하고텍스트가가지고있는구조에관계없

이정보를같은크기의템플릿에넣고나열하게되고그것을자동화시켜주는테크놀러지에힘없이기대버리기도한다.

독립적인작업을하고있는프리랜서디자이너나웹디자인회사들도클라이언트의요구에따라색다른무늬를짜맞추는

일에몰두하거나새로운소프트웨어를이용한‘묘기부리기’를시도하는경우도많다. 이런모든것들이우리를꼼짝못

하게모니터앞에묶어버리는실타래인지도모른다.

디자이너는묘기대행진에출연해깜짝쇼를보여주는마술사도아니고수동적으로이미지를생산해내는단순노동자

는더더욱아니다. 밤새마우스를움직이느라뻣뻣하게굳어버린어깨를펴고옥상에올라와심호흡을해보면어떨까. 머

리를들어하늘을보며신선한공기를가슴깊이들여마셔보자. 그리고찬공기속에서봄을기약하는움직임을느껴보

자. 우선자신이하고있는일속에서, 함께일하는사람들속에서새로운관계를발견하고그것을토대로이미궁도시를

탈출할수있는작은지도로만들어보자. 춥다고웅크리고있으면봄은“이거내일아침까지끝내”하고고함치며유유히

퇴근하는‘누군가’처럼우리뒤통수를때리며다가올지도모른다.


미미궁궁의의입입구구에에서서실실타타래래를를풀풀어어주주던던아아리리아아드드네네와와같같은은아아름름다다운운((??)) 자자본본가가는는이이미미사사라라지지고고없없다다.. 미미노노타타우우로로스스와와같같은은괴괴물물만만득득실실거거리리는는미미궁궁속속에에서서

테테세세우우스스와와같같은은영영웅웅이이되되기기위위해해서서는는‘‘효효과과를를일일으으키키는는차차이이점점’’의의진진정정한한가가치치를를발발견견할할새새로로운운개개념념이이필필요요하하다다.. 끊끊어어진진실실타타래래를를연연결결해해입입구구를를찾찾지지못못

한한다다면면그그실실타타래래가가조조금금씩씩얽얽혀혀결결국국은은우우리리다다리리를를묶묶어어버버릴릴지지도도모모른른다다.. 그그리리스스신신화화와와같같은은해해피피엔엔딩딩을을기기대대한한다다면면우우리리스스스스로로새새로로운운개개념념의의지지도도를를

만만들들어어조조금금씩씩이이나나마마‘‘차차이이’’의의가가치치를를발발견견해해야야만만한한다다..

PPhhoottoosshhoopp

포포토토샵샵의의서서체체리리스스트트에에시시스스템템에에설설치치된된서서체체의의일일부부가가나나타타나나지지않않습습니니다다..((WWiinnddoowwss))

포토샵에서설치된폰트의목록이나타나지않는경우가있는데포토샵을한참동안사용하다보면이런현상이발생

할수있습니다. 이는포토샵자체의문제라기보다는시스템과시스템에설치된폰트와포토샵과의연관관계적문제로

해석해야합니다. 아래의사항을한번쯤은반드시확인해보아야합니다.

1. 시스템에설치된폰트의개수를줄인다.(보통200개이상의서체를윈도우시스템에설치해사용하다보면서체자체

의충돌로인해포토샵의서체리스트에서체들이사라지는경우가생길수있다.)

2. 문제가있는서체들의바로가기아이콘을윈도우시스템의"Program Files\Common Files\Adobe\Fonts" 폴더에삽입

한다.

3. 시스템내에서“Adobefnt.lst”파일을찾아모두삭제한다.

4. 어도비웹사이트(www.adobe.com/support/downloads/main.html.)에서최신버전의포토샵업데이트파일을다운받

아업데이트해준다.

5. 문제가있는폰트들을시스템에서삭제하고재인스톨한다.

6. 서체구입처에문의하여현재사용하고있는서체의업데이트된버전이있는지확인하고반드시서체자체를업데이

트해준다.

포포토토샵샵66..00 설설치치후후,, 이이미미지지스스타타일일러러11..00 프프로로그그램램실실행행시시““ccoooollttyyppee..ddllll eerrrroorr””가가발발생생합합니니다다..

포토샵 6.0을설치하게되면일본어폰트지원관련파일들이설치되고이파일들로인해이미지스타일러1.0 버전

실행시 cooltype.dll 파일에서 충돌이 발생할 수 있습니다. 일단 모든 프로그램을 종료하고 윈도우 탐색기로 Program

Files\Common Files\Adobe\Fonts\Reqrd\Cmaps 폴더로이동합니다. 폴더내에있는cmap관련파일들중에서

QQ&&AA어도비고객지원센터

Q&A

64


QQ

AA

QQ

AA

-Adobe-Japan1-PS-V

-Adobe-Japan1-PS-H

위의두파일들을삭제하고이미지스타일러1.0을실행하면아무런문제없이실행이됩니다.

AAccrroobbaatt

아아크크로로벳벳메메뉴뉴에에서서FFiillee �� IImmppoorrtt �� SSccaann을을선선택택하하면면TTWWAAIINN 스스캐캐너너소소프프트트웨웨어어가가스스캐캐너너선선택택대대화화상상자자에에나나타타나나

지지않않습습니니다다..

Acrobat을 설치한 다음, 새로운 TWAIN 스캐너 소프트웨어를 설치하면 새소프트웨어가 스캐너선택목록에 나타

납니다. 그렇지않을경우, 스캐너드라이버가 TWAIN 소프트웨어인지 확인하고 올바르게 설치되었는지확인하십시오.

PPCCLL 프프린린터터로로인인쇄쇄시시인인쇄쇄가가제제대대로로안안됩됩니니다다..

PDF 파일이 PCL 프린터에서 잘못 인쇄되면 드라이버 설정을 수정해 보십시오. 일반적으로 벡터 그래픽 대신

래스터그래픽, 외곽선글꼴 대신 비트맵 글꼴을 사용하면 됩니다. (각 드라이버는 서로 다른 설정을 사용하기 때

문에, 어떤 설정값을 사용해야 하는가에대한자세한 내용은 프린터 설명서를 참조하십시오.)

아아래래한한글글문문서서를를PPDDFF로로변변환환하하면면이이미미지지로로인인식식이이됩됩니니다다..

아래한글문서는PDF로변환하면이미지로만인식이됩니다. 텍스트로변환하기위해서인쇄를할때프린터를Han

Q Converter로설정, 사용해야합니다. Han Q Converter는한큐PDF 제품에포함이되어있습니다.


QQ

AA

QQ

AA

QQ

AA


PPrreemmiieerree

프프리리미미어어55..XX 에에서서MMPPEEGG 플플러러그그인인이이기기본본으으로로지지원원이이되되는는지지요요??

프리미어는MPEG 플러그인을포함하지않으므로별도의외부MPEG 플러그인을설치, 사용해야합니다.

프리미어5.X에는외부플러그인(Digigami사) MegaPEG(기능제한버젼)이 포함되어있습니다.

QQ

AA

Advertisement

67


어어도도비비돋돋보보기기

오프닝포토샵6.0지니와함께하는어도비라이브모션1.0


포포토토샵샵66 그그대대로로따따라라하하기기

가격:24,800(CD-ROM 2장포함) / 저자:정민철

발행처:혜지원(T.02-2217-4686)

포토샵을 공부하는 초보자에게는 포토샵 6가

가지고있는많은기능과메뉴들을완벽히설

명해 주는 해설서이며 고급 디자이너로 성장

하려는 사용자들에게 반드시 필요한 포토샵

문자디자인을많은예제로다루는책이다. 이

외에도또한다른포토샵관련도서에서소홀

히하기쉬운포토샵6의고급기능인알파채널

편집기능을알기쉽게편하게설명한다.

또한웹디자인지망생들을위해서액션기능

을이용한웹아이콘의자동제작법과포토샵

과플래시, 나모웹에디터, 드림위버와의연동,

이미지레디3의활용법을실전예제로설명하

고있다.

디디지지털털캐캐릭릭터터디디자자인인

가격:23,000(CD-ROM 1장포함) / 저자:김기일

발행처:정보문화사(T.02-3673-0114)

포토샵을 이용한 다양한 디지털 캐릭터 디자

인테크닉을다룬중, 고급용컴퓨터길잡이책

이다. 더욱이필자가몇년간의실무작업에서

만든 작품들을 통해 습득된 기술이나 아이디

어발상법을디지털환경을통해서어떻게표

현해내는가에대한내용을자세하게담고있

어서실제작업시에많은참고가될수있다.

부록으로작품예제소스와포토샵 6, 일러스

트레이터 9. 페인터 5의 데모 버전을 담은

CD-ROM이수록되어있다.

포포토토샵샵66 바바이이블블

가격:25,000(CD-ROM 1장포함) / 저자:김소예

발행처:정보게이트(T.02-583-7301)

새로출시된포토샵6에대한설명이체계적으

로되어있는책이다. 특히기존에출시된책들

에서쉽게볼수있는메뉴중심의설명은지양

하고 실제 디자이너들이 자주 사용하는 테크

닉을중심으로그기능을사용하기위한툴사

용법들을 각 장르별로 설명해 놓아서 초보자

라 하더라도 원하는 포토샵을 이용해 이미지

를쉽게만들수있도록정리되어있다.

부록CD에는샘플예제와이미지레디3.0를비

롯한그래픽, 웹에디터관련프로그램이제공

된다.


가가장장경경제제적적인인가가격격에에!!!!전전문문적적인인웹웹사사이이트트제제작작을을위위한한필필수수도도구구44가가지지를를하하나나로로!!어어도도비비웹웹콜콜렉렉션션을을구구입입하하시시면면포포토토샵샵,, 일일러러스스트트22개개가가격격에에고고라라이이브브,,라라이이브브모모션션이이공공짜짜!!

파파격격적적인인가가격격과과특특별별한한선선물물어어도도비비웹웹콜콜렉렉션션을을구구입입하하시시는는모모든든분분께께리리코코사사의의CCDD--RRWW를를무무료료로로드드립립니니다다..

WWeebb PPuubblliisshhiinngg SSoolluuttiioonn :: AAddoobbee PPhhoottoosshhoopp // AAddoobbee IIlllluussttrraattoorr // AAddoobbee GGooLLiivvee // AAddoobbee LLiivvee MMoottiioonn

eePPaappeerr SSoolluuttiioonn :: AAddoobbee AAccrroobbaatt // AAddoobbee AAccrroobbaatt CCaappttuurree

PPrrooffeessssiioonnaall PPrriinnttiinngg SSoolluuttiioonn :: AAddoobbee PPhhoottoosshhoopp // AAddoobbee IIlllluussttrraattoorr // AAddoobbee IInnDDeessiiggnn // AAddoobbee PPaaggeeMMaakkeerr// AAddoobbee SSttrreeaammlliinnee // AAddoobbee

DDiimmeennssiioonn

DDyynnaammiicc MMeeddiiaa SSoolluuttiioonn :: AAddoobbee PPrreemmiieerree // AAddoobbee AAfftteerr EEffffeeccttss

DDiiggiittaall IImmaaggiinngg SSoolluuttiioonn :: AAddoobbee PPhhoottoosshhoopp // AAddoobbee PPhhoottoosshhoopp LLEE // AAddoobbee PPhhoottooDDeelluuxxee

Adobe Acrobat 4.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


AA.. 제제품품라라인인업업

Product & 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 5.1 (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)

어어도도비비PPrreemmiiuumm VVAARR

고려아이엔티 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-magazineMarch 2001

BB.. 제제품품구구입입처처

비쥬얼네트 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

한국어도비업그레이드센터는어도비업그레이드제품만을전문으로판매하고있는인터넷쇼핑몰입니다. 다양한업그레이드옵션으로저렴한

가격에정품어도비제품을구입하실수있습니다.

어도비정품사용자뿐만아니라경쟁사제품도어도비제품으로업그레이드가가능합니다. 또한윈도우와맥버전상호간업그레이드와하드웨어

구입시번들로들어온어도비제품도업그레이드하실수있습니다.

단한가지의어도비정품제품을사용하시더라도, 모든어도비제품을업그레이드가격에구입하실수있습니다.

장장소소및및연연락락처처:: 서울시강남구삼성동153-3 예림빌딩2층 ☎02-563-7114 인터넷(www.adobeupgrade.co.kr)72 Adobe e-magazineMarch 2001

CC.. 어어도도비비업업그그레레이이드드센센터터

어도비제품을사용하시다가궁금한점이있으시면바로어도비고객지원센터로전화주십시오. 친절한상담으로제품사용의모든문제점을해결

해드립니다. 또한제품정보와가격, 구입처등어도비에대한모든궁금증을해결해드리겠습니다.

어도비고객지원센터의전화서비스는어도비의정품을구매하신모든고객분들에게제공되며, 또한한국어도비시스템즈가주최하는각종행사

에우선적으로초대됩니다.

이이용용방방법법 ☎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


DD.. 어어도도비비고고객객지지원원센센터터

EE.. 어어도도비비교교육육센센터터

eMagazine - Adobe Inc.2001. 03 통권제15호 발행인/ 이흥렬 발행처/...

Documents

Transcript of eMagazine - Adobe Inc.2001. 03 통권제15호 발행인/ 이흥렬 발행처/...