« 簡単(?)画像加工 JTrim番外編 ソフトレンズ | メイン | 簡単(?)画像加工 JTrim リサイズ編 »

2006年06月29日

簡単(?)画像加工 Jtrim グラデーション編

画像にグラデーションを加えてタイトルバックの画像を作ろう

タイトルの背景画像では文字と重なる部分から、徐々にボカシを入れて、文字をはっきり見えるような加工を加えます。この徐々にボカシを入れることを グラデーションといいます。画像を切り取って、背景画像として新規作成し、グラデーションをかけてみましょう。

切り取った背景画像
S5439Gra1.jpg

新しく作った背景画像に元画像を右寄せで貼り付ける
S5439Gra2.jpg

グラデーションをかけて出来上がり
S5439Gra3.jpg


背景にする画像を切り取る


JTrim切り取り編の要領で画像を切り取ります。タイトルは横長になるので切り取る画像も横長にします。縦横比を固定するのチェックボックスをはずし、マウスで四隅をドラッグして適当な大きさの範囲を切り取ります。左にタイトル文字を入れる場合、画像の左端にボカシが入るので、左側は少し余裕を持たせて切り取るようにします。範囲が決まったら、切り取りウィンドウでOKをクリックして、切り取り画像を表示させます。

切り取った画像を背景画像に貼り付ける

ここからが背景画像作成のポイントです。先ほどの切り取り画像を縦サイズを指定してリサイズします。背景画像の場合、縦は 120px から 150px 位が適当だと思いますが、ページのレイアウトにあわせて設定します。リサイズの際に、縦横比は固定、リサンプリングの高画質でリサイズすることをお忘れなく。

編集メニューから コピーを選択して、リサイズ後の画像をコピーします。

ファイルメニューで新規作成を選択し、新しく画像ウィンドウを開きます。縦は先ほどリサイズした大きさ、横はページの横幅とします。ページの横幅が決まっていない場合や、横幅を可変にする場合は、480px 位にしておくとよいでしょう。ページでは画像を右寄せで表示して、余白を左に表示させるので、ページの横幅より少し小さめでもかまいません。ページの横幅が 680px なら、画像の横幅は 480px から 550px 位でちょうどいいと思います。

S5439GraOpe1.jpg

新規ウィンドウが開いたら、編集メニューから合成貼り付けを選択します。貼り付けではない点に注意してください。コピーした画像サイズにあわせるのではなく、設定した画像サイズを優先するので、ここでは合成貼り付けを選択します。新規ウィンドウ内に画像が左寄せで表示されるので、マウスでドラッグして右に寄せます。上下もキチンとあわせてください。

S5439GraOpe0.jpg

いよいよグラデーションをかけます

加工メニュー から スポットライト(下のほうにあります) を選択します。スポットライトの中心となる位置を十字カーソルで設定します。十字カーソルは縦横の線で示され、交点が中心位置となります。マウスで交点を移動させます。左に文字を入れる場合は、画像の右端近くを交点にします。

スポットライトウィンドウで、大きさと明るさの減衰レベルを指定します。大きさではスポットライトの円の半径を決めます。画像の左にかかるくらいの大きな円になるようにします。減衰レベルではボカシの強さを設定します。レベルを大きくすると、緩やかにボケます。ウィンドウ左のプレビューで確認しながら、いろいろと試してみてください。コレだ!という設定になったら、OKボタンで決定します。

S5439GraOpe2.jpg

以上で横長で、画像が右寄せ、左グラデーションの背景画像の出来上がりです。画像の切り取り範囲やスポットライトの設定を変えて、何回もやってみることが上達のコツです。

スポットライトは文字通りスポットライトを当てる機能です。当然、こんなこともできます。
S5439GraElse.jpg

投稿者 itleader1 : 2006年06月29日 05:34

トラックバック

このエントリーのトラックバックURL:
http://www.zukudas-m.com/mt/mt-tb.cgi/230

このリストは、次のエントリーを参照しています: 簡単(?)画像加工 Jtrim グラデーション編:

