[Sayu STUDIO | Sayus blog] » 制作過程

Package Works | 『ノスタルジア』 Cordelia

yuzuru_Sayus — Wed, 25 Jan 2012 14:59:14 +0000

冬コミでリリースされたユリカさまのサークル「Cordelia」の『ノスタルジア』のパッケージを制作させて頂きました。半年ぶりのもかさんイラストでのパッケージでした。大方のコンセプトは聞いていたので、題字を先に決めようかと思って作り始めていたんですがこれがなかなか決まらなくて…。続きをちょろっと。

【特設サイト】ノスタルジア / Cordelia
【ニコニコ動画】ノスタルジアクロスフェード

いくつかロゴを手書きで書いていたんですが、なかなかしっくりこなくて最終的にこの案になりました。フォントはヒラギノベースの明朝体をタイポグラフィしました。モチーフはもかさんのイラストのステッキから頂きました。カラーが難関でしたねぇ。全体的にピンク色だったので、どの色を配色したらいいかなーと色彩表見たりしても決まらなくて、結局白とくすみピンクを使いました。パッケージのCD盤面のハード柄は歌詞からハートマークをいっぱいにっていう所からモチーフを使ってみました。

けっこう良い感じでパッケージが組めたと思うのでお手にとって頂ければと思います。

Total Works | 『Blooming Garden』 myEuphoric

yuzuru_Sayus — Sat, 21 Jan 2012 02:29:26 +0000

冬コミでリリースされたゆーなさまのサークルmyEuphoric『Blooming Garden』のパッケージなどトータルで制作しました。具体的にはパッケージとWEBと特典とかクロスフェードです。これもたくさん作りましたね。続きに何を作っかなどをちょろっと。

【サイト】Blooming Garden / myEuphoric
【ニコニコ動画】『Blooming Garden』クロスフェード

パッケージはロゴがちょっとアパレルぽい植物を使った物にしたので、全体的に明朝体を基調にしました。イラストに合わせてあまりロゴをいぢるような事は避け、シンプルめにして植物と蝶蝶のモチーフをあしらっています。全体的にグリットデザインを取り入れた文字組なので縦横きっちりです。裏ジャケットやインレイはイラストをバラして模様と組み合わせた作りにしました。

ウェブは花が散るエフェクトを入れたサイトにしました。全体的に背景をダイアグラムの黒グラデーションにして、少し高級感を出しました。ページ遷移をやめて、スクロールで内容が見られる物にしています。クロスフェードもサイトのイメージから作っています。

今回の特典はペーパーバック・クロス・ポストカード・タンブラー台紙になっています。ペーパーバックはオレンジに白の箔押しというコミケではほとんど見ないような仕上がりです。A4サイズなのでけっこう色々入ります。こういうのもブランディングのひとつの要素として使えます。

楽曲もオシャレ感があるので、それをイメージしてパッケージや特典もまとめてみましたがけっこう好評だったようです。私のブースに来られた方にペーパーバックがいいですねとご感想を頂いたり、サインして下さいとかあって嬉しかったです。またこういうパッケージが作れるといいですね。

Web works | 初恋ノート＋泣キ虫 Honey Works

yuzuru_Sayus — Sun, 20 Nov 2011 23:47:41 +0000

ゴムさんからのご依頼でキュンキュンボカロ曲やイラストや動画を制作しているHoneyWorksさんの特設サイトを制作しました。ボーマス合わせで制作していたのですが、イラスト本担当のヤマコさん、楽曲担当のゴムさん使徒さんの制作もギリギリで、私もギリギリでした（笑。ですが事前のヒアリングでどういうサイトを制作するかは決めていたので、後は素材を流し込むというのを2日ほどで行なって完成しました。続きに色々と。

【サイト】初恋ノート＋泣キ虫特設サイト | Honey Works

可変グリッドサイトやってみたかったんですよ。可変グリッドのサイトを初めて見たのは1年くらい前だったと思いますが、あの時の衝撃と言ったらなかったですね。一見地味なんですが、このサイトはウィンドウサイズを選ばないという事なんです。ユーザーの使うブラウザのサイズ関係なしに閲覧できます。特設サイトはずっとフルフラッシュで作っていたのですが、iPhone系では見られないという要望があったりして、それならhtmlで作ってみようかって事で、思い切って提案してみました。

▼機能

・可変グリッド…ウィンドウでコマがフィット、リサイズにも対応
・縦フリック…スマホと同じように弾いたりするとスライド
・スムーズスクロール…縦に長いサイトなのでホイール操作をイージング

【ニコニコ動画】『初恋ノート』/HoneyWorks

しかし作ってみると意外と大変でした。紙のグリッドデザインとは違いますね。なにせスマートフォンを意識して作ったのもあって、かなりテキストを使ったので余白をどう取ったらキレイになるのかそういう所でデザインが甘かったと反省してます。時間が足りなかったと言い訳したくないですが、そうせざるを得なかった…。

