マーカーネット株式会社

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

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

関連記事

【2014年のWEBデザイン!】流行するカラー&廃りそうなスタイル

【2014年のWEBデザイン!】流行するカラー&廃りそうなスタイル

2013年も気が付けば残り1週間。早いものですね~(しみじみ) WEBの業界は流行り廃りが激しいもので、 デザインに限って見ても、この1年間でもさまざまな動きがありましたね。 2014年、WEBデザイ …

色のイメージとWEBサイト【ピンク・紫編】

こんにちは、新人Aです。 おととい、昨日とWEBサイトの配色についてお話しました! 【黄色・赤編】【青・緑編】の次は・・・ 今日は【ピンク・紫編】でお届けしようかと思います! 【ピンク】 ちふれ ht …

動物や人物の写真を一瞬で切り抜き?!すごすぎる無料ツール「remove.bg」

こんにちは、デザイナーのAです。 今回は人物や動物が映った写真の背景だけを一瞬で切り抜いてくれる無料ツール「remove.bg」をご紹介します。 ※6月のアップデートデートでかなり対象の幅が広がったよ …

【簡単に創れるphotoshop小技】キラキラ光る星効果

【簡単に創れるphotoshop小技】キラキラ光る星効果

今回はPHOTOSHOPで簡単に創れる「キラキラ光る星」をご紹介します! 【その1】ブラシで直線を引く 新しいレイヤーを追加し、その上にブラシで線を引きます。 【その2】フィルタのぼかしから線を横長に …

デザイナーなら必ず見ておきたいWEBデザイン(可愛い系統)

デザイナーなら必ず見ておきたいWEBデザイン(可愛い系統)

資生堂のマシェリ公式HP http://www.shiseido.co.jp/macherie/index.html リボンのあしらいと女性が好みそうなお花やフルーツなどをモチーフにしていて、 沢山の …