X

スポンサードリンク

スポンサードリンク

画像の余白を透明にする方法

<p><img data-attachment-id&equals;"7329" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;transparent-2&sol;attachment&sol;30mm&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;30mm&period;jpg&quest;fit&equals;500&percnt;2C500&amp&semi;ssl&equals;1" data-orig-size&equals;"500&comma;500" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"30mm" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;30mm&period;jpg&quest;fit&equals;300&percnt;2C300&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;30mm&period;jpg&quest;fit&equals;425&percnt;2C425&amp&semi;ssl&equals;1" class&equals;"aligncenter size-full wp-image-7329" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;30mm&period;jpg" alt&equals;"" width&equals;"500" height&equals;"500" &sol;><br &sol;>&NewLine;&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;98&period;1 -->&NewLine;<div class&equals;"quads-location quads-ad1" id&equals;"quads-ad1" style&equals;"float&colon;none&semi;margin&colon;0px&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;<&sol;p>&NewLine;<p>画像の予約を透明にする方法はいくつか存在しています。<br &sol;>&NewLine;今回紹介する方法は、その一つでしかありません。<br &sol;>&NewLine;他の方法でうまく出来なかった時にお試しください。<&sol;p>&NewLine;<h3 class&equals;"style3b">概要<&sol;h3>&NewLine;<p>エクセルとペイントを使って余白部を透明にします。<br &sol;>&NewLine;エクセルは有料ですがペイントはWindowsに標準実装されているアプリなので、この方法が使える人が多いと思います。<br &sol;>&NewLine;その画像が「ビットマップ(&period;bmp)」の場合、ペイントも使用する必要がありませんが「jpeg&lpar;&period;jpg&rpar;」など、ビットマップ以外の画像であればペイントを使ってビットマップに変更する必要があります。<br &sol;>&NewLine;ビットマップ画像なら、エクセルを使って透明にすることができます。<&sol;p>&NewLine;<h3 class&equals;"style3b">jpegなどの画像をビットマップに変更する方法<&sol;h3>&NewLine;<p>ペイントを起動させる。<br &sol;>&NewLine;ペイントの「開く」から変更したい画像を選択して開く。<br &sol;>&NewLine;そのまま「名前を付けて保存」から「BMP画像」を選択して保存する。<br &sol;>&NewLine;<a href&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;31mm&period;jpg"><img data-attachment-id&equals;"7330" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;transparent-2&sol;attachment&sol;31mm&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;31mm&period;jpg&quest;fit&equals;570&percnt;2C500&amp&semi;ssl&equals;1" data-orig-size&equals;"570&comma;500" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"31mm" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;31mm&period;jpg&quest;fit&equals;300&percnt;2C263&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;31mm&period;jpg&quest;fit&equals;485&percnt;2C425&amp&semi;ssl&equals;1" class&equals;"aligncenter size-medium wp-image-7330" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;31mm-300x263&period;jpg" alt&equals;"" width&equals;"300" height&equals;"263" &sol;><&sol;a><&sol;p>&NewLine;<h3 class&equals;"style3b">エクセルを使って画像の余白を透明にする方法<&sol;h3>&NewLine;<p>エクセルを起動させる。<br &sol;>&NewLine;エクセルの「挿入」から「図」&srarr;「画像」を選択して、対象の画像を呼び出します。<br &sol;>&NewLine;今回は、余白が透明になったことがわかりやすいように背景(セル)を黄色にしています。<br &sol;>&NewLine;<a href&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;32mm&period;jpg"><img data-attachment-id&equals;"7331" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;transparent-2&sol;attachment&sol;32mm&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;32mm&period;jpg&quest;fit&equals;600&percnt;2C600&amp&semi;ssl&equals;1" data-orig-size&equals;"600&comma;600" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"32mm" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;32mm&period;jpg&quest;fit&equals;300&percnt;2C300&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;32mm&period;jpg&quest;fit&equals;425&percnt;2C425&amp&semi;ssl&equals;1" class&equals;"aligncenter size-medium wp-image-7331" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;32mm-300x300&period;jpg" alt&equals;"" width&equals;"300" height&equals;"300" &sol;><&sol;a><br &sol;>&NewLine;対象の画像をクリックすると「図ツール」が選択できるようになります。<br &sol;>&NewLine;その中の「書式」タブを選択し、からリボン内の「色」を選択する。<br &sol;>&NewLine;<a href&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;34mm&period;jpg"><img data-attachment-id&equals;"7332" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;transparent-2&sol;attachment&sol;34mm&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;34mm&period;jpg&quest;fit&equals;610&percnt;2C610&amp&semi;ssl&equals;1" data-orig-size&equals;"610&comma;610" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"34mm" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;34mm&period;jpg&quest;fit&equals;300&percnt;2C300&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;34mm&period;jpg&quest;fit&equals;425&percnt;2C425&amp&semi;ssl&equals;1" class&equals;"aligncenter size-medium wp-image-7332" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;34mm-300x300&period;jpg" alt&equals;"" width&equals;"300" height&equals;"300" &sol;><&sol;a><br &sol;>&NewLine;そして、下のほうにある「透明色の指定」をクリックします。<br &sol;>&NewLine;すると、元の画像が表示されるので透明にしたい部分をクリックします。<br &sol;>&NewLine;今回は白色部分を透明にしたいので白色部分を選択します。<br &sol;>&NewLine;<a href&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;35mm&period;jpg"><img data-attachment-id&equals;"7333" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;transparent-2&sol;attachment&sol;35mm&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;35mm&period;jpg&quest;fit&equals;530&percnt;2C530&amp&semi;ssl&equals;1" data-orig-size&equals;"530&comma;530" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"35mm" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;35mm&period;jpg&quest;fit&equals;300&percnt;2C300&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;35mm&period;jpg&quest;fit&equals;425&percnt;2C425&amp&semi;ssl&equals;1" class&equals;"aligncenter size-medium wp-image-7333" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;35mm-300x300&period;jpg" alt&equals;"" width&equals;"300" height&equals;"300" &sol;><&sol;a><br &sol;>&NewLine;透明部分になったところが、背景と同じ黄色になったのがわかりますでしょうか。<&sol;p>&NewLine;<h3 class&equals;"style3b">エクセルを使った応用例<&sol;h3>&NewLine;<p>エクセルの背景を元の白色に戻してセルに文字を入れれば、こんな感じになります。<br &sol;>&NewLine;<a href&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;45mm&period;jpg"><img data-attachment-id&equals;"7334" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;transparent-2&sol;attachment&sol;45mm&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;45mm&period;jpg&quest;fit&equals;520&percnt;2C520&amp&semi;ssl&equals;1" data-orig-size&equals;"520&comma;520" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"45mm" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;45mm&period;jpg&quest;fit&equals;300&percnt;2C300&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;45mm&period;jpg&quest;fit&equals;425&percnt;2C425&amp&semi;ssl&equals;1" class&equals;"aligncenter size-large wp-image-7334" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;07&sol;45mm-425x425&period;jpg" alt&equals;"" width&equals;"425" height&equals;"425" &sol;><&sol;a><br &sol;>&NewLine;特筆するのは、この数字部分がエクセルのセルで入力されていることです。<br &sol;>&NewLine;つまり、エクセルには関数が使えますから、このように使っていれば画像の一部を、関数表記することができるわけです。<br &sol;>&NewLine;エクセルを使う場合、出来るだけ関数処理を使っておけばヒューマンエラーを減らすことができますので是非お試しください。<br &sol;>&NewLine;&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;98&period;1 -->&NewLine;<div class&equals;"quads-location quads-ad3" id&equals;"quads-ad3" style&equals;"float&colon;none&semi;margin&colon;0px&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;<br &sol;>&NewLine;&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;98&period;1 -->&NewLine;<div class&equals;"quads-location quads-ad4" id&equals;"quads-ad4" style&equals;"float&colon;none&semi;margin&colon;0px 0 0px 0&semi;text-align&colon;center&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;<&sol;p>&NewLine;&NewLine;

葉隠 瀧: このサイトを管理しているのが葉隠 瀧です。