インスタストーリーの背景色を変更する方法──塗りつぶし(白・黒・無地)や半透明、背景素材も

動画やコラージュ写真の背景を好きな色に塗りつぶそう

Instagramでストーリーを加工する手段の一つとして、「背景色を変える」というテクニックがあります。

白背景はもちろん、写真や動画の雰囲気に合わせて好きな色で背景を塗りつぶせます。また、背景全体に半透明の色を付ける裏技や、グラデーションカラーに変更する方法なども存在します。

他のインスタユーザーとちょっと差がつく、ストーリー背景の加工テクをさっそく試してみましょう。

ストーリーの背景色を変更する方法(塗りつぶし)

まずはストーリーの背景色を変更する方法の基本テクニックとして、単色で塗りつぶす手順を解説します。InstagramアプリのiOS版・Android版ともに使える方法です。

ストーリー投稿画面で適当に写真を選ぶ

ストーリー投稿画面で適当に写真を選ぶ

ストーリー作成画面で、適当に写真を選びます。なぜ適当な写真かといえば、背景を塗りつぶすとこの写真は見えなくなってしまう(下地になる)からです。

「落書き」をタップしてペンを選ぶ

「落書き」をタップしてペンを選ぶ
「落書き」をタップしてペンを選ぶ

続いて右上の[…]から[落書き]をタップします。一番左のノーマルなペンを選びましょう(矢印ペンやマーカー、ネオンペンでもOK)。

カラーパレットから背景に敷きたい色を選択(白や黒など)

カラーパレットから背景に敷きたい色を選択(白や黒など)
カラーパレットから背景に敷きたい色を選択(白や黒など)
スポイト 抽出

画面下に表示されたパレットから、好きな色を押してください。パレットを左へスライドすると、他の色が展開されます(全27色)。

色を長押ししたまま指をスライドすれば、右の画像のように細かく色の明度や彩度を調整できるようになります。

パレットの一番左にあるスポイトを選択したまま画像上を指でスライドすると、画像の好きな部分の色を抽出することも可能です。

画面のどこでもいいので長押し

色を選んだ状態で、画面の空いているところを長押ししてみてください。一気に背景が塗りつぶされるはずです。

背景を塗りつぶしたら写真を貼り付けてみよう(コラージュ)

色を変更した背景の上に写真を貼る

塗りつぶした背景の上に写真をコラージュする方法を説明します。

2023年5月時点の最新版Instagramアプリ(iOS/Android版バージョン283.0)では、背景を塗りつぶした後に動画の貼り付けができません。かつてはiOS版で動画のコラージュができていたので、機能が復活する可能性もあるかもしれません。

動画を使ってコラージュしたい場合、塗りつぶしはせずに、1枚目に動画、2枚目以降は静止画の順番で選択してください

コラージュ機能を使って写真を貼り付ける

メニューを展開

コラージュ機能を使って写真を貼り付ける

iOS版

Android版

Android版

背景を塗りつぶせたら、その上に写真をコラージュしていきましょう。

画面上のスタンプアイコンをタップしたら、続いてコラージュボタン(アルバムボタン)を選択してください。iOS版とAndroid版で若干表示が異なります。

コラージュする
コラージュする

端末のカメラロールが表示されたら、好きな写真を選びます。

コラージュボタンを使えば、写真を2枚、3枚と複数コラージュすることができるので、ストーリーの加工をより楽しめるでしょう。コラージュのやり方については、以下の記事で詳しく解説しています。

かわいい&おしゃれな背景素材が使える、無料アプリおすすめ3選

デザイン性のある背景でストーリーを塗りつぶせば、よりかわいくておしゃれな投稿が作れるはずです。ここでは、ストーリーの背景にぴったりな素材が無料で使えるアプリを3つ紹介します。

無料素材が豊富「Canva」

Canva
Canva
Canva

画像の編集・加工アプリ「Canva」では、無料でダウンロードできるストーリーサイズの背景画像が豊富に揃っています。

アプリ「Canva」をダウンロード
Canva
Canva
Canva

Canva開いて画面上部の[ストーリー]を選択すると、さまざまなデザインのテンプレートが表示されます。ここから好きなものをタップしてください。

選択後でも、画面下の[+]ボタン→[テンプレート]へ進めばいつでもテンプレを変更可能です。

Canva
Canva
Canva

テンプレート上には素材やテキストなどが表示されているものが多いので、それぞれをタップし[削除]していきます。これで、背景画像のみのテンプレートが完成します。

​​あとは、画面右上の共有ボタンから[ダウンロード]するか、[Instagramストーリー]を選択すればOKです。

