情報処理学会 インタラクション 2015
IPSJ Interaction 2015

B07
2015/3/6

Type harvesting
マテリアルの経年変化を利用したフォント制作手法の検討
小原 亘†1	  	  筧 康明†2	  	 type harvesting はグラフィックデザインに時間経過による表現を与える研究である．このシステムでは，約一カ月の時間経過によって変化するインキの印刷物をインターバル撮影し，その変化を記録しつづけ視覚的に良い“頃合い”を探る．物理環境での経年変化によって生まれたグラフィカルなマテリア
ルを，デジタル世界に再度取り込み，新たなグラフィカル表現に適用していく．

Type harvesting
WATARU KOBARA†1	  YASUAKI KAKEHI†2	  	 	  	 typeharvesting is a prototype work of a research about graphical expressions with printed materials whichchange their appearance according to the lapse of time． In this work， the system captures the appearance ofthe material at regular intervals for one month． In the process， we will find its ``suitable'' time as a graphicalmaterial． The physical material created with a secular change will be captured into the digital world again andapplied to new graphical design．

1. は じ め に	  物質からデジタルへの移行とは別に，ビットマップフォントのようなピクセル表示を前提としたフォントのデザイ	  文字は支持体に定着されて情報を伝達するメディアであンや，John Maeda のモリサワのポスターに代表されるよる．例えば，1799 年にエジプトのロゼッタで発見された「ロうなコンピュータを用いた文字の表現が現れた．

ゼッタ・ストーン」は紀元前 196 年ごろの石碑であると言	  ま た ， Yannick Mathey の 《 protyp-0 》 や ， Michael

われ，砕けて紛失された部分以外については文字としてのFlückiger と Nicolas Kunz の《LAIKA》などの動的に字可読性を未だに持ちうる．また，113 年に完成されたとさ形データを変形させてフォントのデザインに適応していくれる「トラヤヌス帝の碑文」は未だに可読性を残しつつ存試みや，字形に時間による変化を与えて時間軸の変化によ在し，文章内に存在しない字体を補完した上で現在でもって変容していくフォントを生み出す Semitransperent「Trajan」という名前のデジタルフォントとして我々のコ

Design の《tFont/fTime》や，自然環境音の変化パラメー

ンピュータにインストールされ，ローマン体というフォンタ を 利 用 し て 字 形 を 変 化 さ せ る softpad の 《 Nouvelle

トのカテゴリを確立するに至っている．このように，古代Vague》に見られるようなフォントの字形を生み出すことより文字は支持体の経年変化による掠れや薄れなどの風化と変化させるシステムがフォント制作のコンセプトであるや人為的に完全に破壊されない限りにおいて，情報伝達のという共通点を持った制作物が現れてきている．

役割を現在まで担ってきている．	  このような背景の中，素材や時間軸の影響を強く受ける	  活字や写植などの紙面上での版下制作から Desk Top

物理世界と物性から解放されて自在に生成・変更可能なデPublishing としてコンピュータが印刷までのデザインプジタル世界両方を行き来する，新しいタイポグラフィのあロセスを担うようになってから，Trajan のように物質，主り方 ECAL の TYPEFACE AS PROGRAM の事例では，には活字からデジタルへ移行された書体は多く存在する．

デジタル環境プログラミングを用いて設計された書体を日本では大日本印刷の秀英体が 1976 年にコンピュータ組

CNC マシン等で物理的に活字化し，活版印刷機で印刷する版のためにフォントの制作を開始している．また，「のらもというような手法が提案されている．

じ発見プロジェクト」は店の看板の書き文字から文字をト	  これに対し，今回筆者らは物理世界とデジタル世界を一レースし，存在しない字形を補完してフォントとして再構

方通行ではなく，行き来しながらフォントの生成を行うシ成するという試みをおこなっている．
†1	  慶應義塾大学大学院	  政策・メディア研究科	  	  Graduate School of Media and Govermance， Keio University†2	  慶應義塾大学	  環境情報学部	  	  Faculty of Environment and Information， Keio University© 2015 Information Processing Society of Japan

ステムとして type harvesting を提案する．	  Type harvesting は，物理世界の時間経過によって視覚的に変化していくマテリアルを字形の造形に利用することを目的としている．変化していく様子を定点のインターバ464

ル撮影によって記録していくことで時間経過によってマテ化したデータを元に再度印刷し，再度システムの中に取りリアルの表層が変化していくとともにフォントデータを更込み，フォントデータを更新していく点である．物理世界新していく．フォントデータの変化はシステムを止めないとデジタル世界を何度も行き来することによる造形方法を限り止まらないため，観察者が「良い」と判断した頃合い生み出す．

でフォントデータを回収する必要がある．本研究の特徴は2.2 変 化 す る マ テ リ ア ル に つ い て

従来の生成するためのプロセスとなる物理世界とデジタル	  本システムにおいて，利用する物理的マテリアルについ世界の行き来を一度おこなって完成となるシステムとは異ての制約は無いが，経年変化を明確に促すために今回は以なり，何度もそのプロセスを経ていくことによる変化を造下のような物質を用いた．

