マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン

【photoshop】アプリを使わず、簡単に写真を漫画風にアレンジする方法!

投稿日:2014年7月28日 更新日:

01

このお姉さんにあえて漫画調にマーカーネットをアピールしてもらうと…

02

ちょっと面白くて勢いのある効果が生まれますね。

昨今では漫画的な加工を取り入れるWEBデザインも増えてきました。

ですので、今回は写真を漫画風にアレンジする方法について、まとめてみました!

まずはphotoshopで写真のモードをグレースケールにします。

03

次に、写真を漫画の背景に加工するために作られた無料アクションをダウンロードします。

Adobe Photoshop5.5,Mac

http://matsudanozomu.com/nyuumon/img/manga.sit

PhotoshopCS2以降対応

http://matsudanozomu.com/nyuumon/img/manga.sit

アクションファイルの読み込み方

【PhotoShop】アクション(.atn)ファイルの追加(インストール)方法とおすすめのアクションまとめ

アクションファイルをphotoshopで読み込んだら、早速実装してみましょう!

04

05

私はとりあえず、この段階でアクションをストップしておきます。

次に元の写真レイヤーを2枚複製し、複製したレイヤーを選択した状態で「フィルター」→「表現手法」→「輪郭のトレース」の機能を使って、輪郭線を抽出。
※これを二回繰り返します。(足りない線を補うようにレベルの数値を調整するのがオススメです。)

06

元画像のレイヤーを非表示にするとこんな感じになります。

07

あとは不要な線を消したり、髪にブラシやパスを使って軽くハイライト入れます。

また、トーンのパターンをダウンロードして、塗りつぶし機能を使用してトーンをはったりすると、より漫画っぽくなります。

漫画トーンのパターンダウンロード

http://ne-ko-ma-ta.blog.ocn.ne.jp/blog/toneuse.html

photosho パターン読み込み方

http://blog.livedoor.jp/redamoon/archives/1531293.html

08

09

漫画の擬音素材

http://www.sozaijiten.com/manga/03_so.html

効果線素材

http://www.sozaijiten.com/manga/02_ef.html

吹き出し素材

正統派丸ふきだし

背景素材

http://da-yama.secret.jp/index.html

↑上記のサイトのようなフリー素材サイトからクオリティの高い線画の背景や効果線、書き文字、吹き出しなどの画像データをダウンロードし、
ペタペタ貼り付けるだけで…

02

完成です!

いかがでしたでしょうか。
ちょっとインパクトのある面白いコンテンツを作る際にお役立ていただければと思います。

-WEBデザイン

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

初心者向けWEBデザイン力強化トレーニング法

学生時代デザインを勉強してきて、いいものを作る、作れる自信を持っている新人さんが驚くことは先輩デザイナーの圧倒的なスピードだと思います。 社会に出ると当然「納期」があり、「自分のペースで」なんてことが …

イラスト素材サイトのご紹介

イラスト素材サイトのご紹介

こんばんは、新人Aです。 今日は、イラスト素材のサイトさんをご紹介しようかと思います!       【いらすとや】 http://www.irasutoya.com/ フ …

【photoshop】素材なしで手軽にテキストを水彩風にするテクニック!

暑い日が続いておりますが、デザインする時も季節感を演出できたら、より人の目を引くデザインになるかもしれないですね。 ここで夏にふさわしい、テキストを涼しげな水彩風に加工するPhotoshopテクニック …

WEBサイトの配色に迷った時の必見サイト!をご紹介。

WEBサイトの配色に迷った時の必見サイト!をご紹介。 http://www.markernet.co.jp/blog/2015/08/10/post-5960/ Facebook

ブクマするならコレ! 素材探しで迷わない、商用利用可能な素材サイト

ブクマするならコレ! 素材探しで迷わない、商用利用可能な素材サイト

こんにちは! Webデザイナー初心者のKです! 本日はWeb制作をされている方なら誰しもがぶちあたるであろう、 著作権について、色々と熱く語ります!! ・・というのは、長ーーーくなるので!! 商用利用 …