紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ – DesignWalkerにて紹介されていたテクニック集のうち、最初のPhotoshop Page Tear | AdrianHerritt.comで解説されている方法を、Fireworksで再現してみました。 練習なので下手くそですが、 ↑この画像が、 ↑こんな感じになります。なんとなくそれっぽいですよね。 では、やってみましょう ↑なげなわツールで適当にギザギザをつけて選択し、カットします。 ↑「Ctrl + Shift + I」で選択範囲を反転させます。 ↑右クリックして「コピーして新規ビットマップにする」を選びます。ビットマップが2個になります。 ↑再びなげなわツールで紙の切れ端部分を選択します。 ↑「コピーして新規ビットマップにする」を実行します。ビットマップが3個になります。 ↑「フィルタ > カラー調整 >

Photoshopなどのいわゆる画像編集ソフトはどうしても画像加工をする段階でものすごくCPUを酷使するため、ベンチマークに使われたりもしますが、ついにCPUではなく「GPU（Graphics Processing Unit）」、いわゆるグラフィックボードに搭載されている各種グラフィックスを専門に扱うCPUをうまく使って処理速度を引き上げるというアプローチのフォトレタッチソフトが登場しました。その名は「Pixelmator」、Photoshopでできることはほとんどできる模様。 何がすごいかというと、効果を加えたあとの様子をリアルタイムにプレビューできる点。それもかなり高速。ストレス無く画像加工ができそうです。機能もかなり豊富でPhotoshopでできることはほとんどできます。 というわけで、実際に動く様子のムービーやどんな感じの画面なのか、などの詳細は以下の通り。 まずは公式サイトから。

SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介（あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています）。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格

技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意

via digg ニューヨークタイムズの出したFlashによる住宅ローンシミュレータがdiggで評判になっている。 持ち家と賃貸とどっちが得かというおなじみの問題を自分で調べられるようになっているものだ。 日本でも銀行や不動産仲介のウェブサイトに簡単なJavascriptの計算機が置いてあることは多いけど、このニューヨークタイムズのはかなりよくできているなと思った。不動産価格と賃料の変動予測をスライダーで変えるとリアルタイムにグラフが変動し、買ったことの得が得られる時期にいつ転換するかが簡単にわかる。 $のところを無視して全部円で入れれば、日本円で予想を立てることもできそうだ。家賃の上限が10万ドルなので4桁取って「万円」で入れないとだめかもしれないけど。また、右側の Renting | Buying | General タブで、維持費や仲介手数料、税金なども日本風に会わせて設定しないとだ

ウノウは3月28日、IDGジャパンと提携し、写真共有サイト「フォト蔵」に寄せられた写真からなる雑誌「ZOOMo」を発刊することを発表した。 ZOOMoの企画や編集、刊行はIDGジャパンが担当。ウノウは雑誌に掲載する投稿写真をフォト蔵を通じて募集する。写真の応募期間は4月20日まで。 募集する写真のテーマは「赤の映える写真」「『表情』をとらえる」「日本一周・花鳥風月」の3種類。掲載写真の選定はIDGジャパンのZOOMo編集部で行う。

ThinkPadは“黒いBento Box”である（前編）――ThinkPadのデザイン思想：青山祐介のデザインなしでは語れない（1/2 ページ） レノボ・ジャパンのThinkPadシリーズは、ある程度PCを知っているユーザーであれば、誰でもすぐに“黒い四角い箱”を連想することができるほどのアイデンティティを持つ。日本IBMの時代から頑なに守られるデザインポリシーの中にも、新しいものへの挑戦が込められている。 大和事業所のデザイナーはThinkPad一筋のプロフェッショナル集団 2004年12月、IBMはThinkPadを含むPC部門をレノボグループに売却し、レノボの日本法人であるレノボ・ジャパンが誕生した。レノボPCは、IBM時代からモバイルPCの開発を行っていた大和事業所と、レノボPC事業の拠点である米ノースカロライナ州にあるラーレイ、そして中国の北京にあるデザインチームがデザインワー

Web デザインに限ったことではありませんが、何かを学ぶときは良いお手本を探すことが大切ですね。そのお手本を真似ながら、たくさん 練習することが上達するための何よりの方法だと思います。 そんなお手本にしたいきれいな Web デザイン（CSS）ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。 01 CSS Mania CSS デザインといえば、まずここ 02 Most Inspired クールな CSS デザインを一括チェックできます。 03 CSS Impress ブログデザインの参考に 04 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards タグで分類されていて目的にあわせて選びやすい 05 CSSclip |