Pixiaで簡単♪透過画像を背景に合成する方法

2018年1月31日

前回、Pixiaで画像を透過する簡単な方法を解説しました。

今回は、透過済みの画像を背景の上に合成する方法を紹介します。

初心者さん向けの簡単で基本的な方法です。

画像コピペとレイヤ移動のやり方を中心に、6ステップに分けて説明していきます。

  1. 透過済みの画像をPixiaで開く
  2. 画像をコピーする
  3. 背景画像を開く
  4. 「貼り付け」を実行
  5. 貼り付けたい位置にドラッグ
  6. 右クリックして、「新規レイヤとして貼り付け」

STEP1. 透過済みの画像をPixiaで開く

まずは、合成したい透過済みの画像をPixiaで開きます。

  1. 「開く」ボタンをクリック
  2. 保存してあるフォルダから画像をクリック
  3. 「開く」をクリック

透過済みの画像を開く

※2で画像が表示されないときは、「ファイルの種類」を「すべての画像ファイル」に変えてみてください。
画像が見つからないときは「ファイルの種類」を「ずべての画像」に変更

画像を開いたところ。白く見える背景部分は透過されています。
透過済み画像を開いたところ

チャウチャウのイラスト(犬) | かわいいフリー素材集 いらすとや

STEP2. 画像をコピーする

透過済み画像を開いたら、「コピー」ボタンをクリック。(またはキーボードのCtrlキー+Cキー)
開いた透過済み画像をコピーする

STEP3. 背景画像を開く

つぎに背景画像を開きます。
背景画像を開く
写真素材 足成:スカイウェイ

STEP4. 「貼り付け」を実行

背景画像を開いたら、「貼り付け」ボタンをクリック。(またはキーボードのCtrlキー+Vキー)
背景画像を開いた状態で「貼り付け」を実行

さっきのチャウチャウが薄く表示されてますね。
コピーしておいた画像が仮貼り付けされる

この段階では、仮貼付け状態です。

STEP5. 貼り付けたい位置にドラッグ

チャウチャウをドラッグして、貼り付けたい位置に動かします。
仮貼り付け状態の画像をドラッグして、貼り付けたい位置に移動

STEP6. 右クリックして、「新規レイヤとして貼り付け」

右クリック→「新規レイヤとして貼り付け」
右クリック→「新規レイヤとして貼り付け」

チャウチャウの画像が「レイヤ2」として貼り付けられました。
透過済み画像が、背景画像の上に別レイヤとして貼り付けられる

ここでいったん「名前をつけて保存」。pxa形式で保存しておきましょう。
「名前をつけて保存」する

くれぐれも、もとの画像(この場合は背景画像)を上書きしてしまわないように注意!レイヤが結合された状態で保存されてしまいます。

応用:位置の調整はCtrlキーとShiftキーを押しながらドラッグ

貼り付けたあとで画像の位置を動かすときは、

  1. レイヤパネルで、動かしたい画像のレイヤを選択する
    レイヤ位置の移動 移動させたいレイヤをクリックして選択
  2. CtrlキーとShiftキーを同時に押しながら、画像をドラッグする
    CtrlキーとShiftキーを同時に押しながらドラッグすると、レイヤが移動できる

CtrlキーとShitキー同時押し+ドラッグは、「現在選択しているレイヤを移動する」ショートカットです。
ベースレイヤ=一番下のレイヤは動かせません。

同じようなショートカットに、「Ctrlキー+ドラッグ」があります。これは「一番上のレイヤを移動する」ショートカットです。

動かしたいレイヤと別のレイヤが動いちゃった!というときは、

  • 動かしたいレイヤを選択しているか
  • ショートカットキーを間違えていないか

を確認しましょう。

別のレイヤを動かしてしまって、元の位置に戻したい……というときの対処法はつぎの項目で説明します。↓

間違えて別のレイヤを移動してしまったときは……

まちがって別のレイヤを動かしちゃった!……私もしょっちゅうやらかします(^_^;)

レイヤ位置の移動は「元に戻す」がききません。じゃあどうやって元の位置に戻すのか。

ひとつは、上で紹介したレイヤ移動のショートカットを使って、手作業で元の位置に戻す方法。

もう一つ、「レイヤの座標」の数値を入力する方法もあります。
「レイヤの座標」の指定もできる

レイヤパネルの、レイヤ名をクリックすると↑のレイヤ設定が出てきます。
レイヤ名をクリックすると、レイヤ設定が開く

レイヤの左上かどが、キャンバス左上のかどから上下左右何ピクセル離れているかを指定します。(X=左右、Y=上下。マイナスの値も指定できます。)
レイヤ座標の説明

XとYどちらも0にすると、キャンバスの左上にレイヤの左上が来ます。(通常、これがレイヤの初期位置です。貼り付けをしたときも、まずこの座標に借り貼り付けされます。)

もともとのレイヤの座標がわかっていれば、手で位置を合わせるよりも簡単に元の位置に戻せます。

まとめ

というわけで、Pixiaで透過済みの画像を背景画像の上に合成する方法を紹介しました。

今回サンプルとして作った画像はこちら。文字も入れてみました。テキトーすぎるな……。
タイトル『チャウチャウのお散歩』

手順をおさらい。

  1. 透過済みの画像をPixiaで開く
  2. 画像をコピーする
  3. 背景画像を開く
  4. 「貼り付け」を実行
  5. 貼り付けたい位置にドラッグ
  6. 右クリックして、「新規レイヤとして貼り付け」

※STEP1~3は順番が次のようになっても大丈夫です→「背景開く→透過済み画像開く→画像コピペ」or「透過済み画像開く→背景開く→透過済み画像コピペ」

前回の「画像を透過する方法」と合わせると、自作のイラストを透過して背景素材の上に貼り付けることもできます。

透過と合成を駆使して、Pixiaでいろいろ遊んでみてください!(^∀^)ノ

関連記事