古いPhotoshopで最新ブラシを使うチュートリアル
Photoshopのカスタムブラシを使えば、Webサイトで使えるカッコいいグラフィックをあっという間に作れる――。先週、「アナログな質感」をテーマにネット上で入手できるいくつかのブラシファイルを紹介したが（関連記事）、「自分の環境では使えなかったぞ！」という読者もいるだろう。というのも、Photoshopのカスタムブラシ（ABRファイル）はバージョンによって異なり、新しいバージョンで古いバージョンのABRファイルは読めても、その逆はできない。たとえば最新のPhotoshop CS3で作成されたABRファイルは一昔前のPhotoshop 6では使用できないのだ。 古いPhotoshopで最新のPhotoshopブラシを使えるようにするにはどうすればよいのか？ 今回はオープンソースソフトを使って手軽に実現する手順を紹介しよう。 そもそもPhotoshopブラシってどうやって作る？ 手順の説明に
フォトショ画像が1クリックでCSS＋HTMLに！ PhotoshopをWebオーサリングツールに変える「psd2css」
Web制作の画像素材作成にも活躍するPhotoshop。ロゴやアイコンといったパーツのデザインに限って使う人から、デザインカンプの制作～スライスまでこれ1本でこなす人まで……と、その活用法は人それぞれ。だが、Photoshopを簡易Webオーサリングツールとして使う方法があることをご存じだろうか？ それを実現するのが、「psd2css」というユニークなオンラインサービスだ。 PSDファイルをCSSレイアウトのWebページに変換する psd2cssは、その名のとおり、PhotoshopのPSDファイルをブラウザーからアップするだけで、CSS／XHTMLファイルに自動変換してくれるサービスだ。……と、さらっと書いてはみたが、よく考えるとこれはスゴい。Photoshopにある「Web用に保存」機能を使えば、Web用に最適化されたJPEGやPNG画像と一緒にHTMLを書き出すことはできるものの、ス
無料のphotoshop素材をダウンロードできる20サイト
個人的に、今月最高のクリティカル記事を発見。 いやほんとに。これぁすごい。 誰もがいいね！って言いたくなると思います。 GraphicsFuel 素材のレパートリーとクオリティ、両方ともすごい。 サイトのテンプレート ちょっとしたオブジェ クールなRSSアイコン 素敵なワインケース 見開き本 個人のポートフォリオサイト用のミニフレーム シンプル張り紙デザイン 本当に素敵なもがわんさかあります。 ぜひぜひ時間のあるときにご堪能あれ。 GraphicsFuel.com FreePSD サイトデザインからしてもはやPSD的な感じで素敵。 FREEとかかれたものはFREE。 PREMIUMが有料。 TUTORIALはその作り方が掲載されています。書いてないやつはほぼ無料で掲載されています。特に、有料のデザインが参考になります。お金をとるレベルとはなんなのかをヒシヒシと学べますね。 Photosho
画像にいろいろな効果を与えるPhotoshopのアクション集 | コリス
Visual-Blast Mediaのエントリー「Photoshop actions: 124+ Free Photoshop Actions to Boost Your Designs」にプラスアルファして、画像にいろいろな効果を与えるPhotoshopのアクション集を紹介します。 Photoshop actions: 124+ Free Photoshop Actions to Boost Your Designs
写真加工に活用できるPhotoshopアクション100種類:phpspot開発日誌
100 Free Photoshop Actions (And How to Make Your Own) 写真加工に活用できるPhotoshopアクション100種類と、Photoshopアクションの作り方について書かれたエントリのご紹介です。 多数のアクションがあって、よく使いそうなものは入れたりカスタマイズしておくと便利ですね。 Photoshopのチュートリアルサイトで解説されているような一連の流れもよいものはAction化しておくとよさそうですね。 関連エントリ 高度な画像編集が一瞬でできてしまうPhotoshopアクション集 写真にビンテージ感を出せるPhotoshopのアクション集 写真をもっと魅力的にみせるためのPhotoshopアクション１００ 写真をいい感じに一瞬で加工してくれるPhotoshopアクション４５
そらかぜ工場 Photoshop Scripting 覚書き
メニューの「ファイル->スクリプト->参照」を選択 ダイアログから実行するスクリプトを選択して開きます。 サンプルスクリプトを実行するには、ダイアログから、「Photoshop CS\スクリプティングガイド\サンプルスクリプト\JavaScript」にあるスクリプトを選択します。 ※スクリプト実行中にEscキーを押すとスクリプトを中断できます。一回で止まらない場合は何回か押してみると止まります。 ※「読み込み」をクリックする時にAltキーを押しているとスクリプト実行時にデバッグダイアログが開きます。 ダイアログからスクリプトを選択するとデバッグダイアログが開き、操作できます。
Photoshopのスクリプト制御
Photoshopのアクション機能は強力で、デザイナーはこれらを多用していますが、少し複雑なことをさせようとすると、とたんに限界に行き当たるのが現実です。Photoshop 7.0以降では、Scripting plug-inを利用して、プログラムで直接Photoshopを制御できるようになりました。この機能を使えば、アクション機能以上に細かなことができます。本記事ではJavaScriptを使い、Photoshopをスクリプト制御して、ファイルをリサイズして保存する方法を解説します。 はじめに Photoshopは、印刷、デザイン、Web製作、ゲーム開発などのさまざまな仕事の現場で利用されている画像加工・作成アプリケーションです。このPhotoshopは、バッチ処理を行う強力なアクション機能を備えています。しかし、少し複雑なことをさせようとすると、とたんに限界に行き当たるのが現実です。 Ph
ASCII.jp：PhotoshopのフィルターをJavaScriptで作る！｜古籏一浩のJavaScriptラボ
Adobe PhotoshopもJavaScriptをサポート JavaScriptにはInternet ExplorerやFirefox、Safariなど、Webブラウザー上で動作するもの、というイメーシがありますが、JavaScriptはデスクトップアプリケーションにも活躍の場を広げています。 特に、「Photoshop」に代表されるアドビ システムズのアプリケーションのほとんどがJavaScriptをサポートしており、Photoshopや「Bridge」「After Effects」 はソケット通信まで対応しています。つまり、Webサーバーにアクセスして必要なデータを受け取り、Photoshopで画像を加工し保存する、といったことがJavaScriptで自動化できるのです。さらにBridgeと連携すれば、FTPを使って加工した画像データをサーバーに転送する、といった処理まで自動化でき
無料ですさまじく使い勝手が良く参考にもなるPSDファイルのウェブデザインテンプレート10種類
ネット上には時として「こんな高品質なものが無料でよいのか？」というオドロキがありますが、まさに今回のPSDファイルはそれです。実際に使うのも良し、デザインの参考にするのも良し、非常に価値あるものとなっています。 ダウンロードは以下から。 10 Beautiful PSD Web Templates Of July 2010 For Free Download ◆その1：FreePSDTheme >> Free “Black Eve” PSD 以下の6種類で構成されています。 about.psd blog.psd contact.psd index.psd media.psd services.psd ◆その2：FreePSDTheme >> Free “PixelStudio” PSD themeforest_pixelstudio.psdが1つあり、その中に全部入っています。 ◆その3：
緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル:phpspot開発日誌
How to Make a Green & Sleek Web Layout in Photoshop 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアルが公開されています。 次のように緑で綺麗な凝ったサイトレイアウトのチュートリアルです。 日本のサイトではあまりこうしたデザインは多くないように感じますね。こういうデザインでサイトを作ると目立つかもしれませんね。 関連エントリ 最近見つけたWEBデザイン作成チュートリアル集 ブラックベースのプロレベルなサイトデザイン作成チュートリアル集 プロによる美麗サイトデザインを構築するPhotoshopチュートリアル集 プロレベルなサイトデザインのPhotoshopチュートリアル集
プロによる美麗サイトデザインを構築するPhotoshopチュートリアル集:phpspot開発日誌
27 Best Photoshop Web Layout Design Tutorials - Part 2 プロによる美麗サイトデザインを構築するPhotoshopチュートリアル集が公開されています。 チュートリアルをこなして同じような物を作れれば、WEBデザイナーとしてのスキルはあがりそうです。 Making the ‘Clean Grunge’ Blog Design Sound system Studio Web layout Design a Portfolio Layout Design a Grunge Vector Layout 全部見る 無料で、ここまでの情報がネットで手に入るというのはすごいですね。 関連エントリ プロレベルのPhotoshopチュートリアル集 プロレベルのサイト作成時に使える実用Photoshopチュートリアル集
一流のサイトデザインを一から作成する手順集:phpspot開発日誌
The 60 Best Photoshop Tutorials to Design Your Own Amazing Site | 一流のサイトデザインを一から作成する手順集。 次のようなクールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 Photographer Portfolio layout Unique Grungy Website Layout Game Layout with Scratched Menu Wedding Layout Simple Business Style Agency Layout 全部見る 参考に作ればデザインの苦手な人でもそこそこのページが出来そうですね。
写真画像をイラスト風のラインアートにするPhotoshopのチュートリアル
Ink spill and splatter Photoshop brushes 以下、チュートリアルをダイジェストでご紹介。 エッジの作成 画像のレイヤーをコピーし、そのレイヤーに[フィルタ]-[ぼかし]-[ぼかし（詳細）]を選択し、「半径」を7.8、「しきい値」を47.7、「画質」を高、「モード」をエッジのみ、にして「OK」ボタンをクリックします。 次に、[イメージ]-[色調補正]-[階調の反転]を選択します。 エッジが作成できたら、そのレイヤーは一旦非表示にしておきます。 シャドウとなるラインアートの作成 斜めのラインを描きクロスハッチングのパターンを作成します。 「レイヤースタイル」から「パターンオーバーレイ」を選択し、クロスハッチングのパターンを「比較（明）」で適用します。
Photoshop CS5の力で「日本一のブサイク芸人」を絶世の美男子にしてしまう超絶技巧フォトレタッチ
モデルの肌を滑らかにしたり、陰影をつけて骨格や筋肉を強調するなどといったフォトレタッチは広告業界ではすでに常識となっていますが、もともと肉眼で見ても美男美女なモデルは写真にも美しく映るもので、修整前と修整後を比べてみても「劇的」というほどの違いは見られない場合がほとんどです。 スゴ腕のPhotoshop職人たちが思う存分レタッチの腕を発揮するにはやはり素材が重要。というわけで、Adobe Photoshopのチュートリアルマガジン「DEKIMAGA」では、マンスリーよしもとPLUSとコラボレーションし“日本一のブサイク芸人”との誉れ高いカリカ・家城啓之に超絶技巧のレタッチを施しまくり、それぞれ個性の異なる4人のイケメンからなる韓流アイドルユニット「モザイク」を作り出したとのこと。「日本一のブサイク芸人を超イケメンにする方法」としてそのプロセスが公開されています。 日本一のブサイク芸人からイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/04/photoshop-layout.html
新着記事
http://www.designwalker.com/2009/02/ps-action.html
新着記事
新着記事
新着記事
