Photopeaでラインを作ってみる

皆さん、こんにちわー。

Photopea公式サイト

Photopea | Online Photo Editor
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online ...

無料でキャラクター作成、今回は、写真を置く台紙も出来たので、次は、ラインを乗せる事をやってみたいと思います。

いつもお世話になっているイラストACさんのサイトから、お好みに合う物を、選んで来ます。

今回は、イラストACさんで、曲線で検索、しゅんぴさんのラインを使ってみます。

此処でも、ダウンロードする画像は、PNGタイプが良いです。 前回もやりましたが、簡単にJPG画像とPNG画像の違いを見てみます

作者タイトル検索ワード検索場所
しゅんぴ@ナツマチデザインさんレトロチックな波形フレーム2301184ラインイラストAC

PNG画像は必要な線の部分だけになっていますが、JPG画像は白い背景が付いています。

全然、色も違うのではと思うかも(私だけか!)、PNG画像も白い背景の上に置くと同じ色の感じになります。

写真を台紙に置いて、ラインをあれこれ見ていると、デザイナーさんによっては、JPG画像しか無い場合が有ります。デザインは、気に入っているのに、残念!

こんな時に、白い部分を削除する作業をやってみます。

TVのCMなどでも、余分な部分を切り抜く方法をやっていますが、条件によっては、結構、手間が掛かります。

一つの方法をやってみます。あぁ、こんな方法が有るんだなぁ位に見て頂いたらと思います。

それと一緒に、捜したラインの色が希望と違う場合に、変更する方法もやって見ます。

スライドで、ご覧下さい。

3277
3278
3279
3280
3281
3281
3282
3283
3284
3285
3286
3287
3288
previous arrow
next arrow

細かく見て行きます。

今回の切り取りの作業は、元の画像を大きく変更する事になります。画像が、スマートオブジェクト(レイヤーに小さな□が付いている)のまま作業しようとすると、上段に、スマートオブジェクトを最初にラスタライズする必要があります。と警告が出て、作業出来ませんので、ラスタライスする必要が有ります。

作業するレイヤーを右クリックして、別窓が開きますので、ラスタライズを選択します。もし、不安でしたら、1枚複製を作っておかれると良いと思います。

上段に警告のメッセージが出ています。

のマークが消えて、作業が出来る様になりました。

①左側のツールの中から、自動選択ツールを選びます。

②マウスポインターを削除したい部分に持って行き、左クリック。選択した部分が、破線で囲まれます。

③上段の編集から、④切り取りを選択します。無事切り取れました。

この作業を繰り返します。

これで完成しました。では、ダウンロードした画像の色が違うと良いなぁと思う時、画像から調整、色相/彩度を選んで、変更するのが簡単です。

スライダーを動かす事で、色が変わります。お好みで、調整して見て下さい。

①上段の画像を選択します。②調整を選択します。③色相/彩度を選択します。

色相彩度明るさ
色の調整鮮やかさの調整濃度の調整

今日のラインを、実際に使ってみました。

ラインを入れてみた。
イラスト部分作者タイトル検索ワード
茶筅 さん背景素材(海)風景
ライン部分色相彩度明るさ
8510035

今度は、小物をやって見ます。

アルバムに使いたい画像を、探していると、色々有りますね。台紙に写真を置いてみると、こんな色のラインが欲しいな!かわいい吹き出し良いな!と考える事が有ると思います。

色相の変化で、ある程度は出来ますが、どうしても、調整の範囲を越えてしまい上手く行かない時、別の色をダウンロードすれば良いのですが、デザイナーさんによっては、色々なバリエーションを1枚にまとめてくれている方がいらっしゃいます。

これがお得!ダウンロードも1回で済むし!

確かにそうなのですが、PNG画像が有る場合でも、画像は、1枚にまとまっており、このままでは、非常に使い勝手が悪いです。

それを、バラバラのレイヤーにする方法をやってみます。

5個有りますと、5回同じ作業をする事になり、少々手間が掛かりますが、最初に1回だけですので、頑張ってみて頂けますと幸いです。

作者タイトル検索ワード検索場所
イロイロ さんうさぎ水彩シルエット ウサギイラスト

大まかな流れをスライドでご覧下さい。

3294
3295
3296
32971
3298
3299
3300
3301
3302
3303
3304
3305
3306
3307
previous arrow
next arrow

ダウンロードして来た画像を、白い台紙に、コピー&ペーストしました。

続いて、ばらしたレイヤーを置く為にもう1枚新しい台紙を作ります。分かり易い様に名前を変えた方が良いと思います。

レイヤーに□印が有るので、ラスタライズします。これをしないと、カットが出来ません。

投げ縄選択で、移動するイラストを囲います。上手く囲えたら、③移動ツールを選択して、上段の新しくコピーするファイル(今回はブレンドファイルと書いて有る部分)の場所にドラッグ(ゆっくり移動)します。急いで移動すると上手く行かない事が有る様です上手く移動出来ると、ファイル名の色が変わって分かります。

此方の方法は、元の画像をラスタライズする必要が有りません。只、作業工程としては、少し多くなりそうです・涙。

①コピーするファイルを選びます。②投げ縄選択で、コピーする部分を囲います。③上手く囲えたら、上段の編集から、④コピーを選択します。⑤コピーするファイルを選んで、⑥もう一度、上段の編集から、⑦ペーストです。ペーストは、Backgroundと書かれたレイヤーにします。

必ず、コピーするファイル、ペーストするファイルを選んでおいて下さい。

おつかれさまでした。

皆さんの無料でキャラクター作成の一助になれば幸いです。

コメント

タイトルとURLをコピーしました