Photoshopでコミックブックアートを作成する

01/19

ロイ・リヒテンシュタインの様式で写真をコミックブックアートに変える

Roy Lichtensteinのスタイルにおけるコミックブックの効果Roy Lichtensteinのスタイルにおけるコミックブックの効果。 テキストと画像©Sandra Trainor

このチュートリアルでは、Photoshopを使用して写真をRoy Lichtensteinのスタイルで漫画本に変換しています。 私はレベルとフィルターで作業し、カラーピッカーから色を選択し、選択した領域に塗りつぶします。さらに、クイック選択ツール、長方形ツール、楕円ツール、クローンスタンプツール、およびブラシツールで作業します。 Bendayのドットを模したカスタムパターン作成します.Bendayのドットは、使用されている印刷プロセスのために古いコミックに見られることがある小さなドットです。 そして、私は対話を保持するグラフィックである物語の箱と吹き出しの泡を作ります。

このチュートリアルでは、Photoshop CS6をスクリーンショットに使用していますが、かなり最近のバージョンに従うことができます。 以下のリンクを右クリックして、練習ファイルをコンピュータに保存してから、Photoshopでファイルを開きます。 [ファイル]> [名前を付けて保存]を選択し、ダイアログボックスに新しい名前を入力して、ファイルを保存するフォルダを選択し、フォーマット用にPhotoshopを選択して[保存]をクリックします。

実習ファイルをダウンロードする:ST_comic_practice_file.png

02の19

レベルを調整する

レベルを調整する。 テキストと画像©Sandra Trainor

このチュートリアルでは、暗くて明るいコントラストの写真を使用しています。 コントラストをさらに増やすには、[画像]> [調整]> [レベル]を選択し、入力レベルに45、1.00、および220を入力します。 プレビューボックスをクリックしてチェックマークを付け、コミットする前にイメージがどのように見えるかを確認したいことを示します。 私はそれがどのように見えるので、[OK]をクリックします。

03/19

フィルタを追加する

フィルターを選択する。 テキストと画像©Sandra Trainor

フィルタ>フィルタギャラリーに移動し、アーティスティックフォルダをクリックし、フィルムグレインをクリックします。 私はスライダーを動かして値を変更したい。 Grain 4、Highlight Area 0、Intensity 8を作成し、OKをクリックします。 これは、漫画で見つけた種類の紙に印刷されているかのようにイメージを表示します。

別のフィルタを追加するには、[フィルタ]> [フィルタギャラリー]を再度選択し、Artisticフォルダで[Poster Edges]をクリックします。 私はスライダを動かしてEdge Thicknessを10に、Edge Intensityを3に、Posterizationを0に設定し、OKをクリックします。 これにより、写真は絵のように見えます。

04/19

選択をする

私は、ツールパネルからクイック選択ツールを選択し、クリックしてドラッグして、写真内の被写体または人物を囲む領域を「ペイント」します。

クイック選択ツールのサイズを増減するには、キーボードの左右の角かっこを押してください。 右のブラケットはサイズを大きくし、左はそれを小さくします。 私が間違えた場合は、選択解除または選択解除する領域を移動するときに、Optionキー(Mac)またはAltキー(Windows)を押し続けることができます。

05/19

エリアを削除して件名を移動する

背景は削除され、透明に置き換えられます。 テキストと画像©Sandra Trainor

被写体を囲む領域を選択したまま、キーボードの「削除」を押します。 選択を解除するには、キャンバス領域をクリックします。

私は、ツールパネルから移動ツールを選択し、それをクリックして、被写体を少し下にして左にドラッグします。 これにより、残りの著作権テキストが隠され、後で追加する予定の吹き出しのためのスペースが増えます。

06/19

色を選択してください

フォアグラウンドカラーを選択します。 テキストと画像©Sandra Trainor

カラーピッカーを使用して前景色を選択します。 これを行うには、ツールパネルのフォアグラウンドの塗りつぶしボックスをクリックし、カラーピッカーでカラースライダの矢印を赤色の領域に移動し、カラーフィールドの明るい赤色の領域をクリックしてクリックしますOK。

