作業の流れ

1.Photoshopで画像を開き、全選択

2.「編集」メニューの「結合部分をコピー」を選択
　※「結合部分をコピー」を選択する事によって全レイヤーの画像がコピーできる

3.Dreamweaverで、htmlファイルの画像を挿入したい部分にカーソルを持って行き、貼り付け

4.画像の保存画面が出るので、名前を付けて、実際にＷＥＢ上で使用する配置場所に保存

5.3の場所に指定した画像のIMGタグが挿入されていることを確認。

※動作確認環境
Photoshop6.0
Dreamweaver9.0(CS3)

Photoshop

Photoshopを使って画像の大きさを変える

　Windows　Photoshop6.0

Adobe　Photoshopを使用して、写真やイラストの画像の大きさを変える

画像全体を引き伸ばしたい場合

• ツールバーから「イメージ」を選択し、「画像解像度」を選択します。
• ピクセル寸法か、ドキュメントのサイズのどちらかで変更したい数字を入れてください。
• 下部の「縦横比を固定」のチェックをONにすると、縦横の比率はそのままで拡大・縮小してくれます。

画像はそのままで、余白などを増やしたい、スペースを増やしたい場合

• ツールバーから「イメージ」を選択し、「画像サイズ」を選択します。
• 変更したいサイズを入力します。単位がcmやpxなどで選べます。
• 下部のアンカーを画面のどこにするか選ぶと、元の画像はどこに配置し、余白をどこに増やすか選べます。

Photoshop

Photoshop　画像の縮小・拡大をすぐ行う

Photoshop CS4

各レイヤー画像の拡大・縮小を行う場合、ふつうの手順だと「編集」→「変形」ですが、いちいちこれを選択するのが面倒な場合、次のような手順で画像の拡大・縮小ができます。

1. 「移動ツール」を選択
2. ヘッドメニューに表示される「バウンディングボックスを表示」にチェックを入れる

これで、各画像の境界線である「バウンディングボックス」が常に表示されます。
拡大・縮小したい場合はレイヤーを選択し、画像の周りに表示されるバウンディングボックスをマウスでドラッグするだけです。

Photoshop

Photoshop　あるレイヤーの部分だけ白黒にする

Photoshop CS4

「レイヤー」→「新規調整レイヤー」→「色相・彩度」を選択し、彩度を調整すると、モノクロになりますが、一部分の色だけ白黒にしたいとか、色を調整したいということもありますよね。
たとえば、下記の画像の雪というレイヤーがピンクなので、これを白にしたい場合、などです。

1. まず白黒にしたい部分のレイヤーを選択しておきます。ここでは「雪」レイヤーです。
2. 新しく調整レイヤーを作る時に、そのレイヤーのすぐ上に調整レイヤーを作成します。作成時に「下のレイヤーを使用してクリッピングマスクを作成」というチェックボックスをONにすると、下のレイヤーに存在する部分だけを切り抜いて白黒にできます。レイヤーの状態は、下記のようになります。

Photoshop

Photoshop 表示していないレイヤーを一度に削除する

表示する、表示しないの機能は便利なため、ついつい表示しないレイヤーが増えてしまいがちですよね。
これを一括で削除する機能の紹介です。

1. 上部メニューのレイヤー→削除→非表示レイヤーをクリックします。
2. 「はい」をクリックします。