🔹アルファベットをデザインしてタイポグラフィを向上させよう

15,514

AriaVon

AriaVon
自動翻訳 | 原文を見る

はじめに

皆さん、こんにちは!今回も見てくださってありがとうございます(⌒‿⌒)。今回は、私がアルファベットをデザインする際の手順をご紹介します。ポストカードやカード、イラストなどの装飾に最適で、外部フォントに頼らずに自分だけのタッチを加えることができます。また、テキストのスタイリング例もいくつか紹介します。それではさっそく…

 

始めましょう!!(o・ω・o)

1. アルファベットのデザイン

インターネット上には、作品に個性を与えてくれる様々なデザインのフォントがダウンロードできるサイトが無数にあります。しかし、気に入ったものが見つからない場合や、単に使用するタイポグラフィに自分らしさを加えたい場合もあります。そのような時は、自分自身でタイポグラフィをデザインするのが一番です。作成を容易にするためにどのようなツールが使えるか見ていきましょう。

 

 

✦ キャンバスとグリッド

キャンバス: 単純に、サイズ2500 x 2000 px、解像度300 dpiの白紙のキャンバスを作成します。

 

dpiはキャンバスが持つ情報の量です。情報が多いほど、印刷は鮮明になります。

- グリッド -

 

要素を揃えたり配置したりする際の精度を高めるために、グリッドを表示します。有効にするには、[表示]メニュー > [グリッド]を選択します。

設定を変更するには、同じパスから[ルーラー・グリッドの設定]を選択します。ここで[センター]にチェックを入れ(これによりキャンバスの中央からグリッドが発生します)、[グリッド設定]で[間隔]を1.00、[分割数]を5に設定します。

 

これにより、大きなマス目1つが1cm x 1cmのグリッドになります。


✦ テンプレート

アルファベットのデザインを容易にするために、ベースとなるテンプレートを作成します。このテンプレートには各文字が含まれます。これらの文字はニュートラルなフォントである必要があるため、テキストツールを使用します。

 

[テキスト]ツールは、ツールパレット(「A」のアイコン)またはキーボードショートカットの「T」で見つけることができます。ツールを有効にしたら、キャンバスの任意の場所をクリックして入力を開始するだけです。また、テキストボックスは枠線をクリックして移動、上部のコントロールポイントを使用して回転、ボックスのハンドルを使用してサイズを変更できます。

 

ショートカット: SHIFTキーを押しながら操作すると、比率が維持されます。

テキストツールの各設定について詳しく知りたい方は、以下のチュートリアルをご覧ください。

[ツールプロパティ]ウィンドウにすべての設定が表示されます。

次に、アルファベットの各文字を配置し始めます。その際、以下のガイドラインに従います。

 

① すべての文字を同じサイズにする。

② 文字と文字の間に十分なスペースを空ける。

③ 秩序と清潔感を保つために整列させる。

整列・分布: グリッドだけで文字を揃えるのが難しい場合は、[整列・分布]ツールを使用できます。使い方は非常に簡単です。整列させたい要素が別のレイヤーにある場合は、整列させるレイヤーを選択し、ツールのウィンドウに移動して[整列基準]を[ガイド]に設定し、最後に必要な方向の整列オプションを使用します。

 

これは精密な作業に非常に便利なツールです。使い方の全容を知りたい場合は、こちらの公式チュートリアルを読んでみてください。

次のステップは、個別のレイヤーにあるすべての文字を1つにまとめることです。これを行うには、[下のレイヤーと結合]機能を使用するか、まとめるすべてのレイヤーを選択してその1つを長押し(タブレット版の場合。PCの場合は右クリック)し、表示されるメニューから[選択中のレイヤーを結合]を選択します。

最後に、結合したレイヤーの不透明度を好みの加減まで下げます。


✦ ラフ

タイポグラフィのデザイン(言語)は、伝えたいメッセージを正しく伝えるのに役立ちます。そのため、何を伝えたいかを考え、適切なフォントでメッセージを形にすることが重要です。タイポグラフィをカスタマイズする際は、文字にどのような個性を持たせたいかを考慮する必要があります。

 

- 形の言語 -

 

形の言語を少し知っていると、より正確なメッセージを伝えるのに役立ちます。見てみましょう。考慮すべき3つの基本形があります。

 

① 円: 円を含む文字は、親しみやすさ、無害、信頼、そしてよりポジティブな感情を伝える傾向があります。

