webデザイン

フォトショップでアメコミ風に加工する所要時間たった3分のフィルター活用テクニック。

フォトショップのフィルターを活用すると、画像を印象をガラっと変えることができます。

イラストっぽく仕上げたい場合にはカットアウトブラシストロークなどのフィルターを使用することがありますが、上手に調整しないとわざとらしくなってしまいがち。

ここでは難しい調整をいっさい必要とせず、初心者の方でも3分程度で簡単にアメリカンコミックっぽいイラスト調に加工する方法をお伝えします。

関連記事:photoshopで映画タイトルのようなメタリックなロゴを作るチュートリアル。

フォトショップでアメコミ風に加工するチュートリアル

アメコミ風に加工

今回は①背景(地球とテキスト)②ヒーロー&ロゴが別レイヤーにしてありますが1枚の画像から加工したい場合は↓のテクスチャライザーの工程を飛ばしちゃってください。

背景(地球とテキスト)に フィルター 》テクスチャー 》テクスチャライザー をかける。

テクスチャライザー

ニュアンスを付ける程度なので軽めに調整します。(拡大・縮小:50% レリーフ:2)

調整

すべてのレイヤーを結合して1枚の画像にします。

レイヤーを結合

1枚の画像になったレイヤーにアンシャープマスクをかける。 フィルター 》シャープ 》アンシャープマスク(量:50% 半径:5.0pixel しきい値:0レベル)

レイヤーを複製

続いてレイヤーを複製して、フィルター 》その他 》ハイパス をかける。

ハイパス

ハイパスは↓の画像のようになる感じで調整。(ここでは半径:2.0pixel)

彩度を落とす

若干色味が残っていいるので彩度を落とし、完全なモノクロにします。

テキスト入力

ハイパスをかけモノクロにした前面のレイヤーの描画モードをオーバーレイに変更します。

オーバーレイ

あっとゆー間に、リアルな手書き調のアメコミちっくに完成したと思います。

アメコミ完成

スリームデザインの無料メールマガジン

ピックアップ記事

  1. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  2. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  3. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  4. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  5. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…

関連記事

  1. webデザイン

    Photoshopで自由に点線(直線・曲線・図形を囲む)を書きたいときの1番簡単な方法

    Photoshopで点線を書く方法はいくつかありますが、直線や曲線、図…

  2. webデザイン

    3秒で解決!Photoshopでシェイプを作ると毎回点線がついてしまうときの対処法

    Photoshopでシェイプを作るとなぜか毎回点線がついてしまう・・…

  3. フォトショップ

    photoshopで肌の赤みをとる方法ならこれだっ!

    顔や肌の赤みを修正したい場合、1ヶ所1ヶ所修正していくと非常に時間がか…

  4. webデザイン

    Photoshopでネオン管が光っているような文字の作り方を解説

    歓楽街を歩いているとBARやライブハウスなどのネオン看板が夜の街を彩っ…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」のWEB…
  2. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  3. Photoshop CCのメニュー文字やツールバーが異常に小…

思考系のおもろい記事

ブログラ
  1. webデザイン

    「特訓Photoshopプロのテクニック教えます!」のWEB版を『無料』で一般公…
  2. キュレーション

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  3. SNS

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  4. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  5. 3分の話

    フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
PAGE TOP