形の特徴として使用していく点としている．

①銅の粉をシルクスクリーン用水性メジウムの混合物	  本稿は本システムと実際に撮影したことからの分析，展②銅の粉と塩をシルクスクリーン用水性メジウムの混合物示からの考察について記述する．

をそれぞれ銅:水性メジウム=1:4 の割合で作成した（図 2），変化するマテリアルとしてシルクスクリーンの版画技法を2. シ ス テ ム に つ い て利用し印刷して使用している．	  ①は放置してもほぼ色彩的な変化は無いが，次第に酸化

2.1 シ ス テ ム 概 要

していき最初は金属特有の光沢のある銅が鈍い色へと変化	  本研究では字形を変化させるための要素としてしていく．

!

時間経過によって変化をおこなうマテリアル	  ②は塩化による緑青を生み，1 週間〜2 週間ほどの期間!

変化をインターバル撮影し続けるカメラを持ちうるを経て表層が緑色に変色していく．

ハードウェア	  印刷面の設計は，背景となる色を①として紙面全体に印採集された画像データからフォントを生み出すソフ刷し，変化する部分を②として印刷した．次第に色面のコトウェア

ントラストが強く出てくるようにインキと紙面を設計した．

!の三種の部分から構成される（図 1）．

なお，インクは混ぜた瞬間から変化が発生するため，印刷のタイミングで制作する必要がある．

図 1 type harvesting システム図
Figure1 type harvesting system chart	  今回提案するシステムのサイクルは，まず最初に物理的

図 2 銅＋水性メジウムのインク（左）と銅＋塩＋水性メジ

マテリアルの上にデジタルフォントを印刷する．そして，ウムのインク（右）それぞれ 22 日経過．

経年変化の様子をカメラで定期的に撮影する．撮影された

Figure2 copper powder + water medium(left) and copper

画像は PC に送られ，そこで文字情報が抽出され，デジタ

powder + salt + water medium(right) after 22days.

ルフォントとして書き出される．さらに，そのデジタルフォントを物理的マテリアルに印刷し，経年変化のフェーズ

2.3 印 刷 さ れ た 書 体 に つ い てへと入っていく．	  書体は Helvetica Neue Bold の大文字アルファベット 26	  この際，マテリアルとカメラは同環境に設置する必要が種と数字の字形 10 種を変化させる字形として選択した（図あるが，ソフトウェアは同環境に配置する必要はない．カ3）．Mac や Window など一般的なコンピュータにインスト

メラから撮影されたデータはインターネットを経由し，ールされている書体を使用することによって，色面で起きdropbox へデータを保存することで遠隔地での共有／観測る変化と文字の変化を分析しやすくする目的と同時に，時をおこなっている．インターネットへアップロードされた

間経過によって変化する一時的なフォントを生成するコン

時間をデータとして保存することによって撮影時刻を個々セプトの対局に存在する再現可能性や効率性，永続性の思のデバイスの設定時間に影響されないようにして撮影と画想を持ちうるモダニズムの代表的フォントを変化させる必

像データの保存をおこなっている．

要があるからである．なお，今後の可能性として，予想さ	  このシステムが提案する重要な点として，一度フォントれうる変化の流れを前提にして変化させるためのフォント© 2015 Information Processing Society of Japan465

データを制作することも検討している．というような関わり方が存在するように，本システムでも	  印刷のシルクスクリーンは外枠横 430×縦 310mm の利用者はある初期状態および閾値を設定した後は，時間に120 メッシュのテトロンでおこなった．

よって変化していく状況の中で「さじ加減」を判断することが役割になる．

図 3 デジタル製版機で製版するデジタル入稿データ	 
figure3 digital printmaking data

図 4 撮影し始めた段階のもの（左）と撮影から 5 日ほど経過したもの（右）2.4 撮 影 ハ ー ド ウ ェ ア に つ い て

figure4 interval shooting: after 1days (left), after5days(right).	  マテリアルの変化を捉えるためにカメラを使用した．本稿に掲載している画像は印刷された文字を Nikon D5200を用いて 30 分ごとにインターバル撮影した．光が入らない空間を設定し，左右からそれぞれ 1 灯ずつ長さ 600mmの白色 LED ライトを使用してライティングを安定させた．
カメラの設定は絞りとシャッタースピード，光源の設定を固定，PC に接続し soforbild という PC 上で一眼レフカメラをコントロール出来るソフトウェアを使用して撮影をおこなっている．
2.5 画 像 か ら フ ォ ン ト 化 ま で の 流 れ	  撮影された画像データ（図 4）を以下のようなプロセスでフォントデータに変換している.
①Processing を利用して撮影された画像データを二値化

図 5 図 4 の画像をそれぞれ 2 値化したものfigure5 figue4 image binarization②黒くなった部分に対しピクセル毎にベクトルデータを生成し，OTF 形式のフォントデータを作成．
③生成されたベクトルデータを Glyphs というフォント制作のアプリケーションに移行

