Photoshopのデザインデータをブラウザでプレビューする方法 – creamu
レスポンシブの時代、ブラウザサイズや端末がたくさんあってデザインが大変ですね..。最近は、1440px x 835pxでデザインしています。 ただブラウザで見てみないと実感がわかない、ユーザの気持ちがわからないので、何かプレビューする方法はないかと思っていたところ、見つけました。今までは、jpgで書き出して、ブラウザにドラッグしていたんです..。Web用に保存（command + option + shift + s）でダイアログが表示された後、左下にある「プレビュー… 」ボタンを押します。 SafariのResize Windowを使うと、指定したサイズにリサイズできて便利です。 Resize Window
Photoshopの面倒なガイド引きを楽チンにするエクステンション -GuideGuide
ウェブページのレイアウト用にグリッドを設計したり、エレメントの中心をだしたり、余白を確保するなど、Photoshopのガイド引きを楽チンにするエクステンションを紹介します。 この機能はデフォルトで実装してほしいですね。 GuideGuide 以前、紹介した時に比べてバージョンアップし、使い勝手がよくなりました。 [ad#ad-2] GuideGuideの対応バージョン GuideGuideのインストール GuideGuideの使い方 GuideGuideの対応バージョン Photoshop Photoshop CS4 Photoshop CS5 OS Windows(32bit) Windows(64bit) Mac OS CS5+Mac OSX Lionでは「Patch」が必要です。 GuideGuideのインストール GuideGuideのインストールは簡単です。 ここでは、Windo
PSDの全レイヤをFlaに再配置するスクリプト（JSX）公開しました | _level0 - KAYAC Front Engineer Blog
以前F-siteでご紹介したPSDのレイヤをPNGで書き出してFlaファイルに再配置するスクリプトを公開しました。 いろいろと不具合とか使いづらいポイントがあるかと思いますがのんびり改善したいと思いますのでどうぞよろしくお願いします。 基本的にこれだけで作業が完結するものではなく、あくまでボトルネックを一つ解消する程度のものです。手作業の手間の軽減とわりきったうえでご利用ください。m( _ _ )m http://www.libspark.org/svn/jsx/PSDExporter/ (ExportAllLayers.jsx v.0.1) 使い方PSDもレイヤーを全部結合する スマートオブジェクトー＞結合が便利 ファイル＞スクリプト＞参照でExportAllLayers.jsxを選択して実行（CS3ではドラッグアンドドロップでもいける） completeとダイアログがでるまで待ちます
Photoshopブラシを効率よく整理する5つの方法 (1/3)
Webデザインに便利なPhotoshopブラシ。ネット上に大量に公開されているブラシライブラリを使えば、カッコいい背景やロゴも手軽に作れる（関連記事1、関連記事2）。だが簡単に使えるだけに、新しいブラシをついつい追加しすぎてしまい、管理不能になってしまった――という方も少なくないだろう。 この記事では、大量のブラシを効率よく整理する方法を紹介する。ブラシの整理に困ったときにぜひ試してみよう（以降の操作は「Photoshop CS2」をもとにしています）。 1：やみ雲に追加してしまったブラシの“捨て方” 整理の基本は、身の回りの荷物と同じ。「これは使わない」と思ったものを思い切ってさっさと捨ててしまうことだ。 以前の記事で紹介したとおり関連記事、ネット上でダウンロードしたブラシファイル（ABRファイル）は、Photoshopのブラシパレット→[ブラシファイルの読み込み]で選ぶだけで追加できる
Photoshop 自動化作戦
このページはAdobe Systems（アドビシステムズ）社のPhotoshop CS4をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。サンプルはMacPro (Xeon 3GHz/Intel Mac) 上で動作させたものです、このため、PowerPC搭載MacやWindows XP/Vista上での動作とは異なる可能性があります。あらかじめ、ご了承下さい。 Photoshop CS4は基本的には以前のCS1～3からの延長上にあります。このため、JavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS～CS4、AfterEffects 6.5～CS4、Illustrator CS2～CS4、Bridgeで作成された一部のコードは、そのまま動かす事ができます。Photos
Photoshop SFX:集中線を描く
■使用Photoshopバージョン：Photoshop CS2 作成：09.17.2006 改訂：MM.DD.YYYY ★この商品についての詳細はこちら＞＞レゴ クリエイター レゴ クリエイター・ロードスター 4896 もとになる画像を用意して、レイヤーに配置します。 今回、背景はあらかじめ黒色で塗りつぶしてあります。 ［イメージ］メニューの［カンバスの回転］から［９０度時計回り］を選択して、 画像を横に倒します。 チャンネルパレットの［新規チャンネルを作成］ボタンをクリックして、 「アルファチャンネル１」を作成します。 「アルファチャンネル１」で画像の半分（正確でなくてもかまいません）を選択して、 白色で塗りつぶします。 選択範囲を解除（Ctrl＋D（Mac:Cmd+D）キー）してから、 ［フィルタ］メニューの［変形］の［波形...］を選択します。 波数「999」、種類「矩形波」、波長「
基本テクニック１
今回からはマンガのデジタル仕上げにおけるさまざまな効果を具体的に解説していく。 第2回はPhotoShopの基本機能だけで平行スピード線を作る方法をみてみよう。 上の画像のバックのような効果を作ってみる。 ひとつ基本の画像を作って保存しておけば、さまざまに使いまわすことができるので便利だ。 ↓ まず、グレースケールで20センチ×20センチ、150dpiの新規書類を作る。 解像度が低いほどできあがりのスピード線の目も粗くなるので、好みにより調整する。 150dpiは最も細かい値と考えてよく、これより解像度を高く設定してもあまり効果的ではない。 100％黒で塗りつぶしておく。 ↓ 長方形選択ツールで左端を幅1センチほど囲み、0％白で塗りつぶす。 選択範囲を忘れずに解除しておく。 ↓ 「フィルタ」メニュー→「表現手法」→「風…」を選ぶ。 ダイアログが出るので、上図のように設定する。 ↓ 5～6回
Photoshop Brushes
Brushes for digital painting. Digital painting is a category especially popular among illustrators. Even if their creative activities start in a traditional technique, such as watercolor, sketch, pastel drawing... they finally end up in a digitized form for processing in a graphic design program, often Photoshop. There are also artists who create their work on a computer or tablet from the very be
Photoshopブラシダウンロード
血飛沫ブラシ1(260kb,lzh圧縮) ダークなイメージの画像や、闘いのシーンには不可欠の血飛沫を再現しました。 工夫次第では、跳ね上げた泥や水飛沫なども簡単に表現出来ます。印刷原稿を念頭に置いている為ブラシのサイズは大きめですが、縮小したり部分的に使ってもOK。 血飛沫ブラシ1は全2種類をセットで御提供させていただきます。 血のイメージを綺麗に出したい場合、なるべく暗い赤を選んだ方が綺麗に出ます。 血飛沫ブラシ2(136kb,lzh圧縮) 大好評の血飛沫ブラシ、第2弾が出ました。今度は、床に落ちた血のイメージも表現可能。(血飛沫じゃないって言われるとそうですが…その辺は大目に見て下さい) 血のイメージだけでなく、他の液体も色を変えて使えばイメージ通りに再現可能。実際に墨を紙に落としてスキャンしたのでリアルです(当たり前か)。微妙なムラもそれらしくて良いでしょ？ 印刷原稿を念頭に
kmxslog » [photoshop]リアルスーパーサイヤ人[謎]みたいな画像を作るチュートリアル
今回は燃えるおにいさん。 スーパーサイヤ人エフェクト（？）みたいなのを作っていきます。 黒兄 (c) unreal tribe ＃（画像）はそのまま、（切替画像）はポインタを乗せると画像が切り替わります。 step1：背景を作る step2：炎のワイヤーを合成する step3：飛び散り輝く塵？の表現 step1 背景をつくる [01]黒背景のレイヤーをつくり、グラデーションツールで放射状に塗ります。ドラッグするとクリックした点から離した点まで指定した色のグラデーションで塗ることができます。今回は灰→黒。（画像） 大きめのぼかしたブラシで黄色に塗ります。（切替画像） [02]新規レイヤーを作成し、壁の画像を貼ります。「レイヤー」＞「レイヤーマスク」＞「すべての領域を表示」を選択しておきます。（画像） マスク部分（レイヤーの鍵マークの右）を選択し、表示したい部分をブラシなどで塗っていきま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
直感的で分かりやすいPhotoshopのショートカット一覧表
http://www.brushesdownload.com/spanish/
Photoshop暗闇講座〜インデックス〜
mkk-works.com