Posts

Showing posts with the label デザイン

Illustrator 愚直にチュートリアル挑戦 (3-3)

Image
チュートリアル課題のメニューついに完成 Illustratorチュートリアル第3弾の最後(Step3-3)です。カフェのメニューの仕上げをやってみます。なんとAdobeのチュートリアル、ここまで話を引っ張ってから初めてレイヤー操作の話が出てくるという。(こちら古い人間なので、レイヤーの概念なしにここまで進んで来れた事のほうがむしろ新鮮) IllustratorことはじめStep3:実践「印刷物の作成」 今回の目からウロコをメモしてみます。 コーナーウィジェットの変形技 →矩形の四隅の点をつまむと簡単に角丸矩形が作れて便利なコーナーウィジェット。これをドラッグしながらキーボードで上下キーを押すと、角丸だけでなく「面取り」や「凹み」に形状を変更できる。想像もつかなかった技だけど、これは地味に便利かも。。。 パターンの登録 →今までバカ正直に「オブジェクト>パターン>作成」という順序でパターン登録してたけど、なんとビックリ、オブジェクトをスウォッチにドラッグ&ドロップするだけで良かったとは!(マジで知らなかったorz) ただ、どういうわけか「選択ツール」でドラッグ&ドロップしようとすると、時々ただの移動になってしまってスウォッチ登録画面に反応しづらい。だけど「ダイレクト選択ツール」でドラッグ&ドロップすれば100%スウォッチ登録できる。謎。 パターンの編集 →スウォッチ上のパターンをダブルクリックすると、パターンの編集画面になる。中央の青枠で囲まれた部分がタイルの範囲。「パターンオプションパネル」画面内左上の「パターンタイルツール」アイコン(存在すら知らなかった)をクリックすると、この青枠のサイズを変更でき、タイルの間隔を変えられる。 →また「パターンオプションパネル」内の「タイルの種類」はデフォルトで「グリッド」だが、「レンガ」や「六角形」なども選べる。(今回は六角形を使用) →パターン間隔の調整が終わったら「パターンタイルツール」をOFFにする。この状態でパターンそのものの形状を編集出来るようになる。オブジェクトを追加したり移動したりすると、リアルタイムでパターンが変化する。 →パターン編集画面を終了するには、画面上部の「◯完了」をクリック。 PDF保存 →複製保存時に「Adobe PDF」を選べばPDF保存...

サイケなアブストラクト画像が出来た件

Image
グラデーションメッシュのアブストラクト 昔から苦手意識のあったグラデーションメッシュを練習してみることにしました。といっても、複雑な形状はまだ無理なので、シンプルな矩形に適当な色を流し込んでみたところ。。。こんな感じのサイケな抽象画ができたという。(嫌いじゃないですw) また忘れるといけないので作り方だけメモしときます。 とりあえずアートボードと同サイズの矩形を用意して、「グラデーションメッシュ」ツールで中央付近など均等にばらける感じで適当にクリックしたら、こんなメッシュができました。各ポイントに彩度高めの色をランダムに設定したところです↓ グラデーションメッシュ各点に色を入れたところ このままだと面白くないので、「効果>ワープ>旋回」をかけて遊んでみたものの、ちょっと模様が渦巻っぽくなっただけでイマイチでした。よし、直接メッシュを変形させてみよう、と思ってダイレクト選択ツールでメチャクチャにした結果、こうなりました。メッシュの色もちょっとずつ変更しながらやってみたら、割とイイ感じで混ざってくれて面白かったです。↓ メッシュを直接変形させてみたら面白くなった ただ今のところ、なぜこういう混ざり方になったのかの理屈がよく分かってません。なので、巷で見かけるフォトリアリスティックな作品とか、どうやって描いてるのか検討もつかないんですけどね。。。 でも、こんな原始的な感じのやり方でもうまく応用したらとても綺麗なグラデーションが作れるような気がするので、まずは記念すべき第一作ということで。

Illustrator 愚直にチュートリアル挑戦 (3-2)

Image
チュートリアルによる架空カフェのメニュー、作成途中です 前回 、Illustratorチュートリアル第3弾(Step3-1)でカフェのメニューを作り始めました。今回はその続き(Step3-2)のビデオ分をやってみます。 IllustratorことはじめStep3:実践「印刷物の作成」 例によって目からウロコだったことをメモしとこう。。。 タブパネルを使ってタブ間隔を設定 →この技をもっとはやく知っていれば、会社の仕事もずいぶん楽だったのに。。。と落ち込んだやつ。メニュー名称と価格の間をTabで区切っていくのがポイント。そのままだと当然、価格の先頭が揃わずガタガタになるので、何をやってるんだろうと思ったら。。。エリア内テキスト全文選択した状態で「ウィンドウ>書式>タブ」を開くと、テキストのバウンディングボックスの上に「タブパネル」という定規みたいな画面が出てくる。定規上の任意の箇所をクリックすると、全Tabが一斉にその位置に揃う。(今までこれを毎回手動でやってた。。。orz) タブパネルを使ってタブのリーダーを設定 →Tabが占めている空間に「・・・」とナカグロ(リーダー)を入れて見やすくする方法。上と同じ「タブパネル」内の右上の「リーダー」項目に「・」をひとつ入力するだけで、自動的にリーダーが「・・・・・」と設定される。これも便利! 線幅と効果を拡大・縮小 →これも知らなかった〜!恥ずかし〜。拡大・縮小時に線幅が狂わないように、いままで毎回アウトライン化して対応してました。(当然、それ以降は線として編集できなくなるので非常にやりにくかったです。。。) 正しくは、選択ツールで何も選択されていない状態で「プロパティ」を開くと「線幅と効果を拡大・縮小」というチェックボックスが出てくるので、これをチェックするだけでOKだったのでした。トホホ。。。 複数の画像を一気に配置 →「ファイル>配置」で画像を選ぶとき、複数の画像を一気に選ぶことができると初めて知る。例えば5枚選ぶとカーソルに「1/5」と表示され、クリックした位置に順番に貼り付けされる(ドラッグすれば任意の大きさで配置できる)。または、貼り付ける前にカーソルキーを押せば「1/5→2/5→3/5→...」と画像切り替えができる。 クリッピングマスクのショートカット →「⌘...

