サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ニコニコ動画
note.com/flopdesign
ちょっとした気まぐれでドットフォント作ってみました。基本的には四角を並べていくだけなので、はじめてフォントを作る人もドットフォントは向いていると思います。ブロックのように組み立てていく感覚で、楽しく作れます。 これは10×10のグリッドに「は」を描いた例です。一番上と、一番右は開けておきます。そうでないと文字同士がぶつかってしまうので。つまり実質は9×9のグリッドに描いていく感じです。 今回、私の理想のドットフォントを作ってみたので、制作過程を書いていきます。 コンセプトを考える ドットフォントは8×8、10×10、12×12、14×14、16×16が現在フォントとして存在する主なラインナップです。ファミコンらしくて、ドット感があるのは8×8(美咲フォント)ですが、一般的には12×12以上が主戦場です。8×8、10×10、12×12を並べてみます。 漢字が判別できる様になるのは一番下の12
フォントは今や、クリエイター必須のアイテムです。ところがフォントをより有効に活用する管理ソフト・テクニックを取り入れていない人は多いです。今回はMacを使っているクリエイター向けになります(一般的なWindowsユーザーだとまた異なります) フォントをダウンロードしているとフォントが増えてきます。またモリサワやフォントワークスなどのサブスクリプション契約をすると、さらに多くなります。とくに欧文はAdobeFonts、GoogleFontsなどを加えると使える量は膨大。フォントをたくさん入れると、パソコンの挙動は重く不安定になるし、ソフトでフォントを選んで探すのも大変です。1日5分でも、一生にすると膨大な時間です。だからといって膨大に使えるフォントです。使っていないのは、まさに宝の持ち腐れ! というわけで、これらの問題を解決するのがフォント管理ソフトです。 フォント管理ソフトを使えば、フォン
バリアブルフォント使ったことありますか? まだ無いという方は前回の記事を読んで、ぜひちょっとだけバリアブルフォントの世界に触れてみて下さい。 ざっくり説明すると、太さや幅や、形までも変えられる新しいフォントの形式。 今回はすでに公開されているフォントを、紹介します。なぜなら今ならバリアブルフォントは各社試行錯誤中なので、無料だったり、テスト的だったりでボーナス期間中?です。少し前にはAvenir Next がGitHubで公開されていたり、下記に紹介するFF Metaなど期間限定でテスト的に公開されていたりと、フォント好きなら要チェックなのです。 とにかく、あれこれ考える前に使ってみよう! FF Meta Variable Metaはヒューマニストサンセリフの人気フォントで、フォント全体の販売ランキングでも常に上位にいる人気書体です。ハーマンミラーや少し前までのFirefoxなど企業ロゴと
バリアブルフォントって知っていますか? バリアブルフォント(Variable Font)とは、Adobe・Apple・Google・Microsoftが共同で開発したフォントの規格。よくあるのは太さ、字幅などを自由に調整できるフォント。 1つのフォントに一杯のフォントが入っているぜ、的な感じで把握しておくと分かり易いかも。今後はいろんなソフトで使えるようになるので覚えておくとお得です。下のGIFアニメを見る方が分かり易いと思います。 ただし使える環境がまだ限られています。例えばAdobeで言うとIllustrator CC 2018〜とPhotoshop CC 2018〜で、それ以前のバージョンでは使えません。ちなみにCC 2018以降には新しいバリアブルフォントが、はじめからたくさん入っています。 主要ブラウザも対応しているので、Webフォントとしても活用する機会が増えるでしょう。少ない
フォントの人のフロップデザインです。 8/13のマツコの知らない世界を見ていて思ったのですが、雑誌ムーのロゴは正三角形を並べただけでは無く、視覚調整されたロゴのデザインになっていますね。 つまり三角形を並べただけの状態よりも、キレイに見えるように時間をかけて調整されています。このロゴの格好良さは、ちょっとした気配りから生まれてるんですね。 実際のムーのロゴをトレースするとこんな感じになります。 まず正三角形を並べてムー風のロゴを作ってみます。正三角形を並べるだけなのですぐに出来ちゃいます。 そして2つを重ね合わせてみます。 絶対にピッタリと重ね合わせることが出来ません!これは隠された秘密が何かある! まず全体として、ほんの僅かに高さが低くなっている二等辺三角形になっています。 他にはこういった7つの工夫が隠されていると思います。 でも、こういった調整をやり過ぎると正三角形の神秘感が薄れてし
フォントって高いよね。特にデザインを始めたばかりだと、全部のメーカーを揃えるのは困難。ちょっとでも安く有効利用できるように、ビギナー向けに用途別おすすめメーカーを考えてみました。 ※ @flopdesign のあくまで個人的な意見です 主要フォントメーカーはこんな感じ モリサワ フォントワークス Adobe Fonts イワタ モトヤ ダイナコムウェア その他ロゴやグラフィックデザインが中心の場合フォントワークスのLETSにしましょう。ロゴは商標登録される可能性があります。後々の事を考えると商標登録OKのフォントワークスのLETSが一番コスパが高いです。あと3年契約にすると一気に安くなるので、1年契約しない方が無難です(3年だと年会費24,000円) そしてネットで簡単に更新できるようにフォントワークスのサイトから契約しましょう(ポイント還元以外は値引きしているサイトはあまり無いと思います
フォントの人のフロップデザインです。超簡単なフォント入門の四回目。今回は想像からフォントを作ってみます。想像なので、ソフトもいりませんし、お金もかかりません。想像じゃイヤだという人もいるかもしれませんが、私たちが文字を見ている間、実はフォントを頭の中で作っています(正確には補完?)あらゆるシーンで、それが脳内で行われていて、フォント作りの基本になっているというお話です。 また今回は、フォントって何?という基本に立ち返ってみたいと思います(フォントと書体の違いみたいな言葉の定義では無く) もくじ ❶本文に使うフォント〜読みやすさとは? ❷見出しやタイトルに使うフォント ❸気持ちを表すフォントとは ❹フワ〜ッと浮かんだ文字の絵を鉛筆で書いてみよう ❶本文に使うフォント〜読みやすさとは? 小説や雑誌などの長文に向いているフォントで例えばパソコンにデフォルトに入っている「遊明朝体」などが代表的なフ
フォントの人のフロップデザインです。超簡単なフォント入門の三回目。今回はiPadでフォントを作ってみます。気楽に作れるソフトとしては、オンライン上だけでフォント作れるソフトもあるのですが、日本語はちょっと作りづらいです。実はiPadだけで作れるアプリがあるので、今回これでフォント作りにトライしてみます。 iPadでもアイデア次第では、なかなか良いフォントが作れます。 もくじ ❶アプリをダウンロード ❷iFontMakerを立ち上げる ❸1文字を作る ❹ひらがな・カタカナを作る ❺フォントを書き出す ❻他の公開されたフォントを見てみる❶アプリをダウンロード 今回使用するのは、iFontMakerというiOSのソフトなので、Android派の人はごめんなさい(Androidのソフトも昔はあったみたいです)iFontMakerは950円かかるのですが、思い切って購入してみました。さっそくインスト
フォントの人のフロップデザインです。今回も超簡単なフォント入門。とにかくフォントを作るためには、まず一度試しに作ってみることだと思います。そうなると、簡単じゃないんじゃないかな〜と思う人もいますよね。 わかります実際に、フォント入門のシリーズ中で今回が一番難易度高いかもしれません。ただちょっと避けて通れないので、面白みに欠けると思うのですがガマンして下さい。 もくじ ❶フォントの基本を知っておこう ❷フォントを作る前の下準備 ❸OTEditを使ってみよう ❹文字をインポートする ❺かなフォントだけでもいいの? ❻漢字は何字作れば良いの?❶フォントの基本を知っておこう 和文フォントは、原則として漢字・ひらがな・カタカナは正方形(全角)の枠の中に作られます。この正方形の枠に収まる感じで、ちょっと枠より小さめに作られています。 原稿用紙でいうとマス目みたいなものです。 この正方形の枠は仮想ボディ
Adobeイラストレーターで上手くパスが描けなくてもフォント・ロゴを作る方法の紹介です。ロゴでもですが、文字を作ろうとする時にぶつかる壁が「パス描けない」です。なかなか思うように作れないですよね。 もくじ ❶細い線と太い線を描く ❷偏をデザインする ❸矩形ツールで円を描く ❹文字に色を付けてみる ❺ちょっと難しい線を描いてみる ❻もうちょっと文字作ってみる❶細い線と太い線を描くまずはAdobeイラストレーターを用意します。体験版もあります。 ペンツールで横の線は細い線、縦の線は太い線を引いてみましょう。シフトキーを押しながら描くと、垂直水平に線が引けますよ。 次に斜めの細い線を上の図のように引いてください。この時やっぱりシフトキーを押しながらだと45度に綺麗に引けます。途中で右水平に線を折り返してください。最後に太い線を垂直に縦に描きます。 なんか漢字っぽくなってきましたね。 ❷偏をデザイ
今回はとてもニッチなフォントの話題です。2018年に日本で話題になったフォントがTwitterで決定しました。さっそく私が提唱している生まれ文字のリスト(ページ最後)に追加。これで2018年生まれの人も、自分の生まれた年に話題になったフォントがわかって安心ですね。 2018年に話題になったフォント昨年公開されたフォント一覧については以前のnoteをお読み下さい。 鈴木さんは、『ふんわりラウンド』というフリーフォントを公開していた方で、パンダベーカリーは2書体目にあたります。2015年にひらがな・カタカナ・アルファベット・記号を作り始めたと思われます。実に3年以上の時間がかかっています。 3年間お疲れさまでした。 ゴシック体でありながらも、少し人柄というか、作者のリズムが感じられる親しみやすいフォントです。文字のデザインの善し悪しって、言語化が難しいのですが、やっぱり一言でいうと リズム だ
これから、デザインを始めたいな〜と思っている人にオススメの本を紹介します。といっても、そんなに厚くは無く1冊だけですので、本が苦手な人も安心してくださいね。デザイン事務所20周年を迎える私が、自信を持ってオススメする本です。 目次 ❶はじめが大事 ❷成長が一番大事 ❸なぜ基礎なのか ❹どんな本がオススメなの ❺私の推薦図書❶はじめが大事物事って、はじめが大事。仕事じゃ無ければ、まだいいですが、プロとして仕事をしていこうと思うと本当に大事。 はじめにいい師匠に出会えるか、いい友に出会えるか、いいライバルに出会えるか…そういうことって大事だと思います。うまくいってる人の多くは、出逢いにセンスがあるんですよね。もちろん本もそう。 そういう意味で、最初の一冊目のデザイン本は重要だと思っています。本屋にも、図書館にもいっぱい本のある時代だからこそです。選びたい放題の世界で何を一冊目にしますか? 最初
新作フォントの姫明朝ともえごぜんを公開しました。やっとです。なんとか姫明朝体のシリーズもスタート切れた感じです。ざっくり先にフォントの説明しておきます。 「大刀と強弓の女武者・巴御前をイメージした明朝体」です。 noteでは普通に説明してもサイトやブログと違いが出ないので、言いにくいこと書いておきます。なので、すごく分かり易い内容で無いことをご了承下さい。 目次 ❶きっかけの秘密 ❷フォント制作の秘密 ❸クラウドファンディングの秘密 ❹イラスト依頼の秘密 ❺公開時期の秘密❶きっかけの秘密 2016年のモリサワタイプフェイスコンテストで落選しました。前回のサクッとオートマチックに作った「かんじゅくゴシック」でさえ最終選考だったのに。ちょっとがっかり。 コンテストに落ちた作品は99%以上この世から消えます。私は落選した他人の公開作品を100%アーカイブして保存してあります。賞って、わずかな審査
名刺をこれから作ろうかなと考えているクリエイターに向けて、こうすると夢が早く実現するというポイントをお教えします。 私も、なんだかんだで自分の名刺を何十種類も作ってきました。また、20年間かなりの数を仕事としてデザインしてきました。その上でこれは知っておいた方が良いという大切なポイントをお伝えします。 目次 ①はじめての名刺の肩書きどうする? ②名刺は何のためにつくるの? ③サイズ・紙・印刷など ④覚えて貰うコトと、信頼性 ⑤私は、こんな名刺作りました①はじめての名刺の肩書きどうするクリエイターの方「肩書き」どうしていますか?よく見るのが「WEBデザイナー見習い」などという曖昧な表記です。 肩書きこそ名刺です。名刺で一番重要なのが肩書きです。 あなたが何者なのか、何を目指しているのか、それをハッキリさせるのが肩書きです。仕事頼む側・もしくはクリエイター同士であっても、あいまいな肩書きは意味
2018年にリリースされた日本語のフォントを紹介します。毎年この時期に、昨年1番話題になったフォントをTwitterでみんなで決めているので、そのリスト化のためにまとめてみました。ちなみに昨年は貂明朝でした。 ぜひ、新しいフォントをチェックして下さい。フォント好きはもちろんですが、文字は時代のトレンドを映す鏡なので、デザインの参考になります。更に新しいフォントを使ったデザインを街中で見たとき「あ、新しいフォント使われている!」と楽しむことができます。 目次 有料フォント編リスト 有料フォント感想 無料フォント編リスト 無料フォント感想 2018年のフォントまとめ有料フォント編まずは有料のフォントから紹介させて頂きます。メーカーからの新作リリースであっても過去に個人から出ていたもの、リデザインの類いは極力省かせて頂いています。 しまなみ 秀英丸ゴシックにじみ エコー&オーブ クックハンド 筑
今日はAdobeの源ノ明朝を使って、完成度はともかく、だいたい3クリックで面白いフォントを作る方法を紹介します。 源ノ明朝は、Adobeによるオープンソースフォントファミリーで派生フォントというものが自由に作れます。もちろん、ある種の制約はありますが、はじめてフリーフォントを作る人が、源ノ明朝を元に作るというのも楽しいのではないでしょうか。※最後にフリーフォントのダウンロードあります 深夜1時に勢いでプログラムを利用して作ったフォント作ったのはこういうデザインのフォントです。 今回はGithubで公開されていたプログラム(Python)を使っています。なので3クリックで完成しています。使用したフォントソフトはFontlabStudioという日本人があまり使っていないソフト。他のソフトでもプログラム(スクリプト)を読み込むことができるソフトは多いです。一番安価であろうOTEditで作られてい
地方在住で打ち合わせをしないデザイナー歴18年のデザイナーです。 ・デザインのやり直しを無くす方法 について書いていこうと思います。正確には気弱な私が、デザインのやり直しを減らすために、行った経験談です。 実は私は、引っ込み思案で強く人に言えない性格かつ、値段交渉が大の苦手なのです。なので、これから書いていくような工夫が必要でした。 デザインのやり直しを無くす方法私がフリーランスデザイナーを始めたとき、経験がないのでどうやって仕事を進めたら良いのかもわかりませんでした。とりあえず、WEBデザインとロゴデザインを中心に、なんとなく頼まれた仕事を打ち合わせして進めていきました。 私はしばらくして、リアルで打ち合わせをしっかりする方法と、メールだけで打ち合わせる方法を両方のやり方を行ってみました。これが試行錯誤の始まりです。メールだけの場合、私は独自のヒアリングシートを3枚書いて貰っていました。
このページを最初にブックマークしてみませんか?
『フロップデザインのフォントキャンプ|note』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く