<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>webスキルの部屋</title>
<link>https://ameblo.jp/tsuchimore/</link>
<atom:link href="https://rssblog.ameba.jp/tsuchimore/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>Webに関する技術を教えます！！</description>
<language>ja</language>
<item>
<title>Gimpでアメブロヘッダー作り</title>
<description>
<![CDATA[ 今回は自分で手軽にアメブロヘッダーを作る方法を紹介したいと思います！！<br>利用するソフトはGIMPという無料の画像編集、加工ソフトです。<br><br>詳しいダウンロード方法はこちらのサイトを参考にお願いします。<br>↓↓<br>http://synclogue-navi.com/gimp-install<br><br><br>今回はGIMPを利用して、下のような画像のヘッダーを作りたいと思います。<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/19/e0/p/o0800045013199772049.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/19/e0/p/t02200124_0800045013199772049.png" alt="" width="220" height="124" border="0"></a></div><br><br>[手順]<br>1.Gimp を開く<br><br>2.ファイルから新しい画像の作成<br>ファイル⇒新しい画像を順番にクリックしてください。<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/8c/ad/p/o0800045013199774074.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/8c/ad/p/t02200124_0800045013199774074.png" alt="" width="220" height="124" border="0"></a></div><br><br>3.画像のサイズ指定<br>画像サイズを幅９８０px、高さ３００pxに指定。<br>その後、OKを選択。<br><br>4.ブレンドで色を配合<br>ツールボックスから[ブレンド]を選択。<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/d1/d2/p/o0800045013199775553.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/d1/d2/p/t02200124_0800045013199775553.png" alt="" width="220" height="124" border="0"></a></div><br><br>ツールボックスの黒色の長方形をクリックし、好きな色を選択。<br>ツールオプションで、色が変わったのを確認。<br>形状は[線形]にしときます。<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/24/c7/p/o0800045013199775554.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/24/c7/p/t02200124_0800045013199775554.png" alt="" width="220" height="124" border="0"></a></div><br><br><br>5.レイヤーに色を付ける。<br>レイヤー（９８０×３００の長方形）の左上から右下の頂点にかけて、ドラッグしながら線を引く。線を引き終えると選択した色が付きます。背景のデザインは以上です。<br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/c3/ef/p/o0800045013199777769.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/c3/ef/p/t02200124_0800045013199777769.png" alt="" width="220" height="124" border="0"></a></div><br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/02/1f/p/o0800045013199778955.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/02/1f/p/t02200124_0800045013199778955.png" alt="" width="220" height="124" border="0"></a></div><br><br>6.画像の編集<br>好きな画像をフォルダーから選択。ファイルをドラッグしたまま、直接レイヤーの上へ持ってくる。ドラッグを離すと画像がレイヤー全面に表示されます。<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/95/1d/p/o0800045013199778956.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/95/1d/p/t02200124_0800045013199778956.png" alt="" width="220" height="124" border="0"></a></div><br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/58/e8/p/o0800045013199778957.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/58/e8/p/t02200124_0800045013199778957.png" alt="" width="220" height="124" border="0"></a></div><br><br>7.画像の拡大・縮小<br>ツールボックスから[拡大・縮小]を選択。<br>画像をクリックします。<br>幅、高さを自分の好きなサイズに指定。鎖のようなマークをつなげると同じサイズで縮小・拡大されます。<br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/35/50/p/o0800045013199781791.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/35/50/p/t02200124_0800045013199781791.png" alt="" width="220" height="124" border="0"></a></div><br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/11/20/p/o0800045013199781792.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/11/20/p/t02200124_0800045013199781792.png" alt="" width="220" height="124" border="0"></a></div><br><br>8.画像の移動<br>ツールボックスから[移動]を選択。<br>ドラッグしながら、自分の好きな位置へ画像を配置。<br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/11/20/p/o0800045013199781792.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/11/20/p/t02200124_0800045013199781792.png" alt="" width="220" height="124" border="0"></a></div><br><br><br>9.文字を挿入<br>ツールボックスから[テキスト]を選択。 <br>文字を入れたい場所にクリック。<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/c0/26/p/o0800045013199784886.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/c0/26/p/t02200124_0800045013199784886.png" alt="" width="220" height="124" border="0"></a></div><br><br>キーボードで文字を打ち込むと文字が表示されます。<br>文字の大きさはpxの隣の数字（この場合１８の表示）から調整できます。今回は６０ｐｘにしておきます。<br>移動ツールで好きなところに文字を配置することもできます。<br><br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/9c/77/p/o0800045013199786101.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/9c/77/p/t02200124_0800045013199786101.png" alt="" width="220" height="124" border="0"></a></div><br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/60/4a/p/o0800045013199786100.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/60/4a/p/t02200124_0800045013199786100.png" alt="" width="220" height="124" border="0"></a></div><br><br>これで完成です。<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20150126/08/tsuchimore/b2/f8/p/o0800045013199787680.png"><img src="https://stat.ameba.jp/user_images/20150126/08/tsuchimore/b2/f8/p/t02200124_0800045013199787680.png" alt="" width="220" height="124" border="0"></a></div><br><br><br>また分からないことがあれば、気軽に上の質問受付で聞いてください！！
]]>
</description>
<link>https://ameblo.jp/tsuchimore/entry-11981739201.html</link>
<pubDate>Mon, 26 Jan 2015 08:09:16 +0900</pubDate>
</item>
</channel>
</rss>
