Photoshop テクニックス

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

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


スポンサーサイト

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

写真のイラスト風加工、さらに新しい方法編み出したよ!

写真をPhotoshopでイラスト風に加工する
いつものよりも、さらにカンタンで早く仕上げられるイラスト風加工テクです。最速で2分くらいのインスタント技ですぜ。
 
▼今回の素材
(下の画像をクリックし、リンク先からLargeサイズをダウンロード
_画像の上で右クリックし、Largeサイズを呼び出したら、再び右クリックし[名前を付けて画像を保存]でOK!)

Steam Punk Costumes / ewen and donabel


また編み出してしまいました。写真のイラスト風加工の新たなテクを(笑)

▼とりあえず読み込んだ画像(背景)をいつもどおり複製しまくります。コピー数は写真のとおり7くらいまで。
写真をPhotoshopでイラスト風に加工する

▼いちばん上に来ている[背景のコピー7]の描画モードを[除算]にします。
写真をPhotoshopでイラスト風に加工する

▼[フィルター]-[ぼかし]-[ぼかし(ガウス)]で、いつもどおり輪郭線を出します(今回の[半径]の値は1.0ピクセルです)
写真をPhotoshopでイラスト風に加工する

▼レイヤーパレットから直下の[背景のコピー6]を選択し、[イメージ]-[色調補正]-[レベル補正]を行います。3つあるピッカーのいちばん左、黒のピッカーを右にずらすと・・・!(今回の値は5です)
写真をPhotoshopでイラスト風に加工する

▼ここで背景のコピー6と7のレイヤーを結合させ、そのレイヤーの描画モードを[輝度]にすると色合いが馴染みます。ここでさらに6と7を結合したレイヤーと背景のコピー5を結合させます。
写真をPhotoshopでイラスト風に加工する

▼先ほど作成したレイヤーを背景のコピー2の下まで持ってきます(上に背景のコピーが3枚ある状態になればOKです)
写真をPhotoshopでイラスト風に加工する

▼いちばん上に来ている背景のコピー4のレイヤーの描画モードを[除算]にし、[フィルター]-[ぼかし]-[ぼかし(ガウス)]で最初と同様の輪郭線を出します(設定値は最初に設定したものが、そのまま残っているはずです)。ここで直下のレイヤー、背景のコピー3と結合させます。
写真をPhotoshopでイラスト風に加工する

▼3と4を結合させたレイヤーの描画モードを[輝度]にすると色合いが馴染むので、その状態で背景のコピー2のレイヤーと結合します。
写真をPhotoshopでイラスト風に加工する

▼輪郭線を強調したいので、3と4+5のレイヤーを[イメージ]-[色調補正]-[レベル補正]にし、3つあるピッカーの左端・黒のピッカーをグンと右にスライドします(今回の値は120です。もちろん手入力してもかまいません)
写真をPhotoshopでイラスト風に加工する

▼ここで描画モードを[乗算]とし、直下の最初に作った下絵のレイヤーと結合させます。
写真をPhotoshopでイラスト風に加工する

▼すべてを結合したレイヤーの描画モードを[輝度]にし、[イメージ]-[色調補正]-[明るさ・コントラスト]を選択し、明るさを調整します(今回の値は-50です)
写真をPhotoshopでイラスト風に加工する

▼あとは、お好みで色調などを調整し、完成です。おつかれさまでした
写真を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

少し前からPhotoshop、自力学習始めました 
必要に迫られホームページを作り、これからDreamweaverとIllstoratorとPhotoshopとFlashを自力学習中です。
マジ、難しくて涙が出るんですけど、あなたの説明はわかりやすい!
これから仕事なんだけど、帰ってブログの通りの作業をチャレンジします!
Re: 少し前からPhotoshop、自力学習始めました 
コメントありがとうございます!

ただ、この記事の手法、さらに煮詰めて気づいたのですが、途中で[輝度]で何度か色調を整える作業を行っていますが、これ最後にまとめて1回でも可能ということが判明しました。
といっても、たぶんまだPhotoshopを始めたばかりだと「なに言ってんの?」だと思いますので、しばらくはこの手法で。慣れてきて、復習する際に「ああ、そういうことね!」とわかっていただければOKです!

がんばってくださいね!独習!
というか、イラレにDreamweaver、Flashまで全部独習とは!!(笑)

全部独習(笑)←ですよねw 
「帰ったらやるぞーーー!」って意気込みで仕事に出たのに疲れて寝てしまいました(_ _|||) 。
そしてここ数日忙しく、進んでません。
勉強はおろか、ここ数日やった作業はPhotoshopでちょい画像編集のみ!
泣ける(´_`。)!

Cloudでソフトを使ってるんですが、こうノロノロとしたスピードで勉強してると、少しわかる様になった頃バージョンが上がって仕様が少々変わることで焦るんじゃないかなぁ・・・なんて、余計な心配してますw。先ずは最低限出来るようになってからですね(´ω`。)。
Re: 全部独習(笑)←ですよねw 
バージョンが上がっても、それはさらに使いやすく進化してるだけなので心配ないと思いますよ^^b

ともかく一歩ずつです がんばってください^^v
度々すみません 
今、この作業を開始したんですが、
↓↓↓↓
▼いちばん上に来ている[背景のコピー7]の描画モードを[除算]にします。

をやってみたんですが、画像に全く変化が無いんですよ;´Д`)。
バージョンはCS6なんですが、何か設定でもしないとダメなんでしょうか?
Re: 度々すみません 
遅い返事申し訳ないです><!

除算を行って画面に変化がまったく起こりませんか?(ほぼ真っ白の状態になる)
それはおそらくバージョンのせいではなく、いちばん上に来ている背景のコピー7のレイヤーを
ちゃんと選択出来てないだけではないでしょうか?
ボクも使い始めの頃、よくやったミスです(いまでもちょいちょいやりますw)が、原因はおそらくそこにあると思われます。
作業中にレイヤーパレットでちゃんと思っているレイヤーを選択出来ているかの確認は習慣づけて吉です。
それでもダメなようなら、またコメントください^^b
自力で出来ました。゚ヽ(゚´Д`)ノ゚。! 
返事を待つより自力でなんとかしろ~~って根性入れて頑張ったら、自力でなんとか出来ちゃいました。
で、出来たことが嬉しかったので、自前の画像を三枚も同じ要領で加工しちゃいました♪。

イラスト風で気にいってます。
ありがとうございました~~~~♪!
Re: 自力で出来ました。゚ヽ(゚´Д`)ノ゚。! 
おー、それはよかった!
苦心して手に入れたテクは、しっかりと身につきやすいですし、何よりです^^b

なんで~~?? 
写真をイラスト風に加工したいと思い、色々検索した結果、このHPに行きつきました。
とっても解りやすそうなので、さっそくいじってみたのですが・・・

なぜか描画モードが【除算】にならない!!
なにか設定がおかしいのでしょうか・・・
調べても、調べてもわかんないよぅ~><

使用しているのは、winのCS3です。
古いの・・・・か?
Re: なんで~~?? 
もうしわけない><
ボクはCS5からのユーザーなので知りませんでいたが、どうやら描画モードの[除算]はCS5からの模様です^^;
バージョンアップするほか、この方法は使えないかもですね^^;
(エクステンション系のサイトを探せば、どこかで見つかるかも?ですが)

&遅いお返事すんません><

矢部 善城光 
コレいいじゃん!
IT弁護士 藤田です 
これは素晴らしい!
探偵GODです 
はじめまして探偵GODです。
いいですね!

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