『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
国内でもかなり普及しているデジタル一眼。今日紹介するのはそんなデジタル一眼を今までとは全く違う形で活用した映像作品「Rip Curl - Mirage Boardshort」を紹介したいと思います。こちらは全部で52台のデジタル一眼カメラを使い、サーファーたちの瞬間をあらゆる角度からおさめ、繋ぎあわせて映像作品にしたものとなります。 空間感の溢れるその描写は、今まで見た映像の描写とはまた異なる魅力があります。実際の動画がYouTubeに公開されていましたので下記からご覧ください。 動画は以下から かなり細かな描写まで映しだしており、飛び散った水しぶきの一つ一つが確認できるほどです。こちらはオーストラリアのサーファーブランド「リップカール」によるもの。 サーフィンのように動きがあって競技に空間を立体的に使うスポーツなんかにはこうした手法での映像は有効かもしれません。機材も編集の手間も撮影の難
Compact News Previewer with jQuery | Codrops コンパクトでクールなニュース表示ウィジェット実装デモ&サンプルが公開されています。 次のようなクールなUIでニュースを表示することが可能。 自サイトのニュースや、話題のニュースなんかを表示させても面白そうです。 アニメーションもいい感じで動きます。 jQueryとCSS3を使ってデザインされており、サイトの解説記事を読むことで勉強にもなります。 関連エントリ jQueryとCSS3で作るカラフルなスライダーウィジェット 画像やHTML、動画等何でもスライドできちゃウィジェット実装jQueryプラグイン「Sudo Slider」 キャンバスを使ったお絵かきウィジェットが実装できるjQueryプラグイン「DrawBox」 PHPで作るメッセージが流れるTwitterウィジェット クールなデジタル時計ウィジ
jQuery Title Alert | Jonatan Heyman | heyman.info タイトルバーで警告を表示するjQueryプラグイン「Title Alert」。 プラグインに入っている関数を呼び出すとタイトルバーを一定期間別のタイトルをタイマーで切り替えることが出来ます。 タイトルバーを切り替えることで、Windowsであればタスクバーの状態も変わるので、一定期間アイドル時間を過ぎたら点滅させるといった使い方が想定されます。 実装コードは次のようになってます。 $.titleAlert("New chat message!", { requireBlur:false, stopOnFocus:false, duration:4000, interval:700 }); 関連エントリ ユーザがアイドル状態になったかどうか確認できるjQueryプラグイン「IdleChecke
スタンドと三脚マウントの2つの使い方ができる「glif」というiPhone 4用アクセサリーが開発されているようです。[source: TUAW ] iPhone 4のカメラは、HD画質の動画や5Mピクセルの静止画に対応し、日常の用途ではビデオカメラやコンパクトカメラの代わりとして、十分な性能を持ち合わせています。 カメラとしての使用頻度が増すと、三脚で固定したくなりますが、今のところ選択肢がほとんど無いのが実情です。 そんな背景から、現在開発中のアクセサリー「glif」は生まれたのかもしれません。 三脚用のマウントを搭載し、縦・横どちらでも使用できます。 三脚マウントとして使わないときは、コンパクトなスタンドにもなります。 動画を観たり、Bluetoothキーボードで文章を入力する際に便利かもしれません。 スタンドも縦・横どちにも対応しています。 おそらく「はめる」だけの構造になっている
「DropMocks」は、ブラウザにドラッグアンドドロップして、写真をその場でアップロードできるサイトです。非常に手軽で、直感的に写真のアップロードが行えるので、便利ですよ。登録も不要なので、アクセスしてすぐに使えます。 以下に使ってみた様子を載せておきます。 まず、DropMocksにアクセスしましょう。そして、ブラウザに直接写真をドラッグアンドドロップします。 ファイルサイズは、4MBくらいまでならOKかと思います。重すぎると、エラーでアップロードが失敗します。 アップロードした写真は、このように表示されます。専用のURLが生成されるので、友達に教えたりして共有できますよ。 登録不要で、ブラウザにドロップするだけで写真をアップロードできるのは、非常に便利です。ちょっとした画像共有にどうぞ。 DropMocks [via delicious] (カメきち)
2, 3, 4, 6, 9, 12, 18の均等分割をはじめ、黄金比の分割にも対応したグリッドレイアウト用のCSSのフレームワークを紹介します。 The Square Grid [ad#ad-2] The Square Gridのグリッド設計 グリッドの全幅は994pxで、両端に余白7pxをとり、残りの980pxを均等に35分割したものをベースにしています。 均等分割のカラム
HTML5というわけではないですが、CavasタグとJavaScriptを使って3Dのデモを作ってみました。 デモを見る ソースコード ([右クリック]→[ソースを見る]を選択) こういうのを見れば「HTML5すごい、Flashいらない」と思う人もいるかもですが、冷静にファーストインプレッションを。同じものを以前Flashで実装したことがありますが(Papervision3D演出サンプルNo.01:羽ばたく蝶々)、両者のデモを比較することでメリット・デメリットが見えてきます。 <追記:2013年9月3日> Three.jsの最新版rev 60にアップデートしてみました。3年前に作成したときはrev 17だったのですが、別物のライブラリと言わんばかりにほとんどAPIが変わってしまっています。ちなみにTypeScriptで書きなおしています。 デモを見る ソースコード (TypeScript)
デザイン制作に欠かせないテクスチャ素材。特に”布素材”は加工やアレンジがしやすく、簡単に質感も出せることから非常に人気の高いジャンルとなっています。そこで今回は、さまざまな素材感の布テクスチャを集めた「230+ Awe Free Fabric Textures」を紹介したいと思います。 シンプルな素材感のものから、非常に質感のたかいざっくりとした編みの布素材、またくしゃっとした動きを感じさせる状態のものなど、テーマもさまざま。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Free Fabric Texture Pack | fudgegraphics | for lovers 比較的シンプルな布素材を集めています。活用の仕方によって幅広く利用できそうです。 ■Free Hi-Res Plain Fabric Textures Part 1
ウェブサイトとは一体、どうあるべきなのかという議論は昔からたびたび議題に上がりますが、結局というか、「最終的にはコンテンツだ」となります。 有益なwebコンテンツを生み出すための5つのノウハウ しかし、このコンテンツだという結論は、多くの人からできるだけ「省きたい」という心理が常日頃働いている為、結局またウェブサイトとはどうあるべきかと問いかけたい人が現れます。 制作サイドの事をもう一度良く考えてみるとわかりますが、「ウェブサイトを作りたい=コンテンツを作りたい」というケースは稀です。 どちらかといえば「ウェブサイトを作りたい=商品を売りたい、サービスを知ってほしい、お店に来てほしい」という話がまず最初に発案されるからです。 しかし、この考えをどのように変えていかなければいけないかという事を、最初の段階で理解していない限り、完成したウェブサイトには結局人があまり来ないため、無駄に広告費をか
ITproに南米発のツールがIT業界に与えるインパクトという興味深い記事が掲載されている。GeneXusという南米拠点の会社のツールについての記事であるが、データ項目や画面、業務ルールといった設計情報をGeneXusの表記法で入力すると、JavaやC#、Ruby、COBOL、Cなどのソースコードを設計情報から自動生成する機能を備え、テーブル定義情報はMicrosoft SQL Server、Oracle Database、DB2、MySQL、PostgreSQLなど各種データベースソフトのフォーマットに合わせて自動生成するという代物らしい。 「プログラマはもう要らない」、「様々な開発言語を知っていて、バグのないソースコードを24時間、延々と高速で書き続ける。 そんなスーパープログラマを雇ったのと同じ効果が得られる」といった素晴しい言葉が並んでいるのだが、記事の3ページ目には、そもそも表現力
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く