kumaneko日記

なんてことない日常を送る
なんてことないオッサンの日記

かっちょいいヘッダー画像を作ろう(その6)Part2

最近、Inkscapeというイラストレーターに似たフリーソフトを知り、
遊び倒しているkumanekoです。
いつつゆびなまものさんのブログを見て「 Inkscape」の練習にもなりそうだし、
なによりこりゃ面白そうってんで私も作ってみました。

でもなんでアンテナさんのロゴなんだ?
怒られたらどうすんだ?って感じです。
フォントもなんだかいまいちだしその上肉球紋がなぜか犬っぽい。
だめじゃん・・・ orz

 美食ロゴ2

アンテナさん、ご迷惑でしたら削除しますのでご連絡ください。


さてさて、先日の続きを・・・。
前回は境界をぼかすところまで進みましたね。
今回は不要な部分を削除するところから始めます。

(6)不要な部分を消去する
前回の手順どおり進めてくると、
現在の選択範囲は最後まで残したい部分になっているはずです。
つまり、選択されていない部分が不要な部分になるわけです。
それじゃ選択している部分をひっくり返しましょう。
写真の表示されているウィンドウのメニューの中から
[選択]→[反転]とクリックします。
あまり変化がありませんが、写真の縁にも点線がちらちら動いて見えるはずです。
これで不要部分が選択されました。
続いて写真の表示されているウィンドウのメニューの中から
[編集]→[消去]とクリックすれば不要な部分は消去されます。
不要部分消去後

出来上がりを確認するために一旦選択を取り消します。
写真の表示されているウィンドウのメニューの中から
[選択]→[None]とクリックすればOKです。

写真の周囲がぼんやりボケているのが分かりますか?
上手くいってなかったらUndoを繰り返して(5)の手順まで戻ってやってみてください。

(7)トリミング
画像上側に不必要な白い部分が残っていますので今度は必要な部分のみを切り抜きます。
この必要な部分のみ切り抜く作業をトリミングといいます。では、この写真をトリミングしましょう。
画面左側のウィンドウの中の一番上の段の一番左側、
四角い形のアイコンをクリックします。
このアイコンは四角い範囲を選択する役割のツールです。



写真を囲むように四角く選択できたら写真の表示されているウィンドウのメニューの中から
[画像]→[Clop to Selection]とクリックすればトリミングは終了です。

(8)リサイズ
このカテゴリーの記事で何度も触れているのですが、
リンクルのヘッダー画像の大きさは760×230ピクセルと決まっています。
今編集中の画像は、幅は760ピクセルより小さい、高さは230ピクセルより大きいサイズです。
これを規定どおりの大きさに変更します。
大きさを変える作業をリサイズといいます。

幅、高さとも変更しないといけないのですがまずは高さを変更します。
幅を先に合わせると写真のアスペクト比(縦横の比率のこと)を変更するか
写真の上下どちらかを切り落とすことになるためです。
写真の表示されているウィンドウのメニューの中から
[画像]→[画像拡大縮小]とクリックすれば新しいダイアログが開きます。
下の画像のとおりに高さを230ピクセルに指定すれば幅は自動的に計算されて
高さが規定どおりの画像ができます。
リサイズ1

今度は幅を760ピクセルに広げます。
写真の表示されているウィンドウのメニューの中から
[画像]→[キャンバスサイズ]とクリックすれば新しいダイアログが開きます。
幅を760と指定して鎖のアイコンをクリック、
自動的に計算されて変更された高さを230ピクセルに指定しなおします。

リサイズ2

するとダイアログ内の写真の表示部分が変わります。
出来上がりの画像の中で写真をどの部分に置くかをドラッグで決めて、
「レイヤーサイズの変更」の部分はレイヤーを「画像サイズに変更」と指定します。
最後に「サイズ変更」ボタンをクリックすると完成です。

リサイズ3

最後にファイルメニューから「別名で保存」を選んで、
好きな名前+".jpg"という名前を付けて保存してください。

それでは今回作成したヘッダー画像をご覧ください。
画像を右クリックして「名前をつけて保存」で原寸大のヘッダー画像がダウンロードできます。

子猫ヘッダー

それにしても元気君と夢ちゃん、可愛いなぁ・・・。

Posted by kumaneko at 10:23 │Comments(3)TrackBack(0)
この記事へのコメント
すごいな~!!
私はパソコンなんて初心者もいいとこで、なんっにも出来ないので、そうやって面白い編集が出来る人うらやましいです。
頑張って少しずつ覚えなきゃ☆
Posted by ママコアラ at 2008/11/09 12:02:38
怒るなんて・・・・
とんでもない!

ありがとうござります

あとでゆっくり伺いに来ますヾ(=^▽^=)ノ
Posted by アンテナ at 2008/11/09 13:30:32
>ママコアラさん
パソコンって使い慣れると無茶苦茶便利なものですよ。
なくしちゃいけないものだけはしっかりとバックアップして
怖がらずにどんどんチャレンジしてみてください。

>アンテナさん
すいませんねぇ・・・。
そう言っていただけると助かります。
なんだか自分のだと力が入らないというか
アイディアがいまひとつというか・・・。

先ほどデザインを変更したので、
後ほどCSSの勉強させてもらいに伺います。
Posted by kumaneko at 2008/11/09 18:32:32
 
この記事へのトラックバック
この記事へのトラックバックURL
http://app.linkul.net/trackback/kumaneko/1226137482326