超簡単！録画ボタンを押すだけで「踊ってみた動画」が撮れるiPhone向けアプリ 「踊ってみた専」サービス開始！ | 株式会社スプー Spoo! inc.

今回デザインをお手伝いさせていただいたきました！

最初は「みた専」だった

アプリ名は最初、「みた専」としてプレゼンをいただきました。ただ制作時点でわたしの方から「踊ってみた以外にも届いちゃうんでは？」という意見を話、「踊ってみた専」を採用していただきました。
そこまで入れるなら「用」もいれてあげればよかったかな…。千葉麗子の「チバレイ」みたいですね。

面白ければ格安で作ります

スマートフォンやタブレットなどのマルチデバイスはWebサイト最適化などで多く行なってきたのですが、そういえばネイティブアプリはタイミングが合わず作ったことがありませんでした。

「最近仕事も落ち着いてきたし、iPhoneアプリ無責任にデザインしたい！」と思っていたトコロ、渡りに船という感じでお話をいただいたのがこの案件です。

「デザイン好き勝手やらせていただけるなら000円でやらせていただきます」と一丁前に話をし、了承いただけたので本当に好き勝手作らせて頂きました。楽しかった！すでに開発がすすんでおりサイトマップや実装機能も決まっていたのでpsdを作るだけのカンタンなお仕事です。

普段はそのフェーズに入るまでかなり時間がかかる案件が多かったのでとてもリフレッシュできた気分です。清々しい。

ロゴをつくる

ロゴマークは手書きでゆるゆると描き、それをデジタルでトレースし直すという「ウープスデザイン」お決まりの流れで勧めました。日本語ロゴ、とくに漢字をイチから作る技術がもっと欲しい…。

いくつか描いくときに「踊り」のモチーフをHIPHOPのお兄さんお姉さんにしてみました。帽子とドラッグクイーンのような目元です。

トレースします。

トレース完成し、塗つぶしてみます。

うーん、なんか不恰好ですね。アナログデータをそのままトレースすると往々にしてこのような自体に陥ります。

不格好さをIllustratorで修正する

並べてみました。右側の方がキレイにみえませんか？
原因は、それぞれの図形のあやふやさですね。

手書きでは直線などもぷくぷくとふくらませた方がかわいく見えていましたが、デジタルのしゅっとした線でトレースしてみると、それがマナイスに働いています。

メリハリがない。

ですので、それぞれを構成するオブジェクトをひとつひとつ特徴を見なおして抑えるとことはっちゃけるところを分けました。

「足」の最後の2画をデフォルメしたり、「踊」の「マ」のところを大きくしました。その変わり、足の「ト」の部分は直線としシンプルにしています。

「専」では頭の十字をもっとまるまるとさせ、点も一緒にくっつけました。
「田」のようなボディも合わせてキレイな円で引き直します。

最後のハライの箇所もちょっと誇張していますね。

重ねてみると分かりやすい

重ねてみるとこのように修正を加えています。
薄いグレーで敷いているのが、修正前。水色の線が修正後です。

目で直す

「なにかがおかしい」という印象は大切です。きっとそれは間違っていません。ただ「どこがおかしいのか」を知るのには「見る目」を養うしかありません。

世に出ている全てのデザインは多くの人が決定をくだしてきたものです。良いところが必ずある。文字組にしろ色使いにしろ全てが参考になります。

「なぜこのように作られたのだろう」とそれらの考えをシュミレートしたり、「ここが良い」と思ったものをストックしておき、ものを作るときに改めて見返してみると細かい工夫がそれらを構成していることに気づきます。

「目」が肥えていけば、いずれ技術はついてきます。

目を養うのには段階が必要です。美術館や博物館をまわるのも、勉強になることは多いですが、「作る視点」をもって理解するにはある程度の基礎レベルが必要になると思っています。

「ブロードウェイ毎日みてたらうまく踊れるようになると思う？」

王様のレストランでこんなセリフがありましたが、本当にもっともです。

プロのダンサーなどが見ると、舞台のテクニックが自分の体験と紐付き、分析できると思います。しかし、それらの基礎力がない人が見ても「感動」はしても「技術を盗む」ことはかなり難しいでしょう。

ですのでよく見るWebサイトとか、フライヤーなど身近なものからはじめていいと思います。

そんなこんなで完成です。

和文のロゴデザインに参考になるWebサイト

欧文は非常にカスタマイズしやすく、資料も豊富にあります。logopondやdribbleなどを参考にするのが良いでしょう。

しかし、国内ではあまり「和文」のみを集めたギャラリーサイトがなく、国内制作会社の実績をみて都度ストックしておく必要があります。

誰かまとめて！

THE LOGO

http://fordesign.jp/LOGO/

フロップデザインというわたしが高校時代からデザインフォントを作られている超有名大御所さまのロゴデザインブログ。

とてもリーズナブルな価格でハイクオリティなロゴデザインを提供してくれます。あんなにクオリティ高いのにこの価格で提供されるなんて、とても勝てません。ぜひこれを機会にアナタのブログのロゴもお願いしてみると良いのでは？

放課後ロゴタイプ

フォロアーさんのサイトなのですが、和文を自由に作ってらしてクオリティが高く参考にさせてもらっています。

イチから文字を書くことがあまり得意でないので、ここまで漢字を理解・分解し、いろいろな展開をできるのが羨ましくて仕方ありません。

和文を作る前には一度改めてこのサイトを見て、発想を少しでも真似できるように研究しています。

logo stock

http://logostock.jp/

たぶん国内で一番充実しているロゴ解説サイトなのではないでしょうか。欧文・和文は限定していませんが、さまざまな企業のロゴマークを取り上げ解説していらっしゃいます。

カテゴリと掲載数がハンパでないので、なにか詰まった時に眺めてみるだけで発想のヒントが得られます。

全画面のスクリーンショット

細かい画面はぬいていますが、だいたいキーとなる画面はこのくらいです。

ワイヤーフレームではリスト形式（サムネイルとメタ情報を横に並べたグループを縦に連ねていく）でいただいていたのですが、画像のようにサムネイル形式のが見栄えするかな？と思い、そちらを採用させていただきました。

テクスチャを使いたかった

今回のデザインでやりたかったのは海外でトレンドとなっているテクスチャ使いです。

レコードボタンや、タイムラインバー、各ページのヘッダーなどすべてレザーテクスチャを使いました。楽しかった。エンボス加工も嫌われがちですが、うまく使うととってもよい表現ができます。

Evernoteなどのスプラッシュ画面が真似したかった

Evernoteなどのスプラッシュ画面はシンプルでグラデーションが美しく、真似したいなぁと思っていたので「踊ってみた専」のスプラッシュでも採用させていただきました。

わたしはマナイスの表現ができないデザイナーです。ゴテゴテしちゃう。なのでスプレッシュ画面でも単色グラデではなく複数の色を交えていますし、集中線でもいくつかの色をつけています。

さらにロゴにもいくつかシャドウを入れていますね。

このように「真似したい」から入るのも技術を養う大切な訓練のひとつです。まるっと真似してしまうのはお仕事ではアウトですが、トレースをするくらいの気持ちで画面をつぶさにみてエフェクトを参考にし展開すると、新たな引き出しが増えます。

使っていけば自分のものになっていく。なにごともそうですよね。

ボツカラー

実は当初、暖色系で構成していたのですが、あまり締りがないので青を採用しました。ピンクと青の色使い好きなんです。

最後に

「踊ってみた専」はカンタンに「踊ってみた」できる楽しいアプリです。踊れなくてもこんな遊びができますよ。

本当はこんな風にモッシュしたい。

みんなで高円寺北口ターミナルでやろうぜ！

DAVEY DANCE BOLGも大好きなブログです。

これもやりたい。

一人じゃできないんですけど、誰か一緒にやってくれないかなー！

http://www.peggs.jp/

少し前に話題にのぼったイラスト受発注サイト「ペグス」。いまは新規取り扱い停止されているようですね。古い例では「C-team」などのコンペ系サイトは毎回いつもこの手の議題をわたしたちに問いかけてくれます。

「買い叩かれている！」
「クオリティとかどうすんのさ」

いろんな意見がありますが、わたし個人の意見でいいます。毎回釣られてしまうなぁ。

「やる」or「やらないか」

「それをやりたい」のならどんどんやっていけばいいと思います。
反対もしかり。自分のポリシーに反するのならばやらなければいい。

問題のもとになっているのって、まとめると1つか2つなんじゃないでしょうか。

1つは「仕事とられる！」
2つは「オレの仕事バカにすんな」

後者の気持ちは、きっと昔からある

