2009 年 7 月 31 日
最近リアルトレースの書籍が販売されていないことを知りました。
リアルトレースは写真を自動トレスする機能が出てきたため、マイナーなスキルとなっている部分もありますが、
Webの3DCGアイコンなどでよく使われるようにもなりましたので、覚えておくと重宝します。
リアルトレースで使う機能
他にも使う機能はありますが、私が主に使うのはこれくらいです。
- グラデーション
- ぼかし
- ブレンド
- メッシュ
- スポイトツール
- 不透明度
グラデーション
グラデーションは基本のツールですが、ちょっとしたことで大きな効果を上げることができます。
線形と円形があり、グラデーションの開始位置と範囲はグラデーションツールで決めることができます。
試しに球体を作ってみましょう。
まず円を描きます。
グラデーションで円形を選択、片方を白色、片方を好きな色に（画像は赤色で）します。
グラデーションツールでドラッグし、位置や範囲を決めます。
こうすることでより立体感を出すことができます。
次に、ゲームに出てくる地下に行けたり、人食い花が潜んでる土管を作ってみましょう。
長方形を好きな大きさで作ります。Ctrl+Uでスマートガイドを出し、長方形の下部に合わせて楕円を描きます。
長方形に対してグラデーションで線形を選択。緑色のグラデーションを設定します。
元となる土管そのもの形状は筒状で表面が反射している（金属っぽい）ので周りからの反射や屈折をグラデーションに取り入れます。
グラデーションが完成したら、楕円にも同様に適用しましょう。
後は、土管の上部になる箇所を長方形、楕円×2、中の空洞になる楕円（黒ベタかグラデーション）を作って完成です。
2009 年 7 月 30 日
今月の25日、SaCSS vol.4に参加してきました。と、いいますか話してきました。
内容はCSSスキルとモニタ雑学、コーディング便利ツール、JavaScriptのTipsです。CSSは制作時IE6を動作対象から外していますので、バグについて分からず勉強になりました。私が話したモニタ雑学は、スキルよりも雑学なのでスキルを学びたい人にとっては肩すかしだったかもしれません。時間も押してしまい、主催者HAMさんには申し訳なかったなぁと。便利ツールはトークが面白かった。PGならではの視点で気づいた事に対して調べるという、初歩的なことを思い出させてくれました。
こういうもたまにあると良いですね～。雑学なら結構ストックありますよ～。私が話した内容についてはブラッシュアップしてブログにアップする予定です。
2009 年 7 月 21 日
先日紹介したコリス様のJPEG圧縮のTIPS、その後PNGの記事も見つけましたので紹介します。
WebではIE6のシェアがまだあるため、積極的に使えるフォーマットではありませんが（Javascriptにて回避が可能）、画像の透過の使い勝手が良く、将来は一般的になると予想しています。ただ、そのまま使うと容量の多さがネックになるのが問題です。
PNG画像をより美しく、より軽量に最適化するテクニック
やはり、元サイトの説明が分かりやすいのでそちらで確認してみた方が良いでしょう。
PhotoshopCS3限定（一部）やツールを使用し、様々な方法で軽量化を行っています。
私も知らなかったことがほとんどで、これは素晴らしいテクニックだと思いました。
2009 年 7 月 20 日
Photoshop CS4にはバージョンアップに伴い、削除された機能がいくつかあることがわかりました。その一つが「抽出」。主に写真など微妙な境界線を切り抜くのに重宝したツールだったのですが、無くなっていたとは記事を見るまで知りませんでした。今回はこの「抽出」を復活させる方法です。
Adobe Photoshop CS4で抽出フィルタを使う
作業としては、Adobeサイトにて各種プラグインをDL。プラグインフォルダに移動、という流れになります。インストールDVDよりDLの方が早いと思います。
DLページはこちらです。
Adobe Photoshop CS4 – プラグイン (オプション) – 日本語
なぜオプションになったのか分かりませんが、使い勝手が良かったのでデフォルトでなくなったのはちょっと残念です。
2009 年 7 月 19 日
WebではCSSの名称やグローバルナビゲーションで使用するため、英語の綴りや翻訳に大変お世話になります。私は「エキサイト」と「goo」を使っています。さらにCMSなどまで範囲を広げると英語サイトも調べないとならないのですが、これが結構面倒くさいです。そこで見つけた記事がこちらです。
最速で辞書が引けるアドオン「FireDictionary」が便利すぎる
英語が全く理解できない私にとっては嬉しいツールです。これでFirefoxがフリーズさえしなければメイン環境にするのに…。