Woodさんの制作日記⑤

 自己紹介シートについて、pagesで作ってみましたが、これをAdobe Illustratorでやったらどうなるか。
やってみました。

mission-1 その5　イラレを使うと

pagesを使って原稿が完成している状態になので、これをAdobe Illustrator（以下、イラレ）に置き換えるのは、グラフィックデザイナーならお茶の子さいさいです。

左がpages、右がイラレで作ったものです。イラレでは「私とデザイン」の図も作り直しています。
解像度が落ちれしまったので、左右の違いはほとんどわからないと思いますが、実は文字組の印象がかなり異なります。文字間隔が調整されているため、改行位置が変わっていることに気づいた人はさすがです。これによって紙面全体の印象もちょっと変わりました。

ちなみに、左のpagesのデータをもとに右のイラレのデータを作るのに2時間。図解の作り変えも含んでの時間です。作業フローが見えてからの効率的な作業はイラレの真骨頂と言えます。

「私とデザイン」の図解は、比較のため、手書きのレイアウトをほとんど踏襲してイラレに起こしました。このように、イラストの部分や文字の大きさなどが整うことで、まだまだレイアウトに工夫の余地があることに気付いてしまいますね（笑）。

イラスト部分も、がんばって手描きでの表現を再現しました。イラレでこのようなイラストを描くには、パスを使って線や絵を描く方法についての理解、イラストを構成するパスの前後関係や分割方法などについても理解しておくとよいです。

Adobe Illustratorはグラフィックデザインに限らず、ビジュアルデザインの要となるツールの一つとなっています。私ももう30年近く使っていました。すでに、仕事には欠かせない道具と言えます。でも、デザインを学ぶ皆さんには、「イラレが使える」ということと「デザインできる」ことは全く別次元の話だということを知っておいて欲しいと思います。なぜか？それはまた別の機会に。

Woodさんの制作日記④

今日は晴れ。外に出たいところですが、早いところmission-1を片付けたいので、パソコンに向かいます。 
AdobeCCを持っていない想定・・・ということで、Apple社のパソコン＝Macにもともと入っているpagesというワープロソフトを使うことにしました。
※たぶん、Microsoft Wordでも同じことができると思います。たぶんというのは、私がMicrosoft Office 3兄弟（Word、Excel、PowerPoint）を持っていないから（2005年のある日、この三つのソフトは一生使わないぞ、と決めたから）です。おかげで、いろいろな場面で人に迷惑をかけていますが、特にPowerPointが使えない！というのは自慢です。

mission-1 その4　自己紹介シートのレイアウト

自己紹介テキスト、「私とデザイン」図解、ポートレート、作品画像と説明テキストが揃ったので、指定のフォーマットで配置してみます。
作戦はこうです。まず新規ファイルを開いたら、課題資料として提供されているtemp.pdfを背景に敷きます。やり方、わかりますか？

これをガイドにして、本文と作品説明のテキスト部分に「テキストボックス」を配置します。
ポートレートはあらかじめ正方形にトリミングした画像データを配置、作品画像と「私とデザイン」図解も直接配置しました。

本文のテキストボックスは、日本語氏名、英語氏名、学生番号、本文の文字サイズと行間が異なるため、それぞれの部分を選択して、文字サイズと行間を指定しました。

ポートレート ですが、実は使いたい写真の横幅が足りないため、Photoshopを使って加工しています（Adobe、使っちゃいました）。

フォーマットに指定されている罫線もちゃんと入れて、全ての素材がかっちり配置されたのを確認したら・・・・

背景に敷いたテンプレートのpdfを削除します。

もう一度、文字内容、レイアウトなどを一通り確認して・・・OKならばPDFファイルとして書き出せばミッション完了！

本当はプリントアウトして、壁に貼って、じっくり2日間くらい眺めて、アラを見つけたらそれを直して、最終提出、というのが理想ですが、今回はこれで完成とするか。

Woodさんの制作日記③

mission-1の続きです。今日は雨、ひきこもっての作業にはもってこいです。自己紹介シートに掲載するインフォグラフィックスの制作に取り組みました。
今年度はAdobeさんに頼らない、と言う選択肢も含まれているので、私も別の方法に挑戦しようと思います。
図解部分は手描きで勝負！巷では「グラフィックレコーディング」が注目されています。これにあやかって、グラレコ風図解に挑戦します。ツールは、いろいろ悩んだ結果、iPad用のお絵かきアプリとして人気のprocreateを使ってみます。このアプリは有料（¥1,220）で、私も使ってみようと随分前に購入したものの、実は今回初めて使います。不安・・・ですが、まぁ、やってみよう！

