インスタストーリーの背景色を変更する方法──塗りつぶし、半透明、グラデーションなど

インスタストーリーの背景色を変更する方法──塗りつぶし、半透明、グラデーションなど

Instagramでストーリーを加工する手段の一つとして、「背景色を変える」というテクニックがあります。本記事では、白や黒など一色でストーリーの背景を塗りつぶす方法のほか、背景全体に半透明の色を付ける裏技や、グラデーションに変更する方法などを紹介します。

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

【インスタグラム】ストーリーの加工テク おすすめ10選

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

まずはストーリーの背景色を変更する方法の基本として、単色で塗りつぶす手順を解説します。

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

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

2手書きアイコンを選択する

手書きアイコンをタップ ノーマルペンかネオンペンを選ぶ

続いて、画面上の手書きアイコンをタップします。ペンの種類は左端のノーマルタイプか、右から2番目のネオンペンを選んでください。

3カラーパレットから好きな色をタップ

カラーパレットから好きな色を選ぶ 色の明度や彩度を調整できる

画面下に表示されたパレットから、好きな色を押してください。色を長押ししたまま指をスライドすることで、色の明度や彩度を調整できます。今回は、白で塗りつぶしてみましょう。

4画面をどこでもいいので長押しする

画面の空いているとこを長押し

画面の空いているところを長押しします。すると、一気に背景が白で塗りつぶされます。

スポイトを使って色を抽出できる ピンク色に塗りつぶし 緑色に塗りつぶし

カラーは全27色あり、パレットを左へスワイプすると9色ずつ表示を切り替えられます。また一番左の「スポイト」機能を使えば、写真の一部分の色を抽出して、その色で背景の塗りつぶしが可能です。

色を変更した背景の上に写真を貼る(iOS版のみ)

背景色を変えたストーリー投稿

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

1背景を好きな色で塗りつぶす

まずは前述の方法で、ストーリーの背景を塗りつぶしておきましょう。

2スタンプ機能を使って追加したい写真を貼る

スタンプアイコンをタップ 写真ボタンをタップ

ストーリーの背景が塗りつぶされた状態で、スタンプアイコンをタップします。カメラボタンの右横にあるコラージュボタン(アルバムボタン)をタップすると端末のカメラロールが表示されるので、その中から好きな写真を1つ選んでください。

写真を追加する 完成イメージ

写真が貼れたら、位置やサイズを調整して完成です。自由に文字やスタンプなど装飾を追加して、華やかに仕上げるのも素敵でしょう。

また、スタンプ機能を使って写真を貼る以外にも、iPhoneに搭載されたコピー機能を使ってストーリーに写真をコラージュする方法もあります。詳しくは以下の記事をご覧ください。

ストーリーの背景色を半透明にする

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

1ストーリー投稿画面で載せたい写真を選ぶ

ストーリーを起動し、載せたい写真を選んでください。

2手書きアイコンのマーカーを選択

手書きアイコンをタップ マーカーをタップ

ストーリー投稿画面で手書きアイコンをタップし、ペンの種類は左から2つ目の「マーカー」を選択します。

3カラーパレットから好みの色をタップ

パレットから好きな色を選ぶ 色の明度や彩度を調節

画面下に表示されたパレットから好きな色を押してください。色を長押ししたまま指をスライドすることで、色の明度や彩度を調整できます。今回は黄色にします。

4画面をどこでもいいので長押しする

画面の空いているところを長押し

画面の空いているところを長押しすれば、一気に背景が半透明の黄色に塗りつぶしされます。透明度は変更できません。

マーカーを使って2回画面を長押しすると、ほとんど一色で塗りつぶした状態になります。

「消しゴム」機能を使った背景くり抜きアレンジ

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

1写真を選んで背景を半透明に塗りつぶす

半透明の塗りつぶしができた

ストーリー投稿画面で写真を選択したら、前述の方法で背景を半透明に塗りつぶしておきます。ベタ塗りしてしまうと、後ろに敷いた写真が見えなくなり、くり抜くときに難しいのでおすすめしません。

2手書きボタンから消しゴムを選択する

消しゴムをタップ

手書きアイコンをタップすると表示されるツールの中から、一番右にある「消しゴム」を選びます。左側の丸ボタンを上下すると、消しゴムの太さが調整できます。

3くり抜きたい部分を消しゴムで消す

完成画面

くり抜きたい部分をスクラッチするように消していきます。

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

グラデーション背景を作成する

ストーリーの背景をグラデーションデザインにする方法です。この背景に設定すると文字入力、手書き、スタンプ(写真、GIFなど)機能は追加できますが、動画を配置することはできません。

1ストーリー投稿画面で「作成する」をタップ

「作成する」をタップ

ストーリー投稿画面で[作成する]をタップすると、グラデーション背景の投稿作成画面になります。

2グラデーションカラーを選ぶ

文字を入力する

画面の空いているところをタップすると、文字が入力できます。

「次へ」をタップ

文字を入力後、右上の[次へ]をタップしてください。

背景のパターン 背景のパターン 背景のパターン

画面上に丸いボタンが表示されるので、ここをタップすると背景のグラデーションカラーが切り替わります。

用意されているカラーは8種類で、ピンクベースやグリーンベースのインスタらしいグラデーションが特徴的です。

背景パターンの動画

さらに、画面を左へスワイプすると、フィルターがかかります。フィルターは8種類用意されています。

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

背景にGIFを追加することで、ストーリーをより動きのあるものにすることができます。しかしこの背景の場合、文字入力、手書き、スタンプ(写真、GIFなど)機能は追加できますが、動画を配置することはできません。

1ストーリーの「作成」モードから「GIF」をタップ

「作成する」をタップ GIFをタップ

ストーリー投稿画面で[作成する]をタップして、下の[GIF]ボタンをタップします。

2好きなGIFを選ぶ

フリーワードで検索

中央の[GIPHYを検索]をタップし、好きなキーワードでGIFを探します。

GIPHYとはGIF画像を多数ストックしたウェブサービスで、インスタではここで配信されているGIFアニメをスタンプなどとして利用できるようになっています。

GIFを選んで「次へ」をタップ GIF動画を背景に設定できた

今回は「sky」というキーワードで検索し、選びました。GIFを選択したら[次へ]をタップすると、背景がGIFに設定されます。

GIFスタンプはほとんどが横長のサイズなので、背景にすると複数に分割されて表示されます。この分割表示の仕様は変更できません。

検証したInstagramのバージョン:iOS版165.0、Android版164.0.0.46.123

EDITED BY MIKAN