| ◆画像処理ソフトウェアで素材を作ろう |
ページのレイアウトが決まったら、画像処理ソフトウェア（この講座ではPhotoshop）を使って、ロゴやリンクボタン、アイコンなどを作成します。
（１）Photoshopの画面
まず、Photoshopを起動します。Photoshopの画面は図のような構成になっています。
（２）画像ファイルを開く
「ファイル」〜「開く」で画像ファイルを指定し、画像ファイルを開きます。
（３）トリミング（切り抜き）する
「ツール」の「切り抜き」ボタン を使って、画像の必要な部分を対角線で選択し、「○」ボタンをクリックして切り取ります。
必要な範囲をドラッグする |
→ |
クリック |
→ |
トリミング完了 |
（４）Web用に保存する
「ファイル」〜「Web用に保存」で設定画面を開き、ファイル形式を「GIF」「JPEG」等から選びます。それぞれの形式に特徴があるので画像によって使い分けます。
○ファイル形式
GIF形式 〜同じ色が連続するイラストのような画像に向いている。
アニメーションが作成できる。１色を透明化することができる
JPEG形式〜写真やグラデーション効果のある画像などに向いている。
圧縮率を設定できる。もとの画質に戻せない。
○ファイル名〜使える文字は半角英数字、ハイフン-、アンダーバー_のみ
○保存場所〜HTMLファイルと同じフォルダまたは、サブフォルダに保存します。
|
|
|