mission-1 その3　「私とデザイン」図解制作

図解にあたり、まず何をどう説明するかを考えました。
大まかな説明の構成をまずはラフスケッチで描いてみます。

私が函館に移住する前から、函館に移住してから今日に至るまでの活動の変遷、みたいな構成にしようと思いました。構成をイメージできたので、まずは説明内容を文章にしてみます。伝えたいメッセージをもれなく伝えるために、この過程は必須です。

原稿をもとに、レイアウトの方針をスケッチで確認します。

かなり大雑把な全体レイアウトですが、頭の中にはかなり鮮明にレイアウトイメージができました。あとは、「脳内グラレコ大作戦」・・・つまりアドリブ、出たとこ勝負です。

覚悟はできたので、procreateアプリに向かいます。このアプリ、タイムラプス機能があるので、私の苦労の跡を、映像でお見せしましょう。

ムービーの序盤は、作業に入る前にブラシツールを選んだり、機能をいろいろ試しているところです。一発勝負で、どうなるかと思いましたが、なんとかなるものですね。
そして、完成した図解表現がこちら。

これくらいの情報量と素材なら、私の場合はイラレを使えばアッという間にできてしまうのですが・・・。今回は、イラレが使えない場合、という想定で、新たなツールにチャレンジしてみました。procreate、これからはいろいろ活用できそうです。トライしてみて、よかった。

これをイラレで表現したらどうなるか・・・は、後日改めて報告します。

さて、自己紹介シート全体のレイアウトに進もう。

Woodさんの制作日記②

 締め切りが既に過ぎていたり、締め切りが迫っていたりする、様々な「デザインワーク」「事務仕事」がなんとか片付きました。さて、missionにとりかかるぞ。

mission-1 その2　原稿制作

最近、文章を書くためのツールとしてGoogleドキュメントを使っています。いろいろなデバイスからアクセスできるので、いつでもどこでも描いたり推敲したりできて、助かります。

早速、原稿を書いてみました。

約2時間、書いては削って、並べ替えては戻して、を繰り返しながら、既定のフォーマットを埋められるくらいの文字量になったところで今日は終了。
あとは、レイアウトに流し込んでから、文字数の調整をしようと思います。

私はビジュアル思考は得意ですが、文章を書くのはどうも苦手です。しかし、現場の仕事の中で、広告用の「コピー」を考えたりパンフレットの原稿を自力で作ったり、という経験と苦労のおかげで、最近はなんとか自分のことばでいろいろなことを説明できるようになりました。あ、もちろん「読書」によっても鍛えられてきたと思います。

デザイナーが自分の活動をことば（文章）で説明する、というのはプロとして欠かせないスキルです。もちろんこれは、デザイナーに限ったことではありませんが、デザイン行為はただのお絵かきではなく、「説得」です。まだ世の中にないものについて、これがあったらこんなにうれしくなる（はずだ）よと、相手に納得してもらうためには、絵とことば、そして図解を駆使して表現しなければなりません。そして、これらはやり方を知っていても、実際に試しながら磨いていかなければ、できるようにもならないし、うまくもなりません。しかも、一生続く・・・。
受講生の皆さんも、一緒に、それぞれ、頑張りましょう。

Woodさんの制作日記①

公立はこだて未来大学「情報デザイン1」受講生のWood Stewartです。他の受講生の活動の手がかりを提供すべく、私自身の惑星探査mission遂行の過程を、日記形式でここに残していこうと思います。

mission-1 その1　ポートレートの撮影

今日は天気も良くちょっと時間ができました。そこで早速、課題制作にとりかかりました。今日は、mission-1のためのポートレート撮影を行いました。
課題「自己紹介シート」製作の趣旨は、デザインを学ぶ者としての所信表明です。どんな写真を載せるかも重要なデザインだと思います。普段見かける「AXIS」や「WIRED」 といった尖ったデザインメディアの人物紹介写真を改めて見直すと、当然のことですがかなり手間をかけて撮影しているのが分かります。学生だからといって、カメラや照明、撮影場所などにコストをかけられない・・・というような言い訳はせず、精一杯背伸びしてかっこいい写真を撮る！というコンセプトで、約2時間ほど、ポートレート撮影にチャレンジしました。

・撮影準備

まずは見た目から。普段、髪の毛はほとんど洗って乾かすだけですが、今日はちょっとだけ整髪料なども使ってみました。在宅仕事が多くなって普段着もTシャツがデフォルトになりつつありますが、今日は久しぶりにシャツを着てみました。メガネとサングラスも一応小道具として準備。
撮影機材はiPhone11Pro、自撮り棒、レフ板代りの梱包に使われていたスチロールの蓋、そしてこれまたレフ板がわりの内側が白い日傘、です。
撮影時間はだいたい午前10時から12時。太陽の位置が高くなって室内は日光は直接入らないくていい感じ。でも屋外は真上からの光でちょっと難しそう。

