webデザイン

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

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

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

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

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

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

アメコミ風に加工

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

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

テクスチャライザー

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

調整

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

レイヤーを結合

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

レイヤーを複製

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

ハイパス

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

彩度を落とす

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

テキスト入力

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

オーバーレイ

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

アメコミ完成

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

ピックアップ記事

  1. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  2. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  3. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  4. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  5. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…

関連記事

  1. webデザイン

    【女性は見ちゃダメっ!】おとこ達のDVDという看板を掲げているお店が扱っているDVDがどのようなもの…

    私の住む田舎町ではピンク・黄色といった原色のど派手な看板を良く見かけま…

  2. フォトショップ

    細部にこだわってポスターデザインを仕上げるためのディティールを詰めるコツ

    ディティールを詰める技術を覚える男性の怪しさが増すような画像を重ね…

  3. フォトショップ

    photoshopで上手なカラーハーフトーン設定をすると面白い印象になりますよ。

    ポップ調、アニメ、サイケデリックなどでよく用いられるドット柄はphot…

  4. フォトショップ

    Photoshopの【色の置き換え】の使い方

    Photoshopで【色の置き換え】を使うと部分的に色を変えることがで…

  5. フォトショップ

    「あれっ?色味が違う・・」フォトショップで印刷データを作る際に絶対に覚えておくべき3つのこと。

    フォトショップ初心者の方や趣味でデザインをやっている方の中には、印刷し…

  6. webデザイン

    フォトショップでフワフワ・フサフサな動物の毛を表現するブラシの上手な活用方法。

    フォトショップのブラシを上手に活用するとさまざまな表現が可能になります…

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

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

最近の記事

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

思考系のおもろい記事

ブログラ
  1. キュレーション

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  2. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  3. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  4. webデザイン

    「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…
  5. コピーライティング

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
PAGE TOP