アイコンを作ろう!チュートリアルまとめ

今では、かなりたくさんのクオリティの高いアイコン素材が無料で配布されていたりします。

そういったアイコンを利用するのも良いのですが、やはり実際にどうやって作られているのかが気になります。

また、自分でアイコンを作ってみたいと思っている方には結構参考になるかもしれません。

今回は、アイコンのチュートリアルをいろいろとまとめてみました。

3/20
まだまだ、クオリティの高いアイコンのチュートリアルを見つけたので、追加しました。追加分はこちら

Create a Custom Mac OSX Style Ring Binder Address Book Icon

かなり手の込んだ、Mac風のアドレス帳アイコンの作り方です。細部にまでしっかりこだわって作られています。

Create a Custom Mac OSX Style Ring Binder Address Book Icon

The Making of an Icon

手書きのスケッチから、仕上げまでテキストエディターのアイコンを作るチュートリアルです。

The Making of an Icon

Create a Jaguar Style Folder Icon

ジャガーのフォルダアイコンの作り方です。質感があっていいですね。

Create a Jaguar Style Folder Icon

Creating a Cool Yellow Helmet Icon

工事現場の黄色いヘルメットのアイコンのチュートリアルです。実物のヘルメットの写真をなぞって作っているので、とてもわかりやすいです。

Creating a Cool Yellow Helmet Icon

Keyfob: Anatomy Of An Icon

下書きから仕上げまで車のキーのアイコンの作り方。

Keyfob: Anatomy Of An Icon

How to Turn Glasses into a Great Geek Icon

実際のメガネの写真から、アイコンを作る方法が説明されているチュートリアルです。

How to Turn Glasses into a Great Geek Icon

Create a High-Gloss Graduation Hat Icon Design

かなり光沢のある卒業生がかぶる帽子のアイコンです。

Create a High-Gloss Graduation Hat Icon Design

Illustrate a Traffic Cone Icon in Photoshop

工事現場などで見かける三角コーンのアイコンチュートリアルです。影や光沢のつけ方など参考になります。

Illustrate a Traffic Cone Icon in Photoshop

Icon Design Tutorial: Drawing A Pencil Icon

下書きから仕上げまで、鉛筆アイコンのチュートリアルです。

Icon Design Tutorial: Drawing A Pencil Icon

How to Create a Super Shiny Pencil Icon

光沢のある鉛筆アイコンのチュートリアル。

How to Create a Super Shiny Pencil Icon

Pencil Icon | Web Design Belfast

かわいらしい鉛筆アイコンのチュートリアルです。

Pencil Icon | Web Design Belfast

Design a Detailed Compass Icon in Photoshop

方位磁石のアイコンチュートリアルです。

Design a Detailed Compass Icon in Photoshop

Making digital watch icon

いろいろ使い道のありそうな時計のアイコンのチュートリアルです。

Making digital watch icon

World Icon Tutorial

キラキラがとってもきれいな地球アイコンのチュートリアル。

World Icon Tutorial

Create a Shiny Lock Icon Design

光沢のある鍵アイコンのチュートリアルです。

Create a Shiny Lock Icon Design

iTune Icon

iTunesのアイコンのチュートリアルです。

iTune Icon

Create a TinyTux with Photoshop

ベタなイラストに、光沢をつけて立体感を出してアイコンに仕上げる方法が説明されているチュートリアル。

Create a TinyTux with Photoshop

Safety Icon Design

道路標識のようなアイコンの作り方が説明されています。

Safety Icon Design

How to Make a Folder Icon

一般的なフォルダのアイコンチュートリアル。

How to Make a Folder Icon


以下、さらに追加したアイコンチュートリアルです。

Adobe Photoshop CS3 Style Icons

Adobe Photoshop CS3 Style Icons

Make a Handy 3D Vector Calendar Icon

Make a Handy 3D Vector Calendar Icon

How I Created Turqua: 3d Isometric Vector Icon Tutorial

How I Created Turqua: 3d Isometric Vector Icon Tutorial

Photoshop design USB portable speaker logo icon in Photoshop

Photoshop design USB portable speaker logo icon in Photoshop

Create a Vector Film Slate Icon

Create a Vector Film Slate Icon

Photoshop design paint brush logo icon in Photoshop

Photoshop design paint brush logo icon in Photoshop

Photoshop Tools Website Hammer Icon

Photoshop Tools Website Hammer Icon

How to Create a Transparent Battery Icon

How to Create a Transparent Battery Icon

Create a Vector Lock Icon Design

Create a Vector Lock Icon Design

Create a Speed Gauge and Watch Icon in Photoshop

Create a Speed Gauge and Watch Icon in Photoshop

Carbon Style Icon

Carbon Style Icon

Create An Aperture Style Camera Lens Icon

Create An Aperture Style Camera Lens Icon

Mac Os X Mail Icon Style

Mac Os X Mail Icon Style

Icon Design Tutorial – Designing a New Icon In Illustrator

Icon Design Tutorial - Designing a New Icon In Illustrator

How to Create a Vector Safari Compass in Illustrator

How to Create a Vector Safari Compass in Illustrator

Adobe Bridge Icon

Adobe Bridge Icon

Photoshop website skype icon design in photoshop

Photoshop website skype icon design in photoshop

デザインblogランキング

コメント 2 Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



2 Responses to “アイコンを作ろう!チュートリアルまとめ”

  1. 次なるもの » Blog Archive » アイコンを作ろう!チュートリアルまとめ | DesignWalker Says:

    […] アイコンを作ろう!チュートリアルまとめ | DesignWalker 今では、かなりたくさんのクオリティの高いアイコン素材が無料で配布されて いたりします。そういったアイコンを利用するのも良いのですが、やはり実際に どうやって作られているのかが気になります。また、自分でアイコンを作ってみ たいと思っている方には結構参考になるかもしれません。今回は、アイコンのチ ュートリアルをいろいろとまと… original article […]

  2. hedgelog.org Says:

    […] アイコンを作ろう!チュートリアルまとめ | DesignWalker iTune icon illustratorでベクター線を引き、着色はPhotoshopで。 […]

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




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