クールサイトを作る為に- ホームページ作成のノウハウから、htmlテンプレート・フリー素材・PHP・CGIの配布

ホームページのレイアウトを作成後、レイアウトに合わせてメニュー画像や写真などを作りたいときや、レイアウトサイズをきっちり知りたい時ってありますよね。
そんな時のphotoshopの使い方を、基本的なテクニック・キャプチャ方法と共にどうぞ。。

以下に画像を入れる	左のテーブルレイアウトがあります。 黄色の部分に1pxも狂わず、ぴったりの画像を作ってみましょう。
	ぴったりの画像を作るには、サイズを1pxも狂わず計らないといけません。 そこで、表示したhtmlをキャプチャしましょう。 よく使うキャプチャは、今見ているwindowで キーボードの「Print Screen」(PrtScrなど) を押します。・・・押しても特に変化はありませんが気にしないように。
	次にphotoshopの 「ファイル - 新規作成」 を選択します。
	すると、左のウィンドウが出ます。 幅1024 高さ768px となっています。 そのままＯＫを押します。
	次に、「編集- ペースト」　又は 「Ctrl + V」 を押して、貼り付けします。 そして、該当部分を拡大ツールを使って 見やすい大きさまで拡大します。
	拡大後、黄色の部分のみを範囲選択します。 サンプルのように分かれ目がはっきりしている場合は、自動選択ツールでもＯＫです。 選択後、「編集 - コピー」でコピーします。
	コピー後、最初と同じように「ファイル - 新規作成」を押します。すると、左の画面が出ます。 この際表示される数字は、選択した範囲のサイズです。範囲選択、コピーをすることにより、サイズがきっちりわかります。 ここでは、そのままＯＫを押します。
	すると、黄色の部分と1pxも狂わないサイズのウィンドウが現れます。 あとは、自由に作成してください。
	作成サンプルです。 あとは保存して、先ほどのhtmlにハメコミましょう。
以下に画像を入れる	これで完成です。 頻繁に使える便利な技です。