アプリ「Canva」をダウンロード

動く背景素材も手に入る「Clay」

動く背景
動く背景
動く背景

アプリ「Clay」では、動く背景素材がダウンロードできます。凝ったデザインのストーリー投稿を作成したい人におすすめのアプリです。

アプリ「Clay」をダウンロード
動く背景素材
動く背景素材
動く背景素材

Clayを開くと、すぐにテンプレートが一覧表示されます。テンプレに王冠マークのあるものは有料版で開放されるデザインです。

静止タイプのテンプレはもちろん、動くアニメーションテンプレートも用意されているので、気になるデザインをタップしてください。次の画面では、画像などを挿入していない状態で、そのままダウンロードすればOKです。

あとは、インスタストーリーの作成画面で、さきほど保存した動く背景を選択し、コラージュなどで加工を楽しめば完成です。

アプリ「Clay」をダウンロード

個性的なデザインに出会える「Picsart」

Picsart
Picsart

画像編集・加工アプリ「Picsart」では、アート要素の強いストーリー向け背景画像が手に入ります。変わったデザインが好みのユーザーにもおすすめできるアプリです。

アプリ「Picsart」をダウンロード
Picsart
Picsart
Picsart

アプリを起動したら、画面下の[+]ボタンをタップします。次の画面で[テンプレート]→[ストーリー]へ進むと、ストーリー用の背景テンプレートが一覧表示されます。

テンプレに王冠マークがついていないものは、無料版で利用が可能です。

ダウンロード

Picsartの画面

インスタストーリー

ストーリーの編集画面

気に入ったテンプレ画像をタップし、画面上部のダウンロードボタン​を選択すると、端末のアルバムに保存されます。

あとは、インスタストーリーの背景に保存したテンプレを設定すれば完了です。

アプリ「Picsart」をダウンロード

応用編、背景加工のテクニック

基本の塗りつぶしテクニックをマスターしたら、続いては応用編。ストーリー作りがさらに楽しくなる背景加工のアイデアを紹介します。

背景の塗りつぶしを「半透明」にする

ストーリーの背景は単色でベタ塗りする以外に、半透明の塗りつぶしもできます。半透明にすることで色付きのフィルターがかけられ、後ろに配置した写真が透けて見えます。

背景の塗りつぶしを「半透明」にする
背景の塗りつぶしを「半透明」にする

手順は前述した方法とほぼ同じです。ポイントは手書きペンの種類。背景を半透明に塗りつぶすには、ペンの種類を「マーカー」にする必要があります

あとは好きな色を選び画面を長押しすると、背景が半透明色で塗りつぶされるはずです。事前に配置しておいた写真や動画が透けて見える加工が楽しめます。

透明度の変更はできない

ただし透明度の変更はできないので、濃い色で塗りつぶしてしまうと、写真がほとんど見えません。薄めの色を使って半透明加工をするのがおすすめです。

「消しゴム」を使った背景くり抜きテク

塗りつぶした背景を消しゴムで消して「くり抜く」ようにすることで、写真の一部をのぞかせるテクニックです。

「消しゴム」を使った背景くり抜きテク

まずは前述した方法背景を半透明に塗りつぶしておきます。ベタ塗りしてしまうと、後ろに敷いた写真が見えなくなり、くり抜きが難しくなるためおすすめしません。

「消しゴム」を使った背景くり抜きテク
「消しゴム」を使った背景くり抜きテク

手書きペンの中から、一番右にある「消しゴム」選びます。左側の丸ボタンを上下すると、消しゴムの太さが調整できます。

あとは、くり抜きたい部分を指でスクラッチするように消していけばOK。

消しゴムを使ってくり抜く

消しゴムをうまく使って文字を描くなど、アレンジ次第でかわいいストーリーが完成するでしょう。

インスタオリジナルのグラデやカラー背景を使う

インスタストーリーに用意されたグラデーションやオリジナルカラーを背景に利用する方法もあります。

作成するを選択
インスタオリジナルのグラデやカラー背景を使う
インスタオリジナルのグラデやカラー背景を使う

まずはじめに、ストーリー作成画面でメニューに表示された[Aa]ボタンをタップします。

グラデーション背景の作成画面に切り替わるので、画面上のボタンからコラージュボタンを選択してください。

グラデーション背景
グラデーション背景
グラデーション背景

写真を配置すると、画面上にメニューが表示されます。左上にあるカラー変更ボタンをタップで、インスタグラムオリジナルのグラデーションデザインや単色カラーを背景に敷くことが可能です。