② 四角: 四角は、強さ、自信、サポート、安定感を伝える要素の特徴です。

③ 三角: 一方、三角は危険、遊び心、不安定、攻撃性を伝えます。

基礎を理解したら、シンプルな形のベース文字をより複雑な形に変えて適用していきます。ワイルドスタイルのグラフィティのような鋭い形の文字、雲のような丸々とした文字、装飾的な文字、あるいはシンプルなベースに蝶、花、星などの追加要素を加えたもの、さらには複数の要素を組み合わせたものを作成できます。

その上のレイヤーに、鉛筆ブラシで各文字のラフを描きました。アルファベットをデザインする際は、一貫性を保つ(形や色の共通性を持たせる)ことをお勧めします。


✦ 線画 - ベクター

次に行うのは、ラフの線をきれいにすることです。まず以下のことを行います。

 

① テンプレートレイヤーを非表示にする。

② ラフのレイヤーの不透明度を下げる。

③ すべてをフォルダとレイヤーで整理する。より整理したい場合は文字ごとにフォルダを作成することもできますが、少し不要かもしれません。

- ベクターレイヤー -

 

フォルダを選択した状態で、その中にベクターレイヤーを作成することから始めます。ベクターレイヤーを作成するには、[レイヤー]ウィンドウの2番目のレイヤーアイコンをクリックします。

次に、[曲線]ツールと[直線]ツールを使用して、図形の輪郭を描き始めます。これらのツールは、数回のクリックで曲線や直線を描くことができるので気に入っています。直線ツールと曲線ツールは、図形サブツールの中にあります。

 

曲線ツールを使用するには、始点を設定し、次の位置までドラッグして離します。すると曲線のガイドラインが表示されるので、理想的な角度を選んで完了です。

 

線をくっきりさせるために、[手ブレ補正](または滑らかさの設定)を調整することをお勧めします。

ベクターレイヤーを使用する利点は、線の扱いが簡単なことです。[線修正]サブツールを使用すると、ベクターレイヤーの線を修正できます。これらの設定にアクセスするには、ツールパレットのノードを指す矢印のアイコンに移動します。

含まれているすべてのサブツールの中で、最も重要だと思うのは以下のものです。

 

1. 制御点: このツールを選択すると、[ツールプロパティ]ウィンドウに制御点を修正するための一連のオプションが表示されます。その中で最も重要なのは、[制御点の移動]、[追加]、[削除]です。

2. 線幅修正: 線の太さを太くしたり細くしたりします。これらの設定にはそれぞれパーセンテージバーがあり、線の変化量を調整できます。

- 消しゴム: ベクター用消しゴムを使用すると、線を引くときにそれほど正確である必要がないという利点があります。つまり、縁から線を長くはみ出させておいて、後で素早く消すことができます。これにより、どんなに小さな線も消して、きれいな仕上がりにできます。ベクター用消しゴムの[ツールプロパティ]ウィンドウには、3つの機能があります。

 

① 標準的な消しゴム: この機能は、ベクター用消しゴムを普通の消しゴムのように機能させます。

② 交点まで消去: 一方、これは触れた線を別の線と交差する場所まで消去します。これが3つの中で最も興味深い機能です。

③ 線全体を消去: この機能を使用すると、途中に他の線が重なっていても、線全体を消去できます。

ベクターレイヤーの素晴らしさについてもっと知りたい方は、以前作成したこちらのチュートリアルをご覧ください。

私は各文字をすべて同じレイヤーで清書することにしました。すべてきれいになったら、次の段階に進みます。


✦ ネオンカラー

タイポグラフィの色には彩度の高い色を使用します。それについて説明します。ネオンカラーを得るのは簡単です。まず、カラーサークルの右上の象限にある色相を選びます。このエリアの色は非常に彩度が高いため、最適です。

影については、グレーから最も遠い方向に斜めに移動させますが、常に同じ色相である必要はなく、隣接する他の色相に移動させることもできます。

ハイライトについては、左上の象限に移動させますが、真っ白にはならないようにします。

一方、異なる種類の色相を組み合わせる方法を知るために、配色の調和(カラーハーモニー)を利用できます。様々なスキームがありますが、今回は「類似色」スキームを採用しました。

 

- 類似色 -

 

類似色の調和は、色相環で近い色を配置することで形成されます。近いため、互いによく馴染みます。色相環で連続して並んでいる青、紫、ピンクのような組み合わせです。


