14日目、アイコンを自作する

Examples の Creating Icons のところです。

アイコン(GIcon)については10日目にマーカーのところで軽く触れましたが、ここではそのアイコンを実際に作ってみようというお話し。

さっそく Photoshop を使って作ってみました(赤 青)。単に画像を作るだけでは芸がないのでジオラマ化、題して関ヶ原の戦い(examples-11)。

今回、イメージは簡単に作ることができたんですが、陰影がうまくできませんでした。結局、陰影だけ標準のファイルを使ってごまかしています。

何がうまくいかないかというと、

  1. 表面に合わせてそれらしい影の形を作る方法がわからない
  2. 影の黒い部分を透明にする方法がわからない

Photoshop マスターの方、やり方教えてください。

あと、GIcon のプロパティをちゃんと指定してやらないと機能してくれないので注意。デフォルトの値とかないみたいです。

This entry was written by Miyoshi and posted on 7 月 14, 2005 at 9:30 pm and filed under Google Maps API. Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback: Trackback URL.

2 Comments

  1. micio
    Posted 7 月 15, 2005 at 9:22 am | Permalink

    こんにちは。
    GoogleMapの作り方を参考にさせていただいています　＾＾
    Photoshopで影の部分を透明にするには、
    web用に保存→画像形式：PNG-24で保存です。
    関が原の戦いおもしろいですね～。

  2. miyoshi
    Posted 7 月 15, 2005 at 1:44 pm | Permalink

    ありがとうございます! その通りにやってみたらできました!
    私は最初、「PNG-8 128 ディザ」でやって失敗したんですが、「PNG-24」にしてみたら影の部分も下が透けるようにできました。
    助かります!

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*