07/19

塗りつぶし色を適用する

Window> Layersを選択し、 LayersパネルでCreate a New Layerボタンをクリックします。 新しいレイヤーをクリックし、それを他のレイヤーの下にドラッグします。 新しいレイヤーを選択した状態で、ツールパネルからRectangle Marqueeツールを選択し、キャンバス全体をクリックしてドラッグして選択します。

編集>塗りつぶしを選択し、塗りつぶしダイアログボックスで前景の色を選択します。 ModeがNormal、不透明度が100%であることを確認し、OKをクリックします。 選択した領域が赤くなります。

08/19

クローンスタンプオプションの設定

クローンスタンプオプション。 テキストと画像©Sandra Trainor

私は黒い斑点や太い線のいくつかを取り除いて画像をきれいにしたい。 「レイヤー」パネルで、オブジェクトを保持するレイヤーを選択し、「表示」>「拡大」を選択します。ツールパネルで、「スタンプの複製」ツールを選択し、オプションバーのプリセットピッカーをクリックします。 サイズを9に変更し、硬度を25%に変更します。

作業中は、ツールのサイズを変更する必要があることがあります。 私はこのためにプリセットピッカーに戻ったり、右か左のかっこを押すことができます。

09/19

イメージをクリーンアップする

アーティファクトをクリーンアップする。 テキストと画像©Sandra Trainor

私は、不要な斑点の代わりにしたい色やピクセルを保持する領域をクリックすると、オプションキー(Mac)またはAltキー(Windows)を押し続けます。 その後、オプションキーまたはAltキーを離して、その斑点をクリックします。 私はまた、対象の鼻の太い線のように、置き換えたい広い領域をクリックしてドラッグすることもできます。 私は私の目標がイメージを漫画本のように見せることを念頭に置いているので、所属していないような斑点や線を置き換えていきます。

10/19

欠けている輪郭を追加する

ブラシを使用して不足している詳細を追加します。 テキストと画像©Sandra Trainor

ブラシツールを使用して、被験者の肩と上腕に沿って欠けている輪郭を追加したいと思います。 被写体を囲む領域を削除するときの選択が私のものとは異なる可能性があるので、画像にこの輪郭が欠落していない可能性があります。 欠けている輪郭線があるかどうかを確認して追加してください。

アウトラインを追加するには、Dキーをクリックしてデフォルトの色に戻し、ツールパネルからブラシツールを選択します。 プリセットピッカーでは、ブラシサイズを3に設定し、硬度を100%に設定します。 次に、アウトラインを作成する場所をクリックしてドラッグします。 アウトラインの外観が気に入らない場合は、[編集] - [ブラシツールを元に戻す]を選択して、もう一度やり直してください。

11の19

シンラインの追加

細い1ピクセルのブラシストロークは、ディテールを領域に追加することができます。 テキストと画像©Sandra Trainor

[ツール]パネルでは、ズームツールを選択して、対象の鼻をクリックするか、その近くをクリックして、領域の詳細を表示します。 次に、ブラシツールを選択し、ブラシサイズを1に設定し、クリックしてドラッグして、鼻の左下側に短い曲線を作成し、反対側にもう1つの曲線を作成します。 これはここで必要とされるすべてのノーズを提案するのに役立ちます。

ズームアウトするには、オプションキー(Mac)またはAltキー(Windows)を押しながらズームツールで画像をクリックするか、[表示]> [画面に合わせる]を選択します。

12/19

新しい文書を作成する

ドットドキュメントの作成。 テキストと画像©Sandra Trainor

いくつかの古い漫画本には目立つBenday Dotsがあります。これは、印刷プロセスで3番目の色を作成するために使用できる2つ以上の色で構成された小さな点です。 この外観を模倣するために、私はハーフトーンフィルタを追加するか、カスタムパターンを作成して適用することができます。

