文字の影の付け方で劇的変化!ダサいNg脱出とプロのおしゃれな裏技

文字の影の付け方で劇的変化!ダサいNg脱出とプロのおしゃれな裏技

文字の影の付け方で劇的変化!ダサいNg脱出とプロのおしゃれな裏技を徹底追究! 読者が気になる 重要ポイントを凝縮して配信します。

Q1:PowerPointで影を付けたら文字がぼやけて太って見えます。一番簡単な解決策はありますか?
A1:初期設定の「距離」が離れすぎているか、「透明度」が低すぎる(色が濃すぎる)ことが原因です。文字を選択して右クリック>「図形の書式設定」>「文字のオプション」内の影設定を開き、透明度を「70%」、ぼかしを「8pt」、距離を「2pt」に変更してください。驚くほど文字の輪郭がすっきり締まります。

Q2:CSSのtext-shadowで文字の周りをくっきり白く縁取りつつ、影も落としたい場合はどう書きますか?
A2:text-shadowプロパティはカンマ区切りで複数指定が可能です。例えば text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 0 6px 16px rgba(0,0,0,0.25); のように記述すれば、上下左右に1pxの白い縁取り(袋文字)を形成した上で、背後に柔らかな黒のドロップシャドウを重ね掛けできます。

Q3:Canvaで影を付けると、背景の色と混ざって濁ったように見えてしまいます。
A3:影のカラー設定がデフォルトの「黒」になっていることが原因です。エフェクトの影設定パネル内にある「カラー」をクリックし、背景で使われているメインカラー(例えば青系の背景なら濃紺、暖色系なら深いダークブラウン)を選択してみてください。画面全体に馴染むクリアで美しい影に仕上がります。

Q4:印刷用のチラシを作っていますが、文字の影設定で注意すべきポイントは何ですか?
A4:画面(RGB)よりも印刷(CMYK)の方が暗部のトーンが沈みやすいため、画面上で「少し薄いかな」と感じる程度(不透明度20〜30%程度)に設定するのが安全です。また、Illustrator等で制作する場合は「効果」>「ドキュメントのラスタライズ効果設定」が「高解像度(300ppi)」になっていることを必ず確認してください。スクリーン(72ppi)のままだと影のグラデーションが荒いドット状に印刷されてしまいます。

中島 亮太
著者

中島 亮太

シンプルで洗練された住まいづくりとインテリアコーディネートのアイデアを提案しています。