一番大変だったのはスマホ対応でした。理論上はブラウザにフィットするのだから、スマホ用のwidht設定で変えなくてもいいはずなのですが、いかんせんiPhone実機がなかったので検証できませんでした。Androidは私が持っていたので検証した所、回転でリサイズし無事グリッドが可変しました。スマホ用に使うコードの振り分けとかしてます。

【ニコニコ動画】『泣キ虫』/イラスト集

後、初恋ノートの楽曲クレジットの所ですが、歌詞の所のイラストは簡単に落書きで書いてます。素材を頂いた時に何もなかったので許可を頂いて簡単に落書きを入れて見ました。歌詞は私が選んで引用してます。一番好きなのは初恋の絵本の「残り10cmの勇気があったなら」という所です。きゅんきゅんしました。

【ニコニコ動画】初恋の絵本／HoneyWorks feat.GUMI

というわけで長々と書きましたが、今回の反省点を活かしつつ次に繋がる物を制作できたらいいなと思います。

Photo & Package & Card works | 『棘』サリヤ人

yuzuru_Sayus — Sun, 20 Nov 2011 19:23:01 +0000

サリヤ人さんのシングルをやらせてもらいました。私の担当はアートディレクション・撮影・デザイン・視聴動画です。前回の振らない雨でも実写をやらせてもらったのですが、今回も実写でやらせてもらいました。今回のアルバムタイトルでもある棘はなかなか作るのに骨が折れました。通販も始まっていて、試聴もあるので是非是非。続きで色々書きます。

【ブログ】棘 / サリヤ人
 【ニコニコ動画】棘全曲クロスフェード / サリヤ人

前回は風景と人物で外ロケで撮影したのですが、今回は完全な物撮り。事前にサリヤさんからヒアリングした事から、生の植物を使おう！と思い立って、額縁に薔薇を巻きつけようとしたんですが花屋さんには茎が上部な薔薇しかなく、仕方なくツタを巻きつけて薔薇を乗せてました。サリヤさんから廃退的な感じでと伺っていたので、薔薇を枯らしました。植物は３種類の薔薇とツタや他にも色々、額縁も買って手作りの美術です。

最初はその辺のフリー実写素材を使ってやろうかと思いましたが、これじゃダメだ作れないと全部手作りの美術に切り替えました。値段も比較的安く済みました。生花を枯らすのは初めてではなかったので、頭を落として暖房をかけ続け乾燥させながら丸3日かけて枯れた薔薇を作り出しました。合わせてクロスフェード動画用に微速度撮影を行い、3日間をインターバルで撮り続けました。

【ニコニコ動画】【微速度撮影】生花サンプル

いやぁ、暑かった（笑。いくら撮影用の部屋があるとは言えこの頃はまだ暖かく、局所用のセラミックファンヒーターを使っていたのですが、隣の部屋から熱気がむんむんと…。撮影には望遠ズームを使いました。詳しくはサンプルの動画に記載しています。というかAPOレンズはほんと色滲みしないですね。くっきり解像してくれます。

実写は予算次第でいくらでも素材が作り出せるのがいいですね。イラストはそれ一枚だけの使い切り感があるんですが、実写だと配置や角度や色々変えればたくさん素材が作れます。この素材も実際は6千円くらいで作れてますしね。実写アートワーク楽しいので是非挑戦してみてください。

そして合わせて作った名刺のレイアウトです。サリヤさんは女性にしてはけっこうダークめなイメージで楽曲を制作されているので、それに合わせる形で名刺の柄を制作しました。ピンラインヘッドというピンヘッド柄の左右にラインを引いてストライプさせるという柄で（私が勝手に作ってそう呼んでいるだけなんですが）、なかなかいいです。後名刺が似通っているのではなくて、この名義での名刺デザインスタイルですので見たらイッパツで分かります。

Card works | ヘブンズP

yuzuru_Sayus — Sun, 20 Nov 2011 17:55:48 +0000

ヘブンズPさんの名刺制作をしました。久しぶりの男性名刺でした。ご依頼を頂いてからヒアリングであれこれ聞き、平行してヘブンズさんの音楽を聞きイメージをふくらませた結果このような感じになりました。詳しい事はご本人にしか説明していませんが、とても気に入って頂けたようで嬉しいです。続きでちょろっと。

【サイト】Experimental Groove ヘブンズP
【オススメ(ニコ動)】プラネタリウム【ユリカ×Heavenz】

デザインをする上で大切な事は、依頼者からヒアリングをしっかりする事です。その人となりを知り、その人が作る物を知り、その人の好きな物を知り、それを解釈し、咀嚼し、形作る。これはデザイナーの独りよがりでやってはいけません。ただカッコイイ物カワイイ物を作るだけなら誰でも出来ます。名刺はどう言い繕ったって、営業ツールなんです。その事を理解した上で、横55mm縦91mmの紙の上にその人の事を表すデザインをします。レイアウトを配置するのも、グラフィックを描くのも、紙を選ぶのもデザイナーです。だからこそ、私は自分の名刺を作る時にこの人にいい事がありますようにと願いを込めて作ります。幸いにも私の名刺で話題作りができたとか、お仕事を頂けたとか嬉しいご報告を頂けてとても嬉しいです。