TOP

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

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

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

Tag: 透過

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

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

下準備がありますのでこちらを参照して下さい。


透過画像を作る

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

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


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

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


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

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


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

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


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

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


完成がこちらです!

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



背景に画像を重ねてみる

元画像はこれです。

元画像はこれです。

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

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

野原の画像に重ねた。

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


あとがき

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

関連記事

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


最新記事

a:3663 t:1 y:4







■この記事に足りないと思ったことがあったらぜひ教えてください。

powered by HAIK 7.0.2
based on PukiWiki 1.4.7 License is GPL. HAIK

最新の更新 RSS  Valid XHTML 1.0 Transitional