✦ 下塗り

下塗りを簡単に適用するために塗りつぶしツールを使用します。そのためには以下の手順を行います。

 

① ベクターレイヤーの下に新しいレイヤーを作成する。

② [レイヤー]ウィンドウの機能にある灯台のアイコンを有効にして、ベクターレイヤーを[参照レイヤー]に設定する。

③ [塗りつぶし]ツールを選択し、[ツールプロパティ]ウィンドウに移動する。

④ 設定で[複数参照]オプションを有効にし、[参照レイヤー]アイコン(1)を有効にする。

⑤ [ベクターの中心線まで塗りつぶす](2)オプションを有効にすると、ベクター線の中心まで色が適用されます。これにより、塗りつぶしツールで塗ったときに残りがちな白い隙間を減らすことができます。

⑥ 最後に、[隙間閉じ](3)は、ベクター線に小さな隙間があっても塗りつぶしてくれます。

⑦ あとは新しいレイヤーを選択し、色を選んでクリックして塗り始めます。


✦ グラデーション

Clip Studio Paintでグラデーションを適用する簡単な方法は、グラデーションツールを使用することです。このツールは[ツール]ウィンドウ(1)にあります。

 

[ツールプロパティ]ウィンドウにはグラデーションの設定があります。色を変更するには、プレビューの下にあるノードに注目してください。

 

これらのノードで以下のことができます:

1. 下部の矢印を使用して、各色の量を調整する。

2. 下のライン(移動矢印がある場所)の任意の場所をクリックして、バー全体に新しいノードを作成する。

3. ノードを削除する。バーの一部を削除するには、グラデーションのメニュー(「+」記号)を展開し、[詳細設定] > [ノードを選択] > [削除]を選択します。

グラデーションの色を変更するには:

 

① まず、カラーサークルから色を選択します。

② 次に、以下のGIFのようにノードをクリックします。各ノードでこれを行います。

 

[サブツール]ウィンドウには、あらかじめ用意されたグラデーションがいくつかあります。しかし、自分専用のものを作成するには以下の手順を行います。

 

① プリセットのグラデーションを選択します。私の場合は「青空」を選びました。

② 次に、ウィンドウ下部にある[サブツールの複製]アイコンをクリックするか、複製するグラデーションを長押しして表示されるメニューから選択します。

グラデーションはどの角度からでも適用できます。私の場合、グラデーションを適用するために、ベースカラーの上に新しいレイヤーを作成し、[下のレイヤーでクリッピング](レイヤー機能の最初のアイコン、重なった2つの四角の記号)を適用しました。[なげなわ選択]ツールで1文字だけ選択し、グラデーションを適用します。そうしないと、レイヤー全体にグラデーションが適用されてしまいます。


✦ 影/ 3D

影や3D効果を作成するには、以下の手順を行います。

 

① 文字に対応するすべてのレイヤーが入ったフォルダを複製します。そのためにはフォルダを長押しし、メニューから[レイヤーを複製]を選択します。

② 次に、複製したフォルダを選択して再びメニューを開き、今回は[選択中のレイヤーを結合]を選択します。

③ 作成されたレイヤーを選択し、次のパスに移動します:[編集]メニュー > [色調補正] > [色相・彩度・明度]。

④ [色相・彩度・明度]ウィンドウが開いたら、[明度]バーを一番左(-100)まで下げます。これにより、文字が黒くなります。

⑤ 次に、このレイヤーをフォルダの下、またはフォルダ内に作成されたレイヤーの下に配置します。

⑥ 変形ツールを使用して、レイヤーを希望の方向にわずかにずらします。

 

変形ツールは、私のようなタブレット版の場合は上部メニューにあるショートカットから、または[編集]メニュー > [変形]で見つけることができます。キーボードショートカットは「CTRL + T」です。

⑦ 最後に、文字の頂点と影の頂点をつなぎ、空いているスペースを塗りつぶします。


✦ テクスチャ

ここからが面白くなるところです。テクスチャを追加するには、CLIP STUDIO ASSETSからダウンロードした素材を使用できます。星、花、パターンなど、文字を飾るために使用できる素材がたくさんあります。

私の場合、以下の素材を使用しました:

 

 

