画像の上に文字を重ねて書く方法

 

ブログの記事を書いているとき、

 

文字だけでなく画像、写真を載せると

 

記事全体にメリハリが出ますし、

 

見て読んでくれる人にも楽しんでもらえます。

 

 

 

あなたも画像を載せたことあるかと思いますが、

 

画像の上に 文字を重ねて 書いたことあるでしょうか。

 

 

 

私は、ブログ作成はシリウスを使っていますが、

 

そのシリウスでもワードプレスでも無料ブログサービスでも

 

自分のオリジナル画像って載せることできますが

 

ほとんどの人が
文章を書いて、その下に関連した画像や写真を載せていますよね。

 

 

   文章書いて

 

     画像

 

   文章書いて

 

     画像

 

 

といったように、ただタテに並べるような感じで・・・。

 

 

私は、結構、記事の中での文章と画像のレイアウト にこだわる方なんです。

 

 

画像のサイズも複数枚載せる場合は、全て同じものではなく、
大きめのものや小さめのものを載せたりしています。

 

そして、小さめ画像には、その横に文章を書いたりしています。

 

 

 

いろいろな人のブログを見ても
そのような画像と文章の見せ方をしている人はなかなかいないですね。

 

 

ちょっとした小さなことかもしれませんが
人と違う見せ方をすることで、差別化を図ることができます。

 

 

その画像の横に文章を書く方法は、以前、このブログ上でご紹介しましたが、

 

今日は、画像の上に文字を重ねて書く方法 をご紹介しますね。

 

 

 

といっても

 

シリウスや他のサイト作成ツールでも

 

記事入力エリアに貼った画像の上に文字を書くことなんて
できないんです。

 

 

「ん!?」

 

「じゃあ、どうやって書くんだい?」  って思いますよね。

 

 

それは、

 

画像や写真の上に書く文字も画像扱いにするんです。

 

 

パソコンに標準装備されているペイント機能
Microsoft Office の Excel を使えば、好きなように画像の上に文字を書くことができます。

 

 

「そんなこと、わかっとるわい!」

 

 

そういう声も聞こえてきそうですが

 

 

今日、私があなたにお伝えしたいのは

 

こんな書き方してみたらいかがでしょう・・・というものがあるんです。

 

 

 

以前、 私が無料ブログサービスを利用して
日記調のようなブログを運営していたときがあったんですが
その中でこんな記事を書いたことがあったんです。

 

 

レガーロ (REGALO) って知ってます?

 

 

こちら ↓ のような小さな水槽にハロゲンランプが付いていて
インテリアにもなるオシャレな アクアリウム・セット なんですが、

 

 

   

 

 

 

このプチ水族館を買ったので、紹介しようと
記事の中で、いくつか写真を載せたんですが、

 

一枚だけ、
写真の上に文字を書いて、その文章が写真からわざと はみ出る ように
書きたかったんです。

 

ちょっとアクセントっぽく見せたいな、と思ったもんで・・・(笑)

 

 

でも、その写真の上に文字を書こうと思ったら、
文字を書く場所が黒っぽかったんで、ここに黒い文字を書いたら
当然、見にくくなりますよね?

 

「さぁ、どうしよう・・・」

 

 

そこで、思ったんです!

 

「あっ、こうすれば、引き立つな!」 と。

 

 

   

 

 

こちらのように

 

写真の上の文字は目立つ白色にして、はみ出るその続きの文章を通常の黒文字にしました。

 

 

また、文字のサイズは、周りの文章の文字と同じにすると
自然に見えていいですね。

 

 

 

このように画像からはみ出した形で文章を書くには

 

ペイント機能ではできません。

 

Microsoft Office の Excel を使います。

 

その手順ですが、

 

Excel の白紙ページは、格子状に線が引かれていますから
コレをまず線を取り除いた白い塗りつぶし状態にします。

 

 

そして、画像を貼り付けます。

 

そのあと、画像の上から文章を好きなように書きます。

 

もちろん、画像からはみ出てもぜんぜん大丈夫。

 

書き終えたら、その Excel のページをコピーしてペイントに貼り付け。

 

そして、範囲指定してトリミング(切り取り)すればOKです。

 

 

 

暗い画像の箇所に文字を書きたいときは

 

文字色を映える色に変えて、標準色の黒文字とつなげるようにして書くと

 

読者に 「おっ! 見やすいように考えているな!」 と思われますよ。

 

 

 

 

こんな文章の書き方している人は、まずいません。

 

 

ちょっとした工夫が、読者を惹きつける小技になります。

 

 

「おっ、これは!」 と思ったら試してみてくださいね。

 

 

 

画像の横に文章を書く方法は、こちらで確認を。

 

          ↓ ↓ ↓

 

Amazon商品リンクの横にテキストを書く方法

 



*-----------------------------------------------------------------------------------*

   最後までお読みいただき、ありがとうございます。
   記事が少しでも参考になれば幸いです。

                  ブログランキング・にほんブログ村へ