メインコンテンツへスキップ

自分だけのフォントボットを作ろう

フォントを使って画像を作成するにはどうすればよいですか?例えばFontBotのように。

Software Techniques :



はじめに

フォントボットとは何でしょうか?特定のフォントの文字や記号から作り出すデザインのことです。デザイナーたちはフォントを使って驚くべきロボットや様々な創作物を生み出してきましたが、あなたの作品はどんな姿になるでしょうか?

FontBotを完了する

今月のテクニカルライブラリ記事では、グラフィックデザインソフトで独自のFontBotを作成する方法について、簡単なデモンストレーションを行います。

グラフィックデザイナーのベン・シーバーは、Schneidler Md BTフォントを用いて自身のボット「Hit N Run」をデザインした——半分のジャッカロープ、半分のボクサーといった感じ?

言葉では説明しづらいのですが、それがFontBotsの魅力の半分です。以下では、彼がこの作品をどのように制作したかをご紹介します。

  1. フォントを選択してください。数多くのフォントから選べるので、デザインに使える楽しい形がたくさんあるフォントを選びましょう。フォントを選んだら、画面上にすべての文字やアルファベットを配置し、作業に使える形を確認できるようにします。
    FontBot用フォント
  2. 文字を新しい視点で見始めてみよう!小文字の「j」は角と目のように見える――そこから始めてみるのも悪くないかも!
    FontBotの文字レイアウト
  3. さらに数文字を追加することで、新しいFontBot作品の頭部を作成できます。
  4. さらに図形を追加し、体のTや手袋のGを加えることで、ベンは楽しいデザインを完成させました。これがiPadケースに刻む素晴らしい新しいFontBotキャラクターとなったのです。これからも創作を続けて、どんな作品が生まれるか見てみましょう!お気に入りの作品を amyd@epiloglaser.com そしてそれらをこのページに掲載します!

 

[helpful]
  • ID:
    KA-01228
  • 日付:
    2025年3月31日
/* === Aggressive removal of PrintFriendly injected header elements === */ #printfriendly #pf-title, #printfriendly #pf-src, #printfriendly .pf-header, #printfriendly header, #printfriendly .printfriendly-header, #printfriendly h1:first-of-type, #printfriendly .page-header, #printfriendly [class*="header"], #printfriendly [id*="header"] { display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* Hide any top bar or source URL container */ #printfriendly #pf-src, #printfriendly .pf-src, #printfriendly [class*="src"], #printfriendly [class*="url"] { display: none !important; } /* Force page margins and centered page numbers */ @page { size: letter portrait; margin: 0.7in 0.5in; } @page :left, @page :right { @top-left { content: none !important; } @top-center { content: none !important; } @top-right { content: none !important; } @bottom-center { content: counter(page); font-size: 0.95em; padding-bottom: 25px; } }