ロゴデザインやタイポグラフィに使える。designtopaboutdesignblogfilmscassettecontacttopaboutdesignblogfilmscassettecontact↑topblogtopblogロゴデザインやタイポグラフィに使える。フォントの印象をガラッと変える方法design_thingtopblogロゴデザインやタイポグラフィに使える。フォントの印象をガラッと変える方法ロゴデザインやタイポグラフィに使える。フォントの印象をガラッと変える方法2019.07.20.スポンサーリンクスポンサーリンク久しぶりにデザイナーとしてのコンテンツ「デザインの中身」を更新しようと思います。実はなかなか好評なコンテンツなんです。ボクはデザインの本を読めば学べるような基本的なものはあまり紹介する必要がないと思っていて(本読めば書いているので)、その知識をインプットした上で、独自の方法であったり考え方を発信しないと個人でコンテンツつくる意味がないと思っているんですね。toなどはあくまで個人的なやり方であり、「正解」ではありません。その辺を考慮してもらった上で過去の「デザインの中身」記事は下記のリンクからご覧ください。デザインの中身記事一覧ページへさて今回の「デザインの中身」ですが、先日ボクの新居でホームパーティをしたんですね。そのときにコンテンツようにタイポグラフィ(文字のデザイン)をつくったんです。今風でポップに、少し80年代くらいを意識してつくったタイポグラフィです。この作品は既存のフォントをアレンジして制作しました。自分の頭の中である程度完成品をイメージさえできていれば、既存フォントをアレンジして制作できます。このタイポグラフィをどんな手順で制作したのか、その方法をあくまで一例としてご紹介しようと思います。既存フォントを選ぶはじめの段階として、グラフィックソフト「illustrator(イラストレーター)」を開き、イメージに近いフォントを選びます。PARTY」なので、既存のフォントでまずタイトルの文字を打ちます。フォントは「Lovelo」というおしゃれなフリーフォントを使用しました。文字を打ったあとは、ある程度文字と文字の間や行間などを整えて文字組みしておきます。しなくても大丈夫です。文字が打てれば誰でもできるレベルなので簡単です。既存フォントのままでできることはここまでです。ここからイメージに合う文字になるようにアレンジしていきます。既存フォントをイメージに合うようにアレンジしていく既存フォントをアウトライン化(文字からオブジェクトに変えることをいいます)させたあと、イラストレーターの機能を使ってまずは変形させます。今回使った機能は「自動変形ツール」。このツールを使えばどんな形にも変形させることができます。ツールバーの真ん中あたりにあります。コントロールキーとオプションキー、シフトキーなどを使って変形させますが、慣れていない人は試行錯誤必要かもしれません。最近よくある右上がりの文字はおしゃれに見えるので、右上がりにしつつ、少し横にも変形させて右斜めな形にします。これだけではじめの文字と印象変わりますよね。このままではさすがに不自然なので、行ごとに少し右にずらしていきます。ここは少し感覚は必要になりますね。こんな感じでずらして調整します。画像のものはブログ用につくってるんでキッチリ再現はできていないのですが、要領は同じです。できるだけ描いているイメージに近づけるように文字の形を整えておきましょう。文字を線にし、線の太さを調整するここから文字の印象を変えていきます。加工した文字をベタ塗りから線に変更します。アルファベットの文字の中にある図形を消去し、外側だけの文字にします。PARTY」でいうと、B、R、O、P、Aですね。これらの文字の内側の線を削除ということです。これだけでもけっこうスッキリとした印象になりましたね。ここからは線を「はさみツール(ショートカットキーはCです)」にて部分的にカットしていきます。カットする際に気をつけたいのは「読める範囲で」カットしていくことを心がけましょう。今回のタイポグラフィの場合、ホームパーティという良い意味でのゆるさを出したかったので、カットする部分もできるだけラフに、感覚で思うままにカットしています。線の端を丸く、太くするとよりポップな印象に大体カットし終わったら線を整えていきます。ポップな印象を与えたい場合は線の端を丸くするとポップな印象になりますし、やや線の幅を太くするとよりポップな雰囲気に仕上がっていきます。カットして色をつけたらタイポグラフィの完成!カットが終わって文字の形を整えたら最後に色をつけます。文字ごとではなく、カットした線ごとに違う色をつけてカラフルにするとよりパーティ感が出せます。背景に文字の影をつけるとネオンのような雰囲気も出ますね。これで今回のホームパーティ用のタイポグラフィの完成です。このように、既存のフォントからアレンジ次第でいくらでも違う印象の文字をつくることは可能です。チャレンジしてみてください。いろんな使い方ができるか、アレンジを試す制作した作品は通常のデザインの他にどんな使い方ができるか、アレンジバージョンをつくっておくことをおすすめします。画像の上に載せる場合はどうやって見せるか・・今回のタイポグラフィでは画像の上に置いてタイトルっぽく見せるときはこのようなアレンジにしました。画像の上に置く場合、一番注意しないといけないのは「視認性」です。背景にいろんな色が入るので、そのなかでも認識できるものになっているかどうか。無難なのは白一色にするバージョンですね。通常の作品以外にもいろんな媒体に使えるように数種類持っておきましょう。BUROKIの「デザインの中身」デザイン本には載っていないボク独自の方法で紹介する「デザインの中身」コンテンツ。こんな感じで不定期ですが更新しています。過去のコンテンツは一覧ページからご覧になれますので、ぜひほかのコンテンツも見てみてくださいね。ブログをご覧いただきどうもありがとうございます。ベンチャー企業のインハウスデザイナーとして11年間様々な媒体のデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います。(笑)他にもいろんな作品の紹介やブログを書いてるのでぜひ見てみてください。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談くださいね。ブログをご覧いただきどうもありがとうございます。他にもいろんな作品の紹介やブログを書いてるのでぜひ見てみてください。制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談くださいね。moredesignグラフを活用した見せ方を。moreblog賃貸でもDIYできる。thingfavoriteprivatethinkprivate賃貸でもDIYできる。more2020.01.21.privateかにカニ日帰りエクスプレスで城崎・円山川にある「旅館ひだまり」へ実は、1月16日はボクの誕生日でして、38歳になりました。バッチリアラフォーです。これからもアラフォー・ブロキをどうぞよろしくお願いいたします。more2020.01.19.private本町センター街にある知る人ぞ知る名店「炉ばたワコー」で初飲り先日、現在webサイト制作をさせていただいている企業さまへ打ち合わせに行き、打ち合わせのあと新年会も兼ねて近くのお店で飲むことになりました。more2020.01.15.private今年ももちろん今宮神社の「十日戎(とおかえびす)」で商売繁盛祈願してきました毎年1月9日から11日までの三日間は年のはじめのお祭りとして「十日戎(とおかえびす)」が開催されます。more2020.01.13.think2019年12月の活動報告。12月はこんなデザイン制作をしていました年が明けて2020年。(1)制作のご相談・お問い合わせはフォームからデザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。問い合わせフォームはこちらBUROKI(ブロキ)大阪でweb・グラフィックデザイナーとして活動しています。design」としてフリーランスになりました。日々の制作活動の合間にデザインのこと、作品のこと、プライベートのことなどブログで発信しています。thingデザインのことfavorite好きなことprivateプライベートthinkブロキ的考えfilms制作動画travel旅行シリーズ動画vlogビデオログcassetteカセットテープtapeテープplayerプレーヤーcontactお問い合わせsnsソーシャルinstagramインスタグラムyoutube専用チャンネル。