04/19.Thu   作らなければわからないこと 
15:18
 会社の部下が、Nike+のアイコン画像が欲しいということで・・・・
 いろいろ作ってみたが・・

 Facebook用も欲しいと 言い出したので・・・
 ぼくなりに 考えて作ってあげた。



 ちょーわかりやすくない?
 もろ Facebookって感じでしょ?

 fbtake01.png



 そして これは Facebook アイコンで 検索して出てきた画像を見ながら作った。


 でこのアイコンの角が丸くないので作り直し。

kakuFB.png
unyoFB.png
 こんな感じで・・・ただ・・・下のtのほうは 下がチョイ切れなので・・
 もう一度作り直すことにした。



 その際に気をつけたのは、小さくしても 角の丸身が見えることと、廻りの透過部分を広くする。

 これはFacebookにUpしておもったのが・・・画像の周りの なんpixかは、表示されないのです。
 そのため、上のアイコンでは 角をとってあっても 丸く表現されない。



 製作途中の画像です
 廻りの透過部分と、小さくしても 角が取れているように見えるよう修正。
20120419ge001.jpg



 出来たのがこれ
 クリックで拡大するお(´・ω・`)
FBticon.png




 そして新事実・・・この 角の取れ具合と、
 中心から上に向かってのグラデーションのスタイル・・
 これって アップルのアイコンのほとんどに使われている
 表現方法なのですね・・



 このあたりを見てください

App Store - Apple StoreApp Store - Apple Store
http://itunes.apple.com/jp/app/apple-store/id375380948?mt=8








 当たり前のように見ていたアイコンがアップルのアイコンのディフォであったこと。
 Facebookにアップロードした画像は、周囲のいくつかの巾が表示される際にカットだれること。


 上記の二つのことがわかった。作ってみて初めて気づくことがまだたくさんありますね。

COMMENT TO THIS ENTRY
----

 来年会社にいったときにもで 作成して Upしておきます
(´・ω・`)

from うにょすけ

--お願いです--

イニシャルFacebookのアイコンを作っていただきたいのですが、rの文字でお願いします!!
全くの他人ですみませんがほしいです!

from ユーザーX

   非公開コメント  

FeedBurner

Adgoogle

twitter

FC2カウンター

プロフィール

盗朱

Author:盗朱
 ご意見は、
mail.png

 
eMachinesJ3210 Core2Duo7200
VistaHB Intel945G
GeForce 9600 GT-DDR3-512MB

Note PC:FMV-C6310仕事用
 リンクフリーですが、ご一報いただければ幸いです。

最近の記事

最近のコメント

カテゴリー

最近のトラックバック

リンク

RSSフィード

CopyRight 2006 ■現場のJW+Web2.0■ All rights reserved.
Photo material by ミントBlue  / Template by Il mio diario
Powered by FC2BLOG /