Photoshop テクニックス

Adobe Photoshop CS5 テクニック 講座 アドビ フォトショップ

アドビ フォトショップ(フォトショ)の基本的な使い方。様々な写真・画像の加工テクニック(切り抜き、トリミングからプロ仕様の効果まで)の解説&動画。フリーのフォントや無料の素材、ブラシ、テクスチャ、役立つ情報なんかも紹介しています。 Adobe CS5


写真をイラスト風に加工する方法

Photoshopで写真をイラスト風に加工01
オリジナルテクニックを画像付きで、わかりやすく説明してやんよ。
 

関連記事:『イラスト風加工の限界突破!!』とどちらか好きなタッチのものをお選びください。

▼はい、それではPhotoshopを使って、画像(写真)をイラスト風に加工するオリジナルの)テクニックを紹介するね。今回も例によって、いつもの写真を使って説明するね。
Photoshopで写真をイラスト風に加工02


▼まずはレイヤーマスクを使って、人物の切り抜きをします。やり方がわからないひとは、前の記事『髪の毛の切り抜きも超簡単!スゴイぞCS5!』なんかを読んでね!
Photoshopで写真をイラスト風に加工03


▼レイヤーマスクを使って切り抜かれたように見えるレイヤーをコピー(複製)し、[レイヤー]→[レイヤーマスク]→[(レイヤーマスクを)適用]させ、完全に切り抜かれた状態にします。その上で、そのレイヤーを適当に3~4枚ほど、また複製します。
Photoshopで写真をイラスト風に加工04


▼そこで、まずは一番上に来ているコピーレイヤーを[フィルター]→[アーティスティック]から「カットアウト」します。ここで重要なのは「髪の毛の雰囲気」です。適用させる数値は、とにかく雰囲気(マテ)ですが、髪の毛の部分だけはカンジが出るように設定して[OK]。
Photoshopで写真をイラスト風に加工05


▼このカットアウトで出来上がったレイヤーをレイヤーパレットの[描画モード]で[スクリーン]にして馴染ませます(※明るすぎるなと感じたら、仕上げの段階で修正しましょう)。
Photoshopで写真をイラスト風に加工06


▼続いて直下のレイヤー(今回で言えばレイヤーマスクのコピー4)を一番上の階層に持ってきて、これをフィルター色鉛筆加工します。
Photoshopで写真をイラスト風に加工07


▼[フィルター]→[アーティスティック]→[色鉛筆]、各数値としては、以下の画像の雰囲気になるように設定してください(とにかくイジって勉強ですね)。
Photoshopで写真をイラスト風に加工08


▼で色鉛筆を適用させたレイヤーを描画モード[乗算]に設定し、[塗り]や[不透明度]を下げて、先ほど作った直下のカットアウトのレイヤーに馴染ませます(だんだんそれっぽくなってきたでしょ)。
Photoshopで写真をイラスト風に加工09


▼では、また作り置きしていた切り抜きのコピーしたレイヤーを最上位に持ってきて、今度はそいつから[輪郭線]を抽出する作業に入ります。
Photoshopで写真をイラスト風に加工10

▼まずレイヤーを[イメージ]→[色調補正]から[白黒]にし、それを[フィルター]→[表現手法]から[輪郭検出]としましょう。すると以下のようなカンジの輪郭線が抽出されます(あと少しです!)。
Photoshopで写真をイラスト風に加工11


▼このままでも良いですが、今回はもう少しライトなカンジにしたいので[イメージ]→[色調補正]から[レベル補正]を選択し、少し数値をイジって、以下のようなカンジにしましょう。
Photoshopで写真をイラスト風に加工12


▼これをまたもや描画モード[乗算]にし、[塗り]などの値を下げれば、出来上がり。正味な話、キーポイントは[輪郭線]だけです。あいだのカットアウトなり、色鉛筆なりは、他のフィルターを使えば、また違うテイストのモノに仕上げることができます。色々試して、アナタなりのオリジナルブレンドを見つけてくれるとうれしいです。おつかれさまでした。
Photoshopで写真をイラスト風に加工13


