タグ

Photoshopに関するHamken100perのブックマーク (81)

  • psgips | Photoshopの使い方がよくわかる初級講座

    【Photoshop基操作】レイヤー操作に関する、覚えておくと、とても便利なショートカットキーをご紹介します。[ レイヤー ] パネルには、作業を短縮したり、普段は気付かないような、隠された機能がたくさんあります。レイヤー操作をより快適にするため、複数のキーとクリックの組み合わせで、作業の効率化を目指しましょう。

    psgips | Photoshopの使い方がよくわかる初級講座
    Hamken100per
    Hamken100per 2019/12/19
    フォトショップのテクニック満載ブログ。
  • 【ロゴ】フォントでつくる!金属メッキのエンブレム - Photoshop講座

    【Photoshop講座】たとえば、実際の製品に付けられたロゴをグラフィック表現しなければならない場合、その材質や質感のイメージを損なうことなく、アレンジするテクニックが求められます。乗用車や家電製品に多く見られる「メッキのエンブレム」は、その代表的なものです。リアルなメッキの光沢感をグラフィック表現しましょう。 金属メッキの大半は、グラデーションによる平面的な映り込みで表現できます。たとえば、具体的な像が映る「鏡面」には、グラデーションに変えて、実写の風景などを使う方法も考えられます。課題とされるのは、立体的にするエッジの側面です。通常の質感を持つオブジェクトでは、光の入射角度に対して明るくなりますが、金属メッキのオブジェクトでは逆方向にして、階調のねじれを表現することがコツです。

    【ロゴ】フォントでつくる!金属メッキのエンブレム - Photoshop講座
    Hamken100per
    Hamken100per 2019/12/19
    クロームメッキっぽい表現の作り方。
  • Photoshopで曲面に合成する方法

    【1】オブジェクトを貼り付ける まずベースとなる写真に、合成したデータを貼り付けます。 今回はこちらを貼り付けます。(AIデータです) ピクセル形式で貼り付けます。 貼り付けるときに大体のサイズまで拡大・縮小してください。 【2】オブジェクトを変形させる 貼り付けたレイヤーを選択した状態で 編集>変形>ワープ を実行します。 少しさわれば、どのようなルールかはわかると思いますので 四隅のハンドルを触ったり、直接線を触って右写真のように変形させます。 体の形状に合わせて変形させたらOKです。 【3】最終調整 オブジェクトのレイヤーを乗算にします。 影などの影響が出て馴染みます。 このままだと合成部分だけパッキリしすぎているので フィルター>ぼかし>ぼかし(ガウス)をかけてピントの調整をします。 完成です!(ちょっと変形の調整が甘いです)

    Hamken100per
    Hamken100per 2019/12/17
    デカールを合成してなじませる方法。
  • Learn | Adobe Creative Cloud

    Sign into Adobe Creative Cloud to access your favorite Creative Cloud apps, services, file management, and more. Log in to start creating.

    Hamken100per
    Hamken100per 2019/12/17
    合成写真を自然に仕上げる方法。
  • Learn | Adobe Creative Cloud

    Hamken100per
    Hamken100per 2019/12/17
    コンテンツに応じた塗りつぶしの使い方。
  • 複数レイヤーを楽々切り替え!Photoshop「レイヤーカンプ」の使い方 | 株式会社グランフェアズ

    Posted by NAGAYA on Oct 12th, 2017 PhotoshopでWebデザインを作るとき、状態に応じた見た目のものを用意することがありますよね。 例えばボタンのhover状態やタブのアクティブ状態を示すもの、メガメニューのデザインなどを置いておいたりすると思います。 インタラクションがあるWebならではの要件ですが、こんなときPSD上でどんな風に作成しているでしょうか? おそらく一番簡単なのは、非表示のレイヤーやグループに色をつけて示しておく形。でもこれ、いざ探し当てようとすると、階層が深くなればなるほど困難になってしまいます。 こんなときに活用したいのが「レイヤーカンプ」機能です。 レイヤーカンプとは Adobe Photoshopのユーザーガイドより:Photoshop レイヤーカンプ レイヤーカンプとは、レイヤーパネルの各レイヤーの状態を記録したスナップショ

    複数レイヤーを楽々切り替え!Photoshop「レイヤーカンプ」の使い方 | 株式会社グランフェアズ
    Hamken100per
    Hamken100per 2019/12/10
    レイヤーの表示状態を記憶できるレイヤーカンプの使い方と更新時の注意点。
  • Learn | Adobe Creative Cloud

    Hamken100per
    Hamken100per 2019/11/25
    人物写真のレタッチの方法。すごいけど、めんどう。
  • ホームページ用で撮った黄色っぽい画像を修正する方法【ホワイトバランス(色かぶり)の補正】 | 大阪のSNS運用会社「MARQS(マークス株式会社)」

    撮影した写真を見て「なんか黄色い…」とか「なんか青い…」 ということ、あるんじゃないでしょうか。 それはWB(ホワイトバランス)が合ってない、もしくは何かの色(光)がかぶっている可能性があります。 撮影時に調整、もしくは設定出来ればいいのですが、人間の目は多少の色(光)の違いも白く見えるよう、補正されるように出来ているので 肉眼や、カメラのモニターだけで完璧に設定するのは簡単なことではありません。 デジタルカメラは自動で設定してくれる機能(AWB)が入っていることが殆どですが 様々な条件下で、必ずしも対応出来るわけではないです。 そこで今回は、Photoshopで比較的簡単、手軽に補正できる方法をご紹介します! (※今回ご紹介する方法はあくまで簡単に、視覚的に補正する方法になっており、色温度などを厳密に調整する方法ではありません。) トーンカーブを使っての実際の作業 今回はこの写真のお皿を

    ホームページ用で撮った黄色っぽい画像を修正する方法【ホワイトバランス(色かぶり)の補正】 | 大阪のSNS運用会社「MARQS(マークス株式会社)」
    Hamken100per
    Hamken100per 2019/11/17
    トーンカーブで色かぶり補正する方法。描画モードの「カラー」の意味。
  • 【Photoshop】色かぶり写真の修正チュートリアル(オレンジ・黄色編)

    室内で撮った写真って、オレンジがかってしまうことが結構ありますよね。 Photoshopを使って、そんな色の被りをできるだけ自然に修正していきたいと思います。 手順①カラーバランスレイヤーで色のバランスを整える まずは強い色と弱い色の差をなくしましょう。 色被りというのは、特定の色が強すぎたり弱すぎたりする状態です。 その強弱を緩和してあげると、自然な色になります。 ちょっと文章だけじゃわかりにくいんで実際にやってみましょう。 カラーバランスレイヤーを新規作成します。 この画像はイエローとレッドが強いので、補色であるブルーとシアンの方へバーを寄せます。 まず階調:中間調を調整します。 上から[-30]、[-10]、[+40]と入力しました。 お次に階調:ハイライトを調整します。 上から[-15]、[0]、[+5]と入力しました。 全体の色が落ち着きました。 おでこの黄色を補正する 生え際が

    【Photoshop】色かぶり写真の修正チュートリアル(オレンジ・黄色編)
    Hamken100per
    Hamken100per 2019/11/17
    写真の色かぶりの補正にはカラーバランスを使う。
  • スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第2回:「スマートオブジェクト」と「配置」の活用で徹底時短

    スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第2回:「スマートオブジェクト」と「配置」の活用で徹底時短 連載 スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう 前回に引き続き、Webデザインには欠かせない「スマートオブジェクト」の機能をご紹介します。今回はスマートオブジェクトの編集機能を活かした画像やボタンなどの一括変更の方法や、「埋め込みで配置」「リンクで配置」の使い分けについて解説します。 Photoshop CC の体験版をダウンロード 配置したコピーをまとめて変更 下のWebページのデザインを見てください。同じバラのアイコンが何度も出てきます。 同じアイコンが繰り返し並ぶデザイン 配置が一通り済んだ後になって、この「バラのアイコンの色を全部変えたい」という修正が入るケースは多いものです。すべて消して一つ一つ配置し直すのは大変ですね。

    スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第2回:「スマートオブジェクト」と「配置」の活用で徹底時短
    Hamken100per
    Hamken100per 2019/11/04
    スマートオブジェクトの配置方法。
  • 【簡単】2023年Photoshop切り抜きおすすめテクニック15選 完全ガイド

    コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」(複雑な背景バージョン) オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー(Command/Ctrl+J)したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は

    【簡単】2023年Photoshop切り抜きおすすめテクニック15選 完全ガイド
    Hamken100per
    Hamken100per 2019/11/03
    切り抜きテクニック。
  • Photoshop 描画モードはこれで理解できる実用サンプル付き! - DESIGN TREKKER

    はじめに 描画モードとは、画像の上にレイヤーを重ね特殊な効果を施す処理のことを言います。レイヤーに直接色をたしていくわけではないので、いろんな種類のモードに変更することができます。 下のレイヤーを基色、上のレイヤーを合成色、合成によって生成されるカラーを結果色と言います。 描画モードの種類とカテゴリー 描画モードには全部で27種類とたくさんのありますが、実際に使用する機会が多い描画は、以下の3つのカテゴリーです。 画像を暗くする処理と明るくする処理、それからコントラストを上げる処理の3つです。まずはこの3つを抑えておきましょう。今回はこの3カテゴリーの効果とそれらを使ってできるおすすめの利用方法をご紹介していきます。 ディザ合成 3つのカテゴリーを紹介するといいましたが、その前にディザ合成という描画モードを紹介します。あまり利用する機会はありませんが、一覧の一番上にでてくる機能なので、一

    Photoshop 描画モードはこれで理解できる実用サンプル付き! - DESIGN TREKKER
    Hamken100per
    Hamken100per 2019/11/02
    描画モードを分かりやすく解説。ほんとわかりやすい。
  • Photoshopで画像を左右反転にする方法【初心者向け】

    Photoshop(フォトショップ)で画像を【左右反転にする方法】を初心者向けに解説した記事です。画像全体を左右反転する、選択した部分だけを左右反転、特定のレイヤーだけを左右反転の3つを紹介します。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 Photoshopの変形機能を使って画像を左右反転することができます。画像全体を左右反転する他に、選択した部分だけを左右反転、特定のレイヤーだけを左右反転することも可能ですので合わせて紹介します。

    Photoshopで画像を左右反転にする方法【初心者向け】
    Hamken100per
    Hamken100per 2019/10/26
    カンバスの左右反転。
  • 【Photoshop】背景そのまま、体だけ痩せさせる写真加工 | DESIGN TREKKER

    こんにちは。 美容業界で働くデザイナー兼レタッチャーのH.Rです。 今回は「フォトショップを使って、背景はそのまま、人物の体のみをスリムにする」方法をレクチャーします。 これは実際に私が働いている現場でも使用する頻度の高い加工方法の1つで、これを覚えることであらゆる写真を自由自在に加工する事が出来るようになれる、覚えておいて損はない加工方法の1つです。 よくまとめサイトや情報サイトなどに「某女優がアップした写真、細すぎて加工しているのバレバレw」なんて記事が載っているのを見た事がありませんか? 体が極端に細くなっていて、周りの背景も一緒に引っ張られ時空が歪んでしまっている写真、違和感ありまくりのあの写真です。(まあ、当に人が加工したかどうかはわかりませんが、そういう写真があるので参考に) あれはもちろん加工された事は間違いないのですが、少しやりすぎ、というよりもう少しうまくやるべきで、

    【Photoshop】背景そのまま、体だけ痩せさせる写真加工 | DESIGN TREKKER
    Hamken100per
    Hamken100per 2019/10/26
    太った女性の写真を痩せさせる加工の仕方。
  • Photoshopレイヤースタイルの追加と設定,適用方法

    Photoshopのレイヤースタイルのインストールとダウンロードについて解説していきます。レイヤースタイルは作業効率を上げてくれる機能の一つで、フォトショップに慣れてくると使う頻度が増えます。無料の素材も数多くあり、自分好みにカスタマイズできる所も魅力的な機能です。 ダウンロードからインストールまで ・asl形式 ・ps形式 1、まずサイトからダウンロードしたデータを解凍します。zip形式で配布されているケースが多いです。ファイルを展開すると、多くはaslという形式のデータかps形式の物が入っています。これをWindowsMacのそれぞれの所定の場所にインストールしていきます。 Windows…Program Files→Adobe→Adobe Photoshop CC→Presets→Styles ここにドラッグ&ドロップ Mac…アプリケーション→Adobe→Adobe Photos

    Photoshopレイヤースタイルの追加と設定,適用方法
    Hamken100per
    Hamken100per 2019/10/24
    ダウンロードしたレイヤースタイルのインストール方法など。
  • Adobe Photoshop | Kyle T. Websterによる特製ブラシをダウンロード

    Adobe PhotoshopまたはAdobe Frescoの有償メンバーなら、Kyleが作成したブラシを利用可能 ログインすればすぐにダウンロードできます。Photoshopサブスクリプションには、Adobe Frescoのブラシが含まれています。Photoshopをお持ちでない場合は、購入をご検討ください。

    Adobe Photoshop | Kyle T. Websterによる特製ブラシをダウンロード
    Hamken100per
    Hamken100per 2019/10/09
    Kyle T. Websterのブラシのダウンロードページ。これがあれば他はいらないかも。
  • 有名イラストレーターの制作方法を覗いてみよう – Karol Banach #AdobeStock | Adobe Blog

    ポーランド人イラストレーター兼グラフィックデザイナーのKarol Banachは、学校を卒業してからわずか数年ですが、そのスタイルは既に飛躍的に進化しており、人気も上昇中です。このブログでは、Banachが彼の代表的なキャラクターを描き、Adobe Stockから選んだ素材を加え、仕上げていく様子をスクリーンショットとともに詳しく紹介してくれます。 Banachが鉛筆画からイラストをどのように仕上げていくのかをご覧ください。 背景と基的な輪郭 Banachは、イラスト制作のプロセスにAdobe Photoshop CCを使用しています。まずは鉛筆画を新規ファイルにコピペし、レイヤーのブレンドモードを「乗算」に設定します。それから新しいレイヤー上に、「楕円形ツール」を使って完璧な円を描き、イラストのベースとなる色でその円を塗ります。 ©KAROL BANACH Banachの作品によく登場

    有名イラストレーターの制作方法を覗いてみよう – Karol Banach #AdobeStock | Adobe Blog
    Hamken100per
    Hamken100per 2019/10/09
    Karol Banachのイラストの制作テクニックの一部を動画で見れる。
  • 透明なグラスの切り抜き

    そして、白い部分が切り抜きされるということなので まだグリーンのコピーレイヤーを選んだ状態で ワインの黒い部分をブラシツールで白色で塗って修正しておきます 塗り終わったら、グリーンのコピーチャンネルレイヤーを+クリックして選択状態にします そして、レイヤーパネルに切り替え、背景レイヤーを下の新規レイヤーを作成アイコンまでドラッグしてコピーします 背景のコピーレイヤーを選んだ状態で、今度は下のレイヤーマスクを追加アイコンをクリックして、レイヤーマスクを追加します つぎに、切り抜きの状態をみたいので 背景にしたい画像を開きます こちらを用意しました ここに、背景のコピーレイヤーを移動ツールで移動してみます すると 切り抜きはできていますが、まだなんか薄いですよね なので背景のコピーレイヤーを+でいい感じになるまでコピーします そして、背景のコピーレイヤー(のレイヤー全て)を全部で選択し、+で結

    透明なグラスの切り抜き
    Hamken100per
    Hamken100per 2019/10/08
    ガラスの半透明になっている部分を抜く方法。
  • Learn | Adobe Creative Cloud

    Sign into Adobe Creative Cloud to access your favorite Creative Cloud apps, services, file management, and more. Log in to start creating.

    Hamken100per
    Hamken100per 2019/09/18
    写真の切り抜き。
  • あなたもできる!覚えておきたいPhotoshopを使った写真の加工・補正テクニック100選

    Photoshopを使えば、写真を簡単に加工、補正することができます。ちょっとしたテクニックを知っているだけで、写真の色合いを自然にしたり、斜めの写真をまっすぐにしたり、肌を綺麗に補正したり、手足をほっそりと伸ばしたり、といったことができます。 Photoshopを使った基的な写真の補正、加工テクニックを紹介します。 暗い写真を明るくする Photoshopで暗い写真を明るく鮮やかにする方法 トーンカーブで写真の明るさを調整し、彩度を上げて暖かみのある写真にします。 真っ暗な写真を「ラクに」きれいに明るく補正!Photoshopトーンカーブと描画モードの合わせ技 描画モード「除算」でトーンカーブやレベル補正を適用することで、暗い写真を自然な色合いで明るくすることができます。日陰や夜に撮影した写真に使えます。 上級者も使える「シャドウ・ハイライト」 「シャドウ・ハイライト」を使って、暗い部

    あなたもできる!覚えておきたいPhotoshopを使った写真の加工・補正テクニック100選
    Hamken100per
    Hamken100per 2019/08/13
    写真加工・補正テクニック100選