- 色の変更: 影や線の色を変更するには、変更したい要素があるレイヤーを[レイヤー]ウィンドウの機能パネルにある[透明ピクセルをロック]に設定します。次に、[選択範囲]ツールで文字を選択し、最後に選択範囲のフローティングメニューにある塗りつぶしオプション(塗りつぶしアイコン)で塗りつぶします。

グラデーションの上のレイヤーで、文字のデザインの実装を始めます。私の場合、[飛沫]エアブラシを使用して汚れや反射をシミュレートし、他のいくつかの文字にまばらな線を引き、レイヤーの不透明度を調整したり、輝きを追加したりしました。

 

縁からはみ出さないように、[下のレイヤーでクリッピング]を有効にすることを忘れないでください。

3Dの縁を少し飾るために斜線パターンのブラシを使用し、最後に星のブラシで文字の上にいくつか配置しました。

デザインの世界には、テクスチャ、色収差、画像、ドットパターンなど、使用できるバリエーションがたくさんあります。タイポグラフィに加えることができるいくつかの変更点を知りたい場合は、以前作成した以下のチュートリアルをご覧ください:

 

 

以下にいくつかの例を示します:


✦ フチ

デザインの次のステップでは、それぞれ異なる色の複数のフチを適用します。

文字に色のついたフチを適用するには、以下の手順を行います:

 

① まず最初に、バックアップを保持するために、文字のすべてのレイヤーを保存したフォルダのコピーを作成します。

 

コピーについては、レイヤーをクリックしてメニューから[レイヤーを複製]を選択してください。

② 複製したフォルダを選択し、メニューから[選択中のレイヤーを結合]を使用します。

 

フォルダに直接境界効果(フチ)を適用して中の要素すべてに反映させることもできますが、私は1つのレイヤーにコピーを作成することを好みます。

③ [レイヤープロパティ]パレットに移動し、円の形のアイコン(境界効果)をクリックします。デフォルトで白いフチが表示されます。[フチの太さ]バーを動かして、幅を変更します。

 

[フチの色]をクリックすると、カラーウィンドウから色を変更できます。すでに色を選択している場合は、色の帯の横にある塗りつぶしアイコンをクリックするだけです。

最初のフチを作成したら、2つ目のフチのために上に新しいレイヤーを作成し、この新しいレイヤーを最初のフチのレイヤーと[下のレイヤーと結合]オプションで結合します。これにより、前のフチを失うことなく境界効果機能が再び利用可能になります。あとは、この2段階目のフチの太さと色を選ぶだけです。

好きなだけ繰り返すことができます。

2. 保存

デザインした文字を保存して他のプロジェクトで使用するための2つの方法が思い浮かびます。それらが何か見てみましょう:

 

 

✦ 画像素材

画像素材は、素材フォルダに保存されるアクセスしやすいファイルです。イラストを画像素材に変換するのは非常に簡単です。方法を見てみましょう:

 

① 最も重要なのは、良い結果を得るために文字に背景がない状態にすることです。

② 次に、[選択範囲]ツールで文字を選択します。その後、[編集]メニュー > [素材登録] > [画像]に移動します。

③ ウィンドウが表示されるので、素材の名前、プログラム内での保存場所を設定します。そして最も重要なのは、[拡大縮小後に準拠]のチェックボックスを入れることです。すべて準備ができたら、[OK]を押します。

あとは、保存したフォルダから作成した素材をドラッグするだけです。また、ノードを使って枠線をクリックして移動、上部のコントロールポイントで回転、ボックスのハンドルでサイズ変更ができます。最後に、[ツールプロパティ]レイヤーには、回転、傾斜、比率維持などのさらなる調整オプションがあります。

レイヤーに表示されるシンボルによって、画像素材であることを簡単に識別できます。

素材フォルダ内をより整理するために、アルファベット専用のフォルダを作成できます。これは簡単です:

 

① 素材ウィンドウのフォルダリストの右下にある[新しいフォルダを作成]アイコンをクリックします。

② 新しいフォルダの名前を決めます。

③ アルファベットの画像を選択してフォルダにドラッグ&ドロップします。


✦ マルチブラシ

マルチブラシとは、画像で構成されたブラシのことです。作り方を見てみましょう:

 

① 先ほど説明したのと同様に、[選択範囲]ツールで文字を選択します。

② 次に、[編集]メニュー > [素材登録] > [画像]に移動します。

③ 今回は、[ブラシ先端形状として使用]のオプションにチェックを入れる必要があります。

