29日目
本日は…
■JavaScriptを使って画像を置換する
・フリーの画像をネット上から落とす
→自分のお気に入りのサイトを作っておくとイイ
・サイズを変える…一定の大きさ(比率)を保った状態で切り抜きツール
・CSSを書く→floatの中ではmarginは相殺しない!!
・imgに対して、onmouseover"this.src='画像のアドレス'"と記述してイベント設定
※thisはこの中の、という感じ
※※他のところのimgを指定したいのなら、そのimgにname属性を指定して、thisのところに入れてやればよい
以上
■その他Photoshopによる画像加工の基礎
・ドロップシャドウを設定する
1.画像サイズのレイヤーを作り、背景以外に2枚のレイヤーを用意
2.1枚目のレイヤーを白い枠の分大きくする>カンバスサイズ
※基準点の場所に気をつける
※※相対にチェックを入れると大きくしたい分だけ数値を入れられる
3.1枚目のレイヤーを白で塗りつぶす
4.二枚目のレイヤーをドロップシャドウ分大きくする
5.レイヤーオプションから、ドロップシャドウ
→保存時の形態で、背景透過にするか決める
・邪魔なものを消したいとき
編集>塗りつぶし>周囲に合わせる
・乗算
白い紙を置いた画像の上に、写真画像
→写真画像を乗算モードに変更
→白い紙の上に画像が表示される※白い部分にだけ透けるのが乗算。その逆はスクリーン
→紙以外のところのうっすら写っている写真画像を消すには、紙の画像で範囲選択してから、写真画像のレイヤーに戻りbackspaceで消す