後者の気持ちはよく分かります。自分の仕事が好きで誇りを持っていればいるほど、主戦場を「荒らされた気分」になるんです。これは昔からなんでもかんでも最初は言われたことなんで、いまさら気にしても仕方ありません。諦めて時代にのりましょう。

テレビ業界の人とか、Ust配信などを仕事にする人がでてきたときイラっととしたんじゃないかと勝手に思っています。新聞の人もテレビでニュース番組でたとき、「俺らの情報読んでるだけじゃねぇか！」とか思ったと思うんですよね。

「仕事とられる！」の根本的問題とは

さて、「仕事とられる！」の前者はと申しますと、そもそもの問題として、それで成り代わられてしまう仕事の仕方を見なおした方がいいと思います。いやジブンも危機感もりもりですけど。

デザイナーに関する話題なので「知識産業」のみを対象とさせていただきますが、その主戦場で価格競争うんぬんになってしまう仕事の現場は、その先地獄しか見えないと思うんです。もちろん、生き抜く方法もあると思いますが。

エンジニアにしろデザインにしろ、ディレクションにしろ、企画にしろ、プロマネにしろ、皆さんもうわかっているので釈迦に説法でしょうが、念のために書きますと「アナタしかできない」ことで仕事をもらう。というのが「知識産業」系の根幹なんじゃないでしょうか。

たくさんのデザイナーがいる中で、誰にも作れない「ジブンのデザイン」をすることが「デザイナーのキモ」になっていると思うのです。

デザイン+アナタの趣味=ジブンのデザイン

作ったもののクオリティで「オリジナリティ」を表現することが想像しやすいですが、それ以外だってたくさんあります。

「夜に作業しているので朝一で初稿あげられる」とか「パロディネタデザインがうまい」とか「コワーキングスペースを運営して生き方を模索している」とかでいいと思います。

その「デザイン」+「アナタの趣味とか」で「ジブンのデザイン」ができあがる。それで勝負していけば「価格競争」などで毎回ハンカチ噛み締めることもないと思います。

むしろ他のデザイナーさんが廉価でデザインしてくれるからこそ、高額なデザインをお願いしたい。というニーズも確実にあると思います。高級車市場みたいなものですね。

「ジブンがデザインの中でもどこで勝負するか」たしかライフネット生命保険さんの記事で

「戦略の本質とは、競争がないところを探してそこに行くことだ」

「もったいないな、変なことばかりやって」と言われ続けた人生ーライフネット生命副社長岩瀬大輔氏インタビュー（前編） (1/4)（BLOGOS編集部） – BLOGOS（ブロゴス）

という一文がありました。これもかなり頷きまくりますよね。

むしろ、どんどん出てきて欲しい「自称デザイナー」

なにかを作ればアナタはもう「デザイナー」！と前回の記事で書きました。

[woops!] フリー素材を取り上げた方が、デザイン系ブログとして望まれているじゃね？

弊害もあります。むちゃくちゃな価格でやったり、ひどいクオリティなのに高いお金をとったり。あ、わたしのことかなぁ…。うう。

だけど、そうやってアマプロの差が分からなくなってきたときこそ「プロとしての真価」を問われるので燃えてきませんか？

デザイナーには免許更新も定年退職もありませんから、自称してしまえば「デザイナー」です。

その中で「ジブンがプロである理由」を常につきつけられるようになったのはすごく良いことだと思うんです。

クライアントさんも「次」頑張るかもしれない

もし、そういった自称デザイナーで痛い目をみたクライアントさんがいたとしても、そんなにヤケドしたら次からケガしないようにどうしたらいいか真剣に考えてくれるじゃないですか。

「そのデザイナーに」二度と発注しないことはあっても、「デザインを発注しない」ことは無くならないでしょう。

「とりあえず作って」がどれだけの爆弾を抱えているのか、分かってもらうだけでも苦労したものです。くそ真面目に「いやデザインというのはですね…」と話したとしても興味がなければ聞いてもらえません。

デザインがいい意味でもわるい意味でも注目されてきたということですし喜ばしいですね。

だからコンペ系がどんどん増えていいし、自称デザイナーがどんどん増えていい。その中でどうプロとして頑張るか。

まだまだ修行中ですけどね…

尻切れトンボですが良いシメが見つかりませんでした。

この議題に関してはきっと、これまでの文章でジブンなりの答えが出ているからでしょう。

深夜のテンションでデザインに関するもろもろを書いてみました。ああ、恥ずかしい。

わたしは、デザインの工程をTwitterでアップしたり、案件公開後howto記事を書いたり、ブログでは聞かれもしないのにちまちまと「工程」「方法」「考え方」を書いています。

デザインをテーマにしているブログが多いですが、その中でもこのブログはたいしてViewもありませんし、言及もされません。（悲しくなんかないやいっ！）

なのになぜこんなことするんでしょうね？

デザイン系ブログが望まれていること

まわりを見渡してみると、デザイン系ブログは「素材」「書体」「写真」「便利なサイト」や「海外のステキなデザイン」「成功事例」を取り上げるなどが多いです。

たくさんのブログ閲覧者やユーザーに望まれ、そしてその要望を満たしているのでWin & Winですね。ブログが伝えることにより、欲しかった情報が手に届きますし、海外の情報などを訳してまとめてくれるのはさっくりとトレンドを把握できておたがいハッピーです。

だけど、おせっかいなわたしはジブンの主戦場である「デザイン」という分野に「もっと踏み込んでもらいたい」と思っています。だから書く。

魚をあげるのではなく、魚の釣り方を教える

前述の情報は、他のことに例えると「食料に困っている人」に魚をそのままを渡す行為です。調理法や釣り方を知らないので、困っている人はずっと食料を与えてもらことを待つしかありません。

わたしは、ずっと食料を与え続けることはしたくありません。いつしか負担になるかもしれないですしジブンがいなくなってしまうかもしれません。

ジブンがいなくなっても彼らが食料に困らないでいる。そのためには調理法や釣り方を教えることが必要なのです。

かねてからこのブログやTwitterでも話しているのですが、「制作物に対する思い・過程の振り返り」は、間接的にですがアトから続く方々の大きな助けになると思っています。

ここにある情報が全てではないですし、役に立たないものも多いとおもいます。しかしそれらをパズルのピースのように組み合わせていけば、自ずと魚の釣り方「見たことある」となっていくのではないでしょうか。

そして誰も頼める人がいなくてイベントのチラシやバナーを作らねばならないときに「あの方法が使えるかも」になり、「できた！（釣れた！）」となるのです。

「できない・知らない」からのリスペクトは「恋に恋している」に似てる

デザインという高尚そうで、魔法のようなものに見えます。

好きすぎるあまりにリスペクトしすぎてしまい、デザイナーさんに口出ししずらい。という方もいらっしゃいます。

でもそれって「恋に恋している」のと似ていませんか？
「デザイン」のまわりの事象に目がいってしまい、「デザイン」を直視していないきがしています。

グラフィックデザインにおいていえば、写植の時代とことなり実際の作業は全部コンピューターがやってくれます。正直そんな難しいことしていません。

ソフトの使い方が分かり何かを作ればアナタは「デザイナー」なのです。（質などはおいておきまして。）

自分で作ってみると新たなことが分かるでしょう。いままで難しいと思っていたことがカンタンだったと分かる。逆のこともある。

未知が故にでるリスペクトももちろん光栄ですが、一番嬉しいリスペクトのカタチは実践し理解を深めたアトのリスペクトです。

そう、恋に恋するのではなくて、「私」を見て恋してほしいのです。

「0から1」と「1から10」

わたしもエンジニアさんが大好きです。わたしたちデザイナーは「コップに入った水」を多くみせたり少なく見せたり、違う色に「見せる（見せかける）」ことはできます。しかしエンジニアさんはその水自体をコーラにすることができる職業だと思っているのです。

要はデザイナーは「1を10に見せる仕事」であり、エンジニアさんは「0を1に変える仕事」かなと。

（デザインの定義や分野によってはどちらもするのですが、ここではデコレーションに特化したグラフィックデザインに限定させてくださいませ。）

ですので、「こういう機能を追加したい」「これとこれを組み合わせればこんな機能つくれない？」と無責任に言うのに気が引けてしまうこともあります。まぁ、言うんですけど。

だけどそれって遠慮でしかないのかなぁと。お互いがどういったことができる・できないを理解してそういう話ができるとすごく建設的な議論がもっともっとできるのではないでしょうか。

だから、デザインの考え方を書いている

だからこそ、わたしはたいした実力もないのに、ちまちまと今日もハウツー記事を書き続けるのです。正直わたしよりもすごいデザイナーさんはきっと掃いて捨てるほどいると思います。

