Photoshop テクニックス

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

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


イラスト風加工の限界突破!!

イラスト風加工
魔術的!輪郭検出を遥かに超えた輪郭線の抽出の仕方。
 
イラスト風加工の最終奥義となりうるテクニックを偶然発見してしまいました・・・。これ特許とか取れないのかな?(笑)

▼まず、元となる背景画像をコピー(複製)し、それをもう1枚作ります。
イラスト風加工

▼このレイヤーを描画モード[除算]にします。同じ画像を除算したことにより、画面からは絵がなくなり、真っ白に・・・ここから魔法が生まれます。
イラスト風加工

▼このレイヤーに[フィルター]→[ぼかし]→[ぼかし(ガウス)]を選択・・・すると!!カンペキな輪郭線が現れたので、このレイヤーと直下のレイヤーを結合します。
イラスト風加工

▼結合したレイヤーをさらに複製し、描画モード[乗算]。これでさらに線がくっきりとしましたが、このままでは味がないので・・・
イラスト風加工

▼このレイヤーを[フィルター]→[アーティスティック]→[色鉛筆]で加工します。
イラスト風加工

▼これでまるでデッサンのような画像を作ることに成功しました!
イラスト風加工

▼あとは先ほど作った直下のレイヤーとふたたび結合し、出来たレイヤーを今度は描画モード[輝度]にし、不透明度を少しだけ下げれば、色を塗る手間も省けて・・・
イラスト風加工

▼このような加工の完成です!!
イラスト風加工

あくまでも今回は技術的紹介であり、作業時間自体は5分ちょいといったところです。本気だして、これを応用に使えば・・・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デザインレシピ帖―着せかえ素材がぎゅっと詰まったテンプレート素材集!


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

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

-->

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

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

Comments

すごいです! 
photoshop76さん、キャッチコピーも上手ですね~w

表現の幅は広がるばかりww(0ヮ0)

完全にデジタルとの共存がアート界には求められていますね。
アナログはもちろん、デジタルも使えないとヤバイ感じ。

アート界とは部外のオイラですが、ゴクッとなっちゃいますw
特許もしかりw、制作の中のスリルはこんなところにも現れている~!

でわ、また来まーすww (>ヮ<)/
どもども 
どもです!

もうふた味くらいオアリジナルのそれを加えられたら、かなりイラストに近いカンジの表現がPhotoshopで出来るでしょうね、おそらく。
ボクはまったく絵が描けないので、加工にこだわるしかありませんが、ナルナルくんのように描けるひとが、この手の技術を習得したら、それこそさらに絵の可能性は広がると思います。
(背景はまず写真をコラージュしてから、この手の加工のイラスト化で補って、メインキャラクターを描くのに集中するとか)

(o‘∀‘o)Photoshop、可能性は無限大です!ほなまた!
うおおおお 
通りがかりです、これ凄い! こんな方法初めて知りました。勉強になりましたー!
ありがとうございます!
Re: うおおおお 
(`・ω・´)コメントありがとうございます!

偶然に見つけた方法なので、ひょっとすると完全なオリジナルかもです

当時よりも現在、もっとリアルに描画するテクニックなども編み出しておりますので、

また機会を見て、続編をやろうかなと思います^^b
助かりました!!! 
仕事で写真のイラスト化をする必要がありどうしても上手くいかず途方に暮れていました。まさにコレだよって感じです。すばらしい技を紹介して頂きありがとうございました。
Re: 助かりました!!! 
お役に立てて良かったです!

いろいろと応用の効く技術ですので、これからさまざまなシーンでご利用くださいませ^^b
 
これは素晴らしい方法ですね。早速ためしてみました。しかしうまく行かず。。。
上記のレイヤーは白黒になってますけどなにかしているのですか?
Re: タイトルなし 
> これは素晴らしい方法ですね。早速ためしてみました。しかしうまく行かず。。。
> 上記のレイヤーは白黒になってますけどなにかしているのですか?

あ、文章としては抜け落ちてしまいましたが、最初にコピーしている背景のレイヤーを[イメージ]-[色調補正]から[白黒]にし、それをさらに複製 白黒レイヤー2枚で上に重なる方のレイヤーの描画モードを除算にして始めていただければ成功すると思います。あとは[ぼかし(ガウス)]の数値次第で出てくる実線が変わると思います^^b
 
Re: タイトルなし 
え、ほんまや・・・小さく文章だけで載ってますね!
ボクは完全に偶然発見したのですが・・・そうでしたか^^;
管理人のみ閲覧できます 
このコメントは管理人のみ閲覧できます
すごい!木版画っぽくも可能? 
木版画の墨線のようにできないかとおもい調べていたら、こちらのサイトへたどり着きました。 すばらしいサイトですね!勉強になります。

もし、木版画の墨線の作り方をご存知でしたら、
おわかりになる範囲でご教授いただけますと幸甚です!
Re: すごい!木版画っぽくも可能? 
su-su_goodjobさん>

「木版画の墨線」というのが、不勉強からどういうものかイメージできず、思わず画像検索いたしました(苦笑)

さて手順を考えますと、記事トップの白黒画像の生成まで成功したら、その画像をさらに複製し、[フィルター]-[アーティスティック]から[パレットナイフ]を選択。その上で、そのレイヤーを乗算、不透明度を50%くらいにするのが、それっぽくなる加工なんじゃないかな、と思われます。

とはいえ「木版画の墨線」というものには、さまざまな出方があるようですので、[パレットナイフ]だけではなく、[エッジのポスタライゼーション][色鉛筆][こする]などを組み合わせ、乗算&不透明度で調整しながら、理想に近づけるのがベターかと思います。

もし良い作品が出来ましたら、うちの過疎ってるPhotoshop画像掲示板などに投稿していただければ、幸いです ではまた^^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