Photoshop テクニックス

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

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


スポンサーサイト

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

写真をイラスト風に加工しよう!

お手軽カンタン!馴れれば、5分くらいで出来る加工テクニック
20120106-6

 


※ブログ開設初期の頃の記事なので、説明に少し手抜きなところがあります。新たに『写真をイラスト風に加工する方法』を書きましたので、よろしければ そちらをご覧ください(説明も分かりやすくなっています)。


▼まずは元となる画像、背景を(背景レイヤーを選択し、右クリックで[レイヤーの複製]を選択し)2枚ほどコピーし、計3枚の画像にします。
20120106-1

▼続いて、いちばん上に来ている画像を[フィルタ]→[アーティスティック]→[カットアウト]を選択(カットアウトの加減はお好みでけっこうです)。
20120106-2

▼カットアウトした画像のレイヤーのモードを[スクリーン]にして、直下の画像と馴染ませて、レイヤーを結合する。
続いて、元画像である背景レイヤーを再び複製し、いちばん上のレイヤーにドラッグしてき、それを[イメージ]→[色調補正]→[白黒]にする。
20120106-3

▼白黒にしたレイヤーを[フィルター]→[表現手法]→[輪郭検出]にするとこのような輪郭となる線が検出できる。
20120106-4

▼しかし、このままでは線が多すぎるので[イメージ]→[色調補正]→[レベル補正]を選択し、上段の右の白いカーソルを左に適当に動かす。この加減で以下のようなすこし大雑把な線に変わる。
20120106-5

▼線がになったレイヤーのモードを[乗算]にすると、直下の先ほど作ったカットアウトスクリーンのレイヤーに重なって以下のような写真になる(乗算モードの仕組みは、そのレイヤーで色の濃いものが直下のレイヤーに乗っかるというもの。黒はそのまま。白は色がない扱いなので下のレイヤーにはなんの影響も及ぼさない)。
20120106-7

▼あとは線画のレイヤーとカットアウトのレイヤーの[不透明度]なり[塗り]などの数値を調節すれば完成!
20120106-8
ちょっとブログ書く用のやっつけ作業だったので、イマイチですが、これはかなり使えるテクニックなので、色合いや[スクリーン]で重ねるレイヤーをカットアウト以外のもので試すのもオススメします。
あと実線の抽出の仕方も、もっと精密にやる方法もあるのですが、それはまた今度ということで^^;
SEE YOU !(笑)

追加!さすがに上のまま放置ではショボイので元画像を[フィルタ]→[アーティスティック]→[色鉛筆]なんかで作ったレイヤーを上から、さらに乗算とかして調整してみました。
やっとイラストっぽくなったかな?(まだ少し足りませんが^^;)
20120106-6


元画像データ
Hey Mr. Postman / Carl Loven クリエイティブ・コモンズ 表示 2.1


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

腕のいいデザイン事務所で修業しないとふつうは身につかない知識と技と心得 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


▼ブログ内検索
▼ピックアップ過去記事
レイヤーマスクの操作を写真付きで分かりやすく解説 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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。