専門学校すら出ていない高卒の雑草デザイナーですからね！5流ですよ5流！このコンプレックスがあるからこそ、彼らがやらないことをやっている訳なのですが…。

もし彼らがデザインを言葉で語っていただけるならわたしのブログでは書く必要がないと思っています。

だってそっちのが読みたいもん。

だからもっと書いて欲しい「デザインを振り返る」記事

でもあまり書かれていないことなのでわたしが書くのです。
だからわたしがもう「書かなくていいかな…」と思えるようにみんなたくさん書いてください。お願いします。

最後に

と、いうことでいろいろ書きました。要はみんなに「デザイン」をしてみてもらいたい。その上で挫折して、わたしにお願いしてもらいたい！

おもしろいデザイン作りたいですよ。

こけむさズも綿村さんと名前やコンセプトが決まったアト、さっそく活動が見えるカタチにすべくペラ1のページを作りました。

プライベートワークの方が時間がかかる

クライアントのいない、ジブンの好きなように作れてしまうプライベートワークは自由度が高すぎて腰が重くなりやすいです。

しかしそうは言ってもここはスピード勝負。いくつか前から実践してみたかったデザインをスクラップしていたのでそれらを参考にデザインを考えます。

まずはロゴデザイン

以前からやってみたかったことのひとつに「書体を手書きで作り変える」ということがありました。

以前記事で取り上げた本に紹介されていた手法です。

本の冒頭には雑誌のアートディレクション、出来る前の経緯がかかれています。Lingkaranという雑誌は見出しにプリントしてからフリーハンドでトレースしたものを使っていました。これはいまでも真似しています。「こけむさず」のロゴ制作でもそんな過程がありましたね。

[woops!] デザイナーの本棚を見てみよう！その1

新ゴは数字はあまり好きではないですが、書体の枠の中でいっぱいいっぱいに曲線を描く「まるっと感」は密度が好きでしてこれをもとに、いくつかの箇所を修正しました。

具体的には「こ」のライン、「む」の円から続くラインをくびれさせない。「さ」のハネを止めにする。などです。

図のようにカケアミにしてみたり、そのままベタにしてみたりとさまざまなパターンを作ってみました。カケアミなんかは30分くらい線を書き続ける根気のいる作業です。

しかしどれもあまり個性が見えずしっくりこないので全て却下。

時間がかかろうと可愛かろうとダメなものはダメ

「「傷つかない技術」を体験した授業」という記事が以前取り上げられていましたね。渾身の力をこめて作ったものを否定されたり、捨てられたりするのは悲しいことです。

しかし、ダメなものはダメなのです。どんなに時間をかけたからといってそれは理由にならないのです。出来上がってみて、意にそぐわなければスパっと切り捨てる強さって大切です。

感情的になってしまい、「こっちがいいのにー。」というのは目的と手段が分からなくなってきていることもあります。一服でもして、頭を切り替えましょう。

コンセプトを振り返る

二人とも、高円寺の七つ森というカフェが大好きで意気投合しました。

高円寺コワーキングスペース　こけむさズ

こけむさズのWebサイトでは冒頭にこのように書いています。そう、発起人のふたりとも純喫茶のレトロで薄暗いけど温かみのある印象がとても好きなのです。

見た目のモチーフもそれらが伝わりやすいように、純喫茶のようなロゴを考えなおします。

これまでの作業がムダになったようにも見えますが、「とにかく何か作りたかった」という気負いを発散し、賢者タイムとなれたのは大きなメリットですよ？

筆で描いてみる

図のように不要な紙に「こけむさズ」それぞれの文字を描き、気に入ったカタチを探します。

「こ」や「む」はほぼ一発で決まりましたが「け」や「さ」はなかなか決まりませんね。並べた時を考えるとこの2つは「払い」で滑らかさを出して踊るようにポンポン置きたかったのです。

並べてみた。

これはあまりうまくいきませんでした。うーん。
5文字を並べるバランスでいうと
「け」をもっと立て長く流暢にすべきだったのにちんまりとしてしまった。
「む」が主張しすぎ。
「さ」が弱気すぎ。
「ズ」はマイペースすぎますねw

また、それぞれが並べただけでお互いにうまく干渉できていないのも残念ポイント。

パスで一発書きしてみる

パスでみるとこんな感じ

プレビューではこう

「ええい！」といらいら半分でIllustratorを開き、パスで描いてみました。ちゃっちゃとやったわりに可愛らしいキャラクターが見えたので、この方向を模索することにします。

ペンツールは楽しい！

Illustrator初心者さんの最初の鬼門「ペンツール」。鉛筆でもペイントでも引いた流れでそのまま線ができる「ドローイング」とは異なるのでその違和感が拭い去れず混乱したまま挫折してしまう人が多いのだと思います。

ペンツールは意識をまるっと変えてみましょう。そうですね。「ヒモを引っ張って文字を書いている」と思うと分かりやすいかも。

壁にヒモを吊るして文字を書くイメージをしてみてください。

「こ」を例にすると、まず最初の横線。左はじを画鋲でとめますよね。そのままだと1本縦にプランと落ちるだけです。それじゃいけないので横にすべくもう1個画鋲でとめます。その画鋲をさしたトコロを「クリック」に置き換えてみてください。

次にカーブ。ここはヒモを少したるませて画鋲をとめるイメージです。たるませる時にはドラッグする

ここ重要！

横線を引いてさらに「こ」の字の上の部分にらしくするにはこのひょろんとたれたハネが必要です。ここも画鋲をさすのだけれど、ヒモで描くとき、このカーブを出すのには少したるませる必要がありますよね。

それをドラッグだと置き換えてください。

クリックして、クリックして、最後にドラッグしてみると線がにょーんと伸びて曲がるのが見えます。

こんなのです。青くて細い線。ドラッグするとこんな感じの線になりますよー。とプレビューしてくれます。右でも左でも上でも下でも好きな方向にもっていき、理想のカーブを探しましょう。

パスの極意はこれだけです。画鋲、画鋲、たるませるー。アン・ドゥ・トロワー。それを意識してパスに再挑戦してみるとうまくいくかもですよ？

ちなみにパスの名記事といえば、Cheebowさんのベジェ曲線で行こう！が最高だと思っています。

ヒビノアワ: デザイン勉強会「ベジェ曲線で行こう！」資料公開します

わたしが上京してはじめて主催した勉強会でお話してくださったのですが、そのとき集まったエンジニアさんほとんどがハートを書くことができました。すごいですよね。

ということで脱線はここまで。

いろいろ作ってみた

一番上はすべて平仮名だったので「ズ」だけをカタカナにしてみました。おお、悪くないかも。ただあまりレトロっぽさが出ていないですね。

昭和レトロのシズルはトメ・払いの処理

純喫茶の看板などに多く見られる「昭和レトロ」を感じさせる書体の特徴ってなんでしょう？

やってみて思ったのはトメや払いの処理。そして縦と横の太さの差です。また、ひらがなよりカタカナを使った方がレトロ感がでます。

下に配置した2つは実際にレトロ看板を画像検索し、それぞれの文字の特性を抜き出して構成してみたものです。

上はオロナミンＣやケロリンなどの看板を参考にしています。下の紺色は実際にとある純喫茶で使われている書体を参考にしました。

処理が面白いですよね。でも、わたしがうまく良さを出せていないのか、うまく落とし込めませんでした…。

直書きしたものに処理してみる

そこでそれらで得た「トメ」「払い」の処理の独特さと、線のテーパード（上から下にかけて細くなる）な印象を冒頭に描いたパスに加えてみました。

処理を加えて調整したものとその前のものを重ねてみる。

基本的に縦の線が細くなりましたね。

「こ」はさらに下のラインの傾きを変えています。
「け」は直線で払いを無くしました。
「む」は円を少しずらしカーブに強弱をつけています。
「さ」はあまり変更ないですがそれだけに顕著ですね。
「ズ」は高さ自体も縮めました。

レトロな雰囲気がありつつも今っぽくできたかな？と思い、ロゴはこれに決定です。
地味に文字間をつめたり調整しています。

あれ？いまみると「さ」と「ズ」の間が気になる…。ぬぬぅ。

制作の様子を随時Twitterへ投稿し、みなさんにも意見を聞いたのですがダントツの人気でした。良かった！

これでやっと見えた方向性

いや、遅いんですが。このロゴがカタチになったことでWebサイト自体もどう作ろうか見えてきました。シンプルでドシンとした見た目にしてやろう。そんなことを妄想するのです。

書体の勉強には

小林章さんが書かれているこの本が、丁寧で分かりやすいです。レタリングの基礎から実際の組み方までまるっと書かれています。図版入りで読まずとも見て理解できる本。

こけむさズはすべて和文ですが、それでもちょこちょこと見返し参考にさせていただきました。いや…。うまく出てるかは別として。ね。ね。

