MENU
  • Home
  • Design
  • Movie
  • WordPress
  • Music
  • Hospital
  • Others
好きをカタチに
ひっそりこっそりブログ
  • Home
  • Design
  • Movie
  • WordPress
  • Music
  • Hospital
  • Others
ひっそりこっそりブログ
  • Home
  • Design
  • Movie
  • WordPress
  • Music
  • Hospital
  • Others
  1. ホーム
  2. 動画編集
  3. 【無料動画編集ソフト】Shotcutでテキストの背景色を不透明にしよう!

【無料動画編集ソフト】Shotcutでテキストの背景色を不透明にしよう!

2022 9/10
動画編集
2021年12月12日2022年9月10日

Warning: Trying to access array offset on false in /home/xs784468/still-r11.com/public_html/wp-content/plugins/ad-invalid-click-protector/adsense-invalid-click-protector.php on line 264

Warning: Trying to access array offset on false in /home/xs784468/still-r11.com/public_html/wp-content/plugins/ad-invalid-click-protector/adsense-invalid-click-protector.php on line 267

こんにちは!

動画や写真に字幕をつけますよね!
なんだか文字が見えづらいなんてことありませんか?

字幕を見やすくするために背景色を不透明にする方法を今回は2パターンご紹介します!

こちらの記事は初めてShotcutを触る方向けとなっています。

Shotcutとは無料で動画編集が行えるソフトになります。
よくわからない方は👉「【無料動画編集ソフト】Shotcutを使って動画編集デビューしてみよう!」にまとめておりますので、ぜひご覧ください。

一緒に動画編集を頑張りましょう!
少しでも参考になれば嬉しいです^^

目次

テキストの背景色の不透明とは?

テキストの背景色を不透明にするってどういうことなのか。

例えばこのような感じどうでしょうか?
文字の色が素材と被ってしまい見えづらいですよね。

好きな文字の色も使いたい。。
そんなときにテキストの背景を使うと見やすくなります!

もっと理解していただくために、比較としてサンプル画像を作成しました。
どちらの方が見やすいでしょうか?背景色があるの方が見やすいですよね!

動画を見てくれる方が読みやすい字幕でなければなりません!

背景色を不透明にしてみよう!(パターン1)

それでは簡単な方法をご紹介します

テキストを追加

まずはテキストを追加します。

テキストの追加に関しては「【無料動画編集ソフト】Shotcutを使ってテキスト追加してみよう!」でご紹介しておりますので、わからない方はぜひご覧ください。

テキストを追加するとこのような感じになりますよね。

背景を選択

今回触るところは左側にある「背景」をクリックします。

文字の色に合う背景色を選んでください。※例は黒を選んでいます。
見やすくなりましたね^^

んーなんだか背景色が強すぎると思いませんか?
そのような場合は不透明にして調節すると良いです( ^ω^ )

不透明にしよう!

方法はとても簡単です!
先ほどの「背景」をクリックすると色を選ぶ画面になりますよね。

その下にある「不透明度」で透明にすることができます!
※画像はMacになります。

Windowsの場合は、右下にある「アルファチャンネル」というのがあります。そちらで設定することができます。
初期値は「255」です。0〜255で不透明度を設定してください。

それではやってみましょう!不透明度は70%にしてみました。

不透明になり背景色の主張がなくなりましたよね!
この方法はテキストの長さと背景色の長さは連動しています。
テキストの文字が長くなればその分背景色も長くなります。

しかしテキストの長さ関係なく、背景色の長さを統一させたい時もありますよね。
次はその方法をご紹介します!

スポンサーリンク

背景色を不透明にしてみよう!(パターン2)

背景色の長さを統一というのはどういうことなのか、、
このような感じです!

イメージつきましたか?それではやってみましょう!

背景色用の映像トラックを追加

まずは背景色用の映像トラックを追加してください。

追加方法は右クリック⇨「トラック操作」⇨「映像トラックを追加」

色をトラックに挿入

次は上にある「その他を開く」⇨「色」をクリックします。

そして「色」を選択してください。※画像はMacになります。

ここからは先ほどと同じになります!
下にある「不透明度」で調整することができます!