④ プログラムにデフォルトで組み込まれている[デコレーション]ブラシの中から、[ボタン]ブラシを選び、右クリックして複製します。メニューが表示されるので、[サブツールの複製]を選択します。

⑤ 名前、アイコン、その他のオプションを変更できるウィンドウが表示されますが、今回は名前だけで十分です。

⑥ 新しいブラシを作成したら、[ツールプロパティ]ウィンドウの右下にあるスパナの形のアイコン(1)をクリックします。新しいウィンドウが開くので、[ブラシ先端](2)に移動します。そこに来たら、上部に表示されている画像の矢印(3)を押します。

検索画面が開くので、先ほど登録した素材を選択し、最後に[OK]を押して前のウィンドウを閉じます。これで完了です。

 

作成した素材は、[作成した素材]タグを選択すると素早く見つけることができます。

さらに画像を追加するには、右下にある紙のアイコンをクリックします。再び検索画面が開くので、素材を追加します。

 

画像の順序を入れ替えるには、画像を長押しして新しい位置にドラッグするだけです。

ブラシにはアルファベットの文字が含まれるため、いつでも使用でき、アカウントにリンクされた他のデバイス間でも共有できます。ブラシを適用するとキャンバス上に文字が連続して表示されます。それらを分けるには、選択範囲ツールを使用するか、新しいレイヤーに移動させます。

[サブツール詳細]内の[ストローク]項目で、画像間の間隔(間隔)を調整できます。

これでアルファベットが完成しました。あとはそれを補完する要素と一緒に配置するだけです。

最後に、カード、ポストカード、ポスターなどへの要素の配置に関するアドバイスを知りたい方は、この記事や次の記事で紹介されているTipsをご覧ください:

 

 


✦ インストール可能なタイポグラフィ

残念ながら、先ほどのようなカラフルで細部まで描き込まれたフォントをインストール可能なファイルとして作成することはできません。なぜなら、各プログラムのテキストツールで使用されるフォントは、実際にはベクターだからです。そのため、明確に定義されたブロックカラーのデザインしか作成できません。

 

この例では、先ほどのアルファベットを再利用しますが、カラフルなディテールを取り除き、黒い縁、3D投影、白い内側のみを残します。

自分自身のタイポグラフィのインストール可能なファイルを作成するには、以下の手順を行います:

 

① 背景のないレイヤーにタイポグラフィのデザインができたら、作成したものを非常に簡単な方法でデジタル化するのを助けてくれるウェブサイト(お勧めはCalligraphrというサイト)に移動します。

② サイトに移動したら、プラットフォームに示されている手順に従います。これには、テンプレートをダウンロードし、記入して、完了したら再度アップロードするという作業が含まれます。

③ テンプレートは以下のようなものです。これをCLIP STUDIO PAINTの新しいプロジェクトで開きます。そこに、マス目の指示に従って、文字を1つずつ対応するセルにコピー&ペーストします。

要素(レイヤーやフォルダなど)を別のファイルにコピー&ペーストするには、[編集]メニュー > [コピー] / [貼り付け]、またはキーボードショートカットの「CTRL + C」(コピー)と「CTRL + V」(貼り付け)で行うことができます。

④ テンプレートが完成したら、[ファイル]メニュー > [画像を統合して書き出し] > [PNG]オプションからデバイスに保存します。

⑤ サイトに戻り、テンプレートをアップロードして、タイポグラフィのTTF / OTFファイルを生成し、ダウンロードします。

 

適切なタイポグラフィは、アルファベット、そのバリエーション、句読点、特殊記号で構成されます。この例で作成したタイポグラフィは基本レベルで、アルファベットのみを含んでいます。

CLIP STUDIO PAINTに戻り、[テキスト]ツールに移動して、[ツールプロパティ]の[フォント] > [フォントを追加]に移動します。クリックするとファイル検索ウィンドウが開くので、自作のタイポグラフィが含まれているTTF / OTFパッケージを選択し、[OK]を押します。

クラウドに保存するかどうかを尋ねるメッセージが表示されます。都合が良ければ同意し、そうでなければ閉じてください。これで完了です。あなた自身が作成したフォントが手に入りました。

 

このフォントは他のプログラムにもインストールできます。

追加されると、インストールされている他のフォントと同様に、[フォント]のドロップダウンメニューに表示されます。[ツールプロパティ]ウィンドウで、サイズ、スタイル、揃え方向、色、フチ、角度、回転、傾き、遠近、袋文字などのテキスト設定を自由に調整できます。