のちほど「デザイナーの本棚シリーズ」でも取り上げますのでここではさらっとした紹介にとどめておきます。

「こけむさズティーザーシリーズ」の記事では次にサイトデザインの様子などを取り上げますね。需要があれば良いのだけどー。

見よ、ほぼ初対面なのにこの一体感。できる子っ！

2012年4月21日(土)は高円寺コワーキングスペース「こけむさズ」の内覧会でした。

まだ手付かずの物件を、みんなに見ていただいてどんな風になるのかワクワクしていただけた…かな。要は「こけむさズ」に興味ある人に会いたい！話したい！というわたしの欲求から企画した、飲み会です。

当初5人も集まればいいな。と思っていた目論見に反して30人近くにお集まりいただき、こけむさズに期待してくださってるみなさんの熱い思いを聞かせてもらいました。

参加者からの嬉しいギフト

「こけむさズ」に関する記事では、毎回「アナタのできることでお手伝いしてください」と伝えています。

それを見てくれたのか分かりませんが、今回集まってくれた人みな、各々できることを伝えてくれ「こういうお手伝いがしたい・できる」と言ってくれたのです。

もうそれがうれしくて最高のギフトでした。

「写真撮りまくります！」
「コーヒーメーカーが余っている」
「土日ならコーヒー入れられるよ」
「壁掛けのコートハンガー作れるよ」
「図面引くよ」
「他のコワーキングスペースの橋渡しするよ」
「絵をかけるよ」
「漫画をかけるよ」
「ご飯おごってくれれば学校終わりにスタッフするよ！」

などなど、いまから多彩でカオスなメンバーでもの作りができそうでわくわくしています。

作ったお菓子をもってきたい

プログラマさんにもかかわらず、お菓子づくりという白魔術が趣味の方はわたしに質問しました。

「食べ物を作って提供できますか？」

在庫管理や食品衛生の兼ね合いがあって難しいと伝えたトコロ、彼の思いは別にあったようです。

「お菓子づくりが趣味なんですが、作ったお菓子を渡す場所が欲しい」

目からウロコが飛び散りました！なるほど！それはとても良いアイデア！と採用決定しちゃいます。いいですよね？綿村さん（もう一人の発起人）w

お菓子作りを趣味にしている白魔術エンジニアのnekoyamasan

飲食をこけむさズで作って提供するのはNGでありますが、こういったカタチのシェアならばいけるのでは？とカレの言葉で気づきました。

「サービス」からでなく「やりたい」からはじめる

お仕事をしていて、たまに甘いものとコーヒーがでてきたらすごく嬉しいですよね。しかもそれが義務やサービスから発生するのではなく提供者の「やりたい」からきているというのがたまりません。

コワーキングスペースはあちこちに雨後の竹の子のようにでてきています。その中で差別化するのには施設やサービスの充実がとても分かりやすく、「飲食の提供」とか「良い椅子とデスク」とかに落とし込まれることが多いと思います。

でもそれを「差別化」のために行うのではなく提供者の「やりたい」によって行われるってとってもステキなことじゃないですか？

もちろん、その背後には「プロじゃないから、無償提供だからクオリティが…」といった懸念点もあると思います。善意の押し付けにならないような十分な伝え方が必要だとは思います。

また、そこに甘えず「提供して良かった」とお返しができる努力もしていかなければなりません。

そこは失敗もあるかもしれません。でも「やれることで頑張って生きる」という「こけむさズ」の「ゆるく、おかしい、許しあえる」スペースのコンセプトにピッタリなのです。挑戦する価値はとても大きくあります。

こけむさズは半分趣味・半分実験みたいなものです。ここで収益をあげようとかあまり考えておりません。そのかわり全力でやりたいことを実行していくのです。

アナタのできることで生きていけたり、人に喜ばれたら嬉しいと思いませんか？
できることで「こけむさズ」を個性豊かなスペースにしてください。

そして当日の感想

内覧会が早く終わったので、予定をかなり早めてそうそうに飲み会開始です。場所は「関根精肉店」おいしいお肉。とくにもつ！を食べさせてくれるステキなお店です。

20人の予定があれよあれよと参加者が増えて30人にのぼったわけですが、お姉さんたちは嫌な顔ひとつせず笑顔で対応してくれました。

変なコールとかしてごめんなさいw

内覧会の様子をついけんで取り上げていただきました！

あやしげな店が並んでいますが、気にせずスルー。

高円寺のコワーキングスペース「こけむさズ」の内覧会に参加してきました : ついけん

そうです。米田さん曰く「高円寺のタイムズ・スクエア」www 怒られますってw ピンサロなどのステキなお店が並んでいます！帰りの誘惑に気をつけて！

記事では、写真もりもりでこけむさズへの道のり、物件の詳細な写真を掲載していただいています。

道のりはとくに、オープン後に整えるWebサイトに転載したいほどのクオリティ。ありがとうございます！

そして飲み会で使った関根精肉店のレビューもしてくださっているので気になっている方ぜひ見てみては。

ホルモン専門、高円寺の居酒屋「関根精肉店」に行ってきました : ついけん

飲み会ではみなさんの席をぐるぐるしたのですが、話つくせないほど皆、個性もりもりでした。濃ゆかった…！

すでに横浜でぶいぶいいわせているコワーキングスペース「タネマキ」の杉本さんには、コワーキングスペース運営者間のコミュニケーションについて聞かせてもらい、イケメンWeb系男子の三宅さんにはディレクションのおもしろさ。そして建築士の佐久間さんにはコワーキングスペースで重視するべき導線設計ってどんなの？ですとか、もう語りつくせません。女子に至ってはあんなにカワイイのにちょう萌え絵描いたりゆるいおしゃれ絵描いたり、デザイナーだったり、かなわねぇよっ！っと思わされる人たちばかりでした。

彼女たちがこけむさズ入り浸ってくれたら「こけむさズは美女ばかりです」というウリにしたいくらい。

コワーキングスペース都内横断ツアー（仮）

ちょいちょいTwitterなどで妄想していた「コワーキングスペース都内横断ツアー」が本格的にバスを借りて実現するかもしれません。

詳細はまだなにも詰まってないですが、参加者さんのご協力や後押しでやれそうな勢いです。

こけむさズのFacebookページにてイベントをたてるなど実現の暁には告知させていただきますので、コワーキングスペースに興味ある人はぜひ参加してくださいますと嬉しいです。

では、続報を期待していてくださいね！ばいばい。

こちらにてわたしが10年以上肌身離さず持っているファッション図鑑「ザ・ストリートスタイル」を紹介したところ、なんとフォロアーさんにこの雑誌を作られた方がいまして、ソッコーでDMをいただきました。

「取り上げていただいてありがとうございます！」

とてもビックリした私は詳細をお伺いし、ぜひとも著者さまにお会いしたいとおねだり。そして昨日2012年4月18日にお会いすることができました。

高村是州さま

高村是州(タカムラ・ゼシュウ)。本名同じ。広島県生まれ。

ファッションイラストレター・服飾研究家
文化学園大学大学院生活環境学研究科アドバンストファッションデザイン専修　教授・服装学部　教授　　　　ファッション画研究室　室長

Atelier cubis（アトリエ・キュビス）主宰

東京学芸大学教育学部、桑沢デザイン研究所ドレスデザイン科卒。在学中、ファッションイラストレーターのアシスタントに従事。卒業後アトリエ・キュビス設立。以後、出版社、広告代理店、アパレルメーカー等でファッションイラスト、デザインを中心に活動。同時に文化服装学院、バンタンデザイン研究所、東京モード学園等の講師をつとめ、2007年に文化女子大学（現・文化学園大学）准教授に着任。2011年4月より現職

著書に「ザ・ストリートスタイル」、「ファッションデザインテクニック」、「ファッションデザイン画　ビギナーズ超速マスター」、「ファッションデザイン・アーカイブ」（以上グラフィック社）「ファッションライフのはじめ方」（岩波書店）他

アラフィフなのにこの肌ツヤ！イケメン！やはりお会いしても服がかっこ良くて惚れてしまいそうでした。

服がブリティッシュな感じでサイズもピッタリ！服のことはさっぱりですが、自分まで是州さんの着ている服が欲しくなるくらいでした。ステキー！

似顔絵とサイン！

是州さんもガノタらしく、そのイラストの手腕でかなり本気描きしてくれたガンダムwww

なんとガノタ+仮面ライダーヲタだった！

是州さんはわたしも舌を巻くほどのガノタでした！それ以上に仮面ライダーへの愛情が強かった！

なんと変形前のサイクロン号を手に入れて、2,3万円もするライダーベルトに赤いマフラー、肘まで有るグローブをつけて走るんですよ！おそろしい！

