ドット絵で作る、きれいなアイコンデザイン

デザインネタですが、ウェブサイトのアイコンはどうやって作っていますか。
私は縦横16ピクセルくらいまでだったら、ドット絵でアイコン作ってしまっています。

試す前は、１ピクセルごと色を塗るのは面倒だと思っていましたが、
思いのほか簡単ですし、なによりエッジのぼやけていない綺麗なアイコンができるのでオススメの方法です。

というわけで、今回もデザイン基礎のお話。
画像よりも動画のほうが分かりやすいかなと思ったので、今回は動画を撮影しました。

まずは、超初級「矢印アイコン」の作り方

こちらが完成品

「矢印アイコン」その２

こちらは、枠があるタイプの矢印アイコン。こちらもパッと作れます。



こちらが完成品

意外と簡単！「メールアイコン」の作り方。

最後にメールアイコンの作り方をご紹介。こちらも意外と簡単に作れてしまいます。



こちらが完成品

チャレンジしてみると結構色々なアイコンが作れます。

今回のPhotoshopデータはこちら
icon.zip

• 
• Tweet

Tag

• flash
• PhotoShop
• photoshop
• アイコン
• アイコンデザイン
• デザイン
• デザイン初級
• メールアイコン
• 矢印アイコン
• 綺麗なデザイン

関連リンク

• 超簡単、iPhoneっぽいボタンのデザイン
• NPO法人JUKEのホームページを制作しました。
• バイラルマーケティングのポイントを考察
• 10分でできるテクスチャを使ったグローバルナビのデザイン
• Yahoo!Japanインターネットクリエイティブアワード2011受付開始！

• お知らせ
• ガミログ（ブログ）
• コラム
• 新規リリース情報

• デザイン
• SEO対策
• サービス
• マーケティング
• CMS
• html
• Twitter
• CSS
• SEO
• Yahoo!
• 業界情報
• google
• Google
• HTML
• お知らせ
• スマートフォン
• ソーシャルメディア
• ホームページ制作
• ムーバブルタイプ
• 制作実績
• 口コミ
• css
• ECサイト
• Flash
• IE6
• iPhone
• Movabletype
• PhotoShop
• SEM
• Wondershake

ホームページ制作のガミ(GAMI) 長野県諏訪郡下諏訪町社168

• ホーム
• ニュース
• 制作実績
• GAMIの強み
• 組織概要
• お問い合わせ

• 10分でできるテクスチャを使ったグローバルナビのデザイン
• Yahoo!Japanインターネットクリエイティブアワード2011受付開始！
• ガラクタロボットで人気のアーティスト下平大輔の個展が開催
• ビックワードSEO対策の重要性。
• 検索結果に影響しそうなNortonのセーフウェブ機能
• Teclosionで最優秀賞の「Wonershake」がリリース
• おすすめの写真素材サイト6選[有料(安い！)・無料]

GAMI（ガミ)は、長野県(諏訪市・岡谷市・茅野市など)を拠点に、東京・名古屋・大阪など全国のホームページ制作業務を承っています。

• Tweet
•