皆さん、こんにちは！今回は、私の大好きなスタイルの一つである、ビンテージスタイルをご紹介します！

 

レトロやビンテージデザインは、実際には異なる歴史的時代に由来する多くのグラフィックデザインスタイルを指します。私が特に使用するスタイルは、古いイラストの印刷物を思わせるものです。イラストから写真、テキストまで、あなたのデザインにこれらのテクニックを適用できます。

 

1. ビンテージプリント風スタイルの分解

このスタイルに関する私の考察は以下の通りです。

 

• 制限されたパレット: 2～6色

• 劣化した色: 紙やインクなどの素材が時間の経過とともに劣化するため

• 簡略化された色付きの形状の使用: 当時、版木は手彫りで作られる必要があったため、形状は非常に明確で幾何学的なものが多い

• ハーフトーンパターン: 色数が限られているため、より多くの階調やテクスチャを表現するためにハーフトーンが使用される

• ノイズ、グランジテクスチャ、その他の不完全さ: 印刷プロセスは手作業であったため、色ブロックのずれ、インク線のひび割れ、汚れた紙など、多くの不完全さがあった

• 写真: 単独で使用することも、描画要素と組み合わせて使用することも可能。多くの場合、白黒またはデュオトーン写真。

 

これらの特徴を模倣することで、ノスタルジックな効果を得ることができます。

 

2. 描画プロセスの例

2.1. 線画の準備

太く幾何学的な形を使ってみましょう。ビンテージの西部劇コミックスタイルで描く場合を除いて、その場合でも、キャラクターのシルエットを明確で読みやすいものにするように努めてください。

別のレイヤーでクリーンな線画を作成しておくと、後の工程で非常に役立ちます。

2.2. 色の選択

一貫性を保つために、事前に2～6色を選択してください。もちろん、より多くの色を使用することもできますが、選択したパレットに関連する色や派生色（例：より暗い/明るい色調、混合色など）を使用するようにしてください。

いくつかの注意点：

 

• コントラストのために明るい色と暗い色を持つようにしてください。最も明るい色は通常、紙の色として予約されています。

 

• ビンテージプリントは、紙が古くなると黄色から茶色に変化するため、寒色よりも全体的に暖色系のトーンを持つことが多いです。

 

• 線画が黒であっても、印刷されると黒い線は完全に黒ではなく、暗い青/紫/緑/赤みがかった色合いになることが多いことに注意してください。それに合わせて色を選んでください。

 

ヒント: [中間色]タブ（最大4色を混合）と[近似色]タブ（同じ色のより明るい/暗い色調）を使用して派生色を選択します。これらのタブが画面に表示されていない場合は、[ウィンドウ]メニューからオンにしてください。

 

2.3. 色のラフ

線画を参考に、[塗りつぶしツール][G]と[Gペン][P]を使って別のレイヤーに色を配置します。後で詳しく説明しますが、塗りつぶしの代わりにハーフトーンテクスチャを使用することもできます。

 

好きなだけ詳細に描くことができます。詳細であればあるほど、次のステップが楽になります。

2.4. レイヤーでの描画

色を決めたら、慎重に描き直します。各要素はそれぞれ独自のレイヤーを持つべきですが、レイヤー数が多すぎるのが苦手な場合は、少なくとも各色を1つのレイヤーにまとめるようにしてください。例えば、5色パレットの場合、紙用に1つのレイヤー、残りの描画用に4つのレイヤーを使用します。

 

漫画の描画でも同様です。線画用に少なくとも1つ、紙用に1つ、使用する各色用に1つずつレイヤーを用意します。

 

クリーンでシャープな線や形状の描画を好む場合は、ベクターで描画してみてください。詳細については、CLIP STUDIO PAINTでのベクター描画に関する私のチュートリアルをご覧ください。

 

2.5. ハーフトーン

ハーフトーンテクスチャはインターネット上で多く見つけることも、自分で作成することもできます。このチュートリアルでは、CLIP STUDIO PAINTに標準搭載されているものを使用します。

 

素材タブ > 単色パターン にあります。

 

ハーフトーンテクスチャを適用する方法はたくさんあります。私はよく次の2つの方法のいずれかを使用します。

 

A. [自動選択ツール]（または他の選択ツール）を使用して、線画レイヤーから領域を選択します。素材タブからレイヤーパネルにハーフトーンテクスチャをドラッグ＆ドロップします。

 

トーンテクスチャレイヤーにはマスクが付いています。マスクに任意の色の100%不透明度で描画してトーンレイヤーをさらに表示したり、「透明色」で描画したり（または[消しゴムツール][E]を使用したり）してトーンを隠したりできます。

 

B. その部分を色（紙の色または他の色）で塗りつぶします。塗りつぶしたレイヤーの上にトーンをドラッグ＆ドロップし、[下のレイヤーでクリッピング]をクリックします。

 

いずれの方法でも、トーンは黒（または白）になります。他の属性とともにその色を変更します。

 

レイヤープロパティタブで：

 

1&2 - これらの数字でトーンのサイズと密度を変更します

3 - ドットの形状のリストを表示するにはクリックします（このサンプルではトーンを円形ドットからクロスに変更しました）

4 - 色をクリックしてトーンの色を変更します

 

マスクとクリッピングレイヤーを組み合わせて、トーンを表示させつつ色を変更することもできます。この方法で、1つのトーンレイヤーに複数の色を持たせることができます。

2.6. ノイズとグランジテクスチャ

これらは、あなたの描画にノスタルジックな雰囲気を与える不完全な要素です。これらのテクスチャはインターネットやCLIP STUDIO ASSETSでも見つけたり購入したりできます。もちろん、CLIP STUDIOにも標準で含まれています。

 