斬新な地図デザインに一目惚れ。MAP WRAP

Image
たまたま立ち寄った雑貨屋さんで、超イカしたデザインのノートを発見!思わず用途も考えずに買ってしまいました。その名も「 MAP WRAP NOTEPAD 」。なんと、日本の主要都市の地図がモチーフになっているのです。 今回、好みの色合いだった「横浜」「表参道」「広島」を買ってみました。いや〜綺麗だなあ。カッコいいなあ。誰がこんなの考えたのかな?と思ってみたら、なんと株式会社ゼンリン製でした。おお〜、確かに!これは地図の会社にしか作れないアイテムかも! 株式会社ゼンリン:MAP WRAP NOTEPAD 公式ページ しかも、1冊あたり2パターンの配色デザインとなってて太っ腹です。明るいほうがデイカラー、暗いほうがナイトカラーなんだとか。同じ地図なのに、色が変わるだけで全然雰囲気が変わるので、見てて飽きません。 MAP WRAP 横浜 デイカラー/ナイトカラー MAP WRAP 広島 デイカラー/ナイトカラー 使いみちは? さてMAP WRAPというだけあって、用途はたくさんありそうです。ノートとしてはもちろん、折り紙と同じ正方形であることもポイントだと思います。 ①便箋やメモとして使う 普通に思いつくのは、やっぱり手紙を書いたり、人に見せるメモ書きとか。 ②折り紙として使う 小銭のやりとりとか、これでポチ袋を折って渡したら超クールですね〜。 ③ラッピング用紙として使う 小箱入りのお菓子(キャラメルとか?)のラッピングに使ったらお洒落かも! 左から「プリッツ」「LOOKチョコ」「ヨーグレット」を包んだところ 実際どのくらいの大きさまで包めるのか、市販の箱入り菓子で実験してみました! まず、ヨーグレット箱なら余裕です。LOOKチョコは1枚でギリギリの大きさでした。プリッツ箱になると1枚では足りないので、デイカラーとナイトカラーの2枚で包んでみました。いずれも、コンビニ菓子とは思えないほどお洒落に変身!プチギフト贈るのが楽しくなりそう(^^) ちなみにノートパッド以外にも、地図デザインの付箋、マスキングテープ、クリアファイル等の姉妹品もあり。旅好きな人への、ちょっとしたギフトにしても素敵かも。

余白の大切さを啓蒙するデザイン指南書

Image
ふらっと本屋に立ち寄って、デザイン関連コーナーに「 けっきょく、よはく。 」という真っ白な表紙の本が平積みになってました。なんとなくパラパラめくったら、今まで結構悩みだったテーマ別のお洒落なレイアウト例がたくさん載ってて、ぉお〜!と興奮。 こんないいレイアウト参考書があるならもっと早くに出会いたかったな〜。。。などと思いつつ、その日は手にとってチラ見しただけ。しかし、一週間後に同じ本屋の同じコーナーにいったら、平積みだったこの本が残り4冊くらいに減ってるではありませんか! やべえ、この本売れてるみたいだ。そりゃそーだよな、例題の見せ方とかセンスいいし。それに、カフェのメニューから会社案内からお菓子のパッケージまで、幅広いデザイン案が紹介されてるのも魅力。たとえパワポの資料作りであっても、少なからずデザインが絡む仕事をしてる人なら手元に置いておきたいのも分かる気がします。今すぐ必要じゃなくても、いつか必ず役に立つに違いない。 左側がNG案、右側がOK案という構成です この本はタイトル通り「余白を活かしたデザインレイアウトの本」なのですが、余白といってもいろいろあります。たとえば広告を作りたいとき、あれこれ情報を詰め込みたくなるものですが、デザイナーはその中で情報に優先順位をつけ、見る人により美しく効果的に印象づけられるような方向性を提案しなければなりません。 個人的にはやっぱりデザインの気持ちよさは適度な余白センスにあると思っていて、そういう意味でもこの本の見せ方にはとても共感できるものがありました。 ちなみに、この本は左側がNG案、右側がOK案という構成になっているのですが。。。左側のNG案とされるやつも「手作りレベルだったらこれでも全然OKじゃね?」ってくらい上手にまとめられてたりするので、全体的に役に立ちそう。 比較して見ると余白の大切さがわかります。 あと、もうひとつこの本が役に立つかも知れないシーンとして、「見た目度外視で、あれこれ情報を詰め込みたがる依頼者さんにさりげなくこの本を見せることで、より質の高いデザインの在り方を共有する」という使い道もありそうだなーと思いました。