タイトル画像の一部に写真を入れる

タイトル画像の一部に写真を入れる

タイトル画像に写真を使用する場合、
全体を写真にすると文字が見難くなるため、
文字のない部分だけ写真にしたい場合があります。

 

ホームページ作成

 

 

単純に写真の部分と文字の部分を分けると
文字はくっきり見えますが、
デザインがイマイチです。
(好みの問題です)

 

ホームページ作成

 

このようなときに、
写真の半分をぼかすと感じがいいデザインになります。

 

ホームページ作成

 

まず、写真の大きさを
必要な大きさにリサイズします。

 

大きさはホームページの横幅のピクセル数に合わせます。

 

例えば、シリウスで作っている場合は
横幅は900ピクセルになります。

 

今作っているホームページの横幅のピクセル数は
覚えておくようにしてください。

 

ホームページ作成

 

次に、ぼかす側の逆側に写真の横幅と同じ幅の余白を入れ、
写真の上下にも十分な幅の余白を入れます

 

 

例えば、写真の左側をぼかしたいときは、
右側と上下に余白を入れます。

 

ホームページ作成

 

夕日の色に合わせて背景色をオレンジにします。

 

背景色をオレンジにすると、
ぼかした背景がオレンジ色になります。

 

「表示」-「背景色」をクリックして、
カラーの中からオレンジ色をクリックします。

 

ホームページ作成

 

フェードアウト」のボタン(赤枠)をクリックして、
ぼかす幅(ピクセル数)を入力して「OK」をクリックします。

 

ホームページ作成

 

ぼかした画像の部分を切り抜きます。

 

ホームページ作成

 

ぼかした側に余白を入れて、
タイトルの文字を入れます。

 

ホームページ作成

 

出来上がりはこんな感じです。

 

ホームページ作成

スポンサーリンク


page top