元ネタはFabric Texture。英語が読める方は本家を参照したほうが間違いありませんw

完成イメージ

チュートリアル

ファイル->新規(ctrl+N)で新規ドキュメントを500px*500pxで作成します。
カラーパネルで90%のグレーを作成してAlt+Delで塗りつぶします。

次にフィルタ->テクスチャ->テクスチャライザを選択
パラメータを以下のように設定して適用します。

  • テクスチャ:カンバス
  • 拡大・縮小:100%
  • レリーフ:2
  • 照射方向:左上へ

そうしたら今度はフィルタ->シャープ->シャープを適用します。これはいい感じになるまで何回か繰り返してみます。
これは2回シャープかけて編集->シャープのフェードを50%で実行してみました。

でもって自然な形の乱れを加えていきます。
フィルタ->ゆがみ を選択しましょう。

デフォルトである前方ワープツールを選択してパラメータを下記のような感じにしてあとは思うがままにやっちゃいましょう。

こんな感じかな・・・?

いい感じになったら新しくレイヤーを作成して不透明度を90〜95%位に設定。暗くしたい部分に黒で塗って行きます。 思い切ってベタベタ塗っていったほうがいい感じに仕上がる気がします。

あとは新しくレイヤーを作って白で好きにペイントしましょう。
描画モードをオーバーレイに設定して数枚コピーすればくっきり出てくるので完成です。
↓は3枚ほど重ねた時の状態です。

最後のペイント次第で雰囲気が変わってきますね。

階調反転

PAGE RANK
TIME LINE
2012
05.16

XMLHttpRequestってUserAgentを変更できないのかorz

セキュリティ的に禁止してるんだろうけどChromeでは出来ないのか、そもそもJavascriptの仕様として禁止されてるのかは不明。

2012
05.10

[PHP]文字列を1文字ごとタグで囲む

PHPで文字列を1文字ごとタグで囲みたいとき。

2012
04.25

WebフォントとJavascript

WebフォントとjQueryのテキストエフェクトプラグインを試してて気がついたんだけど API経由でWebフォント取得、設定してるとJavascriptの実行が早すぎて困るw

2012
04.12

[Ubuntu11.10]インストール直後にやっておけばよかったこと

Ubuntu 11.10 Desktop 日本語 Remixの場合、ユーザーのホームディレクトリにあるディレクトリ名が 日本語なのでターミナルでディレクトリ移動する場合、非常に扱いづらい。

2012
04.11

シンプルでカスタマイズしやすそうなコンテンツスライダー jQuery Slider2

シンプルでカスタマイズしやすそうなコンテンツスライダー jQuery Slider2

2012
04.06

CORESERVERからロリポのチカッパプランに移転してFTPとおさらばした。

CakePHP2系はPHPのバージョンがシビアなので、CORESERVERからロリポの チカッパプランに移転したんだけど、gitが利用できてなんだか得した気分です。

2012
04.04

[CakePHP2.0.x]FormHelper::input()の出力メモ

FormHelper::input()の出力がどのくらい変更できるかのテスト。

2012
03.28

[CSS]WindowsでLESS更新時に自動でコンパイルする設定方法

Windowsで.lessファイル更新と同時にコンパイルしてCSSを書き出す方法を2つほど。 簡単に開発環境を構築するためUbuntu入れたのに、Windowsの方が簡単だったりするから困るw

2012
03.27

[CSS3/HTML5]ページタイトルとかに使えそうな3Dっぽいテキストエフェクト

Code Padよりタイトルとかに使えそうなテキストエフェクト。それほどゴテゴテしてなくていい感じ。