Photoshopで画像のサイズを正方形に変更して周りに白い枠を付ける

  • ブックマーク
  • Feedly

世界一わかりやすいPhotoshop 惣社とデザインの教科書を読んで、Photoshopの勉強をしている。単に読んでいるだけ、1回操作しただけだと、うまく使えるようにならないと思ったので、ブログにノートを取ることにしてみた。今日のお題はLesson 01の練習問題だ。

加工前の元画像

これが加工する前の元画像。正方形のサイズに変更して、画像の周りに白い枠を作成してみる。
加工する前の元画像

[カンバスサイズ]ダイヤログを開く

画像をPhotoshopで読み込んだら、次のように操作してみる。
(1)メニューバーのイメージをクリックする。
(2)カンバスサイズ…をクリックする。
カンバスサイズ...をクリックする

[カンバスサイズ]ダイヤログボックスで画像を正方形にする。

[カンバスサイズ]ダイヤログボックスで画像を正方形にする。
1. [カンバスサイズ]ダイヤログボックスで変更後のファイルの幅と高さの単位をmmに変更する。
2. 幅と高さに適当な値を入力する。
3. 基準位置の中央に設定する。(デフォルト中央になっている。)
4. [OK]をクリックする。
警告が表示されるが、続行をクリックする。
警告が表示されるが、続行をクリックする。
そうするとこんな感じが画像が正方形に切り取られる。
そうするとこんな感じが画像が正方形に切り取られる。

画像の周りに白枠を付ける

画像の周りに白枠を付けるためにもう一度、[カンバスサイズ]ダイヤログボックスを表示して、次のように操作する。
画像の周りに白枠を付けるためにもう一度、[カンバスサイズ]ダイヤログボックスを表示して、次のように操作する。
1. [カンバスサイズ]ダイヤログボックスで変更後のファイルの幅と高さの単位をmmに変更する。
2. [相対]にチェックを入れる。
3. 幅と高さに白枠の長さを入力する。
4. [OK]をクリックする。
そうするとこんな感じの画像ができあがる。
そうするとこんな感じの画像ができあがる。

参考図書

興味がある方は是非この参考書を使ってみてください。

困っていること

[画像解像度]と[カンバスサイズ]ダイヤログを開くにはショートカットが存在する。
[画像解像度]のダイヤログポックス表示は「Command+Option+l」
[カンバスサイズ]のダイヤログポックス表示は「Command+Option+c」
なのだが、僕のMacBookPro2017では開かない。。。どこの設定で引っかかってるのか???

この記事を書いた人

アバター画像

羽沢 仁

業務系システムのエンジニアとして、コンサルティング会社で5年、事業会社の社内SEとして5年、フリーランスとして6年、要求定義、設計、開発、テスト、リリース対応の業務に携わってきました。来年からは、街の○○屋さんと直接つながって、ITツールを提供するサービスを開始します。詳しいプロフィールはこちらをご参照ください。