ホームページ作成小技集 初心者のための今さら聞けないお気に入りアイコン小技編 『画像準備』
ノミでもわかるインターネット
今さら聞けないホームページ作成小技集 お気に入りアイコン編
ブラウザのアドレスバーや、お気に入りにサイトを追加した際に画像をつけたい人は必見です。ここでは、実際に画像作成をしていきます。
ホームページ作成小技メニュー一覧に戻るには>ホームページ作成小技ガイド
 さっそく画像の準備です
画像サイズもいくつか作成してという方法もありますが、今回は手軽に16×16(単位:ピクセル)で16色以内のお手軽アイコンを作成してみましょう。
 初期設定
  1. 『EDGE』をダブルクリックして、ソフトを起動させて下さい。
  2. ファイル→新規作成を選択
  3. 横幅『16』・縦幅『16』・カラーパレット『16色(アイコン対応)パレット』・背景色『白または黒を選択』
  4. すべて選択したらOKをクリック
ここまで完了しましたでしょうか?
ここまで終了すると、画面上に小さな四角い画像が表示されます。この画像の大きさが、お気に入りアイコンとして表示されるサイズなんだと思ってください。
もちろん、このままのサイズだったら小さすぎて、絵を書くこともできません。そこで、虫眼鏡の機能を使用して画像のサイズを大きくしてみます。
 作成用に画像を大きく表示
  1. ソフト画面左上の虫眼鏡のマークをクリック
  2. 小さい四角の上にカーソルを移動
  3. 画面の上に来ると虫眼鏡のマークに変わります
  4. 自分の希望のサイズになるまでクリックを繰り返しましょう
自分の希望サイズなので、どんどん大きくしても大丈夫です。(元の画像の大きさは変わらず、見た目だけ大きくなるだけなので)5回クリックでドットの目(四角い線)が見えるようになります。その時点での画像のズーム(拡大)は8倍。自分はさらに2回クリックで16倍にして作成をします。
※クリックで大きくしすぎた〜という人。大丈夫です。ソフト画面1番上のメニューの”ズーム”で倍率を変えられます。
 必ず設定しよう
このソフトでは消しゴム機能はありません。その代わりに、背景色を塗ることで、間違えた色を消すことができます。(白背景の場合:黒で間違えた線を引いてしまった→白で上塗りすれば黒が消える)
その為、まず背景の設定をします。
  1. ソフト画面右にパレットが表示されている
  2. 自分の希望の画像の背景色を選択
  3. 右クリック
  4. パレット窓の右下色サンプルの右側に背景色表示
上記の作業で背景色の設定は完了。うまくいかない時は、
  1. レイヤ管理窓の上で右クリック
  2. プロパティ選択
  3. レイヤ共通設定下の参照ボタンをクリック
  4. 希望の背景色をクリック
の方法でも設定が可能です。もしレイヤ管理画面やパレットが表示されていない場合は、ソフト画面上メニューの表示を押せば、リストが表示されるので希望のところにチェックをつければOK。書き方は、いろいろ試してみてください。
ソフト左上のペンのマークを選択→パレットの希望色をクリック→画像の上でクリックすると1コマずつ色をつけていくことが可能です。
 作成が終了したら
  1. ソフト画面左上ファイル→名前をつけて保存をクリック
  2. 保存先のフォルダを作成
  3. ファイル名に任意のファイル名を入力(出来上がりのファイル名は ファイル名.ico となります
  4. ファイルの種類のプルダウンメニュー(▼のマークをクリック)のアイコン形式を選択
  5. アイコン形式を選択
  6. 保存
これで画像作成の作業が終了しました。
 ホームページ作成
 ホームページ作成小技
 ホームページ作成小技
 ■HTML編
 ■お気に入りアイコン編
HP作成役立つリンク>ネット活用術
-当サイト利用によるトラブルや損害について一切の責任を負いかねます。ご利用の際は、必ず該当サイトで確認を-