マーカーネット株式会社

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

WEBデザイン WEB制作

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

投稿日:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

-WEBデザイン, WEB制作

執筆者:


comment

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

関連記事

【Illustrator】基本図形で出来ちゃう!ハートマークの作り方

こんばんは、新人Aです。 今日は、Illustratorでハートを作る方法についてお話します! まぁ、素材サイトさんからデータをお借りしちゃえばそれで済む話なのですが… 理想の形が見当たらない!という …

もう怖くない!色の配色

皆さん! こんばんは!! webデザインを新人デザイナーKです。 元々色選びに才能が全くない私は、デザインをする際に色んな参考サイトを メチャクチャ調べてから制作に入ります。 でもどうしても配色だけは …

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

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

こんにちは、デザイナーのAです。 今回はデザインの作業効率をUPするAdobe XDのおすすめプラグインを紹介します!   Adobe XDプラグインの追加方法 方法は主に2種類あります。 …

【ワイヤー作成をラクにする!】レスポンシブ・ウェブデザイン(RWD)向けワイヤーツール

【ワイヤー作成をラクにする!】レスポンシブ・ウェブデザイン(RWD)向けワイヤーツール

サイトの設計図とも言えるワイヤーフレームを作成することは、ウェブ制作において大事なステップです。 ワイヤーフレームとはサイトの大まかなレイアウト、必要な要素、コンテンツの優先順位を示したもので、ワイヤ …

no image

ブラウザによって画質変わっている!?気づかなかった…ブラウザの自動画像処理!

ブラウザによって画質変わっている!?気づかなかった…ブラウザの自動画像処理! http://www.markernet.co.jp/blog/2015/07/31/post-5902/ Faceboo …