How To Make A WebToon
Pamela P. Walatka
NAS-98-014
December 1998
walatka@nas.nasa.gov
MRJ Technology Solutions
NASA Ames Research Center
Mail Stop T27A-2
Moffett Field, CA 94035-1000
Abstract
A WebToon is a cartoon-style table of contents for HTML
documents on the web, using imagemaps that are pictures of people
talking. The people have word balloons above their heads; the word
balloons serve as links to relevant pages. A WebToon adds the
human touch to web interfaces, and makes web pages more
approachable, interesting, and easier to navigate.
Basically, to make a WebToon, you create a one-page collection of
imagemaps featuring people talking. The talk is in word balloons
that link to a relevant part of a document. The imagemaps are
combined in a table that fits on one page.
First organize your long document into chapters. Sketch a
storyboard with one panel (image) for each chapter. Take photos of
people acting out your storyboard. Use image-processing software
such as Adobe Photoshop to crop and enhance your photos. Use a
new image layer to add words that briefly describe each chapter. Use
another layer to put white balloons behind the words. Make each
image into a client-side imagemap. Organize the imagemaps with an
HTML table.
This report explains the details of how to make a WebToon.
>>웹툰의 정의. 한국 웹툰 같은 게 아니라 무슨 프로그램 이름 같은데
Chapter one
WebToons Are Imagemaps
The purpose of WebToons is to humanize and organize the interfaces to long
documents. WebToons
>>여봐
In a WebToon, each panel is a separate imagemap.
>>그 웹툰이 그 웹툰은 아닌 것 같지만 이미지맵이란 표현이 재밌당
Rough in some word balloons.
Start filling in the word balloons with the major points of your document.
>>원래 문서를 만화화하는 거인듯
월드 벌룬이란 말 재밌네
<<스토리보드.. 디지털 카메라 사진으로 웹툰을.. 등등
<<사용 방법서 같은 느낌
Pick and crop the images you want to use
crop (크롭)네이버 지식백과 문화예술 > 사진 > 사진일반
①사진을 편집할 때 원하는 크기에 맞도록 그 사이즈를 트리밍(trimming)하는 것. 흔히 크로핑(cropping)한다고 말한다. 이러한 크롭을 할 때 자른 부분에 금(線)을 긋거나 표시를 한 것을 크롭 마크(crop mark)라고 한다....
<<무슨 포토샵 쓰는 법도 알려줘ㅋㅋㅋㅋ
논문이 아닌듯
Chapter Five
Imagemaps, Tables and the Future of WebToons
WebToons are imagemaps arranged in tables. Each image (panel) is a separate
imagemap. A typical WebToon has from five to nine imagemaps, arranged in a
table to fill one web browser screen
Imagemap HTML Code
To write HTML for an imagemap, first you declare the imagemap and then you
have your image use the map. There are three elements of an imagemap (details
follow):
>>이미지맵도 무슨 메뉴 이름이냐... 아무튼 이미지맵이란 조어 자체는 재밌음
<<HTML 쓰는 법까지 알려주고 있자네ㅠㅠ
'from논to문' 카테고리의 다른 글
| [R/ㄲ] 웹툰의 이용 동기 및 효과 : 출판만화와의 비교를 중심으로 / 김민태 (10/100) (0) | 2014.04.14 |
|---|---|
| Metadata Framework for Manga (2) (0) | 2014.04.14 |
| [R/ㄲ] 장르융합형 지식만화의 만화시장 창출과정에 관한 연구 / 이용훈 (1) (0) | 2014.04.14 |
| Method for Real Time Text Extraction of Digital Manga Comic (2) (0) | 2014.04.13 |
| [W/참고] TV 유아교육 프로그램에 나타난 문제 해결 방법에 관한 연구 / 권금상 (2) (0) | 2014.04.13 |