画像に文字を重ねる

WEB知識

画像に文字を入れたり、画像を重ねる方法

ホームページやブログなど、やっている方が非常に多くなってきていますが、少しでも見た目を良くしたいですよね?今は画像加工ソフトなども多いので手軽に加工が出来ると思います。前の記事でも書きましたが、『Pixlr EditorやGIMP』などの無料ツールも十分加工で使えると思います。

今回は画像に文字や写真を重ねる際の構造について少しお話ししたいと思います。

まずは、画像の構造を理解しよう。

上記の画像の場合は、女性の画像の上に白い四角を重ねてその上に文字を入れていくので3層の構造になっています。これを理解すれば複雑な画像も通れるようになります。

業界では、『レイヤー(レイヤ)』と言っています。レイヤーとは、層や階層の意味で例えるならガラスと思って頂きたいです。

上記の画像では先ほどお話しした様に、女性の上に白い四角を重ね、さらにその上に文字を重ねるといった形です。

画像を重ねる 構造レイヤーを重ねる 画像

ここのレイヤーを移動することで画像の重ねる上下を逆転する事もできます。画像が複雑になればグループ化もできたりしますのでまとめて移動させる事も可能です。

その他覚えて置いて欲しい便利ワザ

グループ化

複雑な画像等を作る際には、グループ化をしておくと移動や編集の際がわかりやすくなるので便利です。

透明化

上位でも四角を重ねただけでは単色の白になってしまいます。透明化させることでより、オシャレに見えます。

グラーデーション

1枚の画像で色を段々と薄くすることで高級感やオシャレ度が増します。

まとめ

ツールごとでの違いはありますが、ほとんど内容は似ています。分からないではなく色々なことをやることでスキル等も上がります。参考にするバナーを見つけ、より似せるにはどの様な効果をつければ似せることができるのか考えながら試行錯誤してみましょう。

 

ピックアップ記事

  1. 開業前から、インスタグラムを有効に使う方法
  2. 顧客満足度って大切だとディズニーで思った
  3. 物事を極端に考えることをやめること
  4. Facebook(フェイスブック)ページを変えたらブログアクセスが
  5. 大阪で2つのセミナーを開催します。

関連記事

  1. 手帳 写真

    WEB知識

    ディレクション大事な事〜スケジュール管理〜

    僕がディレクションをするにあたり気を付けている事その②です。色…

  2. SEO

    WEB知識

    SEOなどに有効で、色々な意味でいいドメインってあるの?

    自分のWEBサイト(ホームページ)などえを持つ際は独自ドメインを取得す…

  3. チラシ 読んでる

    WEB知識

    基本をマスターして読まれるチラシを作る方法

    デザインの基本についてです。元々僕の場合はWEBディレクターをしており…

  4. alt タグ SEO

    WEB知識

    ワードプレスで大切なalt設定(オルト設定)

    最近では、ブログをWordPressで書いている方も凄く増えてきている…

  5. Affinity Photo 画像を丸く切り取る

    WEB知識

    Affinity Photoで画像を丸く切り取る方法

    Affinity Photoで画像を丸く切り取る方法をお伝えします。バ…

  6. SSL保護されていない通信

    WEB知識

    SSL|保護されていない通信ってなに?

    お客様からのお問い合わせで多くなっているのが、SSLについてです。ドメ…

  1. エキテン 地域 集客 

    WEB知識

    エキテンを使いコアユーザーを集めるという事は
  2. 雪 差別化

    スキルアップ

    ちょっとした投稿でも差別化を図る
  3. タグ カテゴリー

    WEB知識

    WordPress(ワードプレス)のカテゴリーとタグって
  4. フェイスブック 画像

    WEB知識

    フェイスブックは最大の口コミ・プロモーション
  5. html タグ タイトルタグ キーワード 

    WEB知識

    SEOの基本《TDKH》について知っていますか?
PAGE TOP