Affinity Photo:伸縮しても崩れないフチ取り付きの枠線を作る

この記事は約2分で読めます。
記事内に広告が含まれています

操作画面

こんにちは、さち です。

先日、Photoshop Elements から Affinity Photo に乗り換えました。低価格なのに多機能で、コスパに優れた画像編集アプリです。

Affinity Photo になってできることが増えたので、今回はそれを活かして、伸縮しても崩れない「フチ取り付きの枠線」を作ってみます。

この記事の内容は、「Designer」「Publisher」でも使用できます

スポンサーリンク

伸縮自在な「フチ取り付きの枠線」

操作画面

ブログの画像で操作する場所を分かりやすくするために、上の画像のような白いフチ取り付きの赤い枠線を作ることがあります。

Photoshop Elements を使っているときは、作った枠線を拡大/縮小すると線の太さが変わる問題があり、後からの編集が面倒でした。

この問題を克服した枠線を Affinity Photo を使って作ってみます。

操作手順

  1. 真っ黒なキャンバスを作りました。
    操作画面
  2. 「シェイプツール」を選択します。例では、「長方形」にしますが、他の形でも構いません。
    操作画面
  3. 「塗りつぶし」の色は、なし(透明)にして、「境界線」の色は、枠線の色(例では赤)を選びます。境界線のスタイルは自由な設定で良いですが、「スケーリング」のチェックは外します。(マイター結合は、マイターの値を大きくすると境界線の角がとがる)
    操作画面
  4. キャンバスに長方形を描きます。
    操作画面
  5. 作成した長方形のレイヤーを選択して、「レイヤーエフェクト」をクリック。
    操作画面
  6. ウィンドウ左下にある「オブジェクトとともにスケーリング」のチェックを外します
    操作画面
  7. 「アウトライン」にチェックを入れます。
    操作画面
  8. 「カラー」は、フチ取りとして使いたい色(例では白)を選びます。その他のスタイルは目的に合わせて設定して、ウィンドウを閉じます。
    操作画面
  9. フチ取り付きの枠線ができました。
    操作画面
  10. 拡大しても枠線の太さは変わりません。
    操作画面
  11. もちろん、縮小しても大丈夫です。
    操作画面

よく使う場合は、「アセット」「スタイル」などに登録しておくと、一瞬で作れるようになるので便利です。

Affinity に関する他の記事

Affinity
「Affinity」の記事一覧です。

コメント

タイトルとURLをコピーしました