忍者ブログ
どうでもいいことをつぶやいたり、企画のお知らせしたり、 らくがきupしてみたり。ぐだぐだ日記。
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

こんにちはねこです!
今日はgifファイルの透過方法についてご説明いたしますっ
続きにてどうぞ><

拍手[1回]


はい、準備してきましたよ!
こんなイラストを描いてみました。
neko1.gif





一分で超適当に書いた猫さんです。
何もしてないので(背景白だとわかりにくいけれど)白い四角の中に猫が書いてあります。
これを例えばこないだのクリスマス企画ページに乗せると、背景が濃い緑なので白の四角がばっちり見えちゃいます。
背景白だとわからないんですけどね。

実際見てみた方が分かりやすいのでページに飛んでみましょう。
http://osatoward.nekonikoban.org/christmas.html

これを透過処理することで、猫以外の部分の背景を透けて見えるようにしてやることが出来ます。

やり方は簡単です。
先日紹介したねこが使ってるソフト『AzPainter』ならば、何もしなくても、
gifファイルで保存するときに出てきてくれます。

透過処理:□   [白色]

みたいな感じで。
□にレ点を入れると保存する時点で自動的に「白色」を透過処理してくれます。

お絵かきソフトに透過処理機能がついていない場合でも簡単に透過処理をしてくれるフリーソフトがあります。
その紹介はちょっと後ほど・・・で、白色を透過処理したのがクリスマスページの二列目の画像です。
はい、どうでしょう。
顔の中も透明にされちゃいましたね・・・。幽霊的になってしまいました。
それもそのはず、「白色」を透過処理しろ、と命令したので、コンピュータは指示通り顔の中の白い部分も皆透明にしちゃったのです。

こないだ作った猫がてっぺんに乗ってるクリスマスツリー
favicon.gif
を「白色」を透過処理すると、ツリーの回りだけじゃなく猫の飾りの「目」の部分も透明になってしまうということです。
白で塗りましたから。

そんなわけで、
neko4.gif





透明にしたい部分を、絶対に使わない色(ここで言うと赤)で塗ってみました。
そして、透過処理したい色をこの「ちょっと暗い赤色」に設定すれば・・・・。
クリスマスページの3列目の画像になるわけです。やったー!猫のマークの完成です。
透明にしたいところを塗るときも、「レイヤー」さんが役に立ってくれました。


さて、お絵かきソフトに透過機能が付いていない場合、透過処理専門のフリーソフトがあります。
いろいろありますが、ねこが試してみて超簡単!!と思ったのはこれです。
『かんたん透過くん』というフリーソフトです。
検索すればすぐ出てくると思います。
これもダウンロードした時にzip形式のファイルになっているので、解凍ソフトで解凍してあげてください。

難しい設定は一切いらずに、アプリケーションをクリックすればウインドウが起動してくれます。
そのウインドウの中に、透過処理をしたい画像をドラッグアンドドロップ?
とにかく投げ入れます。
上部メニューのファイルから開く、で開いてもOKです。

つぎに、消したい色の上でクリックすれば、あら簡単!
クリックした色がパッ、と透明になってくれます。
これでOK!となれば保存して終了。完成です。
ただ、こちらももちろん白をクリックすれば猫の顔の中の白い部分も透明になってしまいますので、
透明にしたい部分はあらかじめちゃんと分かりやすい違う色で塗っておくことをお勧めします。

はい、かんたんでしょう!
これであなたも素材職人!!
ねこも素材作ってみたくなってきました。
銀魂のアイコンとか、作ってみようかな。気が向いたら。もっと凄い職人いっぱいいるだろうけど。
さあ、君だけのオリジナルアイコンを、貴方も作ってみよう^ω^

ということで、今回の講座はここまで。
また新しいことに手を出してみたくなったら、今度は「gifアニメーション」でも手を出してみようかしら。
あれね、動く絵文字、的な、あれね。
「ドーナツの上で玉乗りする銀さん」とか、作ってみたいよね!超作ってみたい。
「ちらっとこっち向いて、目があった瞬間にあわててそっぽ向く総悟」とかも超作ってみたい。うおおお作ってみたい。
というわけで、また勉強してきて発表しますね^^

HPの作り方講座もさっそく需要反応がわき起こったことですし(笑
毎日充実しているねこですww


他にも何かご質問、こんなこと紹介してほしい、もっと小説アップのペース上げろ、などなどありましたら、
遠慮なくコメントしてくださいなー^^
たのしかったよーなんて感想などもらえた暁には、研究室のパソコンからきゃっほー!!と叫びます。


それでは、ここまでお付き合いありがとうございました!
ねこでした!
PR
この記事にコメントする
NAME
TITLE
COLOR
MAIL
URL
COMMENT
PASS   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事へのトラックバック
この記事にトラックバックする:
100  99  98  97  96  95  94  93  92  91  90 
忍者ブログ [PR]

designed by 26c. / graphics by ふわふわ。り