Windowsの場合は、右下にある「アルファチャンネル」というのがあります。そちらで設定することができます。
初期値は「255」です。0〜255で不透明度を設定してください。

「OK」をクリックしすると、プレビュー画面が真っ黒になると思います。
黒い部分を掴んで先ほど追加したトラックに「ドラッグ&ドロップ」してください!

背景色の長さは調節してくださいね。
ではプレビュー画面をみてみましょう。おお、不透明になっている!

でもこれじゃ、画面全体になってしまいますよね。
今回は部分的にやりたいので、フィルタを使ってサイズの調整が必要です。

サイズの変更に関しては「【無料動画編集ソフト】Shotcutのフィルタを使ってみよう 〜サイズ・位置・回転〜」でご紹介しておりますので、わからない方はぜひご覧ください。

サイズの調整後はこのような感じです。

テキスト追加

背景色を画面の下に追加できたので、テキストを追加してみましょう!
完成がこのような感じです!

まとめ

いかがでしたでしょうか?
背景色の不透明に設定する方法を今回は2パターンご紹介しました。

様々な用途によって使い分けも大事ですね!
ぜひ参考にしていただけたら嬉しいです^^

最後に今回使用させていただいたお写真です。
素敵なお写真ありがとうございましたm(_ _)m

▼Pixabayからの画像

  • Engin Akyurt様
  • Džoko Stach様
動画編集
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
  • 【WordPress】パーマリンクを設定しよう!〜投稿名がおすすめ〜
  • 【Cocoon】フォントのサイズを変更してみよう!

この記事を書いた人

りーのアバター りー

趣味で歌ってみたを投稿している管理人が、無料でできるデザイン作成ツールやおすすめの動画編集ソフトなどの情報を、読者様が参考にできるようユーザーファースト視点で発信しています。

関連記事

  • 【無料動画編集ソフト】Shotcutで使えるトランジションを一部ご紹介!
    2024年10月6日
  • 【FlexClip】クロマキー・逆再生・フリーズフレーム機能を使ってみた!
    2024年3月31日
  • 【無料動画編集ソフト】Shotcutを使ってテキストを回転させる方法!
    2024年1月27日
  • 【無料動画編集ソフト】Shotcutを使ってレトロ感を出してみよう!
    2023年12月2日
  • 【FlexClip】AI機能を使ってみた(AI動画生成・AI動画スクリプト生成・AI画像生成)
    2023年7月17日
  • 【無料動画編集ソフト】Shotcutを使って切り抜いた素材をサイズ変更する方法!
    2023年5月20日
  • 【無料動画編集ソフト】Shotcutを使って音で映像を動かしてみよう!
    2023年5月10日
  • 【動画編集ソフト】Final Cut Proを使って文字を追加/表示する方法!- 基本編 –
    2023年4月29日

コメント

コメントする コメントをキャンセル

CAPTCHA


検索はこちら↓↓
人気記事
  • Gmailアプリから送信するとフォントサイズが勝手に大きくなる問題を解決!
    その他
  • 【無料動画編集ソフト】Shotcutを使って再生速度を変更してみよう!
    動画編集
  • 便利すぎる!動画変換ソフトWonderFox HD Video Converter Factory Proを使ってみた!
    動画編集
  • 【画像編集】Mac搭載の「プレビュー」ができることをまとめてみた!
    デザイン
  • 【XGIMI MoGO Pro】プロジェクターで家が映画館!!
    その他
カテゴリー
  • WordPress (16)
  • その他 (27)
  • デザイン (11)
  • 動画編集 (30)
  • 病院 (9)
  • 音楽 (5)
新着記事
  • フローダイバーターステント治療を受けました〜入院前編〜
  • 結婚しても幸せにならないと思った私が結婚してみた〜 1年半 〜
  • 【Soundcore】Space One簡単レビュー〜ちょっとした日常にご褒美を〜
  • 拭いたバスタオルが臭いと思った方いませんか?乾きが悪いのかも!?
  • フォトウェディングをやってみた!〜体験談〜
目次
  • プライバシーポリシー
  • お問い合わせ
  • 運営者情報
  • サイトマップ

© ひっそりこっそりブログ.

目次