味のあるアンティーク風の紙を作成するPhotoshopのチュートリアル | POP*POP
先日、普通の紙を味のある「アンティーク風」にする方法をお伝えしました。 今回はPhotoshopを使って「味のあるアンティーク風の紙を作る方法」をご紹介します。まるで宝の地図のような画像ができますよ。 慣れれば3分くらいで作成できます。以下よりご覧下さい。 ↑ まずはじめに背景が白の画像を作成します。 ↑ 次に「アクション」ウィンドウ右上の矢印をクリックします。 ↑ メニューから「アクションの読み込み」を選びます。 ↑ 「テクスチャ」を読み込みます。 ↑ するとアクションに「テクスチャ」が読み込まれました。その中から「羊皮紙」を選択して「再生ボタン」をクリックします。 ↑ このようなテクスチャが読み込まれました。 ↑ 次に消しゴムツールを使ってふちを消していきます。 ↑ 破れた紙の雰囲気を出していきましょう。 ↑ そして焼き込みツールを使って破れた部分を焼いていきます。古い雰囲気がでてきま
ブログのネタに困ったら・・・ブロガーのためのブレストツール『The Visitor Grid』 | POP*POP
ブログのネタがない・・・という方におすすめのツールをご紹介。 『The Visitor Grid』なるブレストツールが良い感じです。ブロガーに特化したテンプレートで、マスを埋めていくだけで自然と何を書くべきかがわかるというものです。 これは確かに人気記事が書けそうです。簡単かつ効果的なその手法の詳細については以下をどうぞ。 この手法、読者が好きそうな「記事の種類」と、読者が喜びそうな「記事の内容」を5×5のマトリックスで埋めていくものです。 それだけできわめて質の高いブレストを行うことができます。 ではこのマトリックスの作り方をご紹介。 まず横軸には以下の項目を並べます。アクセスを集めそうな「記事の種類」ですね。括弧内には自分のブログのテーマをいれて考えます。 （ ）に関する客観的な情報 （ ）に関するレビュー、意見 （ ）を好きそうな他の人について （ ）に関する楽しい、悲しい、刺激的な
GoogleがGapminderを買収！この動きから何を読み取るべきか？ | POP*POP
Googleがまたしてもイケてる企業を買収。さまざまな数値や統計をアニメーションで見せてくれるツールをつくっているGapminder社です。 買収金額は明かされていません。詳しくはGoogleの公式ブログをご覧ください。 » Official Google Blog: A world in motion さてこのGapminderのツール、具体的にはどのようなことができるのでしょうか。未来を予感させるその技術を以下にご紹介します。 たとえば次のグラフは「1000人に何人がネットユーザーか」を地図上にプロットしています。 そしてこのグラフ、「PLAY」ボタンを押すと1975年から2004年まで、どのようにデータが推移していくかアニメーションで見ることができます。 ↑ たとえば1994年はこうでした・・・ま、こんなものですよね。 ↑ それが1998年にはこうなり・・・。 ↑ 2004年はこうな
ハンググライダーのインストラクターが考案した『世界最高の紙飛行機』をつくってみた | POP*POP
たまには工作はいかがでしょう。 こちらで「世界最高の紙飛行機」の作り方が紹介されていました。印象としてはツバメのような飛び方をします。すーっと飛んでいくようすにひさびさに感動しました。独特な形状もかっこいいですよ。 もともとはハンググライダーのインストラクターだった方が「室内でハンググライダーの仕組みを再現できないか？」という思い付きから生まれたものだそうです。 » Paper Airplane このように手を動かしたのは久しぶりのことでした。なかなか楽しいです。以下に作り方をご紹介。 ↑ 今回はA4のコピー用紙で作ることにしました。 ↑ まず紙を半分に折ります。 ↑ 左上の角を折ります。同じように裏面も折ります。 ↑ もともと「左上の角」だった部分を対角線の方に折り返します。裏面も同じように折ります。 ↑ 用紙の中央線だった部分に切り込みを入れます。 ↑ さらにこのように切り取ります。
あらゆるマルチメディアファイルを相互変換するフリーソフト「SUPER C」 - GIGAZINE
使い方は簡単、変換したいファイルをドラッグ＆ドロップして、コンテナ形式（iPod用とかPSP用とかAVIファイル用とかが用意されている）を選び、ビデオ形式とオーディオ形式を選ぶだけ。 変換できるビデオ形式は3gp/3g2、asf、avi(DivX・H263・H263+・H264・XviD・MPEG4・MSmpeg4など)、dat、fli/flc/flv(Flash)、mkv、mpg(MPEG1・MPEG2)、mov(H263・H263+・H264・MPEG4など)、mp4(H263・H263+・H264・MPEG4)、ogg、qt、rm/ram/rmvb（RealPlayer）、str(PlayStation)、swf(Flash)、ts(HDTV)、viv、vob、wmv。おまけでGIFアニメーション形式も可能。 また、変換できるオーディオ形式はac3、amr、mp2、mp3、mp4、m
タスク管理もできるマインドマップツール『Mindomo』 | POP*POP
なかなか便利そうなツールのご紹介。 マインドマップツールはいろいろありますが、こちらの「Mindomo」は一味違います。それぞれのバブルをタスクとして扱うことができます。 » Mindomo ある意味、バブルマップとして活用することもできそうですね。バブルマップに関しては下記をご参照下さい。 » バブルマップのすすめ ～ ストレスすっきり解消型ToDo管理手法 ～ | i d e a * i d e a 使い方を下記にご紹介。 ↑ このようなインターフェイスです。 ↑ 一般的なマインドマップツールとして使えます。日本語も通りますよ。 ↑ そして、こちらがタスク管理機能のメニューです。 ↑ それぞれのバブルに期限や担当を入れることができます。 ↑ 各タスクの進行度を表すアイコンも付け加えられます。 もうすぐ新年度。今までマインドマップやバブルマップを使ったことがないという方は、この機会に一度
絵を描くと3Dステレオグラムに変換するFlash「3D Stereogram」
マウスでお絵かきすると、それが立体視することで飛び出る3Dステレオグラムに変換されるというのがこの「3D Stereogram」というFlash。自分のページに貼り付けるためのタグも自動生成されます。 使い方は以下の通り。 3D Stereogram http://www.flash-gear.com/stereo/ アクセスするとこんな感じでお絵かきできます。ブラシの太さや濃淡が調節可能。また、生成される3Dステレオグラムのベースカラーも設定可能。お絵かきが終わったら左下の「Done」をクリック 生成中…… できあがり。上の方には埋め込み用のタグがあります。 ・おまけ アニメーションする3Dステレオグラム Image:Stereogram Tut Animated Shark Small.gif - Wikipedia, the free encyclopedia
画像で使われているフォントを調べる方法 | POP*POP
今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込
Top 10 Firefox Extensions to Improve your Productivity - lifehack.org
Firefox is the browser of dreams for many people (myself included). One of the great perks of Firefox is that there are tons of extensions that enhance the functionality of the browser. With over 1500 extensions in existence, there are many that can be used to improve your productivity. The following is my take on the top 10 extensions that will keep you focused, reduce distractions, streamline yo
ウノウラボ Unoh Labs: すべてのWebデベロッパーに必須なFirefox拡張20(+1)選
naoyaです。 CyberKonowledgeに20 FireFox Extensions That Every Web Designer Should Know Aboutという記事がありました。ちょうど、タイムリーな記事だったので、さっそくすべてのFirefox拡張を試してみましたので紹介します。
想像を絶するモスクワの地下ダンジョン写真いろいろ
以前に「ロシアの地下鉄のトンネルはすごいらしい」という記事を書きましたが、モスクワの地下はもっとすごいことになっていました。モスクワの地下鉄駅は「地下宮殿」とも呼ばれているのですが、こっちはまさに全体がRPGのダンジョンみたいになっており、ものすごい光景です。 詳細は以下の通り。 MetroDream by Russos これらはいずれもHDR（ハイダイナミックレンジ）処理されているのでこのように迫力のある写真になっているというわけです。 地下ダンジョンへ 神秘的 向こうの先が見えない どちらを選べばいいのか なんだか危ない雰囲気 一体ドコへ続いているというのでしょうか…… なお、モスクワの地下鉄駅は確かに宮殿っぽいです。下記サイトにいろいろと写真があります。 Станция <<Арбатская>> russos: Станция <<Арбатская-глубокая>> ほかにも
右クリックメニューから画像を簡単編集できるFirefox拡張「Snipshot」 | POP*POP
Web上の画像をちょっと編集したい時に便利なFirefox拡張のご紹介。 こちらの「Snipshot」を使えば、Web上の画像を簡単に編集することができます。つまるところウェブ上での画像編集アプリ「Snipshot」へ飛ばしているだけなのですが、右クリックメニューからすぐにいける点がユニークです。 » Snipshot 下記、簡単にご紹介。 ↑ 今回はPOP*POPにアップされている「IKEAプランニングの画像」を編集してみます。 ↑ 画像にカーソルを合わせて右クリック。すると「Edit in Snipshot」という選択肢が。2つあるうちの下の選択肢はよく使う機能へのショートカットです（直接「Resize」と「Enhance」機能のページに飛びます）。今回は上のものを選びました。 ↑ すると、Snipshotという画像編集サイトに飛びました。すでにさきほど選んだ画像が選択されています。会
ヘアピン一本で手錠を外しているムービー
フィクション作品で手錠をかけられた登場人物がヘアピンで手錠を外してしまうシーンは見かけることがあるのですが、本当にこんな簡単に開けられるとは思いませんでした。使われている手錠はスミス＆ウェッソン社製のModel100で、アメリカでは法執行機関で採用されているそうです。 ムービーの再生は以下から。 使うのは何の変哲もないヘアピン一本。詳しく手順を説明してくれます。 Unlock Handcuffs With A Bobby Pin! Trick Revealed! Video こちらはいろんな道具を使っています。 YouTube - Handcuff Picking 101 本当にできるかどうかわかりませんが、悪用厳禁のテクニックですね。
ためしてガッテンのカレー特集がすごい！ : akiyan.com
ためしてガッテンのカレーの作り方特集がすごい！ 2007-02-19 「NHK ためしてガッテン」のカレー特集「うまさ別次元！ カレー大革命 (NHK第一放送 2/7 1:10放送分) 」で解説されていた、美味しいカレーの作り方特集が非常におもしろかったのでご紹介。 目次 高級カレーは万人においしい カレーライスの好みは千差万別というか「辛いの好き」「あっさり好き」「とろみがあるのが好き」「あの隠し味があるのが好き」と超バラバラですが、一流レストランの高級カレーは万人においしいと思われるようです。 実際に好みがバラバラな人たちに試食してもらったコメントは、皆、高評価。一流のカレーは万能の味なんですね。 番組は「一番おいしいカレー＝万人うけするカレー」という定義のもと、どんなレシピが良いのか探るべく、進行していきます。 インド人も認める日本のカレー 東京で暮らすインド人20人に日本のカレーラ
思わず目を疑うような建物の写真いろいろ
実際に存在する、思わず目を疑うような変わった建物の数々の写真です。 目の錯覚でゆがんで見えるのではなく、実際にゆがんでいる建物や、何を考えてその形にしたのか分からない建物までいろいろ。 詳細は以下の通り。 なんだか地盤沈下で沈んでいるかのよう。 ギザギザしています。 目の錯覚でもなんでもなく、本当にゆがんでいます。 足…。 どうやって生活しているのでしょうか。 ロボットみたいなビル。 キングコングが暴れています。 なんだか建物自体が傾いて見えます。 中がどうなっているのかが気になります。 どうしてこういう建物にしたのか、本当にわかりませんね…。 以下のリンクに他にも写真があります。 It's Knuttz - Unnusual Buildings and Houses
お気に入りの写真をスタバのタンブラー用に変換できる『クリタンメーカー』 | POP*POP
さてバレンタイン。ちょっとしたプレゼントに使えるツールをご紹介。 こちらの「クリタンメーカー」を利用すると、お気に入りの写真をスターバックスのタンブラーに使うことができます。タンブラーにいれる写真は微妙に台形にしなくてはいけないのでこのようなツールが欠かせません。 » クリタンメーカー 下記に使い方をご紹介。 ↑ 機能はシンプル。ダウンロードして起動させるとこのような画面になります。「サイズ」や「枠の有無」「解像度」などを設定します。 ↑ 次に画像を選択し読み込みます。そして「変換」ボタンで画像を台紙に変換。 ↑ すると、台紙が完成。画像が台形になっているのがわかるでしょうか。あとは印刷してタンブラーに入れるだけ。 バレンタインにちなんでプレゼントネタでした。「思い出の写真を貼り付けたタンブラーの中にチョコレートを入れてプレゼント！」のようなアイデアにも使えるかも知れませんね。 » クリタ
CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄（フォーム）部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ
メディア・パブ: 望みのWebコンテンツを自分でwidget化し，個人ページに貼り付ける
パーソナライズド・ページ・サービスは使い始めると，なかなか便利で止められない。RSSフィードで送られるコンテンツを組み込めるので，RSSリーダー代わりにも使える。さらに，widget（gadget) も充実してきており，オンラインサービスをパーソナライズドページ上から利用できるのも嬉しい。 だが，GoogleやYahooなどのパーソナライズド・ページを個人用ポータルページとして使うと分かるのだが，所望のサービスを組み込めない不満が生じる。RSSフィードを配信しているWebサイトは限られているし，widgetの品揃えも十分ではないからだ。 そこで，ユーザーが所望のWebコンテンツを自分でwidget化し，それをパーソナライズドページに取り込めるサービスを，Webwagが始めた。同社が提供するパーソナライズド・ページ上から，所望のWebサイトページ上の特定エリアを選んで，簡単に自前のwidge
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
» 25 Code Snippets for Web Designers (Part1)
IDEA * IDEA
