こんにちは。CoderDojo 奈良・CoderDojo 生駒のメンター、静野です。
チャンピオンの若林さんの『お揃いのパーカー作りたいね』という発言から約１年、念願のパーカーが完成しましたので、デザインのシェアと合わせてこちらに記事を書くことにしました。
パーカーを作るに至った経緯、デザインから完成までの流れを綴りました。
データのダウンロードは文末にあります。お急ぎの場合は一気に下へどうぞ:point_down:
はじまり
はじまりは昨年2017年2月。
チャンピオンの若林さんから、お揃いのパーカーを作ろう！という提案がありました。
提案があった時、「あ！確かにチーム感が出るし、特にイベントの時にあるといいかも！」という気持ちになりましたが、お揃いのパーカーを作るためにはデザインが必要です。
適当な場所にロゴを入れるだけでも作ることは出来ますが、自分が、そして他のメンバーが「欲しい！着たい！」と感じるような気分の高まるデザインにしたいところです。
チャンピオンからのデザインに関する希望は、こんな内容でした。
奈良・生駒 腕にラインを入れる。 チャンピオン：太い線１本 メンター：細い線２本 忍者、他：線無し 所属Dojo名 後ろからみても、何かわかるようにしたい。できれば面白くしたい。 例）風魔がちょっと顔出してるみたいな。 陰陽だけじゃわからないので、”CoderDojoも前面に。 あまり大きくない方がかっこいい。
衣料品のデザイン経験のある方、もしくはその道のプロにお任せできれば安心ですが、その時は名乗りを上げる方はいなくて、メンターの中で案を出したのは、おそらく私だけでした。
そんな状況の中、季節は流れて、パーカー作りは一旦中断になります。
DojoCon Japan 2017の開催
春になり、チャンピオンの若林さんと私は、2017年秋に開催されたイベント、DojoCon Japan 2017の実行委員として2017年5月から活動を開始しました。
まずは、DojoCon Japan 2017の公式サイトをご覧ください。
DojoCon Japan 2017公式サイト
この素敵なデザインのアクセントになっている、ドット絵の魅力。
そして、実行委員として活動する中でチャンピオンが感じたこと。
パーカーの話から突然どうしたの？思われるかもしれませんが、このDojoCon Japan 2017がパーカーのデザインに大きな影響を与えることになります。
やっぱりパーカーを作りたい
DojoCon Japan 2017が盛況の内に終わり、少しだけ落ち着いた2017年11月中旬。
CoderDojo 奈良・CoderDojo 生駒のメンバーslackに、チャンピオンからパーカー作りを再開しましょう！というメッセージが届きます。
@shizuno さんのデザインでとりあえず試作してみようかなと思いますが、静野さんDojoCon Japanなども経てここを変えたいとかありますか？・・・・・・”
びっくりです！他の方からも案が出ると思って、こんなのどう？と雰囲気で出した案です。
考えはしましたが、かなりざっくりとした案。
どうしよう！！！と焦りました。
変えたいどころか、1から考え直します！というレベルです。
パーカーのデザインを考える
衣料品のデザインという分野の経験がないので、何かに頼って（見本を決めて）考えようと思い、オリジナルパーカーを画像検索して調べました。文字やイラストを入れる場合のサイズ感や配置など、いろいろ頭にインプットしたところで、デザイン開始です。
デザインするにあたって、内容を整理すると、前述した、
奈良・生駒 腕にラインを入れる。 チャンピオン：太い線１本 メンター：細い線２本 忍者、他：線無し 所属Dojo名 後ろからみても、何かわかるようにしたい。できれば面白くしたい。 例）風魔がちょっと顔出してるみたいな。 陰陽だけじゃわからないので、”CoderDojoも前面に。 あまり大きくない方がかっこいい。
と
DojoCon Japanなども経てここを変えたいとかありますか？”
を合わせて、
- ロゴが３つ（CoderDojoロゴ※1 / CoderDojo 奈良ロゴ / CoderDojo 生駒ロゴ）
- アクセントに風魔※2
- DojoCon Japanの経験
の３つを柱に、
- 所属Dojo名 後ろからみても、何かわかるようにしたい。できれば面白くしたい。
という要件を満たす方向で考えれば良さそうです。
ロゴの配置で、CoderDojoロゴとCoderDojo 奈良・CoderDojo 生駒のロゴのどちらを前にするか？に悩んで、ふと思いました。
CoerDojoは全国にあるんだから、フロントを共通のロゴにして、他のDojoとデータを共有出来たらいいな、と。
フロントを同じデザインで揃えて、バックに各Dojoのオリジナルデザインなら、何かのイベントで展示を出したりするときに着ると統一感が出ていいかな、というのが理由です。
イベントでお揃いのTシャツを作ることまではしないような場合に使えるのではないかと思いました。
そして、その思いつきをチャンピオンに伝えると、データを共有することに賛成してくださったので、CoderDojoロゴをフロントに配置することになりました。
バックのデザインは、CoderDojo 奈良・CoderDojo 生駒のロゴの配置です。それぞれに個性的なデザイン性の高いロゴなのでとても悩みました。
初めはCoderDojo 奈良・CoderDojo 生駒のロゴは使わず、NARA/IKOMAの文字のみにして、風魔を背中の中央に入れるというデザインを考えました。
イラストを中央に配置すると普段使いできる、可愛い感じのパーカーになると考えたからです。
でもそれでは”所属Dojo名 後ろからみても、何かわかるようにしたい。”からは外れてしまいます。
チャンピオンからも『奈良生駒のロゴは入れなくていいの』というコメントが入りました。
確かに・・・そうですよね。
最終的に、せっかくロゴを入れるなら、凝ったデザインを生かしたいと考え、２つのロゴをどどーんと大きく中央に並べて、それらにまとまりを出すために、その２つを半円で覆うような配置でNARA/IKOMAの文字を入れる形で再度提案し、その案でチャンピオンからもOKがでました。良かった！
最後は風魔の配置と面白さ、です。
バックにロゴを大きく配置したので、風魔はフロントのポケットに。そして、一つではなく横ラインで３〜５つ並べたいと思いました。
ラインで並べるなら、DojoCon Japan 2017で使われていた風魔のドット絵をぜひ使いたい！ここはばっちりチャンピオンと意見が一致です。
形になってきてほっとしました。
ブラッシュアップ
たたき台が出来たところで、CoderDojo 生駒のロゴを作ってくださった生駒市在住のグラフィックデザイナー平本 久美子さんに、デザインを見ていただけることに。
ご縁があったことに感謝、そして、手探りで進めてきたデザインをブラッシュアップしていただけることの心強さと言ったら！本当にありがたいです。
- バックのNARA/IKOMAの文字をプログラムっぽく</>で囲んでフォントをファミコン文字に。
- フロントのドット絵の風魔とのバランスが取れるサイズと余白をとってライセンスを表記。
- CoderDojoのロゴのサイズ感や配置場所のご提案。
このブラッシュアップによって、本当に素敵なデザインが完成しました:sparkles:
フードに隠されたメッセージ
デザインが完成して、サンプルを作成→最終調整を行い、やっと希望者を募って発注というところまで来ました。
サンプル完成をFaceBookでご報告したので、ここまではご存知の方もいらっしゃると思います。
しかし、サンプルと完成品には大きな違いがあります。
フードで隠れる部分に書かれたメッセージ。
be a dot.
由来は、このblogの内容です。 http://kwaka1208.net/be-a-dot/
CoderDojoの活動は誰もその継続性を保証できないけれど、それぞれが点として存在しつづければ、それは線として残っていく。だから、欲張らずにそれぞれがひとつの点で居ようという意味です。
『パーカーの前面を共通で使うなら、各Dojoのメッセージを隠しメッセージ的にフードの裏の隠れるところに入れたらどうだろうか？』というチャンピオンからの提案で、CoderDojo 奈良・CoderDojo 生駒ではこのメッセージを入れることにしました。
このメッセージは、DojoCon Japan 2017の実行委員をしたことで生まれて、パーカーのデザインへ反映されたことを考えると、やはりその影響は大きいです。
パーカーにこのメッセージを入れるにあたって、メッセージの前に//をつけたのは、多くのプログラミング言語でコメントを入れるときに使われる記号で、今回のデザインのコンセプトにも合っていると考えたからです。
パーカーが完成
こちらが、完成したデータのキャプチャーです。
ロゴやイラストの配置イメージを共有するために、コメントをつけて、チャンピオン・平本さんに見ていただきました。
完成したデザインを発表して作りたい人を募ったところ、今回は大人（チャンピオンとメンター）８人と忍者３人（メンターの子供）から希望がありました。
色は、大人は共通でミックスグレー&ブラック（裏地がブラック）、忍者はそれぞれの好みでレッド・ロイヤルブルー・ターコイズにしました。
着用写真をご覧ください♪
みなさん気に入っていただいたようで本当に良かったです:sparkles:
レッドとロイヤルブルーも綺麗だったので、届いた時の写真を貼っておきます。
パーカーの製作はCoderDojo北神戸のチャンピオン酒井久伸さんのお店、利助屋さんにお願いしました。
印刷に関する注意など詳しく説明していただいたり、印刷するにあたって文字のサイズなどを調整してくださったりたり、大変お世話になりました。ありがとうございます。
丹生・山田の里 ものづくり工房 株式会社 利助屋
パーカーのデータを共有します
以下のリンクよりイラストレーターのデータがダウンロードできます。
aiデータの一番上のレイヤーは、デザインデータ配置用の指示書になっています。 参考のために残していますが、入稿時には削除してください。
イメージの共有のための指示書です。実際にはパーカーへの印刷工程上、厳密にすることが難しいです。
パーカーのデータを使うにあたって、ご質問などございましたら、お気軽にご連絡ください。
お揃いで作っていただけると嬉しいです♪
«ご注意事項»
※1CoderDojoのロゴについてのガイドラインは以下のサイトでご確認ください。
CoderDojo Logos and Brand Guidelines
※2風魔はCorderDojo西宮／梅田の忍者イラストです。使用にはライセンス表記が必要です。
詳しくは以下のブログをご確認ください。
CorderDojo西宮／梅田の忍者イラストについて