Photoshop テクニックス

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

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


【話題!?】フォトショップでタトゥーを彫る方法

フォトショップでタトゥーを入れる方法 Photoshop Tatoo making
大阪では、けしからん(?)と言われるTATOOをPhotoshopで入れてみる。
 
▼本日の素材

Girl / spaceodissey


Black Dragon Vector Image / Vectorportal


▼まず今回の素材のねーちゃん、彫師として(笑)なんとも許しがたい背中の持ち主だったので、スポット修復ブラシツールなどを利用して、ホクロやシミを除去します(おー☆いえす)。
フォトショップでタトゥーを入れる方法 Photoshop Tatoo making

▼ドラッグ&ドロップでデスクトップから、そのまま姉ちゃんの上のレイヤーにぶち込んだドラゴンの絵。自動選択ツールでプロパティパネルから隣接のチェックマークを外し、龍の絵の黒い部分を選択します。
フォトショップでタトゥーを入れる方法 Photoshop Tatoo making
ポイント☆もしカラーの図柄などを使う場合は、背景の白の部分を前述と同様に選択し、右クリックで選択範囲の反転でOKです。

▼ドラゴンの絵を選択した状態でキーボードの[Ctrl]+[C]を押し(※これで選択範囲が複製されます)、[Ctrl]+[V](※複製したものの貼り付け)を押せば、タトゥーの柄となるドラゴンの絵の部分だけが抽出されます。
フォトショップでタトゥーを入れる方法 Photoshop Tatoo making

▼[編集]-[自由変形]で肩の位置にタトゥーの柄を持ってきて、大体で良いので大きさを調整しておきます。
フォトショップでタトゥーを入れる方法 Photoshop Tatoo making

[編集]-[変形]から[ワープ]を選択し、このようにタトゥーの柄を肩のラインに吸着させるように変形させます。
フォトショップでタトゥーを入れる方法 Photoshop Tatoo making

描画モード[乗算]
フォトショップでタトゥーを入れる方法 Photoshop Tatoo making

▼あまりにも真っ黒すぎるので[イメージ]-[色調補正]の[色相・彩度]で少し明度を上げておきましょう。
フォトショップでタトゥーを入れる方法 Photoshop Tatoo making

▼タトゥーのレイヤーを選択した状態で[レイヤー]-[レイヤースタイル]で[グラデーションオーバレイ]を選択(※レイヤーパレットのタトゥーのレイヤーをダブルクリックすると同様のパネルが開きます)。描画モードを乗算、角度を0度(横向き)にしたら、グラデーションをクリックし、グラデーションエディターを開きます。今回は左右に影が深くなるような表現にしたいので、ピッカーはこんなカンジです(この操作の説明、どうすればいいんだ?苦笑)。
フォトショップでタトゥーを入れる方法 Photoshop Tatoo making

▼後は自由変形やワープで位置を最終調整したら、ハミ出ていた尻尾の部分なんかを消しゴムツールなどで修正し、色相・彩度や不透明度なんかを微調整して完成です!
フォトショップでタトゥーを入れる方法 Photoshop Tatoo making
ひょっとするとグラデーションオーバーレイの作業は、最終の方が良いかもですね。まあ、思いつきでやったので、これで正解かは分かりませんが。あ、あとグラデーションとかめんどい作業を省くのなら、ドラゴンのタトゥーの部分の範囲選択も省けます描画モード乗算にすると白の部分は下の画像に乗っからないので、ワープだけでやっつけることも可能です(笑)。それではまた。

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

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

しかし、ワンポイントでのタトゥーなら、一発で「移植」出来る方法もあるので、それはまた後ほど・・・謎。
フォトショップでタトゥーを彫る方法の質問です! 
photoshopを使いこなしたくて、最近毎日お世話になっています!
「▼ドラッグ&ドロップでデスクトップから、そのまま姉ちゃんの上のレイヤーにぶち込んだドラゴンの絵。」初歩的質問なのですが、これがどうしてもできません。。
ドラッグ&ドロップすると別のコマンド(?!)が開いてしまいます。
お姉ちゃんの画像に「配置」すると小さくなるし、選択ツールが使えなくなってしまいます・・・
途中で投稿しちゃった;; 
初歩的な質問で申し訳ありませんが、よろしくお願いします。
今、初級講座から順番に攻めていますっ!!
分かりやすく簡単に書いてくださってるので助かります!!!
Re: フォトショップでタトゥーを彫る方法の質問です! 
ドラッグ&ドロップが出来ない場合は、やはり[ファイル]から[配置]となりますが、
その際、画像が小さくなる場合は、コントロールパネルの〇×の〇を押す前に画像サイズを大きくする必要があります。
画像のサイズ調整は読み込んだ画像の角のあたりをクリックしながらドラッグすれば出来るはずです(できない場合は読み込んだ後、[編集]の[自由変形]で出来ます)。
あと読み込んだ画像を編集する際はレイヤーパレットで右クリックし、[レイヤーをラスタライズ]する必要があります(あれ、これ記事に書き漏れてたかな?)


それとタトゥーの画像なども、この記事で掲載している「リンク先」から大きなサイズのものをダウンロードした方が作業しやすいかと思います。


これでも上手くいかない場合は、再度コメントをお願いいたします^^b
Re: 途中で投稿しちゃった;; 
ありがとうございます。
まだまだ丁寧さに欠けるブログかと思いますが、
今後もよろしくお願いいたします^^b
できましたー!! 
photoshop76さん、ご丁寧にありがとうございました!!!
すごくうれしいです!!
これからも勉強させていただきます♪
本当にありがとうございました
Re: できましたー!! 
おー、おめでとうございます!

それはよかった!

Photoshopの操作は慣れるまでタイヘンですが、使えば使うほど便利で素晴らしい機能が目白押しですので、どんどんいろんな機能を試してみてください

ひょっとするとkiiさんのオリジナルの技が生まれる日も近いかもですよ^^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