![見出し画像](https://assets.st-note.com/production/uploads/images/73342937/rectangle_large_type_2_039d97a4daa9ab5415a5158597faaaa5.jpeg?width=1200)
パソコンでつくる推しうちわの作り方 その5(切り抜きと重ねの基礎)
今回はまず、切り抜きと重ねの基礎を説明します。
手順を説明する前に、JPEGとPNGの違いを説明します。
一般的に画像形式としてメジャーなのはJPEGですが、PNGは透過ができます。簡単に言うとデータがない状態を作ることができます。
例えばこういう画像を作ります。真ん中の楕円部分はデータがない
切り抜かれた状態です。
![](https://assets.st-note.com/img/1646143190904-YI3qy4GgvT.jpg?width=1200)
これをJPEGで保存するとこうなります。
![](https://assets.st-note.com/img/1646143239089-by9sTTYt0R.jpg?width=1200)
データがない部分が白で埋められてデータがある状態になります。
PNGの場合はそのままデータがないくりぬかれたままの状態になります。
くりぬかれた状態だと何ができるかというと、画像を重ねたときに
下の画像を表示させることができます。
![](https://assets.st-note.com/img/1646143555006-5TbEQM49Sb.png?width=1200)
こういう別の画像の上に重ねることでフレーム化することができるんです。
フレームだけではなく、フリー素材にあるPNGの花びら画像等を重ねると
花吹雪を吹かせたりすることができます。
もちろんPNG形式画像は何枚でも重ねられるので、例えばこの3枚を重ねて
![](https://assets.st-note.com/img/1646144702982-Wc9FfKNaf8.jpg?width=1200)
![](https://assets.st-note.com/img/1646144713577-qG1L2XotaB.jpg?width=1200)
![](https://assets.st-note.com/img/1646144736415-tHAhsYnfRP.png?width=1200)
こんな画像を作ることができます。(まったく何も調整してないですが)
※2枚目はペイント3Dを使って切り抜いてます。
![](https://assets.st-note.com/img/1646144796472-tbS5w5UJQP.jpg?width=1200)
フリー素材でいいPNGのフレームやら透過で使えるハートやらいっぱいあるので、そういったものを重ねるとより良いものが作れるかと思います。
※フリー素材といっても再頒布不可のものも多いので、規約を読んでその範囲で使いましょう。(基本商用利用NGのものが多いです)
この記事が気に入ったらサポートをしてみませんか?