サイドバーの幅に合わせた画像を作成する方法②画像を拡大・縮小と移動してみよ~(^^)/

今回は、左サイドバーにプロフィール欄を作成するのですが
その中に、アバター画像と背景を入れた画像を使用します。

 

こちらを目指します!!

image

 

 

その画像を作成する方法を説明していきますね(^^♪

①ファイルをクリックし、②新しい画像をクリックします。

image

 

 

 

賢威のサイドバーのサイズに合うようにキャンバスサイズを変更します。

今回は170×250にし、「OK」をクリックします。

image

 

 

アバター画像をGIMP上にドラック&ドロップします。

image

 

 

画像が大きいので小さくします。
左側にあるツールボックスの「拡大縮小」ツールをクリックします。

image

 

 

①GIMPの画像上で1度クリックすると
「拡大・縮小」のダイアログボックスが表示されます。

 

②ダイアログボックス内の鎖のボタンが下の図のように
外れていたら、クリックしてつながれた状態にしましょう。

 

鎖がつながっている状態だと
幅・高さを一度で拡大・縮小できます。

縦横比が崩れないのでオススメです(^^)/

image

 

 

画面上でドラッグして、図を小さくします。

image

 

 

拡大・縮小のダイアログボックスの数字を目安にすると
わかりやすいですね。

今回は、幅170pxなのでそれよりも小さくして
一度様子を見るとよいと思います。

 

良さそうであれば、「拡大・縮小」のボタンをクリックします。

image

 

 

キャンバスから、アバター画像のレイヤーが外れていたら
移動しましょう。

「移動」ボタンをクリックします。

image

 

 

ドラッグして、キャンバスの中に移動します。

image

 

 

大きいようでしたら、また「拡大・縮小」ボタンをクリックし
画面上でドラッグしてくださいね。

image

 

 

良さそうであれば、「拡大・縮小」のボタンをクリックします。

image

 

ここで、画像の移動の方法・拡大縮小の方法をぜひ
ぜひマスターしてくださいネ!

 

ここまできたら、GIMPの形式で保存してみましょう。

保存のことについては、 次の記事

サイドバーの幅に合わせた画像を作成する方法③編集途中の時は、GIMP形式で保存しましょう。
をご覧ください(^-^)

コメントを残す

サブコンテンツ

プロフィール

ikurademo

こんにちは!ikuraです。

こちらのブログでは、フリーで使えるGIMPを使ってネットビジネスのサイトに必要な画像編集のノウハウをお伝えしていきます(^^♪

サクセスアフィリ塾リーダー

→ 詳しいプロフィール

スカイプ無料相談受付中!

skypeside

ブログランキングに参加中♪

応援ありがとうございます♪

おきてがみ

ご訪問ありがとうございます♪

 

 

このページの先頭へ

pagepeel by webpicasso.de