web制作 | 夜間飛行 備忘録

web制作講座で教わったあれこれを書き留めていきます

29日目

本日は…

 

JavaScriptを使って画像を置換する

 

・フリーの画像をネット上から落とす

 →自分のお気に入りのサイトを作っておくとイイ

・サイズを変える…一定の大きさ(比率)を保った状態で切り抜きツール

 

CSSを書く→floatの中ではmarginは相殺しない!!

・imgに対して、onmouseover"this.src='画像のアドレス'"と記述してイベント設定

 ※thisはこの中の、という感じ

 ※※他のところのimgを指定したいのなら、そのimgにname属性を指定して、thisのところに入れてやればよい

 

以上

 

■その他Photoshopによる画像加工の基礎

・ドロップシャドウを設定する

 1.画像サイズのレイヤーを作り、背景以外に2枚のレイヤーを用意

 2.1枚目のレイヤーを白い枠の分大きくする>カンバスサイズ

  ※基準点の場所に気をつける

  ※※相対にチェックを入れると大きくしたい分だけ数値を入れられる

 3.1枚目のレイヤーを白で塗りつぶす

 4.二枚目のレイヤーをドロップシャドウ分大きくする

 5.レイヤーオプションから、ドロップシャドウ

 →保存時の形態で、背景透過にするか決める

 

・邪魔なものを消したいとき

 編集>塗りつぶし>周囲に合わせる

 

・乗算

 白い紙を置いた画像の上に、写真画像

 →写真画像を乗算モードに変更

 →白い紙の上に画像が表示される※白い部分にだけ透けるのが乗算。その逆はスクリーン

 →紙以外のところのうっすら写っている写真画像を消すには、紙の画像で範囲選択してから、写真画像のレイヤーに戻りbackspaceで消す