1. 室内で撮ってみた

狭いアパート暮らしなので、屋内で撮影できる場所はほとんどないのですが、窓ぎわにちょっとだけそれらしい空間があるので、ここで撮ってみました。

1-1. 衣装と小道具
メガネ、サングラスはやめよう・・・。反射が制御できないし、なんか思ってたんと違う（シャアにはなれい、ボクは）。

1-2. 光の向き

3点とも、同じ場所で撮っています、が。
左は向かって右側に窓からの光で程よい立体感。
真ん中は窓を背にしているのでいわゆる逆光で、雑な感じ。
右は窓からの光を正面に受けていて綺麗だけど、なんか平面的。背景には家の中を隠すため、黒いカーテンをひいてます。
この中だったら、左の横からの光がいいかね。

2. 屋外で撮ってみた

森に住んでいるのだから、演出として「森のデザイナー」を気取りたい。近所の公園で撮影してみました。

2-1. 光の向きと反射

左は木陰、背景に日向が写っているのでいかにも日陰感が。
真中は日向。午前11時過ぎなので日差しがほぼ真上。悪くないけどスナップ写真感が。
右も日向だけど、レフ板を使って影側にも光を当ててみました（右隅にチラッと見えてます）。真ん中の写真と比べると、効果絶大。雑誌のグラビア写真ぽいね。

2-2 ポーズ、カメラアングル、演出

左上：公園の遊具とともに、フルショット。
中上：空を見上げる。
右上：俺はここにいるぜ！
左下：森のデザイナーさ
中下：続・森のデザイナーさ

右下：観光地ではついやっちゃうヤツ。結果は・・・ダメなヤツだね。
外では様々な発見があるし、テンションが上がる小道具がいっぱいあるし、調子が乗ってくると色々なアイデアを試したくなります。しかし、主題を忘れてしまわないようにね（汗）。

逆光やトリミングも写真で語るための演出に使えるよ。
右の写真が今回の機材（日除け傘、レフ板用スチロールの蓋、そして自撮り棒。

3. おまけ

外出制限などもあり、受講生の皆さんは一人でこのポートレート撮影に臨むのが基本となるでしょう。しかし、家族などの協力を得られれば、表現の幅も広がります。ただし、そのための大変さもついてくる。

さて、どの写真を使おうかなぁ。

（文責：Wood Stewart）

2021年度 情報デザイン1 始まりました

 このブログは、公立はこだて未来大学情報デザインコース２年次前期「情報デザイン1」の受講生をメインの読者に想定して発信しています。

さて、タイトルのようについに今年度も授業が始まりました。

「惑星探査メタファ」と名付けた、ほぼ完全遠隔授業の実践も2年目です。今日（2021年5月31日）の1〜２限を使って授業内容全体のガイダンスを行いました。これを終えて、改めて感じたこの授業を進めていく上での教員側の心構えについて、ここにメモ的に残しておこうと思います。

昨年度は、教員にとっても学生にとっても思いもよらなかったCOVID-19禍への対策という事で、生活全般において不安がいっぱいでした。そんな中、どうせなら新時代に振り切った演習授業をやってみようという覚悟の元、教員／学生共に手探りで、しかしお互いに感触を確かめながら、授業を進めました。どんな結末を迎えるか予想もつかず、ドキドキワクワクしながらの2ヶ月間でしたが、結果は期待以上。受講生の皆さんも思いの外このプロジェクトを楽しみ味わってくれたことが伝わる作品がたくさん生まれました。授業に関わった教員としても多くを学べました。

さて、今年度。授業内容は昨年同様に進めてみようと決めて臨んでいる教員チームにとっては2年目のチャレンジ。受講生にとってはCOVID-19禍への対策を前提とした大学生活2年目の授業。昨年度とは、私たちをとりまく状況も、私たち自身の経験値も、この授業を進める前提も、すでに変化しています。
教員チームとしては、内容は同じでも受講するメンバーは全く違うので、一度体験した活動をもう一度作業的に繰り返すということではなく、今年度ならではの新規のプロジェクトとして新鮮な気持ちで取り組みたいな、と思っています。

受講生の皆さん、2ヶ月間、よろしくお願いします。

（文責：原田泰）

2020情報デザイン1第３課題フィールドワーク報告冊子デザイン

最終作品のプレゼンテーションムービーYouTubeで公開しています。