オリジナルカラーは全7種類用意されています。写真を選択せずに文字だけ入力するといった使い方もできるので、試してみてください。

ストーリーの背景にGIFを設定する

背景にGIFアニメーションを設定することもできます。GIFならではの動きを使って、ポップなストーリーが作れるでしょう。

ストーリーの背景にGIFを設定する

ストーリー作成画面で[Aa]を選択したら、下のメニューから[GIF]ボタンをタップします。

ストーリーの背景にGIFを設定する
ストーリーの背景にGIFを設定する

中央の検索ボックスをタップし、好きなキーワードでGIFを探します。「ハート」や「Sky」「星」など、入力したキーワードに関連したGIFがヒットします。

GIFを選び、右上の[次へ]をタップすると背景にGIFが設定されます。このときGIFスタンプは複数に分割されて表示されるようになっています。

テキスト入力を使ったフレーム作成テク

文字入力でフレーム作成テク

塗りつぶしをした後に、文字入力で記号「□」や「☆」を使ってフレームを作るテクニックを紹介します。

フレーム 加工テク
フレーム 加工テク

前述した手順でストーリーの背景を塗りつぶして写真をコラージュで用意したら、画面右上の[Aa]をタップします。

テキスト入力画面になるので、記号の「□」を選択してください。このとき、四角記号は色がついていない枠線状のものを選びましょう。

画面に「□」が表示されたら、写真に合わせて拡大していけばOK。写真をタップすると丸や星に形状が変えられるので、テキスト入力する記号を「☆」や「◯」にしてフレーム加工を楽しむことも可能です。

動画ストーリーの背景を変更する方法

ストーリー作成時に動画を選択すると、背景の色が自動で決まってしまいます。この背景を自分の好きな色に変更する方法を紹介していきます。

方法1:「半透明塗りつぶし」と「消しゴム」を使う

半透明で全体を塗りつぶし、動画の部分を消しゴムで消すという手順になります。

方法1:半透明塗りつぶしと「消しゴム」を使って加工する
方法1:半透明塗りつぶしと「消しゴム」を使って加工する

前述した方法で、動画を選択した状態でマーカーペンを使って背景を半透明にします。あとは、消しゴムでくり抜いていきましょう。

綺麗にくり抜くことは難しいですが、スクラッチするような感覚で無造作に消すことで、ラフな雰囲気のGIFや手書き文字との相性がよくなります。

方法2:ストーリー加工アプリ「Unfold」「Canva」を使う

ストーリー加工アプリを利用すれば、おしゃれなテンプレートに動画を当てはめるだけでOK。本格的な動画ストーリーが簡単にできます。

おすすめアプリその1:「Unfold」

Unfold

1つ目に紹介するのは、アプリ「Unfold」です。スタイリッシュなテンプレートが無料版でも十分に用意されています。

アプリ「Unfold」をダウンロード
ストーリー加工アプリ「Unfold」
ストーリー加工アプリ「Unfold」

アプリを開き、好みのテンプレートを選びます。「このテンプレートを使用」をタップすると編集画面に遷移します。

好みのテンプレートを選ぶ
好みのテンプレートを選ぶ

中央のボタンから入れたい動画を選択。続いて、下部の[バックグラウンド]をタップして背景の色を変えていきます。

背景色を変える
背景色を変える

無料版でも、21色から好きな色を背景に設定可能です。

おすすめアプリその2:「Canva」

動画

アプリ「Canva」を使えば、背景色を好きな色に塗りつぶした状態で動画を設定した投稿を簡単に作成できます。

アプリ「Canva」をダウンロード
インスタ 選択
動画を設定
動画を設定

アプリを開いたら、画面下の[+]ボタンから[ストーリー]をタップします。続いて、[カメラロール]から好きな動画を選択します。

canva 色
Canva  色
Canva  色

余白部分をタップし、画面下のメニューから[カラー]を選択します。下に展開された色をタップするか、左上の[+]から好きな色を見つけましょう。背景は設定した色に塗りつぶされます。

キャンバ

Canvaで作成した動画を保存

キャンバ GIF

インスタストーリーで動画を選択

動画の大きさや背景色の調整ができたら、右上の共有ボタンから[ダウンロード]をタップします。端末のアルバムに動画が保存されるので、あとはインスタストーリーで当該動画を選択すればOKです。

検証バージョン
Instagram
iOS
238.0
Instagram
Android
238.0
Canva
iOS
4.60.0
PicsArt
iOS
22.2.3
Clay
iOS
10.17
Unfold
iOS
8.35.0
EDITED BY
BOTAN