11 « 1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.» 01

◇La luna della fantasia◇  

PSPカスタムテーマやAndroidホーム画面などの制作メインなブログ。

スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
web拍手 by FC2

Posted on --/--/-- --. --:-- [edit]

スポンサー広告  /  TB: --  /  CM: --

テーマ作成講座~第三章 プレビューアイコン編~ 

次はプレビュー画像の前にPSPで反映前に表示される画像です☆
もち、ある意味重要なアイコンです!!!><b
基礎的に2つの方法をご紹介しますvv^^


<画像切り取り圧縮方法>

まず、プレビューアイコンにしたい画像(16×16以上のサイズ)をGIMPに読み込ませます↓↓

WS000000_20100313222042.jpg

そしてメニューバー「画像」→「キャンパスサイズの変更」クリック↓↓

WS000001_20100313222139.jpg

すると↓↓のようなボックスが開かれます。

WS000002_20100313222210.jpg

そこで“正方形になるようなサイズ”にします。
もちろん…できるだけ大きサイズにした方が良いです。
そして「サイズ変更」を押せばOKです☆

ここでは、400の正方形にしました↓↓

WS000003_20100313222500.jpg

そして「背景」レイヤー右クリック→「レイヤーをキャンパスに合わる」をクリック↓↓

WS000004_20100313222628.jpg

これで、画像がキャンパスサイズに切り取られました☆
あとはサイズ縮小するだけです。
メニューバー「画像」→「画像の拡大・縮小」をクリック↓↓

WS000005_20100313222909.jpg

すると↓↓なボックスが開かれます。

WS000006_20100313223019.jpg

↑↑のように、サイズを16×16にします。
他の設定をいじらないように注意です;;

完成です☆↓↓

WS000007_20100313223128.jpg

なお、保存方法はアイコン着色編と同じです☆^^b


<1文字アイコン作成方法>

まずはGIMPで「ファイル」→「新しい画像」クリック↓↓

WS000000_20100313224245.jpg

すると↓↓なボックスが開かれます。

WS000001_20100313224340.jpg

↑↑サイズは100×100にして下さい。
そして「OK」をクリック↓↓

WS000002_20100313224510.jpg

↑↑を好きな色で塗りつぶします↓↓
(ブラシか塗りつぶしツールで出来ます☆)

WS000003_20100313224609.jpg

そしてをクリックし、画像内の適当な場所でクリックします↓↓

WS000005_20100313224754.jpg

表示されたボックスの空白な場所に好きな文字を入れます。
ちなみに今回は1文字です☆
(4文字は応用編にて公開予定!!><b)

「閉じる」を押すとこんなカンジになります↓↓

WS000006_20100313225050.jpg

そしてツールボックスの“テキスト”の項目をいじります↓↓

WS000007_20100313225148.jpg

今回はフォントをSans Boldにしてみました。
大きさは100にして下さい。
正方形100px=1文字100pxのキャンパスサイズです☆
↑↑は覚えておいた方が良いかと…!!><ノシ

そしてをクリック→テキストのみを画像の位置に合わせます↓↓

WS000014_20100313225842.jpg

これでレイヤー「鮫(テキスト文字)」を右クリック↓↓

WS000010_20100313230029.jpg

↑↑の「下のレイヤーと統合」をクリックすれば画像統合されます。
そしてプレビューアイコンサイズへ縮小します。
メニューバー「画像」→「画像の拡大・圧縮」クリック↓↓

WS000011_20100313230927.jpg

すると↓↓のボックスが開かれます。

WS000012_20100313231100.jpg

数値は縦幅両方とも16で他はいじらないこと。
「拡大・縮小」をクリック↓↓

WS000013_20100313231219.jpg

はい、これで無事完成です☆><b
保存方法はアイコン着色編と同じですのでよろしくお願いします!!!><ノシ

ちなみに↑↑の方法で完成したアイコンは→aaa.png
縮小しても、ちゃんと文字は見えますvv><b


次は楽しみにして下さっている方が居るフォーカス編です☆
まぁ、そんな難しく考える必要はないので!!><b
スポンサーサイト
web拍手 by FC2

Posted on 2010/03/13 Sat. 23:16 [edit]

この記事に対するコメント

コメントの投稿

Secret

トラックバック

トラックバックURL
→http://psp747474.blog84.fc2.com/tb.php/305-f801198e
この記事にトラックバックする(FC2ブログユーザー)

プロフィール

メインメニュー

カテゴリ

ニコ生(普段の生息地)

blogram

参加&企画

相互リンクサイト様

素敵な素材&ツールサイト様

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。