ハーフトーンパターンと同様に適用します。描画全体または個々のパーツに適用できます。

 

上のサンプルは、ノイズレイヤーがハーフトーン効果をどのように強化したかを示しています。

描画全体に2つの異なるサイズのホワイトノイズレイヤーを使用した別の例。

 

ノイズ/グランジパターンを使用するもう1つの方法は、テクスチャブラシ（例：[しずくエアブラシ][B]）を使用することです。描画と同じ色を選び、インク/絵の具のひび割れやへこみを模倣します。

 

2.7. ずれ（版ずれ）

これはビンテージプリントによく見られるもう一つの不完全さです。[レイヤー移動ツール][K]を使ってレイヤーを少しずらすだけです。

 

これを行う別の方法は、レイヤーを複製し、コピーの色を変更することです。その後、オフセット印刷のずれを模倣するように移動します。レイヤーモードを[乗算]に変更して効果を増幅できますが、色が大幅に変わる可能性があることに注意してください。

 

2.8. 紙のテクスチャ

描画のリアルさを加えます。素材タブ > 単色パターン > テクスチャ に移動し、テクスチャをレイヤーパネルにドラッグ＆ドロップします。レイヤープロパティタブの[テクスチャ合成]ボタンをクリックし、[強さ]を少し下げます。

 

暖色系の黄土色/茶色/紫色の色を選び、[エアブラシ][B]を使って角をなぞるように描き、古びた紙を模倣します。レイヤーモードを[乗算]に設定し、必要に応じて不透明度を下げます。

 

3. テキスト

テキストを描画要素として扱い、上記のすべての手順を適用できます。テキストを作成する方法はたくさんありますが、ここでは多くのテクニックを使用する例を挙げますので、好みに合わせて調整してください。

 

[テキストツール][T]で太字のフォントを使ってテキストを入力します。

 

テキストレイヤーを右クリック（iPadの場合は長押し）し、[ラスタライズ]を選択します（お好みでラスタライズしなくても構いませんが、便利ですが必須ではありません）。

 

Ctrl + C、Ctrl + V（または右クリック/長押し > [レイヤーを複製]）を使用してテキストレイヤーを2つに複製します。念のため、元のレイヤーは残しておきます。

 

テキストレイヤーを再度右クリック/長押し > [レイヤーから選択範囲] > [選択範囲を作成]を選択します。

 

コンテキストメニューで、[選択範囲を縮小]ボタンをクリックします（コンテキストメニューがない場合は、上部バーの[選択]メニュー > [選択範囲を縮小…]に移動します）。

 

ポップアップダイアログボックスが表示されます。縮小幅を入力し、目的の縮小タイプを選択します。

 

新しいレイヤーを作成し、選択範囲を好きな色で塗りつぶします。（私の選んだフォントにはすでに透明なへこみがあるため、選択範囲は均一ではありません。これは各フォントによって異なります。ほとんどのフォントは均一で整列した選択範囲を持ちます）

 

Ctrl + Dを押すか、コンテキストメニューの[選択解除]ボタンをクリックして選択範囲を終了します。

 

素材タブ > 単色パターン に移動し、フリーハンド線パターンをレイヤーパネルにドラッグ＆ドロップします。バウンディングボックスを使って線のサイズを変更したい場合は変更します。

 

新しいレイヤーを作成し、別の色で塗りつぶします。色付きレイヤーをパターンレイヤーにクリッピングします。

 

両方のレイヤーを選択し、右クリック/長押し > [選択中のレイヤーを結合]をクリックします。

 

パターンレイヤーを縮小したテキストレイヤーにクリッピングします。元のテキストの色を変更するには、レイヤーの[透明ピクセルをロック]し、大きなブラシで上から描画します。

 

最初から残しておいた複製テキストをオンにし、少し右下に移動します。必要であれば色を変更します。

 

再度複製し、もう一度色を変更します。（赤いレイヤーのへこみもブラシで描いて修正しました）

 

オプション：私は[選択範囲ツール] > [折れ線]を使って、テキストとその影の角を結び、3Dテキストを作成します。その後、選択範囲を同じ色で塗りつぶします。ブラシで描画することもできます。最初にレイヤーの透明ピクセルをロック解除することを忘れないでください。

 

描画要素と同様に、ノイズ、グランジ、テクスチャなどを追加します。

 

ポスター、ポストカードなどには、太字でカラフルな装飾的なテキストを使用します。

 

タイプライターのテキストやビンテージのチラシや雑誌のオフセット印刷を模倣するために、グランジ/滲み効果のあるオールドスクールなフォントを使用します。

 

漫画には手書き風のすべて大文字のフォント（そして効果音には楽しくて大きな文字のフォント）を使用します。

 

4. 写真編集

ビンテージデザインやアートワークに写真を含める方法はたくさんあります。以下に私が使用する方法の一つを紹介します。高コントラストの写真が必要となることに注意してください。

 

この例では、CLIP STUDIO PAINTに付属の素材タブ > 画像素材 > 画像 の写真を使用します。

 

画像をラスタライズしてから、[編集] > [色調補正] > [グラデーションマップ]… に進みます。

 

ポップアップダイアログボックスで、[白黒]グラデーションを選択します。スライダーを使用して画像を微調整できます。完了したら[OK]をクリックします。

 

レイヤープロパティタブで[トーン]ボタンをクリックします。お好みで[頻度]を変更します。

 

[編集] > [輝度を不透明度に変換] に進みます。

 

これで、[下のレイヤーでクリッピング]などの他のテクニックを使用して、写真に色を追加できます。

 

このチュートリアルで何か役立つものが見つかれば幸いです！私のチュートリアルが気に入ったら、私のページを訪れてください！ぜひお話しましょう:D