私はカスタムパターンを使用します。 しかし、Photoshopに慣れていて、ハーフトーンフィルタの作成に興味がある場合は、レイヤーパネルで新しいレイヤーを作成し、ツールパネルからグラデーションツールを選択し、オプションバーで黒、白のプリセットを選択し、線形グラデーションボタンをクリックし、キャンバス全体をクリック&ドラッグしてグラデーションを作成します。 次に、Filter> Pixilate> Color Halftoneを選択し、Radius 4を作成し、チャンネル1に50を入力し、残りのチャンネルを0にしてOKをクリックします。 レイヤーパネルで、ブレンドモードを標準からオーバーレイに変更します。 繰り返しますが、カスタムパターンを使用するので、私はこれをやっていません。

カスタムパターンを作成するには、まず新しい文書を作成する必要があります。 「ファイル」>「新規」を選択し、ダイアログボックスで「dots」という名前を入力し、幅と高さを9x9ピクセル、解像度を72ピクセル/インチ、カラーモードをRGBカラーと8ビットにします。 次に、[透過]を選択して[OK]をクリックします。 非常に小さなキャンバスが表示されます。 大きく表示するには、[表示] - [画面に合わせる]を選択します。

13の19

カスタムパターンの作成と定義

ドットのカスタムパターンを作成する。 テキストと画像©Sandra Trainor

[ツール]パネルに[楕円]ツールが表示されない場合は、[矩形]ツールをクリックして保持します。 楕円ツールを使用して、Shiftキーを押しながらクリックしてドラッグすると、キャンバスの中心に円を作成し、その周りに十分なスペースを残します。 パターンは四角形で構成されていますが、使用するとエッジが滑らかに見えます。

オプションバーで、シェイプの塗りつぶしボックスをクリックし、パステルマゼンタのスウォッチをクリックし、シェイプストロークボックスをクリックし、なしを選択します。 私がしたいのはBenday Dotsのアイデアを表現するだけなので、私はただ一つの色を使用しても大丈夫です。 Edit> Define Patternの順に選択し、パターンに「Pink Dots」と名前を付けてOKをクリックします。

14の19

新しいレイヤーを作成する

ドットを保持するレイヤーを追加する。 テキストと画像©Sandra Trainor

「レイヤー」パネルでは、「新規レイヤーの作成」アイコンをクリックし、新しいレイヤーの名前をダブルクリックして名前を「Benday Dots」に変更します。

次に、レイヤーパネルの下部にある新しい塗りつぶしまたは調整レイヤーの作成ボタンをクリックし、パターンを選択します。

15の19

パターンの選択と拡大

レイヤーはパターンで埋められます。 テキストと画像©Sandra Trainor

[パターンの塗りつぶし]ダイアログボックスで、パターンを選択してスケールを調整できます。 カスタムのピンクドットパターンを選択し、スケールを65%に設定して、[OK]をクリックします。

パターンの重大さを軽減するために、「レイヤー」パネルのブレンドモードを標準から逓倍に変更します。

16/19

ナレーションボックスを作成する

物語のボックスが追加されます。 テキストと画像©Sandra Trainor

コミックは、一連のパネル(画像と境界線内のテキスト)を使って物語を語ります。 私はパネルを作ったり、全話をしたりすることはしませんが、物語のボックスと吹き出しを追加します。

ナラティブボックスを作成するには、ツールパネルから長方形ツールを選択し、ドラッグしてキャンバスの左上隅に四角形を作成します。 オプションバーでは、幅を300ピクセルに、高さを100ピクセルに変更します。 また、オプションバーでは、シェイプの塗りつぶしボックスとパステルイエローのスウォッチをクリックし、シェイプストロークボックスと黒いスウォッチをクリックします。 Shape Strokeの幅を0.75ポイントに設定し、Stroke Typeをクリックして実線を選択し、ストロークを長方形の外側に揃えます。

17/19

音声バブルを作成する

漫画のためのスピーチバブルを作成する。 テキストと画像©Sandra Trainor

