【Photoshop基本操作】画像にワイングラスを合成するには、不透明度で「半調」にしてはダメです。これじゃ幽霊みたいになってします (笑)。ガラスのくっきりした質感は、エッジの濃い部分と、光沢や映り込みの明るい部分を残しながら、背景が透けて見えるように調整しなければなりません。描画モードの [乗算] と [スクリーン] を活用してみましょう。, ブレンド条件とは、階調レベルで不透明度を調整する機能です。合成結果に反映させない境目 (隠す領域) が調整できます。言ってみれば、この機能だけで合成することも可能です。しかし、対象画像により、階調数が減ってしまうので「全能」ではありません。作例では、最終調整で不透明部分を削る目的に使用します。, これから行う操作は、無背景で撮影したワイングラスを切り抜き、別の画像に合成する方法です。背景が透けて見える合成方法がテーマなので、素材画像のワイングラスには、, 素材画像をダウンロードして開きます。素材画像は、[幅 : 1276 pixel]、[高さ : 1920 pixel]、 [解像度 : 300 pixel/inch]、[モード : RGB カラー] を使用しています。, 素材に用いるワイングラスは、白色ホリゾント (背景の壁や布・紙など) で撮影されていることが原則です。背景があるものや黒っぽいホリゾントは NG です。, 描画モードの [乗算] と [スクリーン] を活用する方法では、いちばん暗い部分と明るい部分がそれぞれ抽出できなくてはなりません。そのためには、中間調を起点とした明るめの背景に、透明なオブジェクトを置いた素材が適しています。, [パス 1] レイヤーサムネールを [command (Ctrl)] キーを押しながらクリックします。, [イメージ] メニューから、[切り抜き] を選択します。すると、選択範囲の領域でトリミングされ、カンバスサイズが最小限の大きさになります。, [背景] サムネールを [option (Alt)] キーを押しながらダブルクリックします。すると、背景からレイヤーに変換されます。, レイヤーマスクで切り抜きを行う場合、合成する別の画像にコピー&ペーストしてから、そのドキュメントで作業する方がイメージしやすいかも知れません。, しかし、切り抜きの対象が小さかったり、レイヤーが複数で構成されているときは、無駄や混乱の原因にもなりかねません。作例では、切り抜きマスクをパーツの段階で作成しておくことで、後の作業の効率化を図ります。, 背景が透けるグラスの合成では、描画モードが異なる2枚の合成用レイヤーが必要です。スマートオブジェクトを複製することで、再編集した場合も、その結果が連動するレイヤーを作成することができます。, [レイヤー] メニューから、[スマートオブジェクト] → [スマートオブジェクトに変換] を選択して適用します。, [スマートオブジェクトに変換] を適用すると、[背景] やレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、, [レイヤー] パネルで、[レイヤー 0] を [新規レイヤーを作成] にドラッグします。, それぞれのレイヤー名を上から [グラス : スクリーン]、[グラス : 乗算] に変更します。, 同じドキュメント内で、スマートオブジェクトを複製すると、それぞれのコンテンツはリンクされます。たとえば、元のスマートオブジェクトで行なったレイヤーマスクの編集は、複製したスマートオブジェクトにも反映されます。まったく同じ編集内容が共有されるワケです。, ワイングラスの開口部を斜め上から見ると、後方が1枚、前方が2枚重なっています。不透明度は、1枚より2枚の方が高くなるので、その違いを設定する必要があります。, [レイヤー] パネルを表示して、[command (Ctrl)] + [V] キーを押してペーストします。, グラスの開口部に設けたベクトルマスクは、後の操作で不透明度を調整するために用います。この部分は、グラスの中でもいちばん背景が透ける部分です。しかし、撮影時による白色ホリゾントの影響も大きく、暗い背景に合成する場合は、その明るさを大幅に抑えなければ、他の部分との整合性が取れません。, 2枚のレイヤーをひとつにまとめるグループを作成します。グループの作成は、対象レイヤーを選択してから行うと、フォルダーに入れる操作が省略できます。, [shift] キーを押しながら、[グラス : 乗算] をクリックして、[グラス : スクリーン] と2枚同時に選択します。, 作例のように、切り抜き用レイヤーが複数で構成されている場合、グループフォルダーに入れておくと、移動や変形などの適用が、. で【乗算】で重ねる方法を紹介していますが、今回はそれにレイヤーを重ねていき光、影をなどを追加し合成して … フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。.
(サンプルでは焼き込みカラーにしましたが、乗算になってる率が高いです。デフォルトだから仕方ない...), このぐらいなら、ドロップシャドウの描画モードを「通常」に変更して不透明度を適当に調整すれば、まぁなんとかなります!, *1 【サンプルデザインその1】のテキストのドロップシャドウは「描画モード:焼きこみカラー/不透明度:80%」で作成されています, スマホのデザインで(このデザインパターンはPCサイトでもありえます)、木目の背景の上に写真がのっています。, 木目画像はリピートさせて、その上にのっかっている写真2枚はそれぞれスライスして木目画像の上にのっけよー。. がしかし、なんで描画モード変更しちゃいけないの?と言われるとうまく説明できない。, (描画モードが変更されているパーツを透過pngで書きだすと、描画モードは反映されないんですよ、って説明してたんですけど...そもそもこれであっているのかも不安。どういう言い回しがいいんでしょ。), やはり... 【Photoshop】バックカラーが白いグラスを他画像背景に透過(透明にし表示)させる方法. 乗算・・・下の画像の色に上のレイヤーの 色が掛け合わさって暗くなる 。 焼き込みカラー・・・色相はそのままで、 重ねた色を暗くしてコントラストが強くする 。 焼き込み(リニア)・・・焼き込みカラーよりも、 明るさ全体を落とします 。 通常以外は使わないで。 Adobe Photoshop CCのぐっときた機能; 透過PNGにした画像は乗算や焼き込みカラーが反映されないのですよ; 携帯(ガラケー)コーディングでインデントはNG; スマートフォンのサイトを横に回転させた時に画面のサイズに合わせて拡大させるには PhotoshopCCの描画モード「乗算」を使ってみる 「乗算」というと算数のかけ算? 絵にかけ算?と戸惑ってしまいますが、ひとまず切り離して、感覚で覚えていきましょう! Photoshopのレイヤーには描画モードを切り替える機能があります。

