ウェブアート・デザイナーで透過png画像を作る

シリーズ第7弾！ウェブアート・デザイナーで透過png画像を作るです。透過画像といえばほとんどがgif形式なんですが、ちょっとばかり趣向を変えpng形式で保存する方法です！手順がちょっと面倒臭いかな？？

キャンバスに画像を開きます。

【01】キャンバスに画像を開きます。

虫メガネ・アイコンをクリックして4倍にします。

【02】画像を選択した状態で「拡大/縮小」の虫メガネ・アイコンをクリックして4倍にします。

「消しゴム」をクリックし、最初は大きめのブラシを選択します。

【03】「消しゴム」をクリックし、最初は大きめのブラシを選択します。

大雑把な所はドラッグで、細かい所はクリックで消していきます。

【04】大雑把な所はドラッグで、細かい所はクリックで消していきます。
この時、輪郭周辺をぼかしのブラシを使うと画像を重ねた時によくなじみます。
誤魔化しが利くともいいますね (；´Д｀)

こんな感じで背景が透過になりましたね！

【05】細かい所は手間がかかりますが、こんな感じで背景が透過になりましたね！
「WEB用保存ウィザード」からjpgでもpngでもお好きな保存形式をどうぞ。

完成がこちらです！

【06】完成がこちらです！

元画像はこれです。

ちょっと回転させてピンク系の背景画像に重ねた。

ちょっと回転させてピンク系の背景画像
に重ねた。

野原の画像に重ねた。

野原の画像に重ねた。違和感ありあり（笑）

gif形式での透過画像の作り方は情報が溢れているので、あえて載せませんでした。
透過画像に影を付けた後、画像を重ねるとあまり違和感がありませんよ。

デザイる2｜Webサイト製作初心者に向けて情報発信していきます。