ただいまの人気記事はこれ!おすすめ記事いろいろ

【Affinity Designer】フォントの輪郭をラフな感じにする方法

Affinity Designer
当サイトでは記事内に広告を掲載しています。

今回はAffinity Designerでフォントの輪郭をラフな感じにする方法をお届けします。

たとえば、今回のトップ画像(アイキャッチ画像)のフォント。

通常ならばこんな感じのノーマルなフォントです。

【Affinity Designer】フォントのアウトライン

 

が、今回の記事で紹介する方法を使うと、フォントの輪郭がラフになり、ダイナミックなイメージになります。

【Affinity Designer】フォントの輪郭をラフな感じにする方法

輪郭は様々なテイストでアレンジできます。とてもかんたんにできてユニークな方法ですよ。

というわけで今回は、Affinity Designerでフォントの輪郭をラフな感じにする方法をお届けします。

Affinity Designerの記事一覧

フォントの輪郭をラフな感じにしてみよう

今回は例として次の文字にラフな感じの輪郭を入れてみます。

任意の文字

というわけでさっそくやってみましょう。

手順

1.Affinity Designerでキャンバスを開き、画面左のツールバーから「アーティスティックテキストツール」を選択します。

「アーティスティックテキストツール」

 

2.キャンバスに任意の文字を書きます。

任意の文字

フォントのサイズはあとから変更できますので、輪郭をラフにしやすくするため、この段階ではフォントサイズを大きくしておきましょう。今回の例では150pxにしています。

 

3.画面右のスタジオにある「ブラシ」タブをクリックします。

「ブラシ」

「ブラシ」タブが表示されていない場合は、画面上部のメニューの「表示」→「スタジオ」→「ブラシ」で表示をすることができます。

 

ブラシを「ペン」にし、「ぐらつきのあるペン」を選択します。

「ぐらつきのあるペン」

 

4.すると、文字がつぶれるぐらいに太い輪郭が入ります。

太い輪郭

ここから輪郭の太さを調整していきます。

 

5.画面上部のメニューから「表示」→「スタジオ」とすすみ、「文字」を選択します。

表示

スタジオ

文字

 

すると、文字の設定ができるパネルが表示されます。

文字パネル

このパネルで輪郭を調整していきます。

 

6.文字パネルの「輪郭が表示されている部分(アウトラインスタイル)」をクリックします。

アウトラインスタイル

 

輪郭を調整できるパネルが開きますので、スライダーを動かして輪郭の数値を下げていきます。

アウトラインスタイル 輪郭の幅

 

数値を下げていくと、輪郭の幅が狭くなり、文字がみえてきます。

輪郭がラフに

ほどよい太さになるように調整してみましょう。

今回の例では、効果がわかりやすくなるようにフォントと輪郭の色を変えていますが、もちろんフォントと輪郭の色を同じにしてもOKです。

 

輪郭の「整列」は「境界線を中央に揃える」「境界線を外側に揃える」のいずれかにします。

「境界線を中央に揃える」「境界線を外側に揃える」のいずれか

フォントのテイストにあわせて、好みにあうものを選択すればOKです。

 

7.お好みの雰囲気になったら完成です。

お好みの雰囲気になったら完成

スポンサーリンク

拡大縮小するときは

いったんデザインが決まった後、フォントを拡大縮小をするときは注意が必要です。

フォントを拡大縮小しても、輪郭の幅はそれにあわせて変化はしませんので、デザインがくずれてしまいます。

ですので、いったんデザインがきまったあとに拡大縮小をしたいときは、次のいずれかの方法で行うのがおすすめです。

  • フォントを画像化(PNGなどで書き出し)してから拡大縮小する
  • フォントをラスタライズしてから拡大縮小する

といった形で拡大縮小をすると、デザインがくずれにくいかと思います。

いろいろなブラシを試してみよう

【Affinity Designer】フォントの輪郭をラフな感じにする方法

今回の記事ではブラシを「ペン」にして「ぐらつきのあるペン」を使いましたが、ブラシを変えると輪郭の雰囲気も大きく変わります。

また、ブラシの種類は同じでも、使うフォントによって印象が変わってみえることもあります。ぜひいろいろと試してみてください。

記事で使用したツール

今回の記事で使用したツールは次の通りです。

【アイキャッチ画像のキャラクター】

ジュエルセイバーFREE:https://jewel-s.jp/

星宝転生ジュエルセイバー | 二次利用OKのキャラフリー素材
ソーシャルゲーム星宝転生ジュエルセイバー、オフィシャルサイト

【Affinity Designer】

グラフィック デザイン & イラストレーション ソフトウェア | Affinity Designer
高品質のデザイン、コンセプト アート、イラスト、モックアップなどを作成したいクリエイターやその他のプロフェッショナルに最適なアプリです。無料トライアルを入手!

今回はAffinity Designerでフォントの輪郭をラフな感じにする方法をお届けしました。

よかったら参考にしてみてください。

タイトルとURLをコピーしました