綺麗なグラデーションや立体感のあるメニューやボタンを作りたい。
そんなときに参考になるのが、「Free PSD Web UI Element」。無料でダウンロードできるUIデザインのPSDファイル集です。
なかなかいい感じのものが揃っています。
UIの要素をさくっと作りたいときに、参考にしてみてはいかがでしょうか。
さてと今日もがんがん進める。
102776852/ iStockphoto/ Thinkstock
オリジナルのテキストをデザインしたい。
そんなときに参考になるのが、「Create a Silky Ribbon Text Effect」。illustratorで描くシルクのリボンで作ったようなテキストです。
まず、「Giddyup Std」というフォントで、テキストを打ち、ペンツールでラインをトレースします。塗りを透明にして、0.25pxのカラーの線を指定。
その後、「効果 / 3D / 押し出し・ベベル」で立体感を出し、「オブジェクト / アピアランスを分割」...といった手順で解説されています。
リボンをくるくるっと巻いたときに光と影ができますが、そのグラデーションのかけ方が一文字ずつ詳しく解説されているのがいい感じです。
illustratorのスキルを上げたい方は、一度見てみてください。
Create a Silky Ribbon Text Effect
今日は新規開拓した恵比寿のカフェで食べたランチがおいしかった。その後ひまわり広場でマラサダを食べてビールを飲んだ。その後表参道でモンブランを食べた。その後少し移動して飲茶を食べた。って食べてばっかりだけど作業があるのでがんばります。
昨日募集させて頂いたFlexプログラマですが、いくつかご応募いただいたのですが、都合により延期させて頂きます。ご応募いただいた皆様、ありがとうございます。
8月23日（月） 15:00まで受け付けていますので、ご興味のある方はご連絡いただけるとありがたいです。
Flexを使用した、テンプレートプログラムのカスタマイズ案件となります。お手数ですが、詳しくは以下をご覧ください。
よろしくお願いします！
さてと土曜日ですね。今日は一気に進めたい。
HTML5でサイトを作りたい。
そんなときに参考になるのが、「S5 Style」。アニメーションの美しいポートフォリオサイトです。
shogo Tabuchiさんというデザイナーの方のサイトですね。アーキタイプさんにいらっしゃるようです。
Processing.jsを使って、canvas内に描画しているようですね。Processing.jsは、jQueryの作者であるJohn Resig氏が公開したライブラリで、amachangさんの以下のエントリーに詳しく書かれています。
ブラウザでお絵描きプログラミング！ Processing.js 登場！
簡単な描画ならすぐにできるようですね。ソースも読みやすいです。
サイトには音もついていて、サウンドデザイナーのCubic Roomさん作とのことです。こういうコラボは素敵ですね。
Flashサイトではない、新しい技術の参考になると思うので、一度見てみてください。
税理士さんとカフェで打ち合わせ。少し会計に詳しくなってきました。引き続きがんばります。
クールなフルフラッシュサイトを作りたい。
そんなときに参考になるのが、「Despark」と「nano・universe × sony "α"」。どちらも、とてもかっこいいサイトになっています。
上記は「Despark」。画面の切り替えやスクロール時の表示が気持ちいいです。swfaddress.js、swfmacmousewheel2.jsが使われていて、それぞれ画面別に個別URLを割り当てているのと、Macでのスクロールに対応しています。
上記は、「nano・universe × sony "α"」。ファッションとカメラのコラボということで、とても魅力的なサイトになっています。斜めのラインの使い方が綺麗で、動きが気持ちいいですね。
どちらのサイトも、swfを読み込むためのswfobject.jsと、swfの最小サイズを指定するためのswffit.jsが使われています。
デザイン的にも機能的にも参考になると思うので、一度見てみてください。
Despark
nano・universe × sony "α"
んー眠い。今日はがんばったから早目に寝ようかな。
度々募集のご連絡ですが、Flexのプログラマを募集させて頂きます。
スケジュールがかなりタイトなので、受けてくださる方がいたらすぐにお願いしたいと思っています。テンプレートのプログラムがありまして、そのカスタマイズ案件となります。
フリーランスの方でも構わないですし、会社さんでもOKです。ただお会いして打ち合わせをさせて頂きたいので、東京近辺の方、あるいは東京に打ち合わせに来ることができる方にお願いできればと思います。
興味のある方がいらっしゃいましたら、下記の連絡先までご連絡ください。実績がありましたら、そちらも教えていただけるとありがたいです。
info[at]creamu.co.jp（[at]を@に変えてください）
一旦、8月19日（金）15:00までの募集とさせて頂きます。
よろしくお願いいたします。
P.S. 先日募集させて頂きました、Javaプログラマ募集へのたくさんのご応募ありがとうございました。今回はご期待に添えられず申し訳ありません。クライアントの意向で、フリーの方にお願いする形となっています。また機会がありましたら、よろしくお願いいたします。
よろしくお願いします！
CSS3でかっこいい表現をしたい。
そんなときにおすすめなのが、「Subtle CSS3 Typography that you'd Swear was Made in Photoshop」。Photoshopで作ったようなCSS3のタイポグラフィーです。
Safari, Google Chromeなどで使用可能な「-webkit-mask-image」でマスクが指定してあったり、グラデーションを適用するgradientプロパティ、色を指定するRGBaプロパティ、hover時にアニメーションするtransitionプロパティが使われています。
フォントには、Appleのサイトでもよく使われている「Myriad Pro」が使われていますね。
ソースがダウンロードできて参考になるかと思うので、一度見てみてください。
Subtle CSS3 Typography that you'd Swear was Made in Photoshop
深夜になってしまったけど快適なのでもうちょいがんばる。
Webサイト制作に役立つ海外の情報を日々紹介しています。あなたの生活の刺激になればと思います。
運営サイト
MacBook Pro 2.53GHz
