oitake blog

いろいろリンク

おすすめリンク

最近のエントリー

カテゴリー

20101012:コメントとトラックバックを停止したことにより、このサイトはアーカイブとなりました。以降、ご連絡はみもねるのウェブサイトへお願いします。
20100703:新ナマコメ(ナマコメ 2)を公開しました。コメントビューア付きで送信面においてもパワーアップしています。
旧ナマコメは将来的に使用できなくする予定なので、可能な限り新ナマコメをお使いください。
20091127:oitake は みもねる になりました。当ブログは無期限更新停止となります。詳細は最新の記事をご覧ください。

スポンサーサイト

一定期間更新がないため広告を表示しています


2009.12.16 Wednesday | | - | - | -

Photoshop:ややリアルな「木」のテクスチャの作り方


 またしてもスクリプトとは無関係な話題で何ですが…Photoshopで木の板に使えそうなテクスチャを作る方法が今回の話題です。ブラシとかは使いません。

 1.Photoshopを起動する。
 2.512px×512pxくらいの画像を新規作成する。
   背景が白で塗りつぶされていること。
 3.「フィルタ」→「ピクセレート」→「メゾティント」を実行する。
   「種類」は「標準ストローク」にしておくこと。
 4.お好みで3を複数回繰り返す。
   Ctrl+Fキーが便利。
 5.「選択範囲」→「色域指定」を実行する。
   許容量は100以上。
 6.そのままコピーしてペーストする。
 7.最初のレイヤー(おそらく「背景」)をRGB(64,32,16)くらいで塗りつぶす。
   oitakeの好みではRGB(32,16,8)くらい。
 8.新しいレイヤー(おそらく「レイヤー1」)の「レイヤー効果」→「ベベルとエンボス」を実行する。
   「スタイル」は「エンボス」、「方向」は「下へ」、「サイズ」は「0」、「不透明度」はそれぞれ「25」くらいにしておくこと。
   この時点でもう使えるかも。
 9.新しいレイヤーに「フィルタ」→「ぼかし」→「ぼかし(移動)」を実行する。
   「角度」は「0」、「距離」は「32」くらいにしておくこと。
   この時点でもう使えるかも。
10.新しいレイヤーの「レイヤー効果」→「光彩(外側)」を実行する。
   「描画モード」は「焼き込みカラー」、「不透明度」は「50」、色は黒、「サイズ」は「5」くらいにしておくこと。難しい。

 上下左右のつながったテクスチャが必要なら、前回の「ループテクスチャ」を参照してください。

 トップ画像は今回の方法で作成したテクスチャの応用例です。見えにくいんですが、Second Lifeで床と壁に貼り付けてみました。背景色を黒くして切れ込みを入れています。和風な住居を作成する際に使えるんじゃないでしょうか。

2007.05.09 Wednesday | 22:38 | イメージ | comments(0) | trackbacks(0)

Photoshop:ループテクスチャの作り方


 ループテクスチャというのは、上下左右がつながった画像のことです。普通のテクスチャをタイル状に並べると、画像の切れ目が目立って汚く見えてしまいますが、ループテクスチャには画像の切れ目がないので美しく見えます。ちなみにループテクスチャという言葉はoitakeの造語だから世間一般では通用しません。

 今回はPhotoshopで512px×512pxのループテクスチャを作る方法を紹介します。ただ、もう10年近く前に考案した方法なので、今はもっと良い方法があるかもしれません。
 まずPhotoshopを起動したら、

 1.元になる画像を512px×512pxにリサイズする。
 2.座標(64px,64px)から、座標(448px,448px)までの矩形を選択する。
   つまり、384px×384pxの選択領域を画像の中心に形成する。
 3.選択領域を「境界線をぼかす」で64pxぼかす。
 4.コピーする。
 5.そのままペーストする。
 6.「スクロール」フィルタで右に256pxずらす。
   オプションで「ラップアラウンド(巻き戻す)」を選択しておくこと。
 7.ペーストする。
 8.「スクロール」フィルタで下に256pxずらす。
   オプションで「ラップアラウンド(巻き戻す)」を選択しておくこと。
 9.ペーストする。
10.「スクロール」フィルタで右下に256pxずらす。
   オプションで「ラップアラウンド(巻き戻す)」を選択しておくこと。
11.ペーストする。

 以上です。異なる解像度でも同じ手順で実現できるはずです。レイヤーの描画モードを変えてみるのもいいかもしれません。できあがったら、Web用に保存してください。

 ループテクスチャは3DCGを扱うアプリケーションで重宝します。特にSecond Lifeとか…。床や壁に不自然な切れ目があったら、興醒めしちゃいますからね(σ'з')σ
 (トップ画像で使われているループテクスチャ元画像を用意しました。フリー素材なので、ご自由にお使いください。)

2007.05.08 Tuesday | 13:20 | イメージ | comments(0) | trackbacks(0)