当ページのリンクには広告が含まれています。

イラレで作るホラー風のタイトル。ラフとパスのオフセットを使う

イラレで作るホラー風のタイトル。ラフとパスのオフセットを使って イラストレーター
この記事は約4分で読めます。

イラストレーターを使った「ホラー風なタイトル」の作り方を書きます。

ホラー風のタイトルの作り方はいろいろありますが、今回はイラストレーターの「ラフ」と「パスのオフセット」を使って作ってみました。

文字が欠けたような、かすれたような演出でホラーっぽい雰囲気に。

「ホラー風のタイトルを作りたい」そんな方は一つの参考としていただければ幸いです。

gaogao
gaogao

仕事ではなかなか使う場面はないですが、趣味としても楽しめるイラストレーターは最高です。

スポンサーリンク

イラストレーターを使った「ホラー風なタイトル」の作り方。ラフとパスのオフセットを使って。

今回はサンプルとして「学校の怪談」と題したホラー風なタイトルを作っていきます。

太めのゴシック体を使うといい感じに

フォントは太めのゴシック体を使いますので、所有しているフォントで一番太そうなゴシック体を使っていただければどのフォントでも大丈夫です。

下の画像のフォントはモリサワフォントの「UD新ゴ H」を使っています。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
太めのゴシック体を使う。

文字をアウトライン化して図形にします。

フォントを選択した状態で、上部のメニュー「書式」→「アウトラインを作成」をクリックしてアウトラインします。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
太めのゴシック体を使う。文字のアウトライン化。

タイトルを2重に重ねて使うので、コピーして前面にペーストして重ねます。

上部メニュー「編集」→「コピー」。その次に「編集」→「前面へペースト」をクリック。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
マスク用の文字と、ベタ塗り用の文字を2つ重ねる。

わかりやすいように上に重ねた文字はブルーのフチをつけました。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
マスク用の文字と、ベタ塗り用の文字を2つ重ねる。

効果の「ラフ」をかけて文字が欠けた雰囲気を演出

ブルーのフチの文字を選択した状態で、上部メニュー「効果」→「パスの変形」→「ラフ」を選択します。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
効果「ラフ」を使ってかすれた文字に。

ラフの設定画面が表示されます。文字のサイズや形状によって数値は変わってきますが、ひとまずは下の画像のようにサイズは5%、詳細は15inch、ポイントはギザギザ、にしています。任意で微調整してみてください。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
ラフの数値は任意で。

「パスのオフセット」は文字を一回り細くしたり、太くしたりできます

ラフのかかったブルーのフチ文字をひとまわり大きくします。

上部メニューの「効果」→「パス」→「パスのオフセット」を選択。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
パスのオフセットで一回り大きく

パスのオフセット画面が表示されます。

今回はオフセット0.5mm、角の形状はマイターにしました。先ほどより一回りブルーのフチが広がっているのがわかります。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
ラフで掠れた線をパスのオフセットで一回り広げる

次にブルーのフチの文字を選択した状態で、上部メニューの「オブジェクト」→「アピアランスを分割」をクリックします。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
アピアランスの分割

ブルーのフチからブルーの塗りにしました。こんな形状のオブジェクトが出来上がりました。(説明しやすいようにブルーの文字だけ下にずらしています)

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。

アウトラインした文字は複合パスにすることで、文字の形状でマスクが作れます

次に黒い文字を触っていきます。この黒い文字の形状でクリッピングマスクを作ります。

黒い文字を選択した状態で、上部メニュー「グループ解除」をクリックします。※文字をアウトラインするとひとかたまりで自動グループ化されるので解除します。グループ化したままだと「複合パス」が作成できないので解除しています。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
複合パスのためにグループ化を解除する

グループ化が解除され、黒い文字を選択すると1文字ずつ選択が可能になります。すべての文字を選択した状態で、上部メニュー「オブジェクト」→「複合パス」→「作成」をクリック。

複合パスにすることで、複数の文字の形状でクリッピングマスクが可能になります。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
文字を全て選択して複合パスを作成する

ブルーの文字を黒い文字の上に重ねて

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
マスクと文字を重ねる

黒い文字を選択した状態で、上部メニュー「編集」→「カット」

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
マスクと文字の上下関係を決める

「編集」→「背面へペースト」。

ブルーの文字が前面に、黒い文字が背面に配置されます。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
クリッピングマスクの方法

黒とブルーの文字の両方を選択した状態で、上部メニュー「オブジェクト」→「クリッピングマスク」→「作成」をクリックします。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
クリッピングマスクを作る。

クリッピングマスクに使用した黒い文字は透明のパスになります。結果的にブルーの文字だけが見える状態に。

ブルーの文字を黒にして完成です。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
かすれた文字の雰囲気が出て、ホラー風のタイトルに。

仕上げに少し装飾を加えてみました

ここから少し装飾を加えて完成させたいと思います。

文字を赤色にして「の」をひと回り小さくしました。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
かすれた文字の雰囲気が出て、ホラー風のタイトルに。

文字の隣に血溜まりを作ります。

円形ツールで正円を作って、「ラフ」効果をかけました。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。
ラフを使って血溜まりを作る

これで完成です。

ホラー風タイトルの作り方(ラフとパスのオフセットを使って)。

まとめ

ホラー風のタイトル作りの1アイデアとして、よかったら作ってみてください。

他にも色々とアイデアはあるので随時記事に追加していく予定です。

ホラー風のフォントについて書いた記事もありますので、こちらもチェックしてみてください↓