【Affinity Photo 2.5】レイヤーとは?基礎をまるっと解説

当ページのリンクには広告が含まれています。
【Affinity Photo 2.5】レイヤーとは?基礎をまるっと解説
  • URLをコピーしました!

お疲れさまです。アリスのCookBookにようこそ。今回は,Affinity Photo のレイヤーについて解説していきたいと思います。レイヤーとは,英語で「層」「階層」を意味する言葉で,Affinity Photo では一枚一枚のシートに描かれた画像を重ねて編集する機能です。Affinity Photo を使いこなすうえで,レイヤーは最も重要な機能のひとつ。Affinity Photo をはじめて触るよって方は,ぜひ最後まで見ていってくださいね。

目次

そもそもレイヤーとは何?

Affinity Photo では,透明なシートに描かれた画像を何枚も重ねて1つの画像を作ります。その透明なシートをレイヤーと呼びます。たとえば,こちらの画像……

いっけん1枚の画像のようにみえますが,実は3枚の画像でできています。

サンプル画像

レイヤーごとにわけてみると,いちばん下が「背景」の画像,その次が「女の子のイラスト」,いちばん上が「タイトル」の画像で構成されています。

レイヤーの解説画像
アリス

それじゃあ,レイヤーを使うときの注意点と,レイヤーを使うと何がいいのか解説しますね♪

レイヤーは配置する順番が重要

では,Affinity Photo で見ていきましょう。このレイヤーですが,いちど作ったレイヤーをあとから順番を入れ替えることもできるのです。試しに,いちばん下にある「背景」のレイヤーを、「女の子」のレイヤーの上に移動してみます。

Affinity Photo 2.5 のスクショ
うさぎ

レイヤーは,どうやって移動するの?

アリス

レイヤーを選択して移動したい位置でドラッグ・アンド・ドロップすると,重ね順を変更できるよ!

すると,どうでしょうか。女の子のイラストが背景に隠れていましました。このように,Affinity Photo では上のレイヤーが手前に,下のレイヤーが奥に表示されるのがわかります。

Affinity Photo 2.5 のスクショ

今度は「女の子」のレイヤーを,いちばん上に移動してみましょう。「女の子」が手前にきて,「タイトル」の文字が「女の子」と「背景」の間に表示されていますね。 Affinity Photo で画像を作成するときは,レイヤーの順番が大きく影響するのがわかったかと思います。

Affinity Photo 2.5 のスクショ
うさぎ

レイヤーは,配置する順番が大切なんだね。

レイヤーを使うと便利なところ

つぎに,レイヤーを使う利点をみていきましょう。レイヤーを使用する利点は,ひとことで言うと画像のお直しが楽になること。例をいくつかあげてみますね。

背景の位置を変える

あとから背景の位置を変えたいと思ったら,マウスで背景の画像をドラッグすることで,背景の画像のみを移動できます。他のレイヤーには影響がないので,背景の位置を微調整したいときに便利ですね。

Affinity Photo 2.5 のスクショ
イラストの大きさを変える

次は,女の子のイラストの大きさを変えてみます。はじめは難しいかもしれませんが,女の子のイラストを選択しての四隅をマウスでつかんでドラッグすることで,女の子のイラストの大きさを調整できます。こちらも,他のレイヤーには影響がありません。

Affinity Photo 2.5 のスクショ
タイトルを変える

タイトルの書体も変更できますよ。「タイトル」の文字を選択して、書体を変更してみましょう。「貂明朝」から「めもわーる」という書体に変更しました。

Affinity Photo 2.5 のスクショ

もちろん、タイトルの文字も変更できます。

Affinity Photo 2.5 のスクショ
背景を差し替える

思い切って,背景を置き換えることもできます。別の背景用レイヤーを追加してみました。

Affinity Photo 2.5 のスクショ
アリス

こんな感じで,部品ごとにレイヤーでわけておくと,効率的に画像を変更できます♪

特殊な効果を適用できるレイヤー

もうお腹いっぱいかもしれませんが,調整レイヤーという面白い効果を適用できるレイヤーと,レイヤークリッピングという機能も紹介しますね。こちらも,ぜひ覚えてもらいたい機能なので,もう少しお付き合いください。

調整レイヤー

調整レイヤーを使用すると,写真や画像などの元データを変更しないで,色や明るさを編集することができます。元データに直接手を加えずに編集を行う手法を非破壊編集と言いますが,言葉は覚えなくても大丈夫です。

では,女の子のイラストの色を変えてみましてみましょう。レイヤーパネルの下にアイコンがいくつか並んでいます。「女の子」のレイヤーが選択された状態で,その中から [調整] を探してクリックします。

Affinity Photo 2.5 のスクショ(拡大)

ポップアップメニューが出てくるので,今回は [リカラー] を選択してみますね。

Affinity Photo 2.5 のスクショ(拡大)

ちょっと凄い色になりましたが,効果がわかりやすいように赤く調整してみました。このように,調整レイヤーを使用すると,調整レイヤーの下にある全てのレイヤーに効果が適用されます。

Affinity Photo 2.5 のスクショ
レイヤークリッピング

調整レイヤーの下にある「女の子」と「背景」の両方に効果が適用されましたが,「女の子」のみに効果を適用させたいこともあるでしょう。このようなときは,「女の子」のレイヤーと調整レイヤーをクリッピングします。

クリッピングすると聞くと難しいように思いますが,意外と簡単にできますよ。調整レイヤーを「女の子」のレイヤーの上にドラッグして,青色にハイライトされたら放すだけ。今度は,女の子のイラストだけ赤くなり,背景の色が元にもどりましたね。

Affinity Photo 2.5 のスクショ

まとめ

この記事では,レイヤーについてまるっと解説してきました。はじめは,ひとつひとつの言葉を覚えなくてもいいので,「レイヤーを使うとこんなことができるよ」「Affinity Photo を使いこなすには,レイヤーを理解することが大事だよ」ってことがわかっていただければ嬉しいです。

アリスmemo
  • Affinity Photo では,上のレイヤーが手前に,下のレイヤーが奥に表示されます。
  • レイヤーの順番を並べ変えたいときは,レイヤーパネルでレイヤーを選択して,移動したい位置にドラッグ・アンド・ドロップします。
  • 部品ごとにレイヤーでわけておくと,後から画像を変更するときに効率的に作業できます。
  • 調整レイヤーを使用すると,元データに直接手を加えず色や明るさを変更できます。
  • 調整レイヤーは,調整レイヤーの下にある全てのレイヤーに対して効果が適用されています。
  • 一部のレイヤーに調整レイヤーを適用したいときは,レイヤーをクリッピングします。
アリス

最後までご覧いただきありがとうございました♪

よかったらシェアしてね!
  • URLをコピーしました!
目次