画像編集その4

バナーを作成して、枠や影を付ける①

ホームページから「名前を付けて画像を保存」によって取得したそのまま
ホームページから「名前を付けて画像を保存」によって取得したそのまま

ちなみに、ホームページはこちらで、私が地元PRのためにやってます。細々とですが。

http://hanyudaisuki.jimdo.com/

まず、ものさしを使って、貼り付けたい項目の幅が何ピクセル(px)なのかを測ります。

実際にものさしが貼ってありますので、右サイドの一番下をご覧ください。

これを見ると200pxとなっていますので、影を付けることを前提に、余裕を持たせて190pxに縮小します。

※影を付けないのであれば、200pxに縮小します。

 

横幅190pxに縮小したもの。

使用したソフトは『縮小専用。』です。


1pxの幅の枠を描画したもの。

使用したソフトは『AzPainter2』です。


影を付けたもの。

使用したソフトは『JTrim』です。


横位置オフセット:5

縦位置オフセット:5

ぼかしの大きさ:5

透明度:30

 

色合い:30

鮮やかさ:0

明るさ:92

 

赤:98

緑:98

青:98

 

背景色:白

 


最後に。

本サイトの場合、地の色が白ではないために、背景色を白のままですとちょっと綺麗ではありません。そこで、背景色を地の色に合わせます。

 

地の色は、『Print Screen』や『スグレモ3撮画ツール』などを使用して地の部分をコピー&ペーストして画像編集ソフトのスポイトで吸い取ると簡単に出来ます。

 

※但し、錯視の影響で、影の部分と地のグレーとの境目辺りがほんの少し白っぽく見えます。何らかの方法があるのかもしれませんが、ここは妥協します。

 


背景白の透過
背景白の透過
背景ライトグレーの透過
背景ライトグレーの透過

おまけ。

同一のバナーを地の色の異なるあちこちのサイトで使用したり、今のサイトの地の色を替えたりした場合に、その都度背景色を替えて作り直すのも大変です。

 

そういった場合に備える場合には、背景色を「透過」に設定しておくと便利です。

 

※この場合は、『JTrim』で透過色指定をして保存したものをAzPainter2』で開き、「別名で保存する」にして「透過PNG」として保存します。

 

手間がかかり面倒ですが、個人的に、『JTrim』に使い慣れた後でAzPainter2』を使うようになったため、こうなってしまいました。もっと手間のかからない方法はあるのだと思いますが、それを探すのが面倒なので、ずっとこうしています。(^_^;)


●縮小専用。【FREE】

●JTrim【FREE】

対応OS:Windows XPまで。Vistaは概ね良好に動作する様です。

 

http://www.woodybells.com/jtrim.html

 

窓の杜

http://www.forest.impress.co.jp/library/software/jtrim/

●AzPainter2【FREE】

●スグレモ3撮画ツール【シェアウェア】

対応OS:Windows 8/7/Vista/XP

SOURCENEXT

http://www.sourcenext.com/product/pc/etc/pc_etc_000321/

自動再生OFF中< 

サイト内リアルタイム検索

最近の5ブログ

iPhone 6 Plus からブログ
>> 続きを読む

6秒ループ動画Vineを貼り付ける
>> 続きを読む

RICOH THETA 写真の埋め込み
>> 続きを読む

過去の全ブログを表示させるには
>> 続きを読む

文章の背景に色を付ける
>> 続きを読む

Jimdo本の紹介

Jimdo 公式サイトから

@JimdoJapan ツイート

参考にしているサイト

羽生大好き!バナー
ものさし