3. テキストのスタイリング

この最後のセクションでは、フォントを編集してよりスタイルを加えるいくつかの方法を紹介します。

 

 

✦ ベベル

最初の例として、ベベル(面取り)効果について説明します。

最初のステップとして、[テキスト]ツールで2種類のフォントを作成します。1つは太い線、もう1つはできるだけ細い線のものです。

次に、細い方の文字が含まれているテキストレイヤーをベクターレイヤーに変換する必要があります。そのためには、レイヤーを右クリック(タブレットの場合は長押し)し、表示されるメニューから[レイヤーの変換(H)]を選択します。このオプションをクリックするとウィンドウが表示され、レイヤーをベクターレイヤーに変換することを選択できます。

 

種類(K): ベクターレイヤー。

レイヤーの種類をベクターに変更すると、設定オプションが有効になります。それをクリックすると新しいウィンドウが開いて様々な変更ができますが、最も重要なのは線の太さを調整する[最大線幅]です。

5 pxを使用することをお勧めします。

線がまだ太すぎる場合は、ベクターレイヤーが備えている[線幅修正]ツール(線幅を細くする)を使用することをお勧めします。

 

このツールはアルファベットの作成時に説明しました。オプションを選択し、ブラシで線をなぞって、希望の太さになるまで調整するだけです。

次に、一文字ずつ選択し、選択ツールと変形ツールを使用して、太い文字の中央に配置します。

袋文字: 次のステップでは、太いテキストを袋文字(中抜きテキスト)に変換します。以下の手順で行います。

 

① テキストツールを選択します。

② 次に、レイヤー(テキストレイヤー)を選択し、テキストツールのプロパティに移動します。そこの[スタイル]セクションでメニューを展開すると、[袋文字]オプションが見つかります。このオプションでは、「細い」と「太い」の2つのスタイルから選択できます。私の場合は「太い」を選びました。これで、袋文字のタイポグラフィが完成しました。

 

もしこのオプションがウィンドウに表示されていない場合は、[ツールプロパティ]ウィンドウの右下にあるスパナアイコンから有効にできます。ウィンドウが開いたら、[スタイル]に移動し、[袋文字]のボックスをクリックします。

続けて、これまでに作成したレイヤーの不透明度を下げます。その後、上に新しいベクターレイヤーを作成し、図形ツールで輪郭をなぞり始めます。構造ができたら、袋文字の頂点と細い文字の頂点を結びます。これがベベル効果を生む鍵となります(図形ツールの使い方は先ほど説明しました)。

 

コツ: SHIFTキーを使用すると、完璧な直線を引くことができます。タブレットで作業している場合は、エッジキーボードにオプションがあります。

最後のステップは、このチュートリアルのセクション2にある「下塗り(ベースカラー)」で説明したのと同様に、塗りつぶしツールで色を適用することです。最後に、線を消すだけです。


✦ 遠近感

遠近感のあるテキストには多くの用途があります。いくつか見てみましょう:

 

① テキストレイヤーをラスタライズレイヤーに変換します。

 

テキストレイヤーでは編集や描画ができないため、ラスタライズされたレイヤーで作業します。

② 次に、遠近感をつけるために、レイヤー全体または今回のように1文字ずつ選択します。

③ 次のパスに変形オプションがあります:[編集]メニュー > [変形] > [自由変形]、[遠近歪み]、[歪み]または[傾斜]。タブレット版を使用している場合は、上部バーにあるアイコンから標準の変形ツールにアクセスすることもできます。

 

注: 変形オプションを有効にしたら、[ツールプロパティ]ウィンドウの[モード]セクションから、ある変形タイプから別のタイプへ素早く切り替えることができます。

④ 得たい遠近感の方向にボックスのノードを動かします。

テキストを複数の角度に配置できる様々な変形ツールがあります。いろいろ試してみてください。

3D効果を作成するには、「影 / 3D」セクションで説明したのと同じ手順に従いますが、この場合は各文字に対応する遠近感に合わせて、文字ごとに動かす必要があります。

次に、選択ツールと[透明ピクセルをロック]オプションを使用して、影の色を変更できます。最後に、[図形]メニュー > [直線]ツールで、文字と影の間の頂点を結び、空いたスペースを塗りつぶします。これで3D効果の完成です。

