2010-07-09

★色鉛筆画風に。 | フォトショップで遊びましょう！

このページを参考に久里浜の写真を色鉛筆風にしてみました。
雰囲気出てます？

概ね上の通りにやったのですが、見づらい部分があったのと
エレメンツとはメニューの異なる部分があったので、自分用に書き換えてみました。

1.カンバスの作成
(1) 背景の上に新規レイヤーを追加
(2) ［フィルタ］→［テクスチャ］→［テクスチャライザ］
(3) ［テクスチャ：カンバス］［拡大・縮小：50］［レリーフ：4］［照射方向：右下へ］

2.鉛筆輪郭の表現
(1) 背景（元写真）をコピーして一番上に
(2) ［フィルタ］→［表現手法］→［輪郭検出］
(3) 色調補正→彩度を下げる
(3) レイヤー設定［描画モード：乗算］［不透明度：50%］に変更

3.鉛筆塗りの表現
(1) 背景（元写真）をコピーして一番上に
(2) 色調補正→彩度を下げる
(3) 色調補正→［明るさ・コントラスト/明るさ：-70、コントラスト：70］
(4) レイヤーを［描画モード：乗算］［不透明度：30%］に変更
(5)［描画色：黒］［背景色：白］に設定して［フィルタ］→［スケッチ］→［木炭画］
(6) [木炭の太さ：3][ディテール：5][明るさ・暗さのバランス：70]で適用する。
(7)レイヤー設定[描画モード：乗算][不透明度：30%]に設定

3.色鉛筆塗りの表現
(1) 背景（元写真）をコピーして一番上に
(2) レイヤー描画モードを［カラー］に変更

やってて、気がついたのは写真画像の解像度が大きい場合、
大きいままやったほうが、表現が繊細＆黒ずんだ部分がなくなります。
黒ずんだ部分もそれなりに味があるので、やりたい表現次第だとも思いますが。
また最初から暗い写真は黒ずんだ部分が多くなるので、
3(4)の工程の不透明度を下げたりして調整しました。

さっきの記事に使うのに、トーナメント表を探していたら、
各社色々なデザインや仕様のものを作っているのに気が付きました。
勉強になるかな～と思い、分類して集めてみたよ。
ちなみに画像を保存したのは準決勝前の7/4ですので、クリックすると現在のページを見れます。

CSS組　一枚画像じゃないところに尊敬の念を抱く・・・

★TBS

『トーナメント表』でぐぐるだけで一番上にきます。今回一番目にされてるトーナメント表はこれでしょうね。
これの驚くべきところは、一枚画像と思わせつつ、実はhtmlで組んであることです。
ドリで見るとこんな感じ。


divやdtのリストタグを使ってます。しかも、国旗から各チームの詳細ページにリンクします。
雰囲気もシックな感じで好きです。力入ってんなぁ。

★サッカーワールドカップ2010南アフリカ大会ガイド

ここもdiv組みです。作るの大変そう～～ISO的にはこれの方がいいのかな。

雰囲気重視組

★時事通信社

雰囲気がよく出ていて、デザイン的には一番好きかも。文字も程良く採光になってて読みやすいです。
ここも国旗から各チームの詳細ページにリンクします。

★Yahoo!スポーツ＆Sportsnavi　コラボ

点数もさりげなく表記されております。
ちなみに2006年は単体のトーナメントの形でした。こう見るとずいぶん進化してるよね！

★asahi.com

ここは色合いが柔くて個人的には好み。点数もわかりやすいね！
でも、もう少し文字間を開けたほうが読みやすいかと。

シンプルイズザベスト組

★スポニチ

潔いデザインです。でも意外にこういう方が見やすかったりする。高齢者狙いの仕様？
ちなみに現在は、スペインとオランダが赤くなってますよ。

★ゆうてんじスポーツ ｘ スポーツバー・ジャパン コラボサイト

カラフル＆シンプル。しかし色の付け方が謎。グループでも順位でもないし、地域別ってわけでもないし？？
ここもさりげなく国名をクリックすると、試合結果＆スタメンフォーメーションのページが表示されます。
もっとリンクをわかりやすくした方がいいね。

★日刊スポーツ

個人的にはもうひとひねり欲しい。でも修正するのは簡単そう。

と上から目線で語ってしまいましたが、制作に関わってる人にはあと少しの間がんばって！と言いたい。
更新時間とかも大変だろうなぁ・・・。

ちょっと前にtwipicで変わったトーナメント表を見かけたのですが・・・

【元ネタ】
★このワールドカップの見方は面白いｗ on Twitpic

確かにプーマの潰し合いが悲しい・・・。

で、これが非常に気に入って決勝まで決まったら、完成させて楽しもうと目論んでおりました。
現在の表はこれっ！！（ベースの画像使わせてもらいました。）

同社同士の潰し合いを経て、数的に順当な結果になってるとこがスゴ。