私は楕円ツールとペンツールを使って吹き出しを作ります。 楕円ツールを使用して、クリックしてドラッグしてキャンバスの右側に楕円を描きます。 オプションバーでは、幅を255ピクセルに、高さを180ピクセルに変更します。 塗りつぶしを白く、ストロークを黒く、ストロークの幅を0.75に設定し、ストロークタイプをソリッドにし、ストロークを楕円の外側に揃えます。 次に、同じ塗りと線で2番目の楕円を作成し、幅を200ピクセル、高さを120ピクセルにして、サイズを小さくしたいだけです。

次に、[ツール]パネルから[ペン]ツールを選択し、それを使って下の楕円と重なり、被験者の口に向く三角形を作成します。 ペンツールに慣れていない場合は、クリックして三角形のコーナーを作成し、線を作成します。 あなたの最初のポイントが作られた最後のポイントを作ってください。これは、ラインを接続してシェイプを形成します。 三角形は、私が各楕円に与えたのと同じ塗りと線を持つ必要があります。

2つの楕円と三角形のレイヤーのレイヤーパネルをクリックすると、Shiftキーが押されます。 次に、右上の小さな矢印をクリックしてレイヤーパネルメニューを表示し、「図形をマージ」を選択します。

独自の吹き出しを描くのではなく、このページから無料のカスタムシェイプの漫画とコミックブックスタイルの吹き出しをダウンロードできます。
スピーチバルーンとテキストバブルを写真に追加する

18/19

テキストを追加

テキストが説明ボックスに追加されます。 テキストと画像©Sandra Trainor

私は今、私の物語の箱と吹き出しの中にテキストを入れる準備ができています。 Blambotには幅広い漫画フォントがあり 、あなたのコンピュータにインストールすることができます。多くのフォントは無料です。 また、フォントのインストール方法についても簡単に説明しています。 このチュートリアルでは、BlambotのDialogue FontsのSmack Attackを使用します。

ツールパネルからタイプツールを選択し、オプションバーでスマッシュアタックフォントを選択し、5ポイントのフォントサイズを入力し、テキストを中央に配置するように選択し、テキストカラーボックスを確認して確認しますそれは黒です。 黒でない場合は、クリックしてカラーピッカーを開き、カラーフィールド内の黒い部分をクリックしてから、「OK」をクリックします。 ここで、私の説明ボックスの枠内をクリックしてドラッグすると、文章を入力するテキストボックスを作成できます。 テキストが表示されていない場合は、[レイヤー]パネルをチェックして、テキストのレイヤーが残りのレイヤーよりも上にあることを確認します。

漫画では、特定の文字や言葉が大きくなったり太字になったりします。 文章の最初の文字を大きくするには、[ツール]パネルで[タイプ]ツールが選択されていることを確認し、文字をクリックしてドラッグして強調表示します。 オプションバーのフォントサイズを8ポイントに変更し、キーボードのエスケープを押してテキストボックスの選択を解除します。

19の19

調整を行う

スピーチバブルの型をフィットさせる。 テキストと画像©Sandra Trainor

テキストボイスにテキストを追加するのと同じ方法でボイスバブルにテキストを追加します。

テキストがナレーションボックスまたは吹き出しの泡に収まらない場合は、フォントのサイズを調整するか、またはナレーションボックスまたは吹き出しの泡のサイズを調整します。 レイヤーパネルで作業するレイヤーを選択し、オプションバーで変更します。 ただし、強調表示されたテキストを変更するときは、[ツール]パネルの[タイプ]ツールを選択し、ナレーションボックスまたは吹き出しの吹き出しを変更するときは、シェイプツールの1つを選択してください。 すべてがどのように見えるのか喜んでいる場合は、[ファイル]> [保存]を選択し、それを完了したものと見なします。 そして、私はこのチュートリアルで説明したテクニックを、パーソナライズされたグリーティングカード、招待状、額入りアート、さらには完全な漫画本などの将来のプロジェクトに適用することができます。

また参照してください:
PhotoshopやElementsであなたの写真にスピーチバルーンやテキストバブルを追加する
Photoshopの漫画効果アクション
•デジタル写真を漫画に変える