» Personal loans. from Personal loans.
Personal loans. [続きを読む]

トラックバック時刻: 2009年02月06日 17:55

» Contact my instant payday loans. from Payday loans.
Payday loans for bad credit. Payday loans. Affordable payday loans ottawa. 500 p... [続きを読む]

トラックバック時刻: 2009年02月14日 01:50

» Side effects of valium. from Valium.
Buy valium c.o.d.. Buy valium online. [続きを読む]

トラックバック時刻: 2009年02月14日 04:46

» Tramadol. from Tramadol hydrochloride.
Ultram tramadol. [続きを読む]

トラックバック時刻: 2009年02月14日 13:00

» Ira davis ringtones. from Download free ringtones.
Verizon ringtones. Free ringtones - metro pcs. Ringtones. [続きを読む]

トラックバック時刻: 2009年02月14日 15:18

» Adipex for sale. from Adipex.
Phentermine adipex. Adipex for sale. Adipex. Adipex no prescription. Phent ermin... [続きを読む]

トラックバック時刻: 2009年02月19日 01:57

» Impulse female viagra. from Impulse female viagra.
Female viagra. [続きを読む]

トラックバック時刻: 2009年04月23日 21:22

» Soma. from Soma.
Soma cubes. Psyche and soma operate as a duality. Soma. Soma to florida. Soma re... [続きを読む]

トラックバック時刻: 2009年04月26日 04:41

» Phentermine free shipping. from Phentermine.
Phentermine. Phentermine risk. Phentermine diet. Pal pay phentermine. [続きを読む]

トラックバック時刻: 2009年05月09日 04:48

» Farmacias oxycodone. from Oxycodone extraction.
Oxycodone extraction. Oxycodone extraction gel. Oxycodone side effects. Oxycodon... [続きを読む]

トラックバック時刻: 2009年05月20日 08:33

» Valium overnight cheap. from Valium side effects.
No prescription valium. Valium. [続きを読む]

トラックバック時刻: 2009年05月23日 20:32

» Adderall prescription. from Dexadrine adderall comparison.
Adderall and migraines. Adderall. [続きを読む]

トラックバック時刻: 2009年05月31日 14:25

» Buy cheap viagra online uk. from Female viagra.
Free viagra sample. Viagra prescription price. Taking viagra with cialis. [続きを読む]

トラックバック時刻: 2009年06月06日 22:45

» Levitra. from Levitra.
Levitra paypal. [続きを読む]

トラックバック時刻: 2009年07月02日 01:01

» Generic lipitor. from Lipitor.
Lipitor the human cost health supreme. Lipitor generic. Lipitor side affects. [続きを読む]

トラックバック時刻: 2009年07月02日 10:33

» Safely weaning off prozac. from Phentermine prozac.
Prozac weekly. Side effects of prozac. Prozac. [続きを読む]

トラックバック時刻: 2009年07月02日 22:04

コメント

グラデーションをかける為にスポットライトを使うとは・・・ なるほどねぇ。

投稿者 takasuna : 2006年06月29日 15:05

実は JTrimのグラデーションは画像全部にかかってしまうので、左端だけのボカシができなかったんです・・・

投稿者 アウトドア診断士 佐藤 : 2006年06月29日 17:53

インストール、ファイルを開く、リサイズ、グラデーションとタイトルバック画像の作り方について解説してきましたが、JTrim講座はこれで打ち止め!といたします。ご愛読?ありがとうございました。

takasunaさん、Gimp講座 頑張ってください。

投稿者 アウトドア診断士 佐藤 : 2006年06月30日 10:05

忙しい中、お疲れ様でした。
GIMP講座も一通り終わってますが、必要な人が居れば続けます。でも、今のところ反応も無いようなので・・・

投稿者 takasuna : 2006年07月02日 11:02

そうですね、暖簾に腕押し、糠に釘 でした。
takasunaさん、おつかれさまでした。

投稿者 アウトドア診断士 佐藤 : 2006年07月03日 20:43

コメントしてください




保存しますか?