＜Tips＞画像に重ねた文字を読みやすく目立たせたい②

2022年6月17日 15:27

一つ目の方法では、背景画像とテキストの間にシェイプを置いて不透明度を調整しました。それとは別の方法をもう一つご紹介します。

ここでは、テキストの装飾を利用して文字を読みやすくしてみます。テキストの装飾には、「シェイプ」「シャドウ」「アウトライン」があります。

前回と同じテンプレートに編集を加えてみます。

テンプレートの編集画面でテキストを選択すると、右側に「テキストを編集」パネルが開きます。パネル内を下にスクロールするとシェイプ、シャドウ、アウトラインのオプションが折り畳まれて表示されていると思います。ボタンをスライドしてONの状態にするか、その右横の矢印をクリックするとテキストにそれぞれのオプションが追加されます。

シャドウ

・シャドウカラー
シャドウを追加すると自動で現在のテーマカラーの中から選ばれた色が、シャドウの色に適用されています。シャドウのカラーを変更する場合は、シャドウカラーのカラーチップをクリックします。カラーピッカーが開いて候補やカラーコード、詳細などでカラー指定するかスポイトでテンプレート内の色を拾うなどの方法でシャドウのカラーを変更します。

・角度
シャドウの角度を指定します。スライダーの中心が０度で、左右に180度ずつ指定することが出来ます。

・距離
シャドウの距離を指定します。影の長さを見ながらスライダーを調整します。

シェイプ

まず、どんなシェイプを追加するのか指定してみましょう。シェイプのオプションをONにしたら、まずシェイプボタンをクリックします。すると、シェイプの選択メニューが表示されますので適用したいシェイプをクリックします。シェイプアイコンの形状だけでは、どのようにシェイプが追加されるのかわかりにくいかもしれませんので、いくつかアイコンをクリックしてどのような形状になるのか試してみるのがわかりやすいかもしれません。テキストの周囲にシェイプが追加されるものが多いですが、SNSアイコンのシェイプなどはテキストの左側に追加されます。