そしてモデラーだという事実

ファッションをここまで極められているのに、趣味に命をかけていましてモデリングまで自分でし、それを展示会に出したり販売されているのだそう！やべぇ！自分のにわかオタクっぷりに絶望してしまいそうです。しかも野球チームで監督もしていて過去のチーム名は「ティターンズ」w ユニフォームが見たいですwww

本当にかなわないなぁ。

ザ・ストリートスタイルはほぼ二人で作られた

メインで本を編集されたフォロアー、「ともさん」と是州さんは高校の先生とその生徒なのだそうです。

その高校は専門学校も同じ敷地にあるというとても羨ましいところ。先生だったぜ州さんと一緒に高校・専門と一緒につるみ、「ともさん」は20歳そこそこでこの本の資料集めに奔走したようです。

当時はインターネットもありませんでしたから、ビデオ屋さんなどを歩きまわり、「たぶんこの映画が参考になりそう。」と映像資料を片っ端から走り回ったそうな。

「ともさん」が編集に参加するまえから是州さんはずっとスタイル画を書き溜めておられたようです。しかしワープロに入れていた本の8割のデータが消失。途方にくれていたトコロに「ともさん」が手伝ってくれることとなり、改めて作成に励んだのだとか。

目黒川沿いのアトリエ？でクーラがないなか半裸で資料の翻訳や要点まとめに勤しんでいた「ともさん」。泣けますねぇ。半裸ついでにモデルも兼任したりして、お二人の仲の良さがとても伝わって来ました。

学校の先生と生徒のカタチ

だってもう20年近く交流しているんですよ？学校の先生とそんな出会があるって、本当に羨ましくなってしまいます。自分は可愛がってもらったような気がしますが卒業してからもう一度も会っていませんし。いいなぁ。

ザ・ストリートスタイルにはたまにアーティストがいる？

Blurの人をモデルに描いているページがあるようですよ。ぜひお持ちでしたら探してみましょう！ちなみに表紙のイラストもとあるバンドの人です。

彼らにとってちょうカッコイイ欝パンクの方。さて誰でしょう〜。
わたしは女性だと思っていました。

是州さんの他の著書

ファッションライフのはじめ方

これはファッションに目覚め始める中高生の男の子に向けて書かれた本だそうです。わたしも手元においてましてちょこちょこと読んでいる最中。

まだほんの数ページですが、「トップス」「ボトムス」などの基本的な用語も分かりやすく書いていますし、難しい言い回しなど一切無くて読みやすいです。

ブログ界でのファッションオピニオンと言えばわたしはElasticさんを挙げます。

Elastic

はてなブックマークでもファッションの話題でよくのぼるので有名なのではないでしょうか。この方の記事はニュースもありつつ、ご本人の言葉で書評やファッションの言及があるのでとてもおもしろいです。

Gooランキングなどにツッコミを入れてたりするのも好き。

その方もこの本に関してレビューされています。

Elastic: 脱オタ＆服オタにオススメしたい『ファッション・ライフのはじめ方』

内容を一言でいえば「脱オタファッションへの手引書」という感じですが、 服オタをこじらせた方々を反面教師に執筆している節がありますので、 脱オタを目指す人が読んでも服オタが読んでも楽しめる本となっております。

　著者は『ザストリートスタイル』で知られる高村是州氏。 岩波ジュニア新書なので中学生向けに書かれた本ですが、 これが結構いいことが書かれておりますので、 今回は皆さんにいくつか本書のアドバイスを紹介したいと思います。

本書を引用して書かれているので購入に迷っているかたはぜひ読んでみては？

ちなみに脱オタに関していえば旬なメンズファッション+

http://mensfashion.cc/

わたしもちょいdisったりしていましたが、なんとそれがきっかけでちょっとお手伝いすることになりました。脱オタはファッションとはまた違うベクトルなのに混同されがちということが分かりました。

あとで記事にしたいなー。

ファッションデザイン アーカイブ

これはお会いしたときに見せていただいた本です。
襟のカタチひとつとっても名称やディテールがたくさんある！図鑑のような1冊。生地やファッション画の書き方工程まですべて網羅されています。

ファッションデザイナーではないわたしも欲しくなりました。買っちゃうなー。

PhotoshopをIllustratorのように使う変態な是州さん

この本で使われている図はすべて是州さんが書かれているものなのですが、すべてPhotoshopで書かれているよう。パッと見るとベジェ線にしか見えないのですがパスで線を引いてブラシ適用している書いているそうです！変態！

ベジェ線のピッとした線よりも、拡縮によって現れるアンチエイリアスのぼやけた線に優しさを感じるのだそうです。おもしろいいいいい。

怖くてできなかったファッションチェック

ファッションに携わられている方に会うのは本当に緊張します。是州さんの本では「ファッションはアナタの個性」「どう見られるかを表すもの」というようなことが書いてあったので良い・悪いではないのでしょうが、やはり褒められたい！

最近は春の装いの中でハイウエスト・スカートを着て足を出すのが楽しくなってきたのでそれプラス少し軽そうな印象のブラウスで行ってみました。

「わたしの服どうですかね？」そのひとことが言えなかった…！

是州さんのデスク

現在は文化学園大学大学院にて教授・室長をされているようで、今回はその大学にてお邪魔させていただきました。

お、ガンダムがいますねぇ。ちなみに本棚にはホビージャパンが並んでいましたwww

最後に記念写真

うわ、遠近法差し引いてもわたし顔が大きいwww 可愛くなりたいものです。
ともさん、是州さん。本当にありがとうございました！

今度文化祭におじゃまさせていただきますね！

意外に皆さん考えてくださっていて、Twitterでさまざまな感想をいただきました。Photoshopは分かるけどIllustratorは分からない。とかカスタマイズをものすごくされていてデフォルトショートカットを使っていない。もしくは超楽勝！などなど。

わたしのフォロアーさんのIllustrator親密度が見えてきてとても楽しかったです。よくを言えばぜひ問10を実際にやってみた記事を見てみたかったのですが、早く答えを知りたい！という方もいらしたので解答編です。

初級編

問一：実寸表示のショートカットキーを述べよ

この画面からショートカットキーだけで100%表示にしたい。

解答

答えは

「⌘+1」

です。

⌘+0と混同されやすいので注意が必要です。 ⌘+0はアートボードをウィンドウ全体に表示させるものなので実寸表示ではないのです。

問二：複合パスのショートカットキー、またそれを解除するキーを述べよ

オブジェクトとオブジェクトを中マドにしたり、ひとつのオブジェクトとして扱うための機能です。

解答

答えは

複合パスを作成「⌘+8」
複合パスを解除「Option+⌘+8」 訂正：「Shift+Option+8」

@woopsdez 複合パス解除はシフトも必要ですよ。昔は要らなかったけど…

— hacozaki (@box_in_the_BOX) April 22, 2012

そうでした！間違えていますね。すいません。ここ、画像にもあるようにShiftが抜けていましたね。現在は新しいバージョンを使っているのについIllustrator8のままのショートカットキーを書いてしまいました。訂正してお詫びいたします。

ちなみにグループ化と複合パスの違いは分かりますか？

こちらは過去にTwitterでも投げかけてみた内容です。

グループ化はオブジェクトを複数まとめる機能なのに対し、複合パスは複数のオブジェクトをひとつのオブジェクトとしてまとめる機能になります。

Illustratorは

1.グループ
2.オブジェクト
3.アンカーポイント

とビジュアルを構成する単位が3つあると考えていまして、上から下に向かうごとに単位が一つ小さくなるような印象です。

最小構成がアンカーポイント。それを複数持っていてひとつなぎのONE PIECEになっているのが「オブジェクト」。そしてその個性や構造を維持したまま一気に操作できるセットとして「グループ」があるというイメージです。

問三：マスクのショートカットキーを述べよ

アウトラインで見ると円は四角からはみ出しているけど

プレビューデータだと非表示になり、印刷などにも適用される。一部を非表示にするのを「マスク」といいます。

解答

答えは

「⌘+7」

です。

問四：移動ウインドウ表示に必要な手順のうち、以下の空白を埋めよ

1.選択ツールをクリック
2.オブジェクトを選択
3.[　　　]キーを押す

解答

答えは

「Enter」

です。

移動ツールを選択していればEnterキーを押すと移動ウィンドウを表示させられて、数値移動をすることができます。シンプルですよね。

これは移動ツールだけじゃなく、リフレクトツールや拡大・縮小ツールなどにも用意されています。数値で編集したい場合には覚えておきたいTIPS。

応用編

問五：マウスを使わずに円を等間隔に2つ複製せよ