(adsbygoogle = window.adsbygoogle || []).push({}); 脱初心者を目指すためのレタッチ学習動画です。一つずつでも真似て作っていくうちに必ずスキルはアップしていきます。, 富山県出身で現在東京都在住。A型の30代。レタッチ/合成・動画作成と猫ライフをおくる兼業ブロガー。「わかりやすさ」を意識してコツコツ書いてます。チュートリアル動画もアップ中。少しでも「役に立った」と言われるとめっちゃ嬉しい。その他、多数のウェブサイト運営中。月間トータル70000PV達成。RYUJIの, 【YouTube】HAAWK for a 3rd Partyから「著作権侵害の申し立て」が来たときに行ったこと, 【Photoshop】TikTokのロゴなどでも使用。数分でできる3Dアナグリフ効果の作成方法。. 富山県出身で現在東京都在住。A型の30代。レタッチ/合成・動画作成と猫ライフをおくる兼業ブロガー。「わかりやすさ」を意識してコツコツ書いてます。チュートリアル動画もアップ中。少しでも「役に立った」と言われるとめっちゃ嬉しい。その他、多数のウェブサイト運営中。月間トータル70000PV達成。RYUJIのプロフィール「過去・現在・未来」, ボトルの名前はわかりやすいものに変更してあります。省略してますがレイヤーはレイヤーパネル内から右クリックし【スマートオブジェクトに変換】してあります。, 囲ったら【ペンツール】を選択したままで右クリックから【ベクトルマスクを作成】を選択します。, このままではマスクの境界線がくっきりし過ぎているのでぼかして背景になじませていきます。, 【属性】パネルが開くので赤枠の【ベクトルマスク】を選択し【ぼかし】を0.4に調整。, 「オリジナルボトル」を選択、【Alt】+ドラッグでコピーしグループ内の一番上に配置。, 「オリジナルボトルのコピー」を選択し【Alt】+ドラッグでグループ内の一番上に配置。, 「オリジナルボトルのコピー」を【Alt】を押しながらドラッグしグループ内の一番上にコピーし配置。, 「オリジナルボトルのコピーの4」のレイヤーマスクサムネイルを選択し【Ctrl】+Iで反転させます。, レイヤパネルから、【描画モード】を【覆い焼カラー】に変更し、オレンジ枠内をダブルクリック。, パネルが開いたら【レイヤー効果】内にある【透明シェイプレイヤー】のチェックを外します。, 【描画モード】を【覆い焼カラー】【不透明】を65%に変更しオレンジ枠内をダブルクリック。, オレンジ枠ベクトルマスクサムネイルを【Ctrl】+クリックで選択範囲を読み込みます。, 「レイヤー3」を【Ctrl】+Jで複製し、「レイヤー3のコピー」を選択しオレンジ枠のサムネイルを【Ctrl】+クリック。, 先ほど作成した反射同様に「レイヤー5」をダブルクリックし【レイヤースタイル】パネルを開きます。, 【レイヤースタイル】パネルを開き【レイヤー効果】内にある【透明シェイプレイヤー】のチェックを外します。, 【Shift】+【Ctrl】+【Alt】+Eを押し表示レイヤーを結合させた画像を作成します。, 「レイヤー8」を選択し【塗りつぶしまたは調整レイヤーを新規作成】アイコンから【トーンカーブ】を選択。, 【Photoshop】バックカラーが白いグラスを他画像背景に透過(透明にし表示)させる方法, で【乗算】で重ねる方法を紹介していますが、今回はそれにレイヤーを重ねていき光、影をなどを追加し合成してきました。, それぞれの感覚で設定した数値は微調整してください。また、使用する背景やボトルの画像によっても設定や方法も変わってきますので色々試してみてください。, 今回は「【Photoshop】ガラスボトルを透過させ光や影をつけリアルな合成を作成」でした。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。. さすがにこのパターンだとどうしようもないので、デザインを変えてもらうか、背景を大きめの1枚画像にして対応するか... 描画モードを絶対変えちゃだめ。
透過pngで書きだしたい画像に乗算やオーバーレイや焼きこみカラー...などなど、描画モードが「通常」以外のものが使われていること、ありますよね?, 書きだしてから 保存時にJpeg形式以外にPhotoshop形式(*.PSD)で保存しておくと変更操作が容易になります。 ファイルのデータ保存は、「ファイルを保存」を参照ください。 半透明の塗りつぶし(変更操作) 半透明の度合い変更 あるいは 描画色変更. 【Photoshop基本操作】画像にワイングラスを合成するには、不透明度で「半調」にしてはダメです。これじゃ幽霊みたいになってします (笑)。ガラスのくっきりした質感は、エッジの濃い部分と、光沢や映り込みの明るい部分を残しながら、背景が透けて見えるように調整しなければなりません。 Copyright © 2010 - 2020 psgips All rights reserved. 「あれ...なんかデザインと違う...まさか...。あーやっぱり乗算だったー(泣」, 自分でちょちょいと修正できるときはいいんですけど、どう考えても無理な時とか、あまりに色々なところに乗算などを使われていると、, と言いたい。 ってことではないんですが(背景と一緒に書き出すパーツだったら全然問題ないですし)、透過pngで書きだす部分に使う部分には使われても反映されないんですよーというお話でした。.

.

ドラクエ10 バトマス 攻撃力800 6, Bスポット治療 100 回 52, 窃盗 初犯 起訴 4, Cv2w Cv5w 違い 5, スーパーおき 自由席 混雑 15, Mysql Workbench Csv インポート 19, Glandular Involvement とは 31, Jr 東日本 内定者 13, トヨタ 合コン 2ch 38, Mhp3 Iso Jpn 42, 狂犬病 ハガキ なく した 17, Bose 低音 うるさい 20, Universe Pso2 歌詞 32, たかやん メンヘラって神じゃね 歌詞 22, G433 マイク 自分の声 5, Mysql Update 日付 4, 六法 読み方 項 号 14, Nfc とは ドコモ 9, ワイパー ビビリ シリコンスプレー 20, ほおずき レシピ プロ 4, ダークソウル3 エストのかけら 使い道 11, Symantec このファイルについての 当社 の 情報 は不 確定 です 13, キャットウォーク 足場 積載荷重 19, Mp4 Mp3 変換 Windows8 35, ミニマ リスト ブログ 主婦 7, デリカ ナビ 取り付け パッケージ 6, 耳鼻 科 鼻に 綿 4, 数研出版 練習問題 答え 5, ドアミラー 分解 ホンダ 8, 双子 名前 キラキラネーム 8, ココナラ イラスト トラブル 5, Ark カスタムレシピ アイコン 12, Oracle 表領域 確認 テーブル 4, 高体連 ソフトテニス 愛知 5, Docuworks Printer 無料 6, ドラクエ10 攻略 ストーリー 44, サキナ タンク洗浄剤 クエン酸 18, Shoei Zrv シールド 5, Guild 3 Mods 43, マリと子犬の物語 マリ 現在 5, メギド72 ストーリー 面白い 8, Active Directory Ldap署名 6, V100 オイルポンプ 分解 4, Rails カラム名 規則 6, セブンイレブン ポケモン くじ 4, 有 村 架 純 菅田 将 暉 結婚 13, おしゃれ キャンプ場 関西 10, 防 振り 11話 感想 5, 犬 粗相 掃除 6, 大野 大 大野拓朗 56, Apple Music 追加できない 23, 東京 私立中学 ブレザー 男子 10, 飲み会 断り方 ライン 13, Csgo スコープ 長押し 22, Lenovo Ideapad メモリ増設 7, Landisk ファームウェア 改造 6, たまごっち み ー つ 時間 操作 11, トイプードル カット 2019 6, 荻窪 ドラマ 撮影 10, 館山 海水浴 コロナ 6, 猫 多頭飼い 餌 7, デスノート 映画 無料 9, レモン果汁 クエン酸 含有量 8, S15 純正タービン 種類 4, V36 キャリパー流用 シルビア 4, 漢検準 一級 範囲 4, パワプロ2016 マイライフ Ob特訓 特殊能力 7, ドラクエ7 チビィ 泣いた 5, Suits シーズン3 10話 4, 褥瘡 好発部位 看護 13,