【プログラミング教育ナビ】は、プログラミング初心者が自分に合った勉強法や教室を見つけられたり、プログラミングに特化した求人が検索できたり、SaaSの比較ができるサイトです。人気講座のある入門スクールや独学できる学習サイトを、口コミ・評判で比較してランキング形式でご紹介しています。言語から探す場所から探す条件から探すrsstwitterfacebook案件獲得できなかったら全額返金!未経験からプロのエンジニアスキルを身につけ、フリーエンジニアとして稼げるまで徹底サポート。プログラミング初心者向け技術系ノウハウ・まとめTweetPocketPhotoshop(フォトショップ)が、多くの人々に愛される理由の1つに、画像の合成・編集機能があります。今回は、他の画像から切り出してきた画像を、別の画像にカンタンに重ね合わせる方法を学んでいきましょう。画像の切り出し方法は、こちらを参照ください。おわりに背景画像に合成したい素材をコピーする今回、背景画像は雪原を使用します。こちらの画像と、こちらの記事で作成したペンギンの画像を組み合わせて、合成画像を作っていきます。そのためには、まずペンギンを雪原の上に乗せましょう。ペンギンをまずコピーするために、選択ツールを用います。ここでは、「長方形選択ツール」をクリックで選択します。「長方形選択ツール」でペンギンが全て含まれるように四角のサイズを調節して選択します。選択し終わったら、右クリックでコピーか、ショートカット「Ctrl+C」でコピーしましょう。次に、雪原のファイルを別ファイルで開きましょう。すると、雪原のど真ん中にペンギンが現れました。この時点では、ペンギンのサイズも位置も考慮されていませんので、調整していきましょう。「移動ツール」を選択してペンギンの位置をずらしましょう。このとき、「バウンディングボックスを表示」にチェックを入れましょう。これにより、ペンギンの周りにバウンディングボックスが出てくるので、後でサイズ変更をするときに便利です。ペンギンの位置を変えることができました。このままでは、ペンギンのサイズが大きいので調整していきましょう。バウンディングボックスの角を選択すると、サイズを変えることができます。サイズを変更するときには必ず、Shiftを押しながらバウンディングボックスの角をクリックし、拡大・縮小しましょう。Shiftを押しながら拡大・縮小することで、画像の比率を保つことができます。Shiftを押さないままで拡大・縮小してしまうと、せっかくの画像が荒れてしまうので、注意しましょう。雪原とペンギンが融合しました。これだけだとどうもペンギンが周りに比べて浮いているように見えますね。周りに自然に溶け込ませるために、影をつけてみましょう。影をつける影を作る方法はいくつかありますが、今回は影用のレイヤーを作るやり方で行ってみます。ペンギンのレイヤー(ここではレイヤー1)を複製します。次に、影の形になるようペンギンを変形させます。ここでは、「編集」>「変形」>「自由な形に」を選択し、図のようにバウンディングボックスを変形させます。この状態だと、影のように見えないため、適度にぼかしていきましょう。「フィルター」>「ぼかし(ガウス)」を選びましょう。影っぽく仕上がりました。影に多少ペンギンの色が入り混じっているので、影の色を統一していきます。今回は、ペンギン自体の色がモノクロに近いので、この部分は省略してもいいかもしれません。「レイヤースタイルを追加(レイヤーのfxボタン)」>「カラーオーバーレイ」を選びましょう。次に、色や透明度を選んでいきます。今回は、デフォルトのものでよさそうなのでそのまま進めていきます。レイヤーの順序を入れ替えるよく見ると、ペンギンの影がペンギンの体の前に来ているようです。これをペンギンの体の後ろにしていきましょう。Photoshopでは、レイヤーの順序で上にあるものが、一番手前に見えます。影のレイヤーをペンギンの後ろにくるように変更しましょう。レイヤーの順序を入れ替えた結果、影がペンギンの後ろにきました。いい感じの影ができました。最終的にできたペンギン画像は、以下のようになりました。影を入れることでだいぶ自然に見えるので、ぜひ試してみましょう。おわりに一見、難しそうな「合成」も、1つずつ順序を追っていけば誰でもカンタンにできます。今回試した影のつけ方も、数あるやり方の中のほんの一例です。Photoshop内にあるツールを使えば、他にもいろいろな影のつけ方ができるので、試してみましょう。【Photoshop入門】レイヤーを使用し、イラストをデザインしてみよう!投稿者:プログラミング教育ナビ編集部tweetプログラミングで挫折しそうなら、現役エンジニアにマンツーマンで相談してみませんか?オンラインのプログラミングスクール「TechAcademy」のメンターが対応。人気の記事まだデータがありません。【プログラミング教育ナビ】は、プログラミング初心者が自分に合った勉強法や教室を見つけられたり、プログラミングに特化した求人が検索できたり、SaaSの比較ができるサイトです。人気講座のある入門スクールや独学できる学習サイトを、口コミ・評判で比較してランキング形式でご紹介しています。