ほっせかい。

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

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

【Photoshop】指がかかっているスマホ画面に別画像をはめ込む方法

投稿日:

いつもご覧いただき誠にありがとうございます!

タイトルがわけわかめですね。笑

こういうフリー画像よくあるじゃないですか。

スマホ画面が真っ黒なので、何か画像をはめ込みたいですよね。

しかし指が邪魔しているじゃないですか。

そこにどうやって別画像をはめ込みするのか、ということです。

はめ込んだ後はこんな感じです。

ではさっそくやってみましょう。

指がかかっているスマホ画面に別画像をはめ込む方法

Photoshopで元となるスマホ画像を開きます。

編集用としてコピーしておきます。

クイック選択ツール(w)でスマホ画面にかかっている部分だけ選択します。

編集用としてコピーした方でやります。

こんな感じです。

レイヤーマスクをかけます。

レイヤーマスクをかけて、指の一部だけ切り抜きます。

こうしてみるとちょっと怖い。笑

一旦このレイヤーは非表示にして置いておきましょう。

ガイドを作成します。

「定規」の機能を使ってガイドを引いてきます。

定規が出ていない場合は「表示」→「定規」で表示させてください。

四隅が一番重要なので、ズームしてガイドを引きます。

「Ctrl(command)」+「+」でズームできます。

ガイドが引けたらこちらの画像は一旦作業終了です。

 

はめ込む画像をスマホ画面の比率でトリミングします。

スマホ画面にはめ込みたい画像を開きます。

切り抜きツール(c)を選択します。

 

Photoshop画面の上の方にあるツールバーをいじります。

「幅×高さ×解像度」にします。

そして左から順に「720」「1280」「72」と入力します。

 

このような枠が出てくるので、切り抜きたい部分を調整します。

できたら「Enter」を押して確定します。

 

はめ込み画像をコピー&ペーストします。

「Ctrl(command)」+「a」でトリミング画像を選択します。

「Ctrl(command)」+「c」でコピーします。

 

スマホ画像に切り替えます。

「Ctrl(command)」+「v」で貼り付けます。(スクショ撮り忘れました…><)

はめ込み画像は多分そのままだとかなり大きいと思います。

なので切り抜き後の画像を再編集できるように「スマートオブジェクト」にします。

はめ込み画像を選択したまま、

「レイヤー」→「スマートオブジェクト」→「スマートオブジェクトに変換」をクリック。

 

そしてはめ込み画像を縮小させます。

なぜかはめ込み画像の白い部分が消えちゃったんだけど…笑

まぁいいか。

 

スナップ機能を使って画像をはめ込んでいきます。

スナップとは、ガイドなどの端に別画像がピタッ!とくっついてくれる機能です。

「表示」→「スナップ先」→「ガイド」をクリック。

 

Ctrl(command)を押しながらドラッグして、はめ込み画像の端っこをガイドまで持っていきます。

 

指部分は気にせずはめ込みましょう!

 

できたらガイドを削除します。

「表示」→「ガイドを消去」で一気に消すことができます。

 

一番最初にレイヤーマスクをかけた指を表示させれば完成です!

 

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

プロはもっと自然にきれいにできるんだと思いますが、初心者ながら頑張ったと思います!笑

 

最後までお読みいただきありがとうございました!

ではまた次回!

 

 

 

 

 

 

 

 

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

執筆者:


comment

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

CAPTCHA


関連記事

WEBデザイナースクール「DLL」の進捗状況

おはようございます。 いつもご覧いただき誠にありがとうございます!   しばらく更新が止まっておりました。汗 現在WEBデザイナースクール「DLL」の卒業制作に取り組んでいます。 これがなか …

【Photoshop】画像を動いているようにぼかす方法と、エッジを際立たせる方法。

Photoshopのレイヤーは、色々とフィルター加工することができます。 まずはこんな画像を作ってみました。 近所の空と、お土産のリンゴジャムの合成画像です。 このジャムは長野県下伊那郡阿智村の「治部 …

【illustrator】どのプランを選べばいい?インストール方法も。

いつもたくさんの方にご覧いただき嬉しいです。 ありがとうございます。   3ヵ月で稼げるWEBデザイナーになるスクール4日目です。 次の内容は「illustrator」のツールを実際に使って …

【Photoshop】画像の一部だけ明るさを変更する方法

おはようございます。 連日(と言っても超スローペース 笑)で山田秀平さんのオンラインスクール「DLL」のワークブックに取り組んでおります。   今回はPhotoshopのワークブックです。 …

【黄色について】元気なイメージを出したいときや注意を引きたいときはこの色!

こんにちは。 Tempalay(テンパレイ)の大東京万博を狂ったように毎日聞いている私です。 なに、あの中毒性のある曲。良き。 さぁ、今回は黄色・イエローの持つイメージや効果を見ていきましょう。 黄色 …