ほっせかい。

「法施(人に伝えること)」+「世界」で「ほっせかい」です。illustratorとPhotoshop初心者のシングルマザーが、WEBデザイナースクール「DLL」にてゼロからデザインを学んでいます。WEBデザインのオンラインスクールに入ろうか迷っている方、どんな内容を勉強するのか知りたい方等…。少しでもあなたの役に立ちますように。

Photoshopについてです 初心者がデザインを学ぶ

【Photoshop】画像を切り抜いて合成する方法とパスの保存方法。

投稿日:

前回、羽や毛などのほわほわ画像を切り抜く方法をやりましたが、今回は別の方法で画像の切り抜きをやっていきます。

 

さっそく画像を用意しましょう。

こちらは行きつけのコーヒースタンドさんの炭コーヒーです。

期間限定でしたがめちゃくちゃ美味しかったです!

こちらも行きつけのケーキ屋さんの、はちみつレモンです。

熱い日にピッタリでした!

コーヒーをはちみつレモンの隣に合成したいと思います。

この二つの画像を同じドキュメント(ファイル)内に読み込みます。

複数の画像を同じドキュメント内に読み込む方法はこちらです。

 

ペンツールのパスを使って画像を切り抜く方法。

「パス」とは線のことです。

切り抜きたい部分をパスで囲んで切り抜いていきます。

Photoshop画面左側のツールバーから「ペンツール」を選択します。

ショートカットキーは「p」です。

基本的に画像をアップにしながら作業します。

好きなところで大丈夫なので、切り抜きたい部分にまず「アンカーポイント」という点をクリックで設置します。

少し離れた場所で、クリックするとパス(線)が作られます。

クリックだと直線になってしまいますが、ドラッグしながら動かすと曲線にできます。

曲線が上手くできなかった…という場合。

「Alt(Macはoption)」を押しながら「ハンドル」をドラッグすると曲線を調整できます。

 

最初に設置したアンカーポイントまで戻ってくると、パスを描くのを終了できます。

最初のアンカーポイントに戻ってくると、ポインタのところに小さな「○」があるのが分かります。

これが「終了できますよ」という合図です。

無事にコーヒーをパスで囲むことができました。

この状態はまだパスが保存されていません。

他をいじると消えてしまいます。

パスを保存しましょう。

Photoshop画面右下にレイヤーパネルがあります。

そこの「パス」のタブをクリックします。

「作業用パス」がさっき書いたパスです。

「作業用パス」をダブルクリックします。

すると「パスを保存」というダイアログボックスが出てきますので「OK」をクリックします。

これでパスが保存されました。

レイヤーマスクで画像を切り抜きます。

レイヤーマスクは元の画像はそのままに、選択した部分以外を見えなくしてくれるものです。

切り抜きたい部分以外にカバーが覆いかぶさるというイメージです。

さきほど保存したパスを「Ctrl(Macはcommand)」を押しながらクリックします。

するとパスで囲んだところが、今度は点線で囲まれます。

すごく小さいのですが、画面右下にある日本の国旗みたいなマークをクリックします。

できました!

簡単ではありますが切り抜きできましたよ。

レイヤーのタブを見てみると、レイヤーマスクが作成されています。

 

ということで今回は以上です。

もっとうまく合成するには練習が必要ですね。

頑張っていきましょう。

ありがとうございました。

 

-Photoshopについてです, 初心者がデザインを学ぶ

執筆者:


  1. うちだ えり より:

    初めまして。DLL受講中のうちだ えりと申します。楓さんのおかげでちょっとした事で躓いていたPhotoshopの課題が進みました。感謝です!ありがとうございました!!

    • kaede より:

      うちだ えり様
      この度はブログをご覧いただき、またコメントを頂きまして誠にありがとうございます。
      お返事が遅くなってしまいましたこと、心よりお詫び申し上げます。
      誠に申し訳ございませんでした。
      このブログの内容が、少しでもお役に立てたのなら大変光栄です!
      DLLの受講、応援しております!
      お体にはお気をつけて頑張ってください^^

comment

メールアドレスが公開されることはありません。

CAPTCHA


関連記事

山田秀平さんのwebデザイナースクールに作品を提出したら2日で返事がきました!

おはようございます。 kaedeです。 私は現在「3カ月でwebデザイナーになれる」というオンラインスクール「DLL」を受講しています。 この「DLL」ではワークブックでデザイン作成の練習ができまして …

【illustrator】文字を枠で囲う袋文字の作り方

おはようございます。 よくデザインでこういった文字を目にすることが多いと思います。 こういうやつですね。 文字が白い枠で囲まれていますが、こういった文字を「袋文字」と言います。 袋文字の作り方。 まず …

【紫色について】個性を出すならこの色!

おはようございます。 今日から9月ですね! セプテンバーですね! 9月にカラオケに行った日には、RADWIMPSの「セプテンバーさん」を歌わずにはいられない私です。 では今回は紫・バイオレットのイメー …

【illustrator】グラデーションツールの使い方とグラデーションスライダーの使い方

おはようございます。 3ヵ月で稼げるWEBデザイナーになるスクールです。 授業は10日目、でしたっけ。(記憶があいまいです) さっそく進めていきましょう。 illustratorのグラデーションツール …

月額制のDLL?「DLL THE GROWTH」とは?

皆さまお久しぶりでございます。 kaedeです。 いつもたくさんの方にお読みいただき大変光栄でございます。 誠にありがとうございます!   また、皆様からたくさんの心温かいお言葉をいただき、 …