Photoshop テクニックス

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

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


スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【超カンタン&ハイレベル】写真の絵画・イラスト風加工

Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック
フォトショップで写真を『高精度』に絵画・イラスト風に仕上げる方法。
オリジナル技ですので、どんどん紹介してやってください←

 
▼本日の教材(リンク先でサイズLargeをダウンロード)

slumber party, with a book / woodleywonderworks


▼まずは読み込んだ本日の画像、背景のレイヤーをコピーしまくります。とりあえず11枚、合計で12枚になるようにです(シフトを押しながら選択して、云々でラクチンな複製が出来ますが、今回は説明を割愛します←)。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼ではいちばん上のレイヤー、背景のコピー11をレイヤーパレットで描画モード[除算]にします。すると以下の写真のように、ほぼ真っ白な画面になります。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼さらに背景のコピー11のレイヤーを[フィルター]-[ぼかし][ぼかし(ガウス)]に。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼ぼかし(ガウス)のパレットの半径の値を2ピクセルくらいにすると、このように輪郭線のようなものが抽出されます(オリジナル技ですよね?[輪郭線の抽出]なんかよりもはるかに高精度です!
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼直下のレイヤー、背景のコピー10といっしょに選択し、レイヤーパレットで右クリックし、レイヤーを結合します。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼以下の写真のレイヤーパレットで10と11を結合したものが[結合]と書かれたレイヤーです。それをさらに複製し、今度は描画モード[乗算]にします。すると先ほどよりも輪郭線のカンジが濃くなりましたね!
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼さらにその乗算しているレイヤーを複製し、輪郭線を濃くしたら、乗算で重なった3つの輪郭線のレイヤーを結合させます。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼輪郭線3枚を結合させた濃い輪郭線のレイヤーでは、顔の部分などにノイズ・そばかすのようなシミが出てしまうので[イメージ]-[色調補正]から[レベル補正]を選択してください。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼今回は右の白ピッカーの値を230ほどにしてください。するとノイズのようになっていた部分が、かなり除去されました。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼あとは、ここまでとほぼ同様の手順を繰り返すだけです。出来上がった輪郭線のレイヤーを描画モード[乗算]にします。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼輪郭線のレイヤーの直下の背景のコピー9のレイヤーを描画モード[除算]にします(さあ、繰り返しです)。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

[フィルター]-[ぼかし]から[ぼかし(ガウス)]にし、今回は半径の値を12ほどで以下のカンジになります。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

背景のコピー8と9を結合させ、浮かび上がった絵をキープします。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼背景のコピー8と9を結合させたレイヤーを描画モード[輝度]にすると直下のレイヤー、背景のコピー7の色調に近づきます。ここで8と9の結合レイヤーと背景のコピー7を結合させます。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼ここで[8と9の結合]と書かれているものは789を結合したものです。レイヤー名を修正するのを忘れてました^^; 789の結合である8と9の結合レイヤーを描画モード[乗算]にしたら、今度はさらに直下の背景のコピー6を選択し、描画モードは、やはり[除算]にします。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

ぼかし(ガウス)にし、半径の値は50です。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼ここで背景のコピー5と6を結合し、結合したレイヤーを描画モード[輝度]。これまでと同じ手順ですので、次にやることは? そうです、直下のレイヤー4との結合ですね。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼456レイヤーの直下に真っ白に塗りつぶしたレイヤーを新規に作ってください。
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック

▼とりあえず456レイヤーの不透明度を50にしてみましょう。だいぶと絵画的になりましたね。あとは自分の思うままに微調整を加えていきます。輪郭レイヤーを複製し、フィルターで色鉛筆にして馴染ませたり、塗りのレイヤーを複製し、ドライブラシなどにしたのち馴染ませる。ディティールは好みになってきますし、みなさんフィルターには馴れていく必要があるので、どんどんチャレンジしてみてくださいね!
Photoshopで写真を絵画・イラスト風に仕上げるオリジナルテクニック
それではまた。

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

腕のいいデザイン事務所で修業しないとふつうは身につかない知識と技と心得 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デザインレシピ帖―着せかえ素材がぎゅっと詰まったテンプレート素材集!

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

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

Comments

 
早速やってくださったんですね!!!!(≧ェ≦)
感謝感激であります!┏●ペコッ

次の休みでなんとか手を付けたい!!!><
ここに遊びくればくるほど湧き上がる思いであります(笑)

いつ見てもいつ来てもあっという間…☆
あっぱれです!

Re: タイトルなし 
おひさしぶりです!あざっす!

(`・ω・´)bあっちゅーまは、このブログのモットーですね
そういってもらえるとうれしいです!!

かわいいニャンコたちを絵画風へGOです!!
 
先生!除算レイヤーってのが出てきません!photoshopのバージョンにもよるんでしょうか?!
除算レイヤー? 
> 先生!除算レイヤーってのが出てきません!photoshopのバージョンにもよるんでしょうか?!

レイヤーパレットの描画モードの中に「除算」の選択肢がないということでしょうか?

実のところ、ボク自身はPhotoshopをCS5から触り始めたので正確なことは言えませんが、

古くから使用している知人に問い合わせたところ、「いや、けっこう下位のバージョンの頃からあったはず」

とのことです。

ただし、描画モードのドロップダウンの中に[除算]がないとしたら、バージョンが原因だと思います^^;
 
レイヤーの描画モードに除算(減算)が追加されたのはCS5からですね……。
http://shuffle.genkosha.com/event/dpds/2010/7550.html

CS4でやろうと思いましたが、残念ながらメニューに出てこないので断念です。
Re: タイトルなし 
そうなんですよね…

私はCS5からのユーザーでしたので、このことを知りませんでしたが、他の閲覧者の方々から指摘があり、認知した次第です^^;

ちなみにこの記事の改良版が、後の記事で何パターンか掲載させていただいておりますので、もしCS5以降をゲットなされた折には、ぜひチェックを^^b

▼ブログ内検索
▼ピックアップ過去記事
レイヤーマスクの操作を写真付きで分かりやすく解説 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


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。