一番左の円を選択した状態からはじめることとする

ヒント

1.選択ツールをクリックする
2.円を選択する
3.[　　　]キーを押す

ここまではさきほど出ましたね。そこからの応用です。 移動ウインドウを出したアトにどのようなキー操作をするかがポイント。

4.[　　　]と[　　　]キーを押す
5.[　　　]と[　　　]キーを押す

で完成します。

解答

答えは

4.[Option]と[Enter]キーを押す
5.[Command]+[D]キーを押す

です。

前者の3工程は前の問の答えで出ていましたね。

Enterキーを押せば移動ウィンドウを表示させることが分かりました。そこで数値を入力したあと、Optionキーを押しながらEnter、またはOKボタンを押すと複製したものを移動させることができます。

そしてここからがもう１手順。

Commmand+Dキーはその作業を繰り返すことができるのです。 今回は30mm、オブジェクトを複製し、それを移動させたので、そのままそれを繰り返します。

これは先程と同様、移動キーだけでなく、拡大縮小ツールなどにも適用されるので少しずつサイズを拡大させ、プレビューしながら具合を合わせたいときに、101%拡大を⌘+Dで繰り返す。などもします。

中級編

問六：線と塗を白黒にするショートカットキーを述べよ

オブジェクトが選択されていれば上の円のように、線と塗をいろいろ設定していても一発で白塗り+黒線のシンプルな状態に戻すことができます。

解答

答え

「D」キー

キーボード英数の状態で、オブジェクトを選択しておき「D」を押すだけで白塗り+黒線とすることができます。

.(ドット)を押すとグラデーションになる

同様の状態で「D」ではなく「.（ドット）」を押すとグラデーションを適用することができます。適用されるカラーは白から黒へのグラデーション。

問七：塗と線の選択を切り替える

実はこの塗と線のパネルはショートカットキーでカレントをトグル操作が可能です。

解答

「x」キー

これは、どのツールを選択しているなどに関わらず英数時に「x」を押すことで変更が可能です。

オブジェクト選択時にShift+x

また、オブジェクトを選択しておき「Shift」+「x」を押すとオブジェクトの塗と線を入れ替えることができます。地味に便利！

問八：拡大縮小可能なツールが2つある。それぞれのショートカットキーを述べよ

2つというのはいま選択している「拡大・縮小ツール」とその下の「自由変形ツール」ですね。それぞれのショートカットキーはなんでしょうか？

解答

答え

「拡大・縮小ツール」→「s」キー
「自由変形ツール」→「e」キー

です。マウスをのせると一瞬だけチップがでます。名称のうしろに（）でくくられているのが対応しているキーなのでよく使うものは覚えておくと良いですよ。

問九：反転ツールのショートカットキーを述べよ

「リフレクトツール」はオブジェクト選択時点のままだとオブジェクト中心を起点とするのですべてをキーボード操作のみで行うのは無理です。 リフレクトツールを選択したあとマウスで起点をクリックしてから反転させるのが通常の使い方となります。今回はショートカットキーの問題なのでその先の方法は問題として出しません。

解答

答え

「o」キー

ちなみにツールパネルにはアイコンの右下に「▲」がついているものがあります。これは「他にも関連しているツールがあるよ。」という意味です。長押しすると、その隠れたツールが見えます。

ショートカットキーさえ知っていれば長押しせずとも選択できるので無問題ですが、マウスでツールの切り替えを行う方はぜひ覚えておきましょう。

応用編

問十：ショートカットキーのみで以下のオブジェクトと同様の図形を作成しなさい。

スタートする図形は以下となり、これを選択した状態からはじめることとする。

 

移動の寸法、図形のサイズなどの条件は以下を参考。

・元の図形Aとの距離はお互いの中心を起点とし100mm
・塗を黒とし、線は削除
・図形は200%で拡大
・重なりあう図形のオブジェクト間隔は40mm

問題ファイルのダウンロード

解答

1.「v」キー
2.「Enter」キー
3.水平「0mm」と入力
4.「Tab」キー
5.垂直「100mm」と入力
6.「Option」+「Enter」キー
7.「d」キー
8.「Shift」+「x」キー
9.「/」キー
10.「s」キー
11.「Enter」キー
12.拡大・縮小「200」と入力
13.「Enter」キー
14.「v」キー
15.水平「40mm」と入力
16.「Tab」キー
17.垂直「0」と入力
18.「Option」+「Enter」キー
19.「Enter」キー
20.水平「-80mm」と入力
21.「Option」+「Enter」キー
完成

答え書いてみたら無意識にツールの切り替えを行なっていて、思ったより工程数が多かったですw すいません。21工程でいっさいマウス使わずに作業ができるのですねー。変態ですねー。きもちいい。

解説

それぞれポイントを解説していきます。

3.水平「0mm」と入力
4.「Tab」キー
5.垂直「100mm」と入力

移動ウインドウを出してからの操作です。 水平が横移動、垂直が縦移動。ここでは四則演算も可能です。

9.「/」キー

不要な線・もしくは塗を削除するときは「/」キーを使います。 今回はShift+xにて線と塗をすでに入れ替えており、その際にすでに線が選択されているので「/」のみで対応できました。

逆に塗りを削除したい場合は一度「x」キーで選択を塗りへ移してから「/」を押します。

10.「s」キー
11.「Enter」キー
12.拡大・縮小「200」と入力

図形を200%拡大する作業です。 「s」と「Enter」はこれまでの解答編で出ましたね。 そして数値入力も移動ウインドウと同様に操作可能です。

14.「v」キー
15.水平「40mm」と入力
16.「Tab」キー
17.垂直「0」と入力
18.「Option」+「Enter」キー
19.「Enter」キー
20.水平「-80mm」と入力
21.「Option」+「Enter」キー

ここが少しポイントになります。これまでの解答を読んでいるとつい「Command」+「D」で操作できそうな気がするのですが、今回は元となる図形が真ん中にあります。

そのため、Command+Dでは右に移動するのみで左右に均等配置ができません。意図せず引っ掛け問題となりました。

中心のオブジェクトから右へ一度、複製移動を行い、そこからマイナス入力で左へ倍の数だけ移動させています。

移動ウインドウは整数で入力すると水平方向は右へ、垂直方向は下へ移動します。マイナスで入力すると、その反対へ移動させることができます。

「40mm」分右へ移動したあと、図形の選択は真ん中でなく、複製した図形へ移行します。そこから左端へ配置するには「40mm」の倍の数。それをマイナスで左へ移動させる必要があるので「-80mm」と入力し、改めて複製移動する。というカタチになります。

いかがでしたでしょうか？

問題として書いてみると「いったいなんの役に立つの？」と思われるかもしれませんが、これもまた効率化のひとつ。マウスを使わないだけでもこれだけの操作ができる可能性が見られれば、もう少し作業が短時間で済むかもしれません。

さらに数値での編集はWebでもDTPでもとくに必要です。

自分の目を信用しない

グラフィックデザインに慣れてくれば、感覚的に3mmですとか10pxが分かるようになってきます。しかしまだ駆け出しのころには、手作業での配置はズレなどのミスが多く全体のクオリティに影響を及ぼすものです。

数値で移動する。拡大する。ガイドを使い正確に配置していくことを覚えておくことでそういったミスを減らすことができ、結果的に作業スピードが上がっていきます。

「正確」→「クオリティ」→「スピード」→「効率化」

デザインにかぎらずこういったプロセスを経ていくことは大切です。つい慣れてくるとクオリティを置いてけぼりにしてスピードを重視してしまったり（これはわたしですw）、また効率化をむやみに探求してしまいます。

まずは遅くてもいいので「正確さ」。

ショートカットキーによる数値移動などはそれを手助けしてくれるものだと思いますので、日常の作業の仕方を見直す機会になれば幸いです。

本買ってねw

そんなわたしはIllustratorの本を書いています。ここまでショートカットキーへの記載はしていないですが、操作方法にちょこちょこと細くしていたりしますので、初心者でもう少し理解を深めたいアナタ。ぜひ購入してみてはいかがでしょうか？

本を買って躓いたところはわたし自らお教えいたしますよ？てへぺろー！

マウス操作はショートカットキーではできないある程度のレイアウト組みや、オブジェクト選択などで使いますがツールの切り替えなどは全てショートカットキーで行います。トレースなどではツールボックスや各種パネルをすべて非表示にして画面に集中。

問題にするとけっこう面白いのでは？と思ったので10ほどあげていきます。どれも初歩的なものですしIllustratorを開いてみてみたり検索したらすぐ出てくるとおもいます。ソラでどれくらい答えられるでしょうか？

初級編

これができないと日常の業務が大変時間かかるんじゃないの？というごくごく初級編のショートカットキー。これくらいはデザイナー1年生でも答えられるのではないかと。

