フォームのinput入力の背景画像を、photoshopで作成

CSSできれいにデザインされたHTMLフォーム（<form>）で、<input> や<textarea> の背景画像（background-image）に「凹んでいるような」影がついている画像が設定されていることがあります。どうやって作るのかな〜と思って調べてみたら、フォトショップで簡単に作れるよう。ドロップ・シャドウとは逆のインナー・シャドウですね。

長方形の線を引く

普通に角丸長方形ツールで、長方形を作成。

シャドウ（内側）を選択

レイヤーやチャネルなどのあるコントロールパネルの一番左下にレイヤー効果のメニューがあります。

シャドウ、ベベルなどを指定

シャドウ、ベベル、エンボス、輪郭などを色々と組み合わせることで、四角にエフェクトをかけます。

WEB用に保存して完成。

結構それっぽいデザインが簡単にできました！