マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン WEB制作

Photoshopで使える便利機能「ウィンドウアレンジ」

投稿日:

Photoshopで細かい編集や補正をして全体のバランスを見るとき、
ウィンドウを拡大しては縮小して全体を見る、また拡大をして縮小…
少し面倒だな、と感じたことはありませんか?

そのような手間を省きたいというときに便利なのが、ウィンドウのアレンジ機能です。

常に画面全体のバランスを確認しながら作業をしたい!というときに
とても便利な機能ですので、ご紹介させていただきます。

メニュー「ウィンドウ」のアレンジの項目から「サンプルの新規ウィンドウ」を選択

「サンプル」の部分には、開いているファイル名が入ります

(1)まずメニューの「ウィンドウ」からアレンジの項目を選択し、
一番下の「サンプルの新規ウィンドウ」を選択してウィンドウを作成します。
(「サンプル」の部分には、開いているファイル名が入ります)

「ウィンドウ」からアレンジ項目「すべてを左右に並べる」を選択

(2)同じく「ウィンドウ」からアレンジ項目「すべてを左右に並べる」を選択。

プレビュー画面と作業画面

こうすることで片方のウィンドウはプレビュー画面、
もう片方のウィンドウは作業画面として編集ができるようになります。

パッと見は2つのファイルが開かれているようにも見えますが、
この場合は1つの同じファイルなので、片方のウィンドウで編集を行うと、

片方のウィンドウで編集を行うともう片方も連動して編集内容が反映されます

このように、もう片方も連動して編集内容が反映される、といった仕組みです。

3画面、4画面構成にすることも可能です

また、新規ウィンドウをさらに増やして、アレンジで3画面、4画面構成にすることも可能です。

ウィンドウのアレンジ項目は他にも色々ありますので、用途に応じて、
任意のものを選んでやりやすい画面で試してみてください。

-WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【コーダーには常識!?】あなたのコーディングをチェック!

【コーダーには常識!?】あなたのコーディングをチェック!

コーディングをしたけど、エラーや間違いがないか不安に感じたりしませんか? リンク切れやソースの間違いなどを一つ一つ調べていくのは大変です。 そこで、コーディングエラー、リンク切れなどを調べてくれるお勧 …

面白い動きや便利な機能をJSで実装! その3:一目で印象に残るアニメーション背景を作成!

web制作をされている方ならば、サイトを訪れてくれた人を少しでも長く引き留めたいと思われると思います。 一体どうやって見てくれる人の興味をひけるのか。色々な方法がありますが、その一つとして面白い動きを …

先取り!2015年に流行るWEBデザインのトレンドは!?

先取り!2015年に流行るWEBデザインのトレンドは!?

こんばんわ!あと1カ月で2014年も終わりを迎えます。。 この時期に気になるのは来年のWEBデザインの流行です! 毎年、新しいデバイスが発売され、めまぐるしい進化を遂げるWEB業界は先読みして情報を掴 …

レスポンシブにも対応!② グローバルナビゲーションを作成してみました。

この間はレスポンシブでも使える行ごとのブロック要素の高さを自動で合わせるJavaScriptをご紹介致しました。 レスポンシブにも対応!行ごとのブロック要素の高さを自動で合わせる方法。 レスポンシブで …

WEBトレンド! 全面に写真を配置した 最新サイトのご紹介 ~素敵サイトの旅 その3~

こんにちは!web初心者のKです! 今日は曇りですが、みなさんお風邪など召されていませんか? 私は雪対策にブーツとコートを少し前に購入しました! 備えあれば憂いなし! もう雪が来ても怖くありません!! …