3. 展 示	  撮影された画像をデジタルフォントに変換するにはいく	  このシステムは 2014 年 9 月 23 日〜12 月 28 日に NTT

つかのアプローチやアルゴリズムが考えられる．今回は実インターコミュニケーションセンター［ICC］の研究開発

装の簡単生成されてくるフォントデータに影響を及ぼす．

コーナーでおこなわれた慶應義塾大学 筧康明研究室

今回は，5 日経過したタイミングで撮影された画像データ「HABILITATE」第 2 期において展示を行った（図 6,7）．

を基準として，この時点での字形が上手く切り取られるよ	  本展示では一眼レフカメラを使用せずに RaspberryPi

うに主観的に閾値を設定し，以後他の時点の画像に適応す

model B+と Camera Module を使用し，インターネットかる際にもこの閾値を用いることとした（図 4,5）．

ら現在の時刻を設定しインターバル撮影を行い，Web ペー	  この閾値の与え方・意味合いに関しては，さらなる検討

ジに画像データを時系列に並べて撮影データを閲覧できるが必要だと考えている．味噌の発酵などの造作プロセスに形式で設置した．

おいて，与えられた初期値のもとで，基本的には変化の流	  展示から 1 週間にかけて色の変化が表れ，色の変化は展れに任せるがその変容していく状況のみコントロールする

示開始から一ヶ月で変化し，その後大きな変化は見受けら© 2015 Information Processing Society of Japan466

れなかった．その後は字形周辺に変化が表れ，次第に太くなる変化が見られた．また，字形の線と線が交わる箇所が次第に丸みを帯びてくるなどの変化を観察できた．	  字形の変化とは別に二ヶ月経過したあたりからカメラのホワイトバランスが変化し写真全体の色味が変化した．原
因として，文字の色が変化したことと背景の銅インクについても酸化し初期の金属の光沢を帯びた状態から鈍い色への変化したためである．そのため印刷物の左上の部分にCMYK のカラーチャートを設置し，画像のキャリブレーシ
ョンが行えるように展示を変更した．

4. ま と め と 今 後 の 展 望	  システムを制作するにあたり，変化の特徴を見て変化に適応したフォントデザインを作る方向性も考えることができるが，既存のフォントファミリーとして追加されていくという考え方もできる．Helvetica Neue Regular や Boldにのような太さや用途によるファミリー区分けに対して，変化していく具合やマテリアルでファミリー化するという考え方が生まれる．変化の進行に環境が関与しているのであればマテリアルの変化に加えてサイトスペシフィカルなフォントを生成することが可能になると推測される．	  現システムでフォントデータの生成は現在手動でおこなっているが撮影された時刻と同時にフォントが生成されてくるようなリアルタイムな方法が必要となってくる．	  本稿では提案するシステムを一度繰り返した．今後本システムを 2〜3 回と繰り返し使用することによる造形の変化について今後考察していく．
参考文献

図 6 「HABILITATE」第 2 期 type harvesting
figure6 HABILITATE 2nd term type harvesting1) 小宮山 博史: タイポグラフィの基礎―知っておきたい文字とデザインの新教養, 誠文堂新光社,(2010).
2) モーセン ムスタファヴィ, デイヴィッド レザボロー: 時間の中の建築, 鹿島出版会, (1999).
3) Peter Bilak, Jürg Lehni,Erik Spiekermann: ”ECAL: Typeface
as Program”(2010)4) Typeface As Programme
https://www．typotheque．com/site/articles．php?&id=169,(2014)
5) のらもじ発見プロジェクト
http://noramoji.jp/ (2014)
6) Donald E.Knuth, “Digital Typography / The Center for theStudy of Language and Information Publications”, (1999)
7) Semitransperent Design: tFont/fTime
http://www．semitransparentdesign．com/ycam
http://semitra.ycam.jp/ (2014)8) Zachary Copfer,
http://www.Sciencetothepowerofart.com/ (2014)
9) Ben Dehaan，
http://www.Facelessexhibition.net/ben-dehaan-0 (2014)
10) Yannick Mathey,
http://www.prototypo.io/ (2014)11) Michael Flückiger, Nicolas Kunz
http://laikafont.ch/ (2014)12) 山本和人, 松本直美編: 自然学｜来るべき美学のために(2014)
13) Ronan Bouroullec, Erwan Bouroullec, Anniina Koivu,
Ronan and Erwan Bouroullec, Phaidon Press, (2012)14) Glyphs
http://www.Glyphsapp.com/ (2014)15) 藤幡 正樹: アートとコンピュータ―新しい美術の射程,慶應
義塾大学出版会, (1999).

図 7 9 月 23 日 13:00（上），10 月 23 日 13:00（中），11 月23 日 13:00（下）figure7 23 Sep. 13:00 (top)，23 Oct. 13:00 (middle) ，23Nov. 13:00 (bottom)© 2015 Information Processing Society of Japan467