• 締切済み

アイコンの作り方についてです

ブラウザのスタートページを作っているのでそれに使うアイコンを自作したいと思っています iphoneアプリのアイコンやこのサイトのようなアイコンを作りたいのですがpictbearなどのツールを使って作ることはできないでしょうか? http://www.sleipnirstart.com/ https://itunes.apple.com/jp/app/pixiv/id337248563?mt=8 あと余白部分をレイヤーを使って透明にしたりアイコンの周りの線をつけたりなどのおんなじような作業をするときにそれを簡単にする方法はないですか? 使うものはフリーソフトならいいですけどphotoshopなどの有料ツールはなしでお願いします

みんなの回答

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.3

torayoshiです。 GIMP 2.6.12で手順など(ここでは全部説明し切れないのでザックリと) (最新版は2.8.6ですが、一番安定してる2.6.12で説明します) アイコンの絵柄(背景が透過済みのもの)は自分で用意してください。 絵柄の背景を作る手順等になります(私が添付した画像を例に)。 (GIMP2を起動する前の事前作業)画像の外周をエンボス加工するわけなんですが、 GIMP2にはエンボスツールがありません。 ↓ここからダウンロード(ファイル三つ)。 http://registry.gimp.org/node/186 C:\Users\(ユーザー名)\.gimp-2.6\scripts へコピー。 正方形の透明レイヤー1(キャンバス)作成(大きさは任意)→絵柄をドロップ→透明レイヤー2追加→ 任意の色を決め塗りつぶし→透明レイヤー3追加(上の光沢用)→楕円選択→ブレンド(白:描写色から透明)→ 透明レイヤー4追加(下の光沢用)→矩形選択→ブレンド(色:塗りつぶし色より薄く:描写色から透明)→ 選択解除→追加レイヤー4にガウシアンぼかし(ぼかし半径:30ぐらい)→透明レイヤー1,2,3,4画像統合→ レイヤー(キャンバス)サイズで矩形選択(角を丸める:30ぐらい)→コピー→ Script-Fu→Layer Effects→Bevel and Emboss(Style:Inner Bevelその他の各パラメータ値は任意)→ レイヤーマスク適用→可視レイヤーの統合→完成。 以上です。

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.2

アイコン自体を作るのはそんなに難しくないです。 Pictbearは知りませんが、私ならやっぱりGIMP2をお勧めしますね。 同じ作業を一括で処理するには、そういった専用のプラグインとかが必要ですが、 私は知りません。 一個ずつチマチマ作るしかないのでは? 余白を透明にするには、Webで使うならPNGとかで保存するしかないでしょう。 今取り急ぎGIMP2でザックリ作ってみました。

quieta
質問者

お礼

回答ありがとうございます。こんな感じのアイコンが作りたかったんですよ 自分で作れると何かと便利なので作り方を教えてくださるとうれしいです

noname#186948
noname#186948
回答No.1

一つのアイコンであっても様々な機能があります。 ただ単に趣味本位でアイコンを作成するのは無駄足になりますから、止した方がいいかもね。

quieta
質問者

補足

すいませんいい方が悪かったかもしれません アイコンを作るというのはアイコン用の画像を作るという意味です ボタンでもいいのですがさすがにそれではそっけないしフリーの素材だと統一感が出ないのでここで質問させていただきました 機能をつけるのはJavaScriptで出来るので問題ないです

関連するQ&A