[フリー素材]New ipod nanoのアイコン

12-05-2008 Category: Web Design‚  素材

commitlab ipod nano icon

お久しぶりです。ゲームばかりやってるcommitです。なにかしないといけないと思うんですが、PSPのパタポン2があまりにも楽しすぎて><。あと久しぶりにBF2142をやったら再ブームが到来!!。誰か一緒にタイタンの中で駆け回りませんか?

ということで、なんとなく作っておいたipod nanoのファイルがあったので手直しして公開しておきます。勉強の為に作ったんで使い道が無いのです。デフォルメ無しなんで「ほぼトレースじゃん」って言われたらそのとおりですが。

なんか「今更NEWとか言っちゃってるの?」って感じですがそこは勘弁してやってください。

今回はディスプレイに何も入ってないpngとPSDファイルを用意しました。

PNGは上から直接CDジャケットの写真なんかを当てはめてください。するとあら不思議、そこそこそれっぽく見えてきます。

PSDの方はモノトーンと色付きの2種類に分けて、あとはボディと鏡面部分を色別でレイヤー別けしてますので、必要なカラーのボディ&鏡面を選択してやってください。あと曲名やバンド名・シークバー等、ディスプレイの中はそのまま残してあるので、(CS3)を持っている人はこっちの方が良いかもです。(Psのバージョンによっては不具合がでるかもしれないっす)

基本的に画像のディスプレイの文字は潰れてしまうのですが、文字を入れる場合は英字はMyriad Pro・日本語はAXSIS フォントで入れるとAppleっぽさが倍増です(試用版は無料で利用できます)周りに文字を入れる場合はこの二つできまりでしょう。

ipod nano png file

ipod nano Psd zip file(207KB)

最後に、今回もこのファイル自体はご自由に利用していただいて結構ですが、当然の事ながらipodはApple社の製品であり、ipodの全ての権利はApple社に帰属します。また従来通りご使用は自己責任でお願いします。

関連する投稿

[webデザイン]Wcにロイヤリティーフリーの画像素材500点が

11-04-2008 Category: Web Design‚  素材

おまけでついてきたよっ!って言いたいだけです。

お久しぶりの更新で、あまりに酷い人の褌で相撲っぷりですが嬉しかったのでつい。

右のサンプルみたいな写真が500点ついてくるんで、僕のようなインドア派で手持ちの素材が少ない人にはピッタリですね!

利用に当たっては、用途がwebサイトのデザインのみに限定されるものの、1380円で1000px前後の素材が500点もついてくるっておトクですね。今月号は紙のほうがオマケです。

こんな過疎サイトでアフィっても意味ないからアフィりませんが、気軽に使える素材が少ない人はamazonとかで買ってみたらいいんじゃないかな。

関連する投稿

[webデザイン]カンプ用 IEベースの詰め合わせPSD

08-29-2008 Category: Web Design‚  素材

カンプ、またはモックアップ製作用のベースです。
IE7の中に10pxのグリッドが入ってます。「IEはいらねぇよ」って人もいるかと思いますが、まぁそう言わずに。

サイズは左から1100px, 1000px, 960px, 900px, 800px, 760px,と6種類が入ってます。あと縦は基本768pxなのですが、別レイヤー(初期不可視)で1200pxも用意してます。それをシフト押しながら上下に動かして好きな長さにしてください。

ブラウザ無しのカンプでクライアントにOKを貰ったものの、実際作ってブラウザ上で見せたら「なんかイメージが違う」と言われたという経験は誰しも一度はあるんじゃないかと思います。まぁ私たちはブラウザを見慣れてるんで大丈夫なんですけどクライアントはそうとは限りませんし、イメージが違う原因は他にもある可能性は高いですが、視覚化できるものはしておいたほうが良いですよね。

私は最初からこれを元に作るってよりは、作ったものをこれに当てはめるって感じで使ってます。だいたいの人は自分用ライフハックみたいなのを用意してると思うので、まだの人は良かったらどうぞ。

レイヤー構成はこんな感じです。IE buttonフォルダは、ブラウザの左上にある”戻る・進む”ボタンが3パターン入ってるだけです。

iebasesize.zip(358 KB)

関連する投稿

[フリー素材]20pxの小さいプリンターの画像

08-27-2008 Category: Web Design‚  素材

お久しぶりです。なんか更新がとまってましたね。

何度か更新しようと思ったんですが、仕事の愚痴みたいな文章を書いては消してを繰り返してました。まぁとりあえず練習がてらに作ってたものからblogにのっけちゃいます。

お年寄りや、ブラウザの扱いに不慣れな人の為に、直接webページ内に”印刷する”ボタンを作ることもあると思います。今回そんな機会があったので数パターン作ってみた。

ぶっちゃけて言うとイメージソース(パクr…)はappleのサイトのアイコンを中心にその他諸々。でもやっぱ全然似てないんですね。てかこれプリンターに見える?大丈夫かな…w 結構心配です。

使い方としては以前乗せた小さいPDFとかのアイコンみたいな使い方で

使用例

な、感じを想定したサイズです。良かったら使ってください。

ちなみに上のロゴを変えました。今まではblogのテーマを画像を使わない縛りで作ってたんで、CSSでフォントをArial(たぶん)を指定してたんですが、blogや配布物等の全てのフォントをMyriadに統一しようかなって事で画像にしてみました。

まぁほとんど見た目は変わらないんだけどw

今使ってるwordpressのテーマは練習がてら&ベースとして作ったんですが、プラグインを調べて色々乗せていく間にミスって<h1><h2><h3>の次に<h4>を飛ばして<h5>が出てくるみたいな事になってるので、全部書き直したいんですけどね。

まぁ次は画像を上手につかって、もっと見栄えのするテーマが作れたらいいなと思っております。

関連する投稿

[フリー素材] CDのアイコン

08-10-2008 Category: Web Design‚  素材

yamadaさんのところで紹介してる奴を見て触発されて作ってみました。
なんかシャンプーハットに見えてきたけど、CDですよ。

なんか円の上らへんとかギザっちゃってるしもうあれなんですが放流。

下の段はなんか安いCD-Rみたいな感じの色ですね。

関連する投稿

  OlderPosts »