プロが教える文字の影の付け方|脱・初心者シャドウ完全ガイド
Q1:Canvaで影をつけると全体がぼやけて文字が読みづらくなります。改善策はありますか?
A1:Canvaのテキストエフェクトで「影」を選択した後、「透明度を30%前後に落とし、ぼかしを50〜60程度まで上げる」設定を試してください。さらに、影の色をデフォルトの黒から、背景の主要カラーの暗い色相(背景がベージュなら濃茶など)に変更することで、輪郭が濁らずクリアに引き立ちます。
Q2:CSSで今風の柔らかい文字シャドウを指定するコードを教えてください。
A2:単一の指定ではなく、RGB値にアルファ(透明度)を含ませた以下のマルチシャドウ記述が現代的です。
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.12);
文字の直近と広域の2つの影を重ねることで、自然な光の拡散を再現できます。
Q3:YouTube動画テロップで背景が明るくても暗くても読める影の設定は?
A3:Premiere Pro等の編集ソフトで、文字自体を白(#FFFFFF)にし、まず1〜2px程度の「黒または濃色の境界線(ストローク)」をつけます。その外側に「不透明度70%、角度135°、距離10、サイズ20」のドロップシャドウを配置してください。境界線が文字を保護し、シャドウが背景と分離させるため、どのような映像の上でも確実に読めるようになります。