CSS Sprite Script - collamo
もうネタとしてはかなり賞味期限切れだと思うんですが、 CSSスプライトを簡単に作れるPhotoshopスクリプトっていうのをちょっと前に作ったので公開します。 前にTonttuっていうAirのCSSSprite支援ツールを作ったんですが、 プロジェクトをttdファイルっていう独自のフォーマットでしか保存出来なく、これだとまだまだ不便だなーとずっと思っていたので、いっそpsdのプラグインにしちゃえってことでこんなもの作りました。 http://collamo.jp/cssspritescript/CssSpriteScript.zip PhotoshopでSprite画像を組み立てて、あとはjsxを実行すればHTMLとCSSを吐き出すようなツールになっています。 スプライトを作ったpsdをそのまま残しておけば良いので、運用で画像差し替えなんかあっても便利に使えるんじゃないかと思います。 以下
Photoshop.com | Tools
https://main--cc--adobecom.hlx.page/cc-shared/assets/img/product-icons/svg/photoshop-64.svg | Photoshop {{photoshop}} Next-generation AI. Now in Photoshop. Create stunning, lifelike images with the latest generative AI features and the most advanced Generative Fill yet, powered by the new Adobe Firefly Image 3 Model. Now in the Photoshop (beta) app. {{plans-starting-at}} PRICE - ABM - Photoshop{{s
出張 Shibuya.js 24 「正しい Photoshop の使い方」 - 氾濫原
Mozilla 24 の 出張 Shibuya.js 24 で LT しました。 スライドは CodeRepos にコミットしました。psd でプレゼンしましたがたぶん見れない人のほうが多いので png に変換してあります。 出張 Shibuya.js 24 「正しい Photoshop の使い方」変換済み 時間の関係で全部できませんでしたが、実演のシナリオも一応あります。 あのシェルも CodeRepos にコミットしてあります。pshell (追記: SlideShare にもアップしました) Windows 版の CS3 を持っていないのでうごくのかよくわからないですが、基本的にファイルのよみかきしか行なっていないので、ruby と CS3 があればうごくんじゃないかと思います。 追記 そういえば深夜にやっていたライブコーディングにもせかんどらいふさん経由で飛び入り参加しました。ネタ
水や炎・爆発をイメージしたPhotoshopのブラシ | コリス
FuelFireDesire's deviantART Galleryでは、水や炎や爆発などのイメージが表現できるPhotoshopのブラシを配布しています。 FuelFireDesire's deviantART Gallery 下記の各画像は、クリックするとブラシの形状が表示されます。
フォトショップを使って迷路を一発で解く方法 | POP*POP
かなり裏ワザですが、taint.orgさんで「フォトショップを使って迷路を解く方法」が紹介されていました。 実際試してみましたが、本当に解けてしまいました・・・これはすごい。迷路を解くのが楽しいのでなんだか本末転倒ですが・・・豆知識として知っておいても良いかもしれません。 以下にやり方をご紹介。 迷路を用意します。今回はMaze Generatorにて100×100の迷路を生成。 ↑ この迷路を使用します。 次に迷路の右側の壁を自動選択ツールで選択。 「選択範囲」「選択範囲を変更」「拡張」で4px拡張。 新しいレイヤーを作成。 赤で塗りつぶし。 「選択範囲」「選択範囲を変更」「縮小」で4px縮小。 おもむろに「DEL」キー。 回答が浮かび上がりました！ 作業の途中では「本当かなぁ・・・」と懐疑的だったのですが、最後に回答が浮かび上がった時は感動しました。フォトショップの類のツールをお持ちの
Free Hi-Res Watercolor Photoshop Brushes | BittBox
Here is a nice set of Photoshop Brushes from BittBox. I'm constantly going back and forth between Illustrator and Photoshop in my projects, and I'm starting to pretty much make everything from scratch. I often have trouble finding brushes that are big enough for what I'm doing, so I just made my own. The smallest brush in this set is 1989px! I was limited by CS2 to 2500 pixels, so that is as big a
PhotoShopをアイコン（ICO）形式に対応させるプラグイン: phpspot開発日誌
Telegraphics - Free Plugins for Photoshop & Illustrator...and other software In general, each plugin can be used with all versions of Photoshop (3.0-7.0, CS, CS2), under Mac OS X, 9 and earlier, and Windows. デフォルトのPhotoShopは、直接アイコン形式で保存することが出来ません。 出来ない、とあきらめていたんですが、対応させるプラグインがあるようです。 インストールは、ダウンロードしたパッケージを解凍し、ICOFormat.8bi ファイルを、次のパスにコピーします。 C:\Program Files\Adobe\Photoshop 7.0\プラグイン\ファイル形式 (Photo
「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
ページめくり
You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out! Today’s tutorial was a request by Kirk from Smallest Photo. As you all know, the way I do or show it isn’t the ‘only’ way, it’s just my way and I’m open for any other tips or suggestions. As always I had fun doing this and I’m always happy to share stuff like this. So here it goes… St
Photoshopで写真をベクターアートにするチュートリアル
左が元になった写真で、右がそれをPhotoshopを使ってベクターアート化したもの。 こういうのはどうやってするのだろうか？と思っている人向けのチュートリアルです。実際の作業手順をムービーでダイジェスト風に見せるというのも含まれているので、完成に至るまでの手順を見るだけでも面白い。 詳細は以下から。 Vector Art with Photoshop - Online Tutorial at Melissa Clifton page 1 ベクターアート化したものをアップにしたのはこちら。拡大しても画像が荒れないのはベクターアートのいいところ。 Melissa Clifton Gallery - Bjork Vector 完成までの手順を約59秒のムービーに圧縮したモノ。実際の作業時間と使用しているレイヤーの数も表示されています。 YouTube - Bjork Vector Art 2
Photoshop Elements 5.0 - Flashアニメ作成可能に | クリエイティブ | マイコミジャーナル
アドビ システムズは12日、同社の個人向け画像編集ソフト「Adobe Photoshop Elements 5.0」を発表した。同社プロユース対応画像編集ソフト「Adobe Photoshop CS2」をベースにした編集機能に加え、画像の管理や作品作りに必要な機能を搭載する。アドビでは、単なる機能縮小版ではないクリエイティブなツールを目指したとする。製品の発売は11月上旬を予定、価格はパッケージ版で14,490円、ダウンロード版で9,600円。 Adobe Photoshop Elements 5.0では従来の機能に加え、Adobe Photoshop CS2でのみ利用可能だったものやユーザからの要望があったものを追加しているとのこと。対応システムはWindows XP Home Editionと同 Professional、同Media Center Editionで、DirectX 9
Photoshopでパノラマ画像から惑星を作る方法
冥王星が太陽系の惑星から外されてしまいました。というわけで、自分で撮影したパノラマ画像を惑星風の画像に加工する方法。特にパノラマ画像でなくても、横長の画像であればほとんどのものが惑星っぽくなります。 作り方は以下の通り。 Photojojo >> How to Create Your Own Planets Using Your Panoramas まず「イメージ」→「画像解像度」を選びます 「縦横比を固定」のチェックを外して正方形にします。 次に「イメージ」→「カンバスの回転」→「180°」を選び、天地反転させます。 そして「フィルタ」→「変形」→「極座標」を選択 あとは「直行座標を極座標に」を選ぶだけ。 最後に、仕上げとして適当に「カンバスの回転」でキレイに見える角度に補正すれば完成です。 コツとしては、元になるパノラマ画像の左右の端っこの地平線部分がちょうど同じ高さになっていること。
スタジオグラフィックス プロが教える デジタルカメラの撮影＆レタッチテクニック
運営会社情報 株式会社スタジオグラフィックス 〒164-0012 東京都中野区本町2-51-10 中野坂上OKビル801 TEL 03-6300-5987 / FAX 03-6300-5988
Dr. Photoshop.com - The Photoshop Tutorial Doctor
Learn to create the iconic wallpaper using effects, gradients, masks and blurring. or view video Before we begin, this tutorial will show you my attempt at recreating the os x wallpaper eye candy. I have no clue to the actual process of creating the wallpaper, but I believe this closely recreates (and I hope you do too) the effect with relative ease. 1. Create a new document, about twice the si
Photoshopを使ったあなただけの星の作り方 - GIGAZINE
よく見かけるSF的な上図のような星。これをPhotoshopで作るにはどうすればいいのかというチュートリアルです。元素材となるテクスチャさえ用意できれば割と簡単。 作り方は以下を参照。 Planet Tutorial http://skyetis.com/Tutorial/tut.html いろいろと設定を変えれば、こんな感じの惑星を作ることができます。 Science-Fiction http://skyetis.com/scifi.html 元になるテクスチャは以下のサイトでそれっぽいのを発見できます。 GIGAZINE - 1万3000枚以上の写真をロイヤリティフリーで提供する「Image * After」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
髪の毛切り抜き / Photoshopを使って背景をきれいに切り抜く方法まとめ | DesignWalker
PXLGFX- Polished Text
Photoshop Lab
JUNICS HOMEPAGE
Free Photoshop Tutorials