さらにプラスアルファとして、影レイヤーの「透明ピクセルをロック」し、[折れ線選択]ツールを使って3D形状の影になる部分を慎重に選択し、コントラストの効いた色を適用することもできます。

● さらに: 深みを加えるために、選択ツールとグラデーションを使用して文字の曲線部分を処理し、ボリュームの移り変わりを表現することもできます。

様々な変形オプションを使用し、パースペクティブのポイントを工夫することで、面白い結果を得ることができます。


✦ フチと奥行き

テキストの前面にフチと奥行きを追加するには、以下の手順を行います。先ほどの3Dテキストを使用します:

 

① 元のテキストのレイヤーを選択します。

② 次に、[レイヤープロパティ]パレットに移動し、円の形のアイコン(境界効果)をクリックします。デフォルトでフチが表示されます。

③ フチを適用した後、影のレイヤーに戻り、フチの幅によって生じた境界の空きスペースを塗りつぶします。

④ 最後に、最も重要なステップです。まず、フチを適用するために選択した文字のメインレイヤーを選択し、キーボードの「CTRL」キーを押しながら選択したレイヤーのサムネイルをクリックします。

⑤ 文字の縁に選択範囲の点線が表示されます。選択範囲が表示されたら、キーを離します。

⑥ あとは上に新しいレイヤーを作成し、文字の内側の影を描き込み始めます。完了です。

- レトロ -

 

もう一つの奥行き効果は、レトロスタイルのように、異なる色のレイヤーを複数重ねることです。


✦ フローティングテクスチャ

中身はあるけれど背景がない文字を作成するのは非常に簡単です。方法を見てみましょう:

 

① 中身を入れたいテキストを作成します。

② 「CTRL」キーを押しながらレイヤーのサムネイルをクリックします。

③ 選択範囲が表示されたら、キーを離します。

④ あとは上の新しいレイヤーで、好きなテクスチャブラシや図形で塗ります。完成です。簡単ですよね?


✦ ハーフトーン

ハーフトーンを適用する方法を見てみましょう:

 

① 「CTRL」キーを押しながらレイヤーのサムネイルをクリックします。選択範囲が表示されたら、キーを離します。

② [グラデーション]ツールに移動し、[マンガ用グラデーション]というプリセットを選択します。

③ 希望の方向に適用します。この時、新しいレイヤーを作成することを心配する必要はありません。自動的に作成されます。

 

注: ツールウィンドウにある[オブジェクト]操作ツールを使用すると、適用した後でもグラデーションを動かすことができます。

④ [ツールプロパティ]ウィンドウの[効果]セクションに、[トーン]オプションがあります。これを有効にすると、グラデーションがトーンに変換されます。

 

表示される設定の中で、ハーフトーンの太さ(線数)、形状、色などを選択できます。完了です。

ハーフトーンを使ってできるバリエーションはたくさんあります。例えば:

 

- 影 -

影レイヤーのコピーを作成し、トーンを適用できます。この効果を前面の線に追加することもできます。

- ぼかし -

この2番目の例では、ぼかしフィルターを使用します。これらには多くの種類があるため、まずはそれぞれの特徴を試してみることをお勧めします。フィルターは次のパスにあります:[フィルター]メニュー > [ぼかし]。

さて、ぼかしをすべての文字に適用したくないので、範囲を選択します。選択範囲ツールでもできますが、それではぼかしの境界がくっきりしすぎてしまいます。そのため、滑らかなぼかしを実現するには以下の手順を行います:

 

① レイヤーをラスタライズします。

② 文字の上の新しいレイヤーで、[柔らかい]エアブラシを使用して希望のエリアを塗ります。

③ 「CTRL」キーを押しながらレイヤーのサムネイルをクリックします。選択範囲が表示されたら、キーを離します。

④ 塗ったレイヤーを削除し、再び文字のレイヤーを選択します。

⑤ その後、フィルターを適用します。私の場合は[放射ぼかし]を使用します。

⑥ 選択範囲を解除します。

⑦ 最後にトーン効果を適用します。完了です。

Despedida

このアルファベットを作成するのはとても楽しかったです。皆さんも自分自身のアルファベットをデザインすることを楽しんでいただければ幸いです。ここまで読んでくださりありがとうございました!「いいね」をいただけると大きな励みになります。また別の機会にお会いしましょう!(≧∇≦)/

 

バイバイ。

 

私についての詳細はこちら:

コメント

新着

公式 新着