2010-10-11

SNSなどのアイコンの作り方

■ポイント
・作りたいものは
Twitter
Rss
Flickr
Facebook
など

・サイズ

・設置場所

・質感
立体感を感じさせるには




■参考
<おきにいり>
Free Hand Drawn Doodle Icon Set for Bloggers
pic
手書き風


Social media icons by ~plechi
pic
スケッチ風

<具体例>
twitter アイコン - Google 検索
twitterのGoogleイメージ





Free Set of Social Media Icons – Large Icons Social
アイコン集

<知識>
Surviveplus.net
XPでのアイコンの知識

ホームページ作成ガイド/お気に入りアイコン(ファビコン)の作り方 - TAG index Webサイト
favicon.ico(ファビコン)とは、ブラウザのアドレスバーやお気に入りのリストに表示される、16×16 の小さなアイコンについて

<Web上で制作>
iPhone風アイコンの超カンタンな作り方2つ教えます。 | 和洋風◎
Web上でアイコンの制作法について
切れてたので、リンク先はICONE

:: 誰でもできるiPhoneアイコンの作り方♪ | Blog!NOBON ::
Web上でのアイコンの制作について

異貌なメディア JJLW - Web2.0風ボタンの作り方
1. 画像サイズを決める
2. 色を決める ボタンの色・背景色
3. アイコンを決める(通常はNo ico 自分の画像を挿入することも可能)
4. アイコンのサイズを決める(通常は20)
5. アイコンの配置を決める
6. ボタン内の文字を決める(日本語不可)
7. フォントを決める
8. フォントの文字色を決める
9. Apply Change を押して変更点を適用
10. Download を押して pngファイルをダウンロード

手順が参考になりました。

<illustrator・photoshopで制作>

25 Fresh Illustrator Tutorials to Help You Make Icons - SloDive
illustratorでアイコンを作る方法の制作集25個

ありがとうiPod/研究室/iPhone、iPod touch、iPad用Webクリップ用アイコンの作り方
iPhone用のアイコンについて


Web 2.0 Webdesign-Tutorials | Dr. Web Magazin
Web2.0風な

Modern Syntax : CSでのWeb2.0スタイルの角丸上半分テカリボタンの作り方
photoshopでアイコンの外形を


Illustrator|Safariブラウザアイコンの作り方チュートリアル - Dynamite Design Blog|海外Webデザインネタ日本語訳&作成チュートリアル
日本語訳 GJ

50+ High Quality Icon Design Tutorials (Part 1) | designrfix.com

50+ High Quality Icon Design Tutorials (Part 2) | designrfix.com

55 Adobe Illustrator Icon Design Tutorials - Noupe Design Blog

0 件のコメント:

コメントを投稿

LinkWithin

Related Posts Plugin for WordPress, Blogger...