Webアイテムの練習その２ 文字で写真をくりぬく

本日？
寒かったですね。

文字の上に写真をおいて、くりぬくと文字が写真の模様になります。
よく使うパターンですよね。
フォトショップの教本には必ず出てくるパターンです。
意外と簡単にできます。

フォントをレイヤースタイルで「カラーオーバーレイ」「シャドウ（内側）」を設定しておきます。


写真をフォントの大きさに切り抜きます。（PCに入っていた写真を使ってます。）

↓
写真をフォントのうえにコピペします。
Ctrlキーを押しながらレイヤーのTをクリックします。
次に、写真のレイヤーを選択します。
レイヤーからレイヤーマスクを追加→選択範囲外をマスクを設定します。
描画モードを乗算にします。
これで出来上がりです。


ロゴに使えますよね。

Webアイテムの練習その１

本日
すご～く寒かったですね～
風邪を引いてしまって、体調不良です。
でも、ブログは別腹ですから～・・・

ちょっと、アイテムを作る練習をしようと思って下記の本を買いました。
少しづつですが、アップしていきます。

ノートPCのグラフィックソフトをどうしよう～と悩んでいます。
とりあえず、「フォトショップＣＳ２体験版」をDLしました。
下記の本はフォトショップ7.0とドリームウィーバーMX用に書かれた本です。

おいしいWebアイテムアイデアレシピ―for Windows & Macintosh 毎日コミュニケーションズ このアイテムの詳細を見る

早速一つ作ってみました。
でも、失敗作です。家が左下寄りになってしまいました。
体調不良を理由にそのままアップするわたしです。
おみぐるしいかと思いますが、一瞬だけ見てあげてください。



ドットの模様や大きさを変えればHPのアクセントに使えそうですよね。

・新規作成で16ピクセルの正方形にします。
・鉛筆ツールの太さを１pxに設定します。
・背景に色をつけます。
・家のドット絵を描いていきます。（クリックで1pxのドットができます。）
・画像解像度を1000px、このとき画像の再サンプル化を「ニアレストレイバー法」にする。
・フィルタか⇒表現方法⇒分割で分割数を「16」、最大移動値を「１」にします。

これで、出来上がりです。

これは、エレメンツでもできるかもしれませんね。

追記：手順をすこし訂正しました。