DESIGN IT YOURSELF.

BUROKI


top

design

  • top
  • design
  • graphic
  • 手描きでスケッチし、予想外の仕上がりになったタイポグラフィ

手描きでスケッチし、予想外の仕上がりになったタイポグラフィ

graphic

  • top
  • design
  • graphic
  • 手描きでスケッチし、予想外の仕上がりになったタイポグラフィ

手描きでスケッチし、予想外の仕上がりになったタイポグラフィ

2019.05.13.

スポンサーリンク

スポンサーリンク

定期的に自作タイポグラフィ(文字でつくるデザインのこと)をつくりたくなるくらい文字をいじるデザインが好きなのですが、今回は昨年の1月ごろに制作したオリジナルタイポグラフィです。

いつもはグラフィックソフトillustratorを開き、いまの自分の気分に合った既存のフォントを選んで、そのフォントからタイポグラフィをつくっていくという制作過程なのですが、今回の場合は筆記体のタイポグラフィをつくりたくてまずどんなデザインにするかをギャラリーサイトやSNSを見てまわりながらデザインの参考にし、手描きからつくってみようと思い立ち、まずはノートにいろんなアイデアをスケッチしました。

人間にしか出せない線はスケッチがおすすめ

スケッチを繰り返すことで徐々に考えがまとまりしっかりとしたデザインの形になってきます。手描きの段階でまずはここまで仕上げました。オリジナリティのあるデザインをつくりたい場合は手描きがおすすめです。手描きなら他のデザインとそっくりになることはまずないですし、手描きならではの線のゆれ具合や太さなんかはPCで再現することはかなり難しかったりします。「味のあるデザイン」という感じですね。

スケッチしたタイポグラフィ

「これをデザインにしよう」というスケッチが描けたら次にスマホで写メを撮ります。昔は印刷してスキャナーで取り込んで、それを画像にしてデザイン素材として使用する流れが一般的でしたが、手間がかかるし今はスマホのカメラも画質いいですからね。なるべく正面から写真を撮ってそれをPCに取り込むためにメールで転送したりgoogleドライブにアップする・・その流れでも手っ取り早くていいかと思います。

ボクの場合、撮影したスケッチ写真はほとんどトレース(その画像をなぞったりする作業のこと)することが多いので、できるだけトレースしやすいように画像のカラーはモノクロにします。スマホでのモノクロ加工でOKです。単にモノクロにだけするといろんな濃さのグレーが残ってしまうので、できるだけコントラストを上げて白と黒だけにしたほうがトレース作業はスムーズです。

ここからillustratorでデザインをつくる

トレース用のスケッチ写真をPCに取り込んで、ここからillustratorで制作していきます。が、トレースしていて、どうも納得のいくデザインにならなかったので、画像の上から線でなぞり、整えていきながらデザインをつくっていきました。

試行錯誤している段階

スケッチの段階ではあまり意識してなかったんですけど、改めて線でなぞっていると、「筆記体の線と線が重なる部分をどうしようか?」という問題が浮上し、試行錯誤の末カットしてみたりくっつけてみたり、より遊び心のあるデザインにしてみました。こうなってくるとかなりポップなタイポグラフィになってきますね。

上の画像はそれぞれ線の太さであったり重なった部分の空白の幅など、それぞれ違います。いまこのブログを書きながら何度もやり直しながら制作していたことを思い出しました。つくりはじめたら納得いくまでやってしまうのがボクの悪癖であり誇りです。(笑)

手を動かしていると予想外の仕上がりになることもある

筆記体ながらも重なった線をカットしているので、線の集合体である様子が際立っていたので、もっと際立たせようとところどころカラーを変更。よりポップに見せるためにブルー、レッド、イエローの3色を組み合わせました。全然詳しくないんですけど、「トイザらス感」みたいなのが出てきてると思いません?(笑)

カラーを組み合わせたタイポグラフィ

そんなこと考えながらカラーの組み合わせを仕上げると、illustratorの工程はここで完了。次はinstagramに投稿する用の作品画像をつくります。

photoshopで最後の仕上げ

制作工程をブログとして書くと意外とやってること多いですね・・(汗)。画像をつくるといっても簡単で画像編集ソフトのphotoshopを開いて投稿用のサイズの画像をつくるだけです。

画像をつくっているときに「立体的にしたら良さそう」とアイデアが浮かび、さらにどころどころに白のグラデーションをかけてあげることでより立体感が増し、ノイズを追加したりしてみると・・最終的にはカラフルなゴムのような質感のタイポグラフィをつくることができました。正直ここまでは予想外でしたが、それもデザインの面白さでもあるので結果オーライですね。

完成したカラフルなオリジナルタイポグラフィ

背景は暗めなカラーのほうがカラフルさが映えるのでブラックを選択。そしてこの完成した画像を作品としてinstagramに投稿しましたとさ。

スケッチ段階のときの画像と完成した画像の違いを見比べると面白いと思います。

スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

文鳥とデザイナー

スポンサーリンク

design list

デザイン作品一覧

web

余白と罫線を意識する。ヤマモト工務店のwebサイトデザイン

京都の舞鶴市にある、デザイン性に特化した注文住宅をつくられているヤマモト工務店さまのwebサイトをリニューアルさせていただきました。 今回…

2024.05.23.

web

小細工不要。誠実さを伝えるBEAR'S WORKSのwebサイトデザイン

2024年最初のwebサイト制作実績です。 これまでもwebサイト制作をメインにして活動させていただいておりますが、サイトデザインのみの対応だったり大…

2024.04.10.

goods

のぼり刃物店さんの創業53周年記念ロゴデザインと缶バッジ&ステッカー

きたる4月1日、いつもお世話になっている大阪府茨木市にあるのぼり刃物店さんが創業53周年を迎えられます。 今年も昨年に引き続き、創業53周年記念の…

2024.03.27.

logo

プライベート銭湯・サウナが楽しめる松の湯のロゴデザイン

昨年の制作実績になりますが、友人が現在進めているプライベート銭湯(サウナ?)のロゴデザイン制作を担当させていただきました。 8月ごろにご依頼…

2024.02.25.

graphic

2024年は辰年。中日ドラゴンズをパロディした年賀状デザイン

BUROKI design的に新年の制作といえば、毎年恒例になっている福岡の木工集団ナノナノファクトリーさんの年賀状デザイン。 はじめて依頼をいただいて…

2024.01.22.

graphic

久しぶりにイラスト制作。カエルのキャラクターデザイン

昨年の制作実績となりますが、友人のプライベート銭湯を盛り上げるべく、ポスターやポストカードに使用するためのカエルのキャラクターを制作しまし…

2024.01.10.

designをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル