2009-11-05 00:09:12

画像へのきれいな文字の書き方

テーマ:ブログ快適への道
これは前に書いてたんですがCSSと一緒に記事にしちゃってまして
それだと探しにくいだろってことで単独であげる事にしました。

これは覚えていると便利ですよ。


みなさんはパソコンツールのペイントなどで画像へ文字を書いたら
なんだか滲んだようになってしまうってことはありませんか?

こんな風に。


どうでしょう?

白地ベースに色付きの文字を書いたんですが周りが汚くにじんでるのが分かると思います。
ヘッダーを自分でピグの画像にしてる方とか見かけますが
やはり文字がにじんでて、う~ん・・・どうでしょうって方をちらほら見かけます。

アメばたのスキン作りますって子にも多いですね。
まずスキンじゃねーし、文字がにじんで汚ねーしって。

それで作ってあげると言われても、相手の方も困ってしまいます。

ではどうすれば?ってことで説明を。


■きれいな文字の書き方

まずはパソコンのペイント機能で下地を作ります。
で保存するときに大概のものはJPEGになってると思います。

文字を書いて保存の時にアメーバでも使えるPNGに変えて保存するだけです。

文字入れサイトを使いたい時は先に名前をつけてPNGで保存してあげてください。

GIFでもいいんですが、カラーの写真だと色彩が崩れてしまうのでPNGにしてください。

JPEGGIFPNG以外のものはアメーバでは扱ってませんのでお気を付けください。

文字入れに役立つサイト 「無料バナー作成工房

俺もずっとJPEGでやってたんですよね。
だからぐずぐず過ぎました…
これでコメント欄やサイドバータイトルなどなどを一気に変更しました。

元がJPEGならPNGに変えてあげてから文字を書いてみてください。


■コメント投稿欄のビフォー・アフター






■広告欄のビフォー・アフター





ね!
拡張子が違うだけで色合いから綺麗さから、ぜんぜん違いますでしょ?
同じ色ですがかなり若返りました。

フレッシュです。

なのでピグ画像などをキャプったら 、ペイントに貼りつけてpngで保存してあげてください。
これで画像に綺麗な文字を入れる事が出来ます。

ヘッダーにしたいのならスキンの幅分を取ってからブログタイトルを入れましょう。
その後にヘッダーを芸能人仕様 にすればいっちょ上がりです。

これ関係ないですがタイトルが入ってるのにTOPに戻る仕様にしてない人が多いです。
そういった方はブログ名と概要も消してるのでどこも押せません。
TOPに戻れないとかなり厳しいですよ。

タイトルが入ってるならヘッダーを芸能人のように押したらTOPに戻る仕様にしましょう。


そんな感じです。

知ってる方にとっては当たり前じゃんかって思いますが
意外と知らない方が多いんですよね。

これでがらっとブログを変える事が出来ると思います。


■ランキングに参加中。
応援クリックして頂けると幸いです。

 

コメント

[コメント記入欄を表示]

1 ■これ便利!

こんばんわぁ!
このやり方確かピースさんのブログで見て
俺もつかわさしてもらってます!w
ピグの画像とかもPNGなら綺麗に出来るんですよね~!w
本当に便利な事教えていただきましたw
ありがとうございますm(__)m
最後に
ピースさんってペイント以外に画像編集ソフトとかって持ってますか?

読者になるボタンとか色々作るのに必要だなぁと思い探してるのですが
ピースさんほかに何か使ってますか?

2 ■CSS

妬希さん
CSSと記事を一つにしてたので分けました。
PNG覚えた時はちょっと感動でしたね。

画像編集ソフトはJTrimを使っています。
この記事の画像をキャプるってリンク先に載せてますよ。

俺はJTとペイントを用途に合わせて使い分けています。

3 ■Photoshop

Photoshopだと綺麗にキャプチャー出来ますよo(^-^)o

でも私はまだ使いこなせてません(;_;)

ペイントも色々な使い方がありますね(^o^)/

勉強になりましたぁ☆☆☆☆

ありがとうございます!

4 ■無題

今日は会えて嬉しかったです☆
お話してくださってありがとうございました♪
これからもブログ応援します★

5 ■こんにちは!昼も我武者羅に!(。・ω・。)ノ

これは・・・

知らなかったです!

とても勉強になります!

有難うございます!w

6 ■なるほど

全然違いますね

今度試してみます^^

7 ■無題

初めまして!
いつも読ませてもらっています。

私もこの方法、ピースさんが以前に記事にしていたのを読んで試したら、差が歴然でびっくりしました!
全部作り変えましたもん。

でもpngは容量がかなり大きくなりますよね。
タイトル画像をロールオーバーで作ってpngで保存したら500KBなんてすぐに超しそうな気がします(^_^;)

これからも楽しみにしていますね♪

8 ■仕事柄

編集部に送るとき変換してましたが、
ブログでみるとこんなに違うんだ!
参考になりました!!

9 ■フォトショ

由香さん
このソフトは結構高いですよね(・Θ・;)
フリーソフトで何とか頑張りたいんですが
いいものいいものと考えると限界が出てくるんですよね。

10 ■はい

ひまわりさん
よろしくお願いしますm(__)m

11 ■こんばんは~

ベベロンヂ~ノさん
これはかなり良いと思いますので片隅にでも覚えておいてやってください。

12 ■ちゃいまんねん

ま◔~ちゃんさん
びっくりするほど違うんですよね。
試してみてください。

13 ■初めまして

まーにゃさん
以前はCSSと一緒に書いていたので紹介する時困ってたんですよね。
なので単独であげました。

pngは容量多くなりますがそうそう500kbにはならないですよ。
色々は物を貼りつけて改造すれば分からないですが。

14 ■ブログ上

箱 ミネコさん
ブログで見るとびっくりするほど違いますよね。
同じ色や画像でも全然・・・

15 ■無題

ピースさんもPhotoshop使ってるんだとずっと思ってました!
ペイントだと知り驚きでした!でも全然綺麗ですo(^-^)o

ピースさんは絵のセンスとかデザインセンスがいいからうらやましい~です☆☆

16 ■フリーソフト

由香さん
俺はペイントとフリーソフトのJTrimだけですね。
そしてお褒めの言葉ありがとうございます(・∀・)

コメント投稿

コメント記入欄を表示するには、下記のボタンを押してください。
※新しくブラウザが別ウィンドウで開きます。

一緒にプレゼントも贈ろう!

トラックバック

この記事のトラックバック Ping-URL :

http://trb.ameba.jp/servlet/TBInterface/10370365922/67f72c93

TOPのURLです

アメーバピグの裏ワザリンク集