シンプルデザイン解説ブログ

気軽にデザインを学べるデザイン解説ブログ。シンプルデザイン解説です。プロのグラフィックデザイナーがデザインを組む上で注目すべき観点を解説しています。

シンプルデザイン解説 タイポグラフィ デザイン処理

【Tips】文字をデザインする時の注意点

投稿日:2020年9月21日 更新日:

袋文字(境界線を使った文字)を
使う場面は多いと思います。

その際に気をつけるべき事を解説しました!

これをやれば、ワンランク上のデザインを提案できます。

-シンプルデザイン解説, タイポグラフィ, デザイン処理

執筆者:


  1. なかじま より:

    初めまして。なかじまと申します。
    いつも拝見して勉強させてもらってます。

    質問があるのですが、隙間の埋め方はどうやるのでしょうか?
    同じフォントを持っていないので、似たようなフォントでためしてみたのですが
    フチの太さと文字の間隔の調整だけで隙間うまらず、
    pshotoshopで境界線やドロップシャドウで隙間を埋めようとするとどうしても外側も太くなってしまします。

    よろしくお願いします。

    • むっち より:

      なかじまさん、はじめまして!コメントありがとうございます!
      隙間の埋め方ですが、実は古典的な作業をしています。

      隙間部分は丸や四角を用いて最上面、あるいは最背面に被せています。
      ※埋めたい箇所と同じ色の設定にします

      僕は普段Illustratorメインで作業しているのですが、Photoshopでも同じです!

      文字を何重にも重ねたデザインのケース等、場合によってはレイヤー分けしないとフィルター効果が邪魔になるかもしれません。
      ※ドロップシャドウとか…

      こんなお返事で大丈夫でしょうか??
      少しでも参考になれば幸いですm(_ _)m

    • むっち より:

      なかじまさん、もう一つ追加です!

      文字全体の選択範囲を作り、その選択範囲を任意の幅に拡張した上で境界線の色を塗る。
      その上でできた隙間を上で述べた手法で埋めれば、うまくいくと思います!

      • なかじま より:

        むっちさん、こんばんは!

        正月三が日にご返信していただき申し訳ありません。
        とても分かりやすい回答ありがとうございますm(_ _)m

        教えていただいた方法で出来ました!ありがとうございます!

        また疑問があれば質問したいと思いますので、その時はよろしくお願いします!

        • むっち より:

          いえいえ!こちらこそです!
          ご質問ありがとうございました★
          今後とも、よろしくお願いいたします!

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

【Tips】ターゲット別デザインで意識する事とは

女性向け動画編集教材動画のアイキャッチ画像という想定です。とにかくオシャレにしたい! そんな思いで制作。 しかしこのままではデザインとしては全然ダメなのです。 では具体的にどこがダメなのか? 改善点と …

【Tips】色を活かすための工夫

きれいな色を活かすための工夫についてです。 色を主張したいので文字要素は無彩色(ここでは白)のみにしたい。 ブラッシュアップ前のものでも十分良いのですがもうひとつギミックを加えたい。 ギミックを加えた …

【Tips】グリッド分けデザインレイアウトのメリット

レイアウトの方法として「グリッド分け」というのがあります。 グリッド分けレイアウトのメリット・シンプルで綺麗・パッと見で情報量が分かる・情報の区分けが明確にできる 整然とした見た目になるので、一見面白 …

【Tips】退屈なデザインにしない工夫「外し」レイアウト

ハワイ州観光局の広告です。 レイアウトの仕方が印象的ですね! ハワイに行きたくなりますね! この広告はグリッドを使いハワイのシズル感ある写真をうまくレイアウトしています。 1番のポイントとしては全て同 …

【Tips】ロゴをデザインする上で考えるべきこと

皆さんご存知 Dragon Ashの名曲 「陽はまたのぼりくりかえす」 今回は勝手にロゴタイプ作りました 笑 歌詞や曲からインスピレーションを受け書体選定から処理まで考えました。 ロゴコンセプト↓ デ …

スポンサーリンク