M3でファーストアルバムを出されるLunetiaさんの特設サイトをやらせてもらいました。といってもクロスフェード公開時にツイッターで反応したら是非って事になったのでかなり突貫です。色々ヒアリングさせてもらって、素材もらってから2~3日の空き時間って事もあってちょっと物寂しいですね。では制作に関して参考程度に。

[Lunetia 1st Album 特設サイト | Lunetia]

サイトに使う写真素材も何枚か頂いて、全体的に青かったので補正させてもらってます。なぜ補正したか、というのはデジ一の撮って出しJPGはそのままでは薄くて素材として使えない場合があるのと、サイトに使うにはそれようの補正をする必要があるからです。

私は撮影の現場にはいなかったのですが、写真のEXIFデータを見て大体カメラ設定を把握したので、スタジオでスチール撮影したのと同じような色味に補正しています。元がISO800で撮ってるせいかわりとノイズが残っちゃっているのも、ある程度滑らかにしておきます。

後は濃淡とコントラストをレベル補正するとこんな感じに仕上がります。サイトの上に青いドットを被せるつもりだったので、写真素材はこういう補正にしました。スーツの色をかなり濃くているのはノイズ潰しと他の方とも色を合わせるためです。つまりこの1枚の補正を基準にして他の写真も同じ補正をします。

写真の補正が終わった所で、サイト制作に入ります。ロゴがあったのでデータを頂いたんですが、グラフィックだったので先々使うだろうなと思って元の雰囲気を崩さない程度にトレースしました。イラレでアウトラインデータにしています。

トレースと言っても、こんな細かいのはちょっと時間かかりすぎるのでライブトレース使いました(笑。昔仕事でトレース作業をやりまくったせいか、これくらいのトレースはちょちょいのちょいです。これでロゴもサイト素材として使い回せるようになったので制作に移行です。

まぁ、大体は見てもらえたら分かるんですが、ヒアリングで歌詞の対訳とライナーノーツをサイトに載せたいというご要望を戴いていたので、スクロールで対応してみました。制作時間がかなり少なかったのもあったんですが、省く所を省くと2~3日の空いた時間でもこれくらいは制作できるものですね。

このスクロールなんですが、他のサイト見て減速するといいよなーと思っていたので実装してみました。情報のスペースが限られているのでスクロールはすごく役に立ちました。

時間の都合でレイアウトとかが焼き回しになっちゃってる感がありますが、バンドをやってるサークルさんは少ないのでやらせてもらえて良かったなーと思いました。

Category : Works     Tag : , , ,