【クリスタ】タイトルのロゴデザインに！文字装飾の作り方

 

今回は同人誌の表紙などに使える、

「シンプル＆ポップなタイトル装飾文字デザイン」

手っ取り早く使いたい方はコチラをどうぞ★

はじめに　～おすすめのタイトルロゴ制作手順～

タイトルのロゴデザイン制作は、「イラストレーター」や「Photoshop」などのデザインに適したソフトで制作されるのが一般的。

 

ですが、クリスタにも

 

などなど、必要な装飾加工の機能が備わっており、タイトルロゴもそれなりに見映えのするものが作れます！

 

というわけで、装飾加工の説明に入る前に表紙デザインの参考となるヒントたちをご紹介します！↓

＜タイトルロゴ＞制作のヒント

＜表紙＆タイトルロゴデザイン＞におすすめ！ 参考本＆アプリ

同人誌などの表紙デザイン・タイトルロゴデザインの参考図書として大変オススメなものが以下の３冊。

 

まずは同人誌デザインの基本がわかる一冊！

 

サンプルの魅力がイマイチだけれど、魅力的なフォント＆デザインに合ったフォントの活用法がふんだんに紹介されているのがコチラ↓

 

他、ネタ出しとして特におすすめなのがこちらのPinterest（ピンタレスト）。

 

 

 

デザインだけでなく、描き方練習、その他服＆お弁当など、日常のアイデア参考にも大活躍！

おすすめフリーフォントたち

近年ではデザイン性に富んだ、質の高いフリーフォントがたくさんあります。

 

そのおかげで、同人誌等アマチュアの間でもとても質の高いデザインを用いることが可能になりました。

【使用フリーフォント】

 

 

他のオススメフリーフォントについてはコチラの記事をご参考ください。

 

タイトルロゴ＜配色＞のヒント

デザインで大事なのは、統一感を持たせるため色味を欲張りすぎないことです。

 

よくあるタイトル色

 

シンプルな絵でも使う色味は2、3色に抑える。

表紙絵がごちゃっとしてる時はこれ以上色味を増やさないように白抜きの文字にする、

もしくは表紙イラストから色を持ってくるなど…

 

 

ちなみに反対色(補色)を使うことで、より色味を強調することも可能です★

 

 

タイトルロゴにおすすめ★クリスタの装飾文字の作り方

以下、クリスタでできる装飾加工の機能について簡単にご紹介します。

縁取り(枠線)文字 ＆ カラー文字

 

 

レイヤープロパティから

の設定を施すだけで、簡単に色を変えたりフチの調整を行うことができます。

 

 

この方法のメリットはなんといっても

全て後から変更が可能なところです。

 

ただ、後にご紹介する

をプラスしたい場合、フチ（枠線）との境界が微妙な仕上がりになります💦

 

模様をつけたい場合の縁取り文字

この場合、文字の模様と文字の縁(フチ)ラインとの境界が難しくなります。

 

 

なので、少し複雑＆後に編集はできなくなりますが、以下の方法だとまだキレイな仕上がりになります。

ドロップシャドウをつける

 

 

 

これだけで簡単にドロップシャドウの

形ができてしまいます。

 

後から色を変えたり不透明度で調整したりもできます。

 

 

また、↓このようにぼかしを加えたい場合。

この場合はテキストレイヤーをラスタライズする必要があります。

 

 

ドット加工（網点トーン）と組み合わせる

 

ドットなど模様が入ったタイトルロゴも、とてもポップで可愛い印象ですよね。

 

テキストレイヤーに網点トーンを重ねる方法もありますが、

レイヤープロパティからとても簡単にできてしまいます。

 

こちらの作り方としては以下の通り。

 

 

これだけで完成です！

 

 

注意したいこと★

こちらの方法はとても簡単ですが、網点をラスタライズした時に模様の大きさが多少変化してしまいます。

 

 

印刷する予定、書き出す前などにあらかじめラスタライズして大きさを確認＆確定しておきましょう！

グラデーションと組み合わせる

テキストレイヤーにグラデーションをかけるとより華やかな印象になります。

 

 

 

 

 

ポイント★

 

後でクイックマスクを破棄するのに、なぜはじめにテキストレイヤーの選択範囲をとるのか。

 

これは、文字に合わせてグラデーションをかけるためです。

 

おすすめグラデーションマップ素材

今回使うのは「グラデーションマップ」ではなく「グラデーションレイヤー」ですが、

ツールプロパティより様々なグラデーションセットが選べます。

 

おすすめのホログラムグラデーションセット

 

 

枠線タイトル文字 + ↑こちらのホログラムグラデーション

でオシャレな感じになり、気に入ってます。

 

おまけ　ベクターレイヤーを活用した代わり線の縁取り文字

 

この他にも、

 

など、いろんな場面に活用することができます。

応用編　組み合わせ＆オートアクションの活用

加工を様々に組み合わせてみよう！

 

 

などなど……

組み合わせは無限大です！

文字装飾を一瞬で作る裏技

オートアクションの工程の初めに

【レイヤー - レイヤーの変換 - ラスターレイヤー(カラー)】

を加えることで、「テキストレイヤー」「手書きのベクター＆ラスターレイヤー」いずれにも適用できるようになります。

 

 

 

オートアクションに一連の工程を登録することで、次回からはワンクリックですぐに装飾が完了します。

 

 

↑今回ご紹介した方法を組み合わせた、ポップなタイトルロゴのオートアクションをクリスタアセットで有償配布しています。

 

クリスタアセット配布のロゴ作成オートアクションなど

クリスタアセットでも様々なクリスタ加工を施した装飾文字のオートアクションセットが配布されています。

 

 

まとめ

今回はクリスタで作る、タイトルロゴに使える文字装飾の方法を簡単にご紹介しました。

 

同人誌表紙デザインのアイデア本等を見ると、コツさえ学べばシンプルでもそれなりに見栄えのするタイトルデザインが作れることに気づけると思います。

 

今回の記事がまた何かしらの参考になれば幸いです。

 

 

この他おススメのクリスタ記事はコチラ↓