▼オマケ:ちなみに今回カットアウトしたレイヤーを描画モード[ハードミックス]にすると、以下のような画像になりました。これなら直下のレイヤーと結合させたのちに、色調補正で白黒にすれば、[二階調化]で作られる粗いこの手の画像よりも、すこし精度の高い画像が作れますね。描画モードには、さまざまな神がひそんでいます。とにかくいろいろと試すことです。
Photoshopで写真をイラスト風に加工14

使用画像

New hair / @boetter


それではまた。

▼使えるデザインテクニック本たち。ちょっと書店に行かない間に、またいろいろと出てますなぁ(笑)

腕のいいデザイン事務所で修業しないとふつうは身につかない知識と技と心得 Photoshop CS6 スーパーリファレンス for Windows 魅せる写真の加工・デザイン技 ~Photoshopでオシャレ写真を作るアイデア 5日間で学ぶ!お絵描きPhotoshop教室 Photoshop 10年使える逆引き手帖 Photoshop三ツ星テクニック大全 目を奪われるプロの上級技法集 (インプレスムック エムディエヌ・ムック) プロだって意外に知らない 仕事でいきるデザインの定番技 (インプレスムック エムディエヌ・ムック|DESIGN MOOK) Photoshop手描き風テクニック あらゆる難局であなたを助けるデザインの技 (インプレスムック エムディエヌ・ムック) 本格派のPhotoshop プロのテクニックを紐解く (インプレスムック エムディエヌ・ムック) 作業を10倍加速する Photoshop「超」仕事術 -最少の労力で最高の写真に仕上げる効率化テクニックの極意 FASHION ILLUSTRATION WORKS Photoshop & Illustrator デザインを学ぶシリーズ ロゴづくりアイデア大全 クリエイティブ ロゴデザイン アートワークス Photoshop&Illustrator プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド ほめられデザイン事典 レイアウトデザイン Photoshop & Illustrator Photoshopプロフェッショナルズ アイコン・マーク・ロゴデザイン Photoshop×Illustrator プロフェッショナルズ テクスチャ・背景・壁紙デザイン カメラマンのためのPhotoshop Lightroom 5 人物フォト素材 ライフスタイル 人物フォト素材ビジネスシーン Girly Style with GOLD オシャレな質感の大人デザイン装飾素材集(DVD-ROM付) おしゃれde可愛いWebデザインレシピ帖―着せかえ素材がぎゅっと詰まったテンプレート素材集!


▼なにかと便利なペンタブレットに4つもソフトが付いて、なにこの価格!?

ペンタブレット wacom ペンタブ

▼各種ブログランキングでおます。

fc2 blog rankingブログランキング・にほんブログ村へ人気ブログランキングへPVランキングブログランキング写真学び

Comments


▼インストールなしで即開始
▼ブログ内検索
▼ピックアップ過去記事
レイヤーマスクの操作を写真付きで分かりやすく解説 free_sozai.jpg free_font.jpg 【オススメ】人物フォト素材集2点 collage.jpg tatoo.jpg anime_illust.jpg 【オシャレ】写真の一部をイラストに置き換える イラスト風加工の限界突破!! horse.jpg 写真に古びを持たせる お手軽レシピ スクリーンでカンタンだけど超COOLな加工テク!! 【お手軽クール】イベント・フライヤーにも使える加工 ぼかし(移動)を使って写真に臨場感を! 【フリーソフト】GIMP2はフォトショップに匹敵する!? チャンネルミキサー完全攻略 RGB編
▼フォトショ画像掲示板
フォトショ画像掲示板 Photoshop BBS フォトショップ
▼プロフィール

photoshop76

Author:photoshop76 フォトショの使用歴は浅いですが、ビシバシです(なにが笑)

Adobe Photoshop CS5