問一：実寸表示のショートカットキーを述べよ

この画面からショートカットキーだけで100%表示にしたい。

デザイン作業は拡大縮小の繰り返し。ちなみに虫メガネツールのショートカットキーはzです。⌘+[+],[-]で拡大縮小が可能ですが具体的な範囲を指定したい場合はこちらを使います。

実寸表示とは表示比率が100%のこと。どれだか分かるかな？

問二：複合パスのショートカットキー、またそれを解除するキーを述べよ

オブジェクトとオブジェクトを中マドにしたり、ひとつのオブジェクトとして扱うための機能です。

こちらもロゴの制作やトレースでよく使いますね。

ちなみにグループ化と複合パスの違いは分かりますか？

問三：マスクのショートカットキーを述べよ

アウトラインで見ると円は四角からはみ出しているけど

プレビューデータだと非表示になり、印刷などにも適用される。一部を非表示にするのを「マスク」といいます。

これも絶対使わずにはいられない機能のひとつ。よく使う機能はショートカットキーを覚えておくと作業がスムーズですね。

問四：移動ウインドウ表示に必要な手順のうち、以下の空白を埋めよ

1.選択ツールをクリック
2.オブジェクトを選択
3.[　　　]キーを押す

これは分かってしまうとかなりシンプルな答えです。

応用編

問五：マウスを使わずに円を等間隔に2つ複製せよ

一番左の円を選択した状態からはじめることとする

ヒント

1.選択ツールをクリックする
2.円を選択する
3.[　　　]キーを押す

ここまではさきほど出ましたね。そこからの応用です。
移動ウインドウを出したアトにどのようなキー操作をするかがポイント。

3.[　　　]と[　　　]キーを押す
4.[　　　]と[　　　]キーを押す

で完成します。

中級編

ツールを切り替えるショートカットキーを多めにしています。

問六：線と塗を白黒にするショートカットキーを述べよ

オブジェクトが選択されていれば上の円のように、線と塗をいろいろ設定していても一発で白塗り+黒線のシンプルな状態に戻すことができます。

問七：塗と線の選択を切り替える

実はこの塗と線のパネルはショートカットキーでカレントをトグル操作が可能です。

問八：拡大縮小可能なツールが2つある。それぞれのショートカットキーを述べよ

2つというのはいま選択している「拡大・縮小ツール」とその下の「自由変形ツール」ですね。それぞれのショートカットキーはなんでしょうか？

問九：反転ツールのショートカットキーを述べよ

「リフレクトツール」はオブジェクト選択時点のままだとオブジェクト中心を起点とするのですべてをキーボード操作のみで行うのは無理です。
リフレクトツールを選択したあとマウスで起点をクリックしてから反転させるのが通常の使い方となります。今回はショートカットキーの問題なのでその先の方法は問題として出しません。

さてアナタはいくつ分かりましたか？けっこうカンタンだったのではないでしょうか？では最後に中級編のショートカットキーを利用した応用問題。

応用編

問十：ショートカットキーのみで以下のオブジェクトと同様の図形を作成しなさい。

スタートする図形は以下となり、これを選択した状態からはじめることとする。

移動の寸法、図形のサイズなどの条件は以下を参考。

・元の図形Aとの距離はお互いの中心を起点とし100mm
・塗を黒とし、線は削除
・図形は200%で拡大
・重なりあう図形のオブジェクト間隔は40mm

問題ファイルのダウンロード

ちなみに上記にはこれまで出た問題以外にも知らないとクリアできないショートカットキーがあります。ふひひ。

答えはのちほど記事としてアップします

いかがでしたでしょうか？Illustratorを日常的に使っている人でしたらすぐに答えられてしまうような問題ばかりですがお遊びということで。

こうやって問題にしてみるとゲームっぽくてなかなか楽しいですね。ぜひ挑戦してみてください。

わたし、イシジマミキです。

ソーシャルメディアではwoopsdezというアカウントで活動しています。あだ名は「まめこ」。30歳を目前にしていてこのあだ名は恥ずかしいのですが、150cmに届かない身長のせいで一生定着してしまいそうです。

もともと栃木県の大田原（那須の近く）で印刷所勤務でした。無料の地域情報紙を作ったり、チラシや伝票のトレースと地道な仕事もたくさんしていました。

インターネットがずっと好きでいろんなサービスを利用したりしていた中でTwitterがきっかけで東京に上京しライブドアに入社します。当時はそれで就職するというのが珍しく、各所で取り上げて頂きました。

2009年にフリーランスデザイナーとして独立し、最初の1年はソーシャルメディアやブロガーキャンペーンなどのWebサイトデザインをお手伝いさせていただき、2010年には本を執筆させていただいたり、セミナーなどもして一番忙しい時期だったような。その際に体を壊しまして働き方を見直すことになりました。

2011年はスマートフォン案件を多く作り、これまた忙しくなってしまったので2012年に入ってからは少しセーブし、バイク・ダンス・バンド・楽器など趣味に力を入れて自分探しをしながら、友人とサービスを作ろうと画策したり「面白いこと」を中心に動いています。あまりお金にはなっていないけど今年は「実験」をたくさんして自分の生き方をさらに広く考えられたらなと思っています。

その一環が高円寺コワーキングスペース「こけむさズ」。実験というと不安になってしまうかもしれませんがやるからには本気です。

分かりやすい活動としては「デザイン勉強会」を主催したり、本を執筆したり、「まめことネコゼのどたばた会議」というUstream番組などのしてたりします。

もう一人の発起人 綿村

綿村さんはコミュニティ作りが大好きなベンチャー企業の社長さん。株式会社ゴットンをお二人でやられています。

丸焼きの会と称してブタやシカをダイナミックに料理しているんですよ。mixiのコミュニティで30,40人集まるかなりの盛況ぶり。

Facebookページもこっそり立ち上げたようです。 鹿の丸食べ会

ブログでレポもあり。 豚の丸焼きは激しくおいしい！

わたしの母はフィリピン人でして、小学生のころは誕生日に合わせて帰省していました。向こうはパーティー好きらしくご近所さんや親戚がたくさん集まり盛大にお祝いしてくれました。

その時もブタの丸焼きがでまして、あの時の味が忘れられません。今度「こけむさズ」のパーティーでもやってもらいたい。

アウトドアなどの活動が大好きなようで、奥多摩のキャンプ場でアウトドアでもキレイでステキなウエディングができないか。なんてことも考えているようです。おもしろい！

さらに大の自転車好き。なんとユーラシア大陸横断されたとのこと！なんてすごいんだ！「やりたい」のと「やる」には大きな隔たりがあります。時間やお金、環境を整えて実行に移せる行動力は「こけむさズ」でも発揮されています。ここはすごく見習いたい！

写真 – Google+

素晴らしい写真ばかりです！素材などじゃなくて実際に横断して撮ってきたというのですからすごいですよね…。

生き方の考えは二人とも似ていて、綿村さんも会社を立ち上げるからには「自分の好きなように生きたい、やりたい」という思いがあるようです。いまの会社のやるまでにもいろんな業種で活動していたようです。

実はまだ2回しか会っていません

もう一人の発起人！というと付き合いが長くてすでにツーカーなイメージを持たれるかもしれませんが、実はまだ2回しかお会いしていないのです。

2年前にグーグルグループで作ったメーリングリストに3月末に興味があるとご連絡をもらって、次の週に会いました。

実際にお会いするとビジネスマン！という感じがしていたのですが話してみるととてもフランクで、コワーキングスペースもすぐやりましょう！となりました。

わたしも挫折して諦めていたのですが、自分と同じくらいの意気込みで運営を決意してくれている方が見つかったのがうれしくて「やりましょう！」と孫さんばりに二つ返事。

そこから名前を決め一旦別れたのです。その後、わたしが仕事したり遊んだりと引きこもっている間に、綿村さんがガンガン物件を見て回って、良い物を発見してくれました。

メールをもらった時に向こう側で「即決したい！」としっぽをふっている綿村さんが見えました。すぐに予定を調整して次の週にわたしも内覧。そしてその足で契約手続きを開始しました。

失敗しても、終わらない

本当にインターネットでやりたいことを発言しておくのは大切ですね。高円寺シェアオフィス計画を2年前に言い出しましたがメンバーが集まらなくて断念していました。しかしその数年後、ログを辿って同じ思いの人が連絡をくれるのです。

Twitterやブログなどでもちょこちょこと書いていますが、「言い出す」ことはすごく大切だと思います。自分が至らないばかりに失敗したり頓挫したりすることもあります。集まってくれたみんなをうまくまとめるというのは想像以上に大変。

わたしはいまだに苦手ですし上手くできていないと思います。

できないことを知ってもらう

「上手くできるフリ」をするのは一番いけないとこれまでやってきて思いました。そして結果馬脚を表してまわりに迷惑をかけたり、恥をかいたり怒られたり…。ですので出来ないこと、わからないこと、苦手なことは最初に伝えておき、それを理解してもらった上で活動をしていくようになりました。

自分ができないことを人にお願いするのも、最初はなかなか難しいのですがこれは本当にやっていくしかないのだと思います。最近は不躾なキャラクターそのままを最初からお見せしているのでそのテンションでお願いしてしまったりもします。

「それでも良ければ」一緒に活動してくれると「わたしが」嬉しいです。というニュアンスを大切にしています。

「こけむさズ」で言う「許しあえる」というのはこれをイメージしているのです。

もちろん「許しあう」の背景には「自己責任」って言葉もありますけどね。好き勝手やってもいいけど責任をとるのは自分という。

こけむさズのこれから

5月1日の内装施工に向けてこけむさズはバタバタしております。内装の寸法、席数の確保、家具や設備の調達、銀行への相談？ みんなでコワーキングスペースツアーをしたり、工作をしたりする予定も引きます。

先行予約は施工中、もしくは完了後にフロアの様子とともにお知らせいたしますね。 ぜひ毎月使いたい！といってくださる方、ドロップインで会社帰りに寄るという方の会員登録を募集します。

スペースができたら、わたしもそこでサービスの開発などをする予定です！なにか作りたいものがある方もいらしてくださいね。

日常のなにかを解決していきましょう。

ザ・インタビューズ – 聞かれるなら答えます

オープン当初から有名人やアーリアダプターに好評だったザ・インタビューズ。最近は落ち着きを見せていますが（や、外からの勝手な意見です。すいません）興味深い質問をいただけたりして楽しんでいます。

自分はザ・インタビューズをウープスデザインブログでは書く理由がないような「生い立ち」や「考え方」について書く場所として使っています。ブログで自らそういったことを発信していると、内容が悲しいかったり、暗いものであったりする場合が恥ずかしい。

「自分はこんなに苦労しています！」「でも頑張って生きています！」って叫んでいるようで照れてしまうんです。インタビューズなら「聞かれている」設定で答えられるのでそんな照れがなくていい。

いくつかやべーイイこと書いたなぁ。というインタビューがあるのでピックアップしてみます。

今振り返ると「人生のターニングポイントだったなー」という事があれば教えて下さい。

http://theinterviews.jp/woopsdez/3447108

Twitterで上京、就職した当時のことを振り返って書いています。ブログでもポツポツとかいていますが数年たった今改めて思い返すと本当に奇跡としか言いようのない出来事でした。

こういう経緯を伝えると「フットワーク軽いですね」と言われることがありますが、これは「大きな何かによる導き」がそうさせただけです。

最後に上記のように書いているのですが、本当に自分はフットワークが軽くないのです。勢いがすごいと言っていただけることもあるのですが、お導きとタイミングのおかげでして…。そういったことは多分わたしだけでなく、みんなに起こりえることだと思います。 そんあときは一度、自分の環境を忘れて飛び込んでみようじゃありませんか。

最近ノマド、シェアハウスなど新しい生き方がよく取り上げられていますが、 就職しない生き方についてどう思われますか？

http://theinterviews.jp/woopsdez/3446765

フリーランス、そして最近ではコワーキングスペースを立ち上げているので「働き方」は自分のメイントピックになっています。2011年が大殺界でして大切だったものをいくつか失ったりしました。そして2012年はすべての始まりの年です。改めて自分の生き方、幸せってなんだろう？と考えている数ヶ月となりました。（占い大好きなんですすいません＞＜）

そんなときにいただいた質問だったので、すぐさま回答。

会社に適合できないことを「ダメ」とするのではなく「向いてない」だけになったってすごいことじゃありませんか？

これを書いてみて、あーイイこと書いたなーw と悦にひたりました。

辛くて仕方なかった人生がある日ちょっとだけ楽しくなった気がしました。 それはどんな瞬間ですか?

http://theinterviews.jp/woopsdez/2740364

これはかなり暗い話。自分の家族に対する複雑な思いを書いちゃいました。結果的には両親、主に母への感謝の気持ちが綴れましたけど。深夜に書いた記事なんでなんか恥ずかしい。

高校生の頃からそんな家からと縁を切りたくて仕方なく、男の家に転がり込んでは数日帰らなかったりと半家出少女のようなものでした。高校卒業と同時にむりやり彼氏のアパートに転がり込み半ば無理矢理家を出ました。

学校や家に帰らず、男遊びばかりしていたダメな女子高生だったんですー。でもそういった苦労していたからこそ、いろいろ人生とかについて考えさせられたし一人暮らしして多少貧乏でも楽しく生きていけました。

そうそうTwitterで実はわたしの本当のお父さんからメッセージがきたのです。まだ怖くて会えていない…。どこかのメディアさんで取り上げていただけるなら会いに行きたいですw

やらなければならない事があるのに、どうしても手を付ける気が起きません。こういう時があったらどうしますか？

http://theinterviews.jp/woopsdez/2693150

同じ仕事を数年続けていれば自分なりの「神降ろし」の仕方が出来上がってくるのでぜひ探してみてください。

みんな自分なりの神様の降ろし方があると思うのでこの質問はいろんな人の回答が見てみたいです。自分は「助走をつける」イキナリ降りてくる人もいるんでしょうね。気になります。

日々の生活の中で習慣にしていることってありますか？

日常でよくある不思議な光景に自分が納得出来るようなストーリー考える遊びを良くしています。例えば「駐車場に食べかけのなるとが1本落ちている」としたら。

これは密かに楽しんでいる一人遊びです。ありえない状況をいかに辻褄合わせるか。自分の想像力をフル動員して考えるのはけっこうニヤニヤできて楽しいんですよ。居合わせた友人に話たりすると引かれたりするんですが笑ってもらえるので幸せです。

今までで「あ、自分むなしい」って思ったエピソードってありますか？

http://theinterviews.jp/woopsdez/2633224

ネタバレになるので引用はナシ。みなさんも遊びで診断テストしない方がいいですよ。マジで。

自分の運命を変えた人がいたら、それはどんな人ですか？

http://theinterviews.jp/woopsdez/2612752

これはかなりイイこと言ったと思いますw 「容姿は問題じゃないんだぜ」というお話。

「顔がかわいくない」それだけで落ち込んでいた自分がおかしくなりました。自分の個性やキャラクターを見つけてそれにあったものをチョイスしていけば誰だって可愛くなれる。

 

三谷幸喜さん脚本のドラマ　王様のレストランでこんな言葉を架空の偉人、ミッシェル・サラゲッタが言います。

「まずい食材はない。まずい料理があるだけだ。」

あまりカワイイと思えなかった女子が実はかなりのモテ系だと知った衝撃とともに学習したことをツラツラ書いています。

今までの人生を振り返ると100点満点中何点？またその理由は？

いいジャケ写だなー。

http://theinterviews.jp/woopsdez/2530328

いままでは30くらいで結婚して2年後に子供産んで、デザインの仕事続けておばあちゃんになったらペンション経営したいなーw くらいに考えていた人生プランがこの時から何通りものシナリオが見えてきました。

こけむさズ始動の記事でも書きましたが、自分の好きな言葉「一生　棒にふるくらいの ヒマとゆとりを持って進もう」について書いています。

30を目前に自分探しはじめるのがこんなに楽しいと思わなかった。

10年後はどんなお仕事をしていると思いますか？

http://theinterviews.jp/woopsdez/1907312

ただ言えることは流されるままについたその場所でも、自分がラクだったり楽しくなれるように努力をして、その上でお金に変えられる魔法みたいな仕組みがないかずっと探すんでしょうね。

手相を見てもらったおばちゃんに「アナタは流されやすい」と言われました。否定したくて仕方なかったのですけど、Twitterでの上京もフリーランスになったことも状況に流されただけのような気がするので受け入れることにしました。

でも流されただけの場所でも自分なりのアプローチで実験したり楽しく生きていくことは忘れたくないですね。

インタビューズでは真剣に答えています

いくつかまだ答えられていない質問があるのですが、それは真剣に考えているからです。「その質問を回答することで、自分の中にあるいくつかの一面をどう伝えられるか」をすごく考えます。

ですのでもとの質問から少しずれたとしても無理やり自分の答えたいフィールドにもっていって回答していたりします。比較的長文多し。

もしわたしに興味をもっていただけたら、チラチラと読んでくれると嬉しいです。ぜひ質問してくださいね。

http://theinterviews.jp/woopsdez