top of page

写真の上のテキストが見ずらい時は

  • Tomato Design
  • 2016年11月15日
  • 読了時間: 2分

こんにちは

Wix Proデザイナーのトマトデザイン堀口です。

今回はトップページなどに大きい写真を使い、その上にテキストを置く時などに使えるちょっとしたコツをお教えいたします。

例えば下の画像の様にカラフルな写真の上にテキストを置くと、写真とテキストがゴチャゴチャしてなんか見づらいですよね。

こんな時に私が良く使うのが

「画像の明るさを変える」

です。

今回の場合はテキスト色が白なので画像を少しだけ暗くしてあげます。

実際にやってみるとこんな感じです。

ね。

画像が暗くなった分テキストが見やすくなりました。

「て、どぉやってやるの?」

ですよね。。。

普通だったら

元の画像を開いて、

明るさを調整して、

保存して、アップロードして、

ブラウザで見るとちょっとイメージと違って、

またやりなおして、、、

なんて色合いを調整するだけでも手間がかかってしまいますが、

Wixなら簡単に出来ちゃいます!!

やり方はこんな感じ。

1.背景の写真をクリックして「ストリップ背景を変更」をクリック

2.背景色(下記画像○部分)を選択

3.黒色に変更します。

4.設定ボタンから画像の不透明度を下げる

5.完成―!

Wixならエディタ上で明るさの調整ができるので簡単に編集できます。

これを応用して、黒い文字を引き立たせたかったら背景色を白にして不透明度を調整したり、いろいろと活用できます。

ぜひご活用ください!

一連の流れはこの動画をチェック!!

コメント


What's New
Archives
Tags
bottom of page