0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Photoshopでマニュアル画像用の枠線を簡単につける

Posted at

前提

  1. Photoshop初心者
  2. 忘備録
  3. スクショ画像を加工したい
  4. まだ本運用してない(忘備録なので
  5. Adobe Photoshop 2021 (creative cloud)

経緯

・Webマニュアル作成にあたり、PaintやPaint3Dでの枠線は面倒(同じサイズの画像用意とか)
・アカウントはあれど、Photoshop使ったことないので、やり方忘れるので忘備録とする。

手順

  1. Photoshopでファイル→開く→スクショしたpngファイルを選択

  2. 開いたファイルのレイヤー(背景)に鍵アイコンが付いてたら、鍵アイコンをクリックして解除する(画像が背景→レイヤーという表記になる)。
    枠線_手順1.png

    枠線_手順2.png

  3. レイヤーのイメージ画像をダブルクリック
    枠線_手順3.png

  4. レイヤースタイルで、「境界線」にチェック→OKボタンクリック
    枠線_手順4.png

  5. レイヤーに枠線がつく!
    枠線_手順5.png

  6. 境界線の装飾は、境界線をダブルクリック
    枠線_手順6_0.png

  7. レイヤースタイルで、内容変更する(境界線のサイズとか色とか)
    枠線_手順6.png
      ↓
    枠線_手順7.png

メモ)境界線のサイズは1px以上。それ以下は設定できない(みたい)

  1. ファイル保存は、psd形式でしとくと、また後で修正できる。別名保存でpngファイルに。
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?