WEB制作・ブランディング

Photoshop | 10.08.25 10:33
はてなブックマーク

ダウンロードできるUIデザインのPSDファイル集

綺麗なグラデーションや立体感のあるメニューやボタンを作りたい。

そんなときに参考になるのが、「Free PSD Web UI Element」。無料でダウンロードできるUIデザインのPSDファイル集です。

なかなかいい感じのものが揃っています。

UIの要素をさくっと作りたいときに、参考にしてみてはいかがでしょうか。

Free PSD Web UI Element

今日のCREAMU

さてと今日もがんがん進める。

illustrator | 10.08.22 01:11
はてなブックマーク

illustratorで描くシルクのリボンで作ったようなテキスト
102776852/ iStockphoto/ Thinkstock

オリジナルのテキストをデザインしたい。

そんなときに参考になるのが、「Create a Silky Ribbon Text Effect」。illustratorで描くシルクのリボンで作ったようなテキストです。

まず、「Giddyup Std」というフォントで、テキストを打ち、ペンツールでラインをトレースします。塗りを透明にして、0.25pxのカラーの線を指定。

その後、「効果 / 3D / 押し出し・ベベル」で立体感を出し、「オブジェクト / アピアランスを分割」...といった手順で解説されています。

リボンをくるくるっと巻いたときに光と影ができますが、そのグラデーションのかけ方が一文字ずつ詳しく解説されているのがいい感じです。

illustratorのスキルを上げたい方は、一度見てみてください。

Create a Silky Ribbon Text Effect

今日のCREAMU

今日は新規開拓した恵比寿のカフェで食べたランチがおいしかった。その後ひまわり広場でマラサダを食べてビールを飲んだ。その後表参道でモンブランを食べた。その後少し移動して飲茶を食べた。って食べてばっかりだけど作業があるのでがんばります。

人材募集 | 10.08.21 02:15
はてなブックマーク

昨日募集させて頂いたFlexプログラマですが、いくつかご応募いただいたのですが、都合により延期させて頂きます。ご応募いただいた皆様、ありがとうございます。

8月23日(月) 15:00まで受け付けていますので、ご興味のある方はご連絡いただけるとありがたいです。

Flexを使用した、テンプレートプログラムのカスタマイズ案件となります。お手数ですが、詳しくは以下をご覧ください。

Flexプログラマを募集します

よろしくお願いします!

今日のCREAMU

さてと土曜日ですね。今日は一気に進めたい。

HTML5 | 10.08.21 01:01
はてなブックマーク

アニメーションの美しいポートフォリオサイト

HTML5でサイトを作りたい。

そんなときに参考になるのが、「S5 Style」。アニメーションの美しいポートフォリオサイトです。

shogo Tabuchiさんというデザイナーの方のサイトですね。アーキタイプさんにいらっしゃるようです。

Processing.jsを使って、canvas内に描画しているようですね。Processing.jsは、jQueryの作者であるJohn Resig氏が公開したライブラリで、amachangさんの以下のエントリーに詳しく書かれています。

ブラウザでお絵描きプログラミング! Processing.js 登場!

簡単な描画ならすぐにできるようですね。ソースも読みやすいです。

サイトには音もついていて、サウンドデザイナーのCubic Roomさん作とのことです。こういうコラボは素敵ですね。

Flashサイトではない、新しい技術の参考になると思うので、一度見てみてください。

S5 Style

今日のCREAMU

税理士さんとカフェで打ち合わせ。少し会計に詳しくなってきました。引き続きがんばります。

Flash | 10.08.19 21:00
はてなブックマーク

黒ベースの動きの洗練されたフルフラッシュサイト

クールなフルフラッシュサイトを作りたい。

そんなときに参考になるのが、「Despark」と「nano・universe × sony "α"」。どちらも、とてもかっこいいサイトになっています。

上記は「Despark」。画面の切り替えやスクロール時の表示が気持ちいいです。swfaddress.js、swfmacmousewheel2.jsが使われていて、それぞれ画面別に個別URLを割り当てているのと、Macでのスクロールに対応しています。


黒ベースの動きの洗練されたフルフラッシュサイト

上記は、「nano・universe × sony "α"」。ファッションとカメラのコラボということで、とても魅力的なサイトになっています。斜めのラインの使い方が綺麗で、動きが気持ちいいですね。


どちらのサイトも、swfを読み込むためのswfobject.jsと、swfの最小サイズを指定するためのswffit.jsが使われています。

デザイン的にも機能的にも参考になると思うので、一度見てみてください。

Despark
nano・universe × sony "α"

今日のCREAMU

んー眠い。今日はがんばったから早目に寝ようかな。

人材募集 | 10.08.19 15:08
はてなブックマーク

度々募集のご連絡ですが、Flexのプログラマを募集させて頂きます。

スケジュールがかなりタイトなので、受けてくださる方がいたらすぐにお願いしたいと思っています。テンプレートのプログラムがありまして、そのカスタマイズ案件となります。

フリーランスの方でも構わないですし、会社さんでもOKです。ただお会いして打ち合わせをさせて頂きたいので、東京近辺の方、あるいは東京に打ち合わせに来ることができる方にお願いできればと思います。

興味のある方がいらっしゃいましたら、下記の連絡先までご連絡ください。実績がありましたら、そちらも教えていただけるとありがたいです。

info[at]creamu.co.jp([at]を@に変えてください)

一旦、8月19日(金)15:00までの募集とさせて頂きます。

よろしくお願いいたします。

P.S. 先日募集させて頂きました、Javaプログラマ募集へのたくさんのご応募ありがとうございました。今回はご期待に添えられず申し訳ありません。クライアントの意向で、フリーの方にお願いする形となっています。また機会がありましたら、よろしくお願いいたします。

今日のCREAMU

よろしくお願いします!

CSS | 10.08.19 04:00
はてなブックマーク

Photoshopで作ったようなCSS3のタイポグラフィー

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

今日のCREAMU

深夜になってしまったけど快適なのでもうちょいがんばる。

    Thinkstock
    メルマガ

    このブログをメルマガで購読するには、↓にメールアドレスを入力してください。

    配信:FeedBurner

    アーカイブ

    カテゴリー

    あわせて読みたい
    フィードメーター - CREAMU
    プロフィール

    プロフィール

    WEB制作・ブランディングを主軸とした、株式会社クリーム代表取締役。

    案件につきましては、「お問い合わせページ」からお気軽にご相談ください。

    人気のエントリー

    アーカイブ

    カテゴリー