いつもの通勤電車に揺られながら、誰もが一度は考えてしまうこと。それは「この電車の終着駅、どんなところなんだろ？」ということではないでしょうか。一般化されても困る、と言われてしまうかもしれませんが、New York Times でそんなノスタルジックな幻想を形にしたページがありました。当然ながらニューヨーク市内限定ですが、ニューヨークを走る地下鉄各線の終着駅をまとめてコンテンツにしたもの： ■ Going to the End of the Line (New York Times) アクセスすると、こんな風に写真をモザイク状にした画面が開くと思いますが： 画面右上にある"Go to Map View"というボタンを押すと、以下のように路線図モードになります。こちらの方が理解しやすいでしょう： で、それぞれの線の終着駅がクリックできるようになっているので、選択するとその駅の周辺がどんな場所な
ロゴを刷新しようと思ったら、元のベクターイメージがなくなっていた、なんて経験はないだろうか。また、元のロゴは全くなく、写真から起こす必要があるなんて場合も考えられる。画像からベクター化する作業というのは非常に大変だ。 そんな大変な作業の手助けになりそうなのが、このソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはAutoTrace、その名の通りトレースを自動化するソフトウェアだ。 AutoTraceはCUIベースで動作するので、様々な場面で利用できそうだ。また、自動化も手軽だろう。インプット形式にBMP/TGA/PNM/PPM/PGM/PBMなどが利用でき、出力はPostscript、PDF、SVG、SWF、AI、TeXなど様々な形式が利用できる。 筆者環境ではうまくいかなかったが、出力形式にテキストやJavaといった指定もできる。これで何が生成されるのかは不明だ。また、AIやS
先日、普通の紙を味のある「アンティーク風」にする方法をお伝えしました。 今回はPhotoshopを使って「味のあるアンティーク風の紙を作る方法」をご紹介します。まるで宝の地図のような画像ができますよ。 慣れれば3分くらいで作成できます。以下よりご覧下さい。 ↑ まずはじめに背景が白の画像を作成します。 ↑ 次に「アクション」ウィンドウ右上の矢印をクリックします。 ↑ メニューから「アクションの読み込み」を選びます。 ↑ 「テクスチャ」を読み込みます。 ↑ するとアクションに「テクスチャ」が読み込まれました。その中から「羊皮紙」を選択して「再生ボタン」をクリックします。 ↑ このようなテクスチャが読み込まれました。 ↑ 次に消しゴムツールを使ってふちを消していきます。 ↑ 破れた紙の雰囲気を出していきましょう。 ↑ そして焼き込みツールを使って破れた部分を焼いていきます。古い雰囲気がでてきま
TOP > Design , Photoshop > 素晴らしいphotoshopのテキストエフェクトチュ−トリアル50選「50+ Great Photoshop Text Effect Tutorials」 前回「photoshopのテキストエフェクトチュ−トリアル50「50 Creative Photoshop Text Effects」」と言う記事でphotoshopの様々な文字のエフェクトをまとめたエントリーを紹介しましたが、今回もphotoshopのエフェクトをまとめたエントリー「50+ Great Photoshop Text Effect Tutorials」を紹介したいと思います。 Text In Stitches 前回紹介したエントリーと被るものもありますが、素晴らしいエフェクトが紹介されていましたので、その中から気になった物をピックアップして紹介したいと思います
Photoshopの一連の手順（画像のサイズを変更し、画像に効果を適用し、ファイルを目的の形式で保存するなど）を記録し、次回以降は一発でできるようにしてくれる自動作業機能のことを「アクション」と呼びます。このアクションを使えば、大量の画像をまとめてバッチ処理したり、いろいろと便利なわけですが、今回は写真の見栄えを美しくしたり、違う印象を与えるように加工するアクション61種類です。かなり便利なものが多いので、写真加工を頻繁かつ大量に行う人にはかなりお役立ちなのではないかと。 60種類の詳細は以下から。 いわゆる「クロスプロセッシング」を行うアクション ロモ・クロスプロセッシング ビンテージ風 HDR（ハイダイナミックレンジ）風 色あせたビンテージ風 肌のでこぼこを修正してなめらかに見せる いろいろなパターンのモノクロ写真へ変換 明度やコントラスト、シャープなどをブーストする ダークトーン・ミ
TOP > Design , Photoshop > photoshopのテキストエフェクトチュ−トリアル50「50 Creative Photoshop Text Effects」 グラフィックデザインをしていく上で、文字の装飾と言うのは欠かせない部分です。今日紹介する「50 Creative Photoshop Text Effects」はphotoshopによるテキストエフェクトチュ−トリアルを50個集めたエントリーです。 光彩、立体、テクスチャと様々な技法のテキストエフェクトが収録されていますが、今日はその中から気になったチュートリアルをいくつか紹介したいと思います。 詳しくは以下 ■Create a Layered Glowing Text Effect 光り輝く線で描かれたテキスト。繊細なイメージと大胆なイメージが重なります。 ■Dramatic Text on Fir
何となく気軽に描けるのとカチッとした線になるのが好きで、アンチエイリアシングの無い落書きをよく描くのですが、拡大して印刷したり解像度を変えて違うツールで彩色しようとすると、カクカクが面倒な事が多いです。 トレースしたり最初から高解像度で描き直したり、面倒な時はFlashでベクターに分解して使っていたのですが、potraceと言うツールでベクター化出来る事を知りました。 Potraceは幅広いOSに対応したラスタ→ベクタ変換ツールで、ソースコード、コンパイル済みのバイナリの他、OSXを使っているならfinkから(少しバージョンが古いですが)入手出来るようです。 使用はCUIでの操作が前提ですが、Windowsなら直接EXEファイルにD&Dでも変換でき、バッチファイルやAutomatorを使えばコマンドを意識するのも最初だけです。また、OSX用ですがGUIフロントエンドを配布している方
TOP > Design , Photoshop > photoshopアクション集の決定版「The Ultimate Collection Of Useful Photoshop Actions」 photoshopで補正だったり、サイズ変えだったり反復的な作業をする時に非常に役立つアクション。業務でphotoshopを使っている方は、業務に合わせてアクションを作っていたりするかと思いますが、今日紹介する「The Ultimate Collection Of Useful Photoshop Actions」は便利なphotoshopアクションを多々紹介するエントリーです。 Rather Large Set of Actions 厳選された写真の補正・加工系の様々なジャンルのアクションが公開されていますが、今日はその中からいくつか気になったアクションを紹介したいと思います。 詳し
Photoshopでサイトのモックアップが作りたい。 そんなときにおすすめなのが、『10 Tips For Creating Website Mockups In Photoshop』。Photoshopでモックアップを作るためのTips10選だ。 以下にいくつかご紹介。 フォントはアンチエイリアスをオフにする Windowsはアンチエイリアスがかからないので、オフで作成。 フォントには鮮明のアンチエイリアスをかける このアンチエイリアスが一番ブラウザのレンダリングに近い。11pxか12px以下の場合、ほとんどのブラウザではスムースフォントに対応していないため、アンチエイリアスはオフにした方がいいだろう。 （＊追記（08.09.13）コメントをいただいて気付いたんですが、完全に記事を読み間違えていましたm(_ _)m修正、及び追記します ） テキストはWebセーフフォントを使う MSゴシッ
仕事の効率を上げる blog 私的にも、仕事にも使えるサイト・フリーソフト・Webツール・本・Windows/Linuxのテクニックなどを 紹介しています。 大変分かりやすいPhotoshop（フォトショップ）のチュートリアル（使い方講座）集をまとめました。 Photoshop初心者の方は使い方を覚えるための学習用に、既に使いこなしている人にはtips集として最適かと思います。 学習用に使う場合は、分かりチュートリアルは飛ばして進めることをお勧めします。 【チュートリアル集】 動画で学ぶPhotoshop （27のテクニック） Web2.0サイトでよく見かけるのロゴの作成方法 写真のエフェクト 写真に古い雰囲気を出す方法】 球体をガラスのように見せる方法 写真の彩度や明るさが高い場合に補正する方法 レタッチの方法 白黒写真でコントラストを付ける方法 写真を白黒にする方法 写真に映ってい
たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
Design アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』 アイコンをデザインしたい。 そんなあなたにおすすめなのが、『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』。アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選だ。 以下にご紹介。 » Traffic ConeアイコンをPhotoshopで描く方法 » 本のアイコンを作る方法 » Mac OS Xのメールアイコンのようなデザインをする方法 » Mac OS X用のアイコンを作る方法 » グラフのWebボタンを作る方法 » Photoshop CS3のアイコンを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
