描画モードが乗算のオブジェクトをデザイン通りにスライスするPhotoshopテクニック｜BLOG｜株式会社エムハンド
文字だけだと分かりにくいので簡単なデザインを5秒で用意しました。ダサいとか言わない。 コルク模様の背景に矢印が半透明で乗っかってます。 まぁまず間違いなく最初は、 「背景はCSSでリピートさせて、その上に矢印を透過pngで配置すればいいやー。」 ってなります。…なりますよね？ コーディングしてブラウザでチェックしてみました。 アレ？なんか違う……。 デザインでは半透明の矢印ごしにうっすらとコルク模様が見えていたのに、一色で塗りつぶされてしまいました。 ……何故！？ 結論を先に言ってしまうと、レイヤーの描画モードが「乗算」や「オーバーレイ」など、「通常」以外になっていることが原因です。 これらの描画モードはその下のレイヤーに依存して見た目が変わるので、透過pngを書き出すために背景を不可視にした時点でコルク模様が無くなってしまっている訳です。 ちょっとしたアイコンくらいならopacityで誤
com.adobe.photoshop Summary
Method to use for interpreting selective color adjustment specifications.
PhotoShopの自動処理スクリプト JSXを作成するときの参考リンクをまとめておく |
ここのところ、PhotoShopの自動処理スクリプト(JSX)を日々の業務のなかで作ることがあり、役に立つリンクがストックできてきました。 というわけで、何度も調べて同じ記事にたどり着いてしまう、自分のためにまとめておきます。 以前はJSXのリファレンス探すにしても、ソフトと同梱のPDF見なきゃいけなかったりで苦労したんですが、最近は良くなってきましたね！ では、早速。 最も参考にしているサイト いま最も参考にしているサイトといえばやはり古籏一浩さんのサイト。メールマガジン、デジタルクリエイターズで、自動処理のススメ的な記事を数多く執筆されていて、そのナレッジを余すところ無く、サイトに貯めていただいています。 Adobe Photoshop CS6自動化作戦 もちろん、日本語。用途から逆引きできる目次も使いやすく、親切なサンプルコードつき。ありがたや。ありがたや。 本家のリファレンス Go
Project Parfait、公開！ | fenomas.com
デザイナーがPhotoshopでカンプを作る。そしてエンジニアに渡し、HTML化やアプリ化が始まる。だがカンプ通りのデザインを実現するためには、フォントサイズ、グラデーションのRGB値、オブジェクトの高さと幅、XY座標などを、Photoshopからコードに写す手作業が必要だ。まるでコピペ大会になる。 こんな経験ない？ あるあるの方に、ちょっと面白い発表がございます。Project Parfait （プロジェクトパフェ）は、PSDから簡単にデザインの詳細を取り出す目的のWebサービスである。ブラウザベースなので、Photoshopを開く必要すらない。 絵で言うと、こんな感じ。 触ってみたら大体伝わると思うが、軽く機能紹介をしたいと。 初め方 projectparfait.adobe.com を開く。 参考用のデザインが出て来るが、自分のPSDで試す方が面白いので手元にあれば… 「Upload
パソコン教室・パソコンスクールISA船橋校 Staffブログ » Photoshopの【手のひらツール】で困る
こんにちは。 さて、今回のブログのタイトル 【Photoshopの手のひらツールで困る】 ですが、一体何が困るのか。 それは私、並木自身が困っている現象なのですが・・・ 実は一度【手のひらツール】選んだ後 どのツールを選んでも【手のひらツール】が解除されず どうにもならないという現象・・・。 Photoshopの一時的な不具合かと思い Photoshopを再起動してみるものの解除されず 「ではPCを再起動してみよう」 ということで再起動すると、無事解除されました。 でも、この現象、起きるたびにPC再起動するなんて 正直結構手間がかかります。 他の解決策はないものかと色々探していると 実は同じように困っている人がいる！！ すると意外な解決策が！！ 【スペースキーが押されたままになっている可能性があるので 確認をしてみる】 そんなばかな、と思いました。 もしスペースキーが押されたままになってい
Photoshop CS5の切り抜きは劇的にパワーアップ。 - 初心者のためのデザイン雑学
初心者のためのデザイン雑学 以前、デザインスクールで教えていた時の内容の中から、デザイン初心者の方に特に伝えたい基本中の基本情報を再編集しています。 いままで、髪の毛や動物の毛などの微細な輪郭を自然に切り抜くのは、至難の業でした。 Photoshop CS5では、おおまかな選択範囲を作成した後、「境界線を調整」を使うことで、難度の高いマスク作成が誰でも簡単にできるようになりました。 ここ数年のPhotoshopのバージョンアップの中では劇的な進化と言って良いでしょう。 「境界線を調整」自体は「Photoshop CS3」から搭載されており、今回はその機能を強化した形ですが、新機能と言っても良いほど劇的な進化を遂げています。 左のオリジナル画像が、簡単に右の様に切り抜く事ができます。 おおまかな選択範囲を作成 まずは、おおまかな選択範囲を作成します。「クイック選択ツール」「自動選択ツール」「
PSD からテキスト情報を抽出するスクリプト
こんにちは。デザイナーの高口です。 デザイナーの皆さんは、デザインを開発者に伝える時、どのようにしていますか？ 口頭で伝える、印刷したデザインに書き込む、指示書を作る…様々な手法があると思いますが、どれも時間がかかりますよね。 そこで今回は、伝える手間を少しでも減らすべく、PSD からテキスト情報を抽出するスクリプトをご紹介いたします。 1.スクリプトをダウンロード まず、下記のリンクからスクリプトをダウンロードして下さい。 (ご利用に際しては、自己責任にてお願いいたします。) ダウンロード ： TextExportToCSV ダウンロードしたファイルを解凍すると「TextExportToCSV.jsx」というファイルがありますので、下記のフォルダにコピーして Photoshop を再起動して下さい。 Windows – C:\Program Files\Adobe\Adobe Photo
PhotoshopってFireworksと違ってここがダメだよねって思ってたけど使い方知らないだけだった件
Posted: 2013.04.23 / Category: WebDesign WebデザインツールとしてFireworksとPhotoshopがよく挙げられますが、私はFireworksをメインに使用しています。理由はFireworksと比べるいろいろと不便な点があったからなのですが、ちょっと調べたらいろいろと知らないだけだったのでメモしておきたいと思います。 Photoshopってキャンバスで直接選択できなくね？ Fireworksは選択ツールでキャンバスでオブジェクトを直接選択できるのに、Photoshopはレイヤーから選択しないといけないから直感的じゃないですよね。いえいえ直接選択もできますよ。 左パレットから「移動ツール」を選択ます。そのままだと選択されているレイヤーを移動させるだけのツールですが、「cmd + 左クリック」することで選択することができます。 ドラッグすれば範囲
Photoshopでmp4をひらいて、動画から綺麗なアニメーションGIFを作る | ナナメウエblog
生きてます。ナナメウエのはっちです。 お仕事で、mp4の動画からサムネイル（アニメーションGIF）を生成したいんだけどという場面に遭遇しました。 色々調べたところ、Webアプリでもあるっぽいのですが、そのアプリを試したところ正常に動いておらず、ぐぬぬ…どうしようかな、と。 そういえば？Photoshopで動画編集ができるという噂を以前聞いたことがあったので調べてみました。 意外とまだ需要のあるアニメーションGIF。 お役に立てれば幸いです。 Photoshopでmp4動画を開く 使用しているのはPhotoshopCS5です。 どのバージョンから動画が取り込めるのかは知りません。だってわたしFireworks派だもの…！ ファイルから「開く」でもいけます。今回はドラッグ＆ドロップで。 タイムラインを表示 読み込みに少々時間がかかりますが気になるような時間でもありません。 とりこま
SuperPNG
SuperPNG is a free, open source Adobe Photoshop plug-in for using PNG ("ping") files. It has more comprehensive support for the format than Photoshop's included plug-in and provides control over alpha channel handling. PNG is an open source file format that supports tight lossless compression. It can be read on any platform by most graphics applications and is fully supported by all modern web bro
The 33 best Photoshop plugins in 2024
The best Photoshop plugins can help you work more quickly and efficiently. Whether you need some help with photo editing or some time-saving tools for your next graphic design project, Photoshop remains an essential tool for creatives. Part of the Creative Cloud suite of apps, it offers a huge range of creative possibilities, and it's always adding more, such as the incorporation of AI Generative
【Photoshopちゃんねる】
2011年05月08日21:19 by ps2ch このサイトについて カテゴリ 無料SEO対策入門 このサイト「Photoshopちゃんねる」は２ちゃんねる の【Photoshop総合質問スレ】や【Photoshop総合スレッド@同人ノウハウ板】の他フォトショップに関するスレッドの中から管理人が気になった記事を、独断と偏見でまとめたサイトです。 フォトショップに詳しい方々が書かれた貴重な情報の保存場所として、また、普段2ちゃんねるをあまり利用しない方々にも、ここでしか手に入らない重要な情報を共有出来るよう、まとめております。 初心者の方は、右のサイドバーにある「初心者のよくある質問」のカテゴリをご覧下さい。 このサイトで提供する内容・情報については一切の保証をしておりません。 また、リンクされている第三者の他サイトの閲覧、 利用、 リンク先での商品購入等につきましては利用者の責任
【オリジナル制作】Photoshopでの作業を効率化できるいい感じのJSXスクリプト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。「とりあえずタイトルに興味を持ったけどいまいちピンとこなかった」という方もいるのではないでしょうか。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるということです。僕みたいな怠け者で楽をしたい人にはぴったり！ 今回主に紹介したいのは自作のスクリプトで、Webに特化した作業を簡単にしてくれます。 ダウンロードはこちら（ダウンロードが開始されます）： https://liginc.co.jp/demo/2012/09/PhotoshopScripts.zip スクリプトを使うには？ まずはスクリプトの使い方について説明していきます。 スクリプトをダウンロードし解凍したら、拡張子が「jsx」のファイルが幾つか入っていると思います。それらを下記のフォルダにコピーし、PCを再起動させます。 Windows：PhotoshopPre
JSXのドキュメントについて
意外に知らないのがPhotoShopなどのJSXのドキュメント（英語）がアプリケーションディレクトリに入ってる件。例）Program Files (x86)\Adobe\Adobe Photoshop CS5\Scripting\Documents 4月 16, 2012とあったので見てみたらあった・・・ Program Files (x86)\Adobe\Adobe Photoshop CS5.1\Scripting\Documents には Photoshop CS5 JavaScript Ref.pdfPhotoshop CS5 AppleScript Ref.pdfPhotoshop CS5 Scripting Guide.pdfPhotoshop CS5 VBScript Ref.pdfがあった。 ドキュメント少ないから困ってたけどこんな身近に・・・ Program Files
Adobe Photoshop CS6自動化作戦
このページはAdobe Systems（アドビシステムズ）社のPhotoshop CS6をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。サンプルはMac OS X (10.6.8)上で動作させたものです、このためWindows上での動作とは異なる可能性があります。また、3月24日時点ではPhotoshop CS6はβ版としてAdobe Systemsが配布しているため正式版では動作が異なる場合があるかもしれません。あらかじめ、ご了承下さい。 Photoshop CS6は基本的には以前のCS1〜5からの延長上にあります。このため、JavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS〜CS6、AfterEffects 6.5〜CS6、Illustrator CS2〜CS
Adobe CS6 バージョンJavaScript ファレンス
<body> <h1>Adobe CS6 バージョンJavaScript ファレンス</h1> Last update : 2012/3/24 PM 9:52<br> <br> <div class="description"> Adobe Systemsから発売されているアプリケーションはJavaScriptによって制御することができます。旧マクロメディア製品であるDreamweaver、Fireworks、Flashはベースが異なるので、ここで掲載しているサンプルは動作しません。これ以外のPhotoshop CS6, InDesign CS6, Illustrator CS6, Bridge CS6, ExtendScript Toolkit CS6、AfterEffects CS6、Encore CS6、Premiere CS6、MediaEncoder CS6などはアプリケーション
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CEP-Resources/Documentation/Product specific Documentation/Photoshop Scripting at master · Adobe-CEP/CEP-Resources
IDEA * IDEA
GitHub - bxt/Photoshop-Javascript-Tools: Utility scripts to speed up daily photoshopping and automate annoying tasks
http://develo.org/2010/06/10/0154.html