WEBデザイン WEB制作

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

投稿日:2019年10月11日 更新日:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

-WEBデザイン, WEB制作

関連記事

モバイルフレンドリーでいたい!~素敵サイトレスポンシブの旅~

モバイルフレンドリーでいたい!~素敵サイトレスポンシブの旅~

みなさん、こんにちは! web初心者のKです! この度、googleがモバイルフレンドリーな webサイトのランクを上げるアルゴリズムの変更を発表しましたね! http://www.itmedia.c …

CakePHP2.Xで404 Not Foundエラーをリダイレクトする方法

CakePHP2.Xで404 Not Foundエラーをリダイレクトする方法

CakePHP2.Xでは、404 NOT Foundエラーが発生した場合、 デフォルトでは、 app/View/Errors/error400.ctp の内容が表示されます。 サイトによっては、 40 …

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(3)

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(3)

こんにちは、デザイナーのAです。 以前、いいデザインと悪いデザインの見分け方についてご紹介いたしました。 いいデザインと悪いデザインの見分け方 その(1) いいデザインと悪いデザインの見分け方 その( …

Phalcon PHPフレームワーク試しました

Phalcon PHPフレームワーク試しました

Phalcon(http://phalconphp.com/ja/)フレームワークは、PHPエクステンションとして利用する非常に高速なフレームワークとのことです。 動作確認までの手順です。 1. Ph …

Adobe XDの無料おすすめプラグイン8選 その②

Adobe XDの無料おすすめプラグイン8選 その②

こんにちは、デザイナーのAです。 今回は前回に続き、デザインの作業効率をUPするAdobe XDのおすすめプラグインを紹介します! 目次1 ⑥ VizzyCharts2 ⑦ Rename It3 ⑧ …