トップ差分一覧ソース検索ヘルプログイン

【Photoshop】ワークスペースを保存する方法と別のPCでも同じ設定にする方法！
https://yukimal.com/%E3%80%90photoshop%E3%80%91%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9%E3%82%92%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%EF%BC%81%E5%88%A5%E3%81%AEpc%E3%81%A7%E3%82%82/
作業効率UP! Photoshopのワークスペースあれこれ｜デザイン＆印刷サービスアドラク！
https://adluckdesign.com/ad_blog/52391/

書き出し先
C:\Users\###user###\AppData\Roaming\Adobe\Adobe Photoshop CC 2019\Adobe Photoshop CC 2019 Settings\WorkSpaces (Modified)
上記の書き出した「～～.psw」ファイルを下記に入れる
C:\Users\###user###\AppData\Roaming\Adobe\Adobe Photoshop CC 2019\Adobe Photoshop CC 2019 Settings\WorkSpaces

プリセットは、編集＞プリセット＞プリセットを書き出し・読み込み

パターン

Adobe Photoshop でのパターンの作成
https://helpx.adobe.com/jp/photoshop/using/creating-patterns.html

長方形選択ツールで領域を選択。「ぼかし」は、0 ピクセルに設定する必要。
編集／パターンを定義を選択
パターンの名前を入力

公式

Photoshop ユーザーガイド
自動化　＞　Photoshop でのタスクとアクションの自動化に関する情報
https://helpx.adobe.com/jp/photoshop/user-guide.html?topic=/jp/ja/photoshop/morehelp/automation.ug.js

ショートカットキー

Adobe Photoshop の初期設定のショートカットキー
https://helpx.adobe.com/jp/photoshop/using/default-keyboard-shortcuts.html

これで作業効率が劇的に上がる！Photoshopのショートカットキー早見表 | Adobe Photoshop tutorials | Adobe Photoshop チュートリアル
https://helpx.adobe.com/jp/photoshop/how-to/use-shortcut-keys-for-efficiency-photoshop.html

レイヤー操作を効率化する！ショートカットキー10選 | psgips
https://psgips.net/photoshop-reference/shortcut-key-2

スマートオブジェクト

Photoshop でのスマートオブジェクトの操作
https://helpx.adobe.com/jp/photoshop/using/create-smart-objects.html

元の画像にリンクされたスマートオブジェクトの複製を作成するには、
レイヤー／新規／選択範囲をコピーしたレイヤーを選択するか、
またはレイヤーパネル下部にある新規レイヤーを作成ボタンにスマートオブジェクトレイヤーをドラッグします。
元の画像に加えた変更はコピーにも影響します。また、逆の場合も同じです。

元のスマートオブジェクトにリンクされない複数のスマートオブジェクトを作成するには、
レイヤー／スマートオブジェクト／スマートオブジェクトを複製を選択します。元の画像に加えた変更はコピーには影響しません。

JPG画質

JPEGの圧縮

JPEGツール/同人野郎のためのWEBサイトづくり
http://rinrin.saiin.net/~aor/hms/jpegtools

「Web用に保存」でもやはりサブサンプリングは画質設定値と連動していて、50までが2x2,1x1,1x1、51以上が1x1,1x1,1x1になっています。
またJPEGコメント、サムネイルは埋め込まれません。

画像を高画質かつ軽くするリサイズ方法！JPEG設定で圧縮はどう変わるのかRalphaで比較 | mysimasima
http://mysimasima.com/camera/jpeg-resize/

PhotoshopでWEB用に保存する2通りの方法とその違いの比較一期一笑ラボ
https://ichigoichielab.com/photoshop-web-preservation/

画質(Q)	JPG-quality	サブサンプリング
12	98	off
11	97	off
10	94	off
09	92	off
08	89	off
07	86	off
06	89	on 2x2

画像アセット設定	JPG-quality	サブサンプリング
未設定	97	off
95	98	off
90	97	off
85	95	off
80	94	off
75	92	off
70	90	off
65	87	off
60	85	off
55	83	off
50	85	on 2x2

画像アセット

Photoshop でのレイヤーから画像アセットの作成
https://helpx.adobe.com/jp/photoshop/using/generate-assets-layers.html

サイズ（相対値または px、in、cm、mm など）を最初に追加必ずスペースを追加。ピクセルは単位省略可（例 300 x 200）
・jpg　初期設定で 90％の画質
　　画質　.jpg(1-10) または .jpg(1-100%) のようにアセット名の末尾に追加
・png　初期設定で 32ビット画像
・gif　基本的なアルファ透明度

300 x 200 Rounded_rectangle_3.jpg85%

ベテランほど知らずに損してるPhotoshopの新常識（4）
まだスライスで消耗してるの？「画像アセットの生成」でスライス不要のサクサク切り出し - Adobe Blog
https://blogs.adobe.com/japan/dtp-photoshop-kihon-tips-04/

【Photoshop】画像アセットをマスターして爆速スライスを実現しよう！ | unitopi - ユニトピ -
http://unitopi.com/photoshop-psd-assets/

なんといっても思い浮かぶのは、「Retina Display用」と「通常用」の画像を両方いっぺんに作成できるという点です。
画像アセットでは「複数」のスライスを生成することができ、「２倍の大きさ」でスライスを生成することができます。
これを組み合わせることで、「Retina Display用」と「通常用」の画像の同時生成が実現できるわけです。

データセット

Photoshop でのデータ駆動型グラフィックの作成
https://helpx.adobe.com/jp/photoshop/using/creating-data-driven-graphics.html#generate_graphics_using_data_sets
※公式の説明が読みづらい・・・

設定できたら天国！Photoshop データセットとCSVでPSDファイルを量産する方法★LINEスタンプ作成にも◎ | ゆうこのブログ
https://blog.yuko-design.com/design/4335/

CSV＆Photoshopのデータセット機能で画像を量産する方法｜ Tips Note by TAM
https://www.tam-tam.co.jp/tipsnote/tool/post16079.html

これで解決！Photoshopの面倒な作業を一括実行！ | mediba Creator × Engineer Blog
https://ceblog.mediba.jp/post/156752426112/

スクリプト

基本

スクリプトでPhotoshopの作業を自動化する - Tech Inside Drecom
https://tech.drecom.co.jp/photoshop_automation_script/

　フォトショップのメニューに表示させる方法
　/Applications/Adobe Photoshop CC/Presets/ScriptsにJSXファイルを入れると
　メニュー＞ファイル＞スクリプトで選べるようになります

PhotoshopでのWeb制作効率を向上させる「JSX」とは | Stocker.jp / diary
http://stocker.jp/diary/photoshop-jsx/

Photoshopの便利なスクリプトや拡張機能のまとめ｜WEB Drawer｜web制作に関するネタの引き出しサイト
http://webdrawer.net/tools/psextention.html

Adobe Photoshop CC自動化作戦
http://www.openspc2.org/book/PhotoshopCC/

保存関係

PhotoshopドキュメントをJavaScriptで別名保存する - chalcedonyの外部記憶装置・出張版
http://d.hatena.ne.jp/chalcedony_htn/20140725/1406299387

レイヤー書き出し

GitHub - jwa107/Photoshop-Export-Layers-to-Files-Fast
https://github.com/jwa107/Photoshop-Export-Layers-to-Files-Fast

[Photoshop]「レイヤーをファイルに書き出し」を速くしてみた。 - Qiita
https://qiita.com/kyubuns/items/d2831e4b0e0eff1892c7

【Photoshop】レイヤーの書き出しツール - ツクロウヤ
http://artawa.hatenablog.com/entry/2017/01/19/005953

Photoshop Script - レイヤー書き出しスクリプト - Qiita
https://qiita.com/w4u-public/items/c510f859d576cc0c7f66

レイヤー名置換

【Photoshop】レイヤーのリネームツール - ツクロウヤ
http://artawa.hatenablog.com/entry/2016/10/20/014917

Group Layer Renaming
https://blog.darkwark.com/layerRenamer/

【Photoshop】レイヤー名を一瞬で一括変更する方法
http://cubelic3.jp/rename/

Photoshopでレイヤー名を置換するJSX | spiffieldLabs
https://labs.spiffield.net/archives/142

PSDデータ比較スクリプト

PSDデータ比較スクリプト | Dearps
http://dearps.lovwar.com/2011/03/01/psd%e3%83%87%e3%83%bc%e3%82%bf%e6%af%94%e8%bc%83%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88/

画像の処理

Transform Each 2.1 Update
https://blog.darkwark.com/transformEach21/
Photoshopでレイヤーを一つ一つ拡大してくれるスクリプト Transform Each - YouKnow.jp
https://youknow.jp/web/photoshop_script_transformeach

その他

PSD からテキスト情報を抽出するスクリプト (フェンリル | デベロッパーズブログ)
https://blog.fenrir-inc.com/jp/2013/05/psd_text_export.html

アクション

アクション内の値を再生時に変更する方法｜Photoshop
https://nishioka2.com/photoshop-action-control

Photoshopのアクションに手動での作業を追加する方法
https://nishioka2.com/photoshop-action-addpose

条件の挿入でアクションを途中分岐させる方法｜Photoshop
https://nishioka2.com/photoshop-action-bunki

Photoshop CC 「書き出し形式」はアクション化できないの？: mono-logue
http://mono-logue.air-nifty.com/monolog/2015/07/photoshop-cc-f5.html

高解像度化

画像の解像度を上げる方法
https://helpx.adobe.com/jp/photoshop/how-to/jp-super-resolution.html

結局この手順に
・TIFF（またはJPEG）にする
・Adobe bridge で開く
・ファイル指定し、右クリックから「Camera RAWで開く」を選択
・画像の上で右クリックし、コンテキストメニューから「強化」を選択 Ctrl+Shift+D
・「スーパー解像度」にチェックを入れる

フォトショップのすごい新機能「スーパー解像度」を5回適用すると？競合AIツールと比較 | PhotoshopVIP
https://photoshopvip.net/128912

滑らかにする方法（古い情報）

拡大縮小で

バイキュービック（拡大に最適）で拡大
フィルター＞「面を刻む」
バイキュービックで縮小

ニアレストネイバー法、バイリニア法、バイキュービック法のリサイズ比較
http://www7a.biglobe.ne.jp/~gc3/resize.html

選択範囲で

バイキュービック（拡大に最適）で拡大
フィルター＞「面を刻む」
選択範囲＞選択範囲を変更　の「縮小」「滑らかに」を使ってギザキザを解消する

Photoshopで境界線の調整 | Photo Storage
http://eos-blog.com/photoshop/2009/0621200034/
境界線をなめらかにする of フォトショップの効率的な使い方
http://www.bind-web.net/photoshop/kihon/sentaku/nameraka.html

Tips

[連載] ベテランほど知らずに損してるPhotoshopの新常識 - Adobe Blog
https://blogs.adobe.com/japan/serialization/photoshop-kihon-tips/

256色に

Photoshop でのカラーモードの変換
https://helpx.adobe.com/jp/photoshop/using/converting-color-modes.html

●インデックスカラーに変換の時の設定について

▼パレット
ローカル（知覚的）
人間の目による知覚度の高いカラーを優先したパレットを作成します。

ローカル（特定）
知覚カラーテーブルと類似したカラーテーブルが作成されますが、カラーの範囲が広く、Web カラーを保持します。
通常このカラーテーブルが、最もカラーの保全性に優れています。

ローカル（割り付け）
画像に最もよく使用されているスペクトルからカラーをサンプルしてパレットを作成します。
例えば、グリーンとブルーだけで構成される RGB 画像からは、グリーンとブルーが主体のパレットが作成されます。
多くの画像は、スペクトルの特定領域のカラーを集中的に使用しています。
より適切なパレットを作成するには、まず強調したい色を含む画像内の領域を選択します。
これにより、Photoshop は強調色を主体に画像のカラーを変換します。

マスター（XXX）
ローカルと異なり、複数のドキュメントを開いている場合、開いているすべてのドキュメントにパレットを適用します。

▼強制
「白黒」は、純粋なブラックとホワイトをカラーテーブルに
「RGB 色度座標」は、レッド/グリーン/ブルー/シアン/マゼンタ/イエロー/ブラック/ホワイトをカラーテーブルに
「Web」は 216 色の Web セーフカラーをカラーテーブルに
「カスタム」では追加するカスタムカラーをユーザーが指定

画像モードとカラーテーブルの使用
https://helpx.adobe.com/jp/photoshop-elements/mac-app-store/help/using-image-modes-color-tables.html

透明ピクセルとマットの使用
https://helpx.adobe.com/jp/photoshop-elements/mac-app-store/help/using-transparency-mattes.html

背景マット処理では、Web ページの背景と一致するマットカラーで透明ピクセルを塗りつぶしたり
ブレンドすることで、透明部分の色をシミュレートします。
背景マット処理は、Web ページの背景が単色で、その背景色がわかっているときに効果的です。

描画モード

Adobe Photoshop での描画モード
https://helpx.adobe.com/jp/photoshop/using/blending-modes.html

これでもうPhotoshopの描画モードに迷わない！「乗算」「焼き込みカラー」など、各描画モードがどのように機能するか解説 | コリス
https://coliss.com/articles/build-websites/operation/design/how-blending-modes-works.html

パースの補助線

photoshopでパース線を作る方法を徹底解説！実践テクニックも紹介 | Tasogare-ya Illustration Institute
https://tasogareya-illustration.com/2019/03/13/photoshop-making-of-perspective-line/

「多角形ツール」を利用する方法
多角形ツール＞画数最大「100」＞星型

直線を引いて変形させる方法
①新規レイヤーに、垂直で等間隔な直線を作成します。
②「編集」→「自由変形」で変形させて任意のパースラインを作ります。

ノイズの追加

あっ、なんかざらざら。Photoshopでノイズテクスチャを作る方法。 | WEB制作ブログ
https://www.markernet.co.jp/blog/blog/2015/07/09/post-5768/

シームレスなパターン制作

Photoshopで写真やテクスチャからシームレスパターンを作成する方法 | Design Color
http://designcolor-web.com/2016/01/26/seamless-pattern/
[Photoshop]シームレスなテクスチャをワンクリックで作るアクションを作った - WEBCRE8.jp
http://webcre8.jp/create/photoshop-seamless-texture.html
Photoshopで継ぎ目のないオリジナルパターン素材（種類別）の作り方マニュアル｜ferret [フェレット]
https://ferret-plus.com/2906
Photoshopで芝生やレンガの写真からシームレスなパターンテクスチャ素材を作る方法 | 株式会社LIG
https://liginc.co.jp/web/design/photoshop/144195
空と雲の無料背景画像（シームレス）フリー素材集 - カフィネット
http://japanism.info/sky-background-sozai.html

手書きにする

イラストレーターのラフを使う

Photoshopで、画像の線をパスに変更する
Photoshopの画像からIllustratorのパスを作る方法
http://artlink.hateblo.jp/entry/photoshop_path_tips

発見！スキャンで取り込んだイラストをIllustratorで使えるベクターにする方法
https://web-design-cafe.com/archives/728

こんなに違う!Illustratorの「ラフ」であたたかみのある手書き風イラストに大変身!!
http://blog.yuko-design.com/design/434/

イラレの「効果」→「パスの変形」の「ラフ」機能

Photoshopでパスで作成した線にブラシを適用する方法
http://designers-tips.com/archives/21261

PhotoshopVIP

保存版！Photoshop用無料レイヤースタイル750個+まとめPhotoshopVIP: http://photoshopvip.net/archives/13196

デザインスキルをあげる、アイコン制作用チュートリアル30個まとめ - PhotoshopVIP: http://photoshopvip.net/45561

Adobeオフィシャル情報

PhotoshopでアニメーションGIFを作成 | Adobe Photoshop チュートリアル: https://helpx.adobe.com/jp/photoshop/how-to/make-animated-gif.html

ファイル／書き出し／Web用に保存（従来）を選択します。
プリセットメニューから「GIF 128ディザ」を選択します。
カラーメニューから「256」を選択します。
GIFをオンラインで使用するなど、アニメーションのファイルサイズを小さくしたい場合は、画像サイズの幅と高さのフィールドを変更します。
ループオプションメニューから無限を選択します。
書き出しウィンドウの左下にある「プレビュー」ボタンをクリックして、webブラウザーでGIFをプレビューします。
「保存」をクリックして、アニメーションGIFファイルの保存先を指定します。

Adobe Photoshop レイヤーの不透明度と描画: http://help.adobe.com/ja_JP/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-78a7a.html

全体的な不透明度（そのレイヤーに適用されるレイヤースタイルおよび描画モードに影響します）に加えて、
塗りの不透明度を設定することもできます。塗りの不透明度は、レイヤーのピクセル、
シェイプまたはテキストにのみ影響し、ドロップシャドウなどのレイヤー効果の不透明度には影響しません。

Windows XP におけるシステムエラーまたはフリーズ発生時のトラブルシューティング（Photoshop CS4/Photoshop CS4 Extended）: http://kb2.adobe.com/jp/cps/234/234672.html

A-4. 環境設定ファイルの再作成

Photoshop CS4 の環境設定ファイルを再作成することによって、環境設定ファイルの破損によるエラーを改善することができます。
注意：環境設定ファイルを再作成すると、アプリケーションの設定が初期化されます。
「Adobe Photoshop CS4 Prefs.psp」ファイルのフィル名を変更
Documents and Settings\＜ユーザ名＞\Application Data\Adobe\Adobe Photoshop CS4\Adobe Photoshop CS4 Settings

A-5. スタートアップ項目を無効にして Photoshop を起動

スタートアップ項目とサービスを無効にする
[ファイル名を指定して実行]＞「msconfig」
[サービス] タブと [スタートアップ] タブをそれぞれ選択してチェックが入っていない項目名を記録。
[全般] タブで [スタートアップのオプションを選択] を選択。
[スタートアップの項目を読み込む] のチェックをはずす。
※[SYSTEM.INI ファイルを処理する]、[WIN.INI ファイルを処理する]、[システムサービスを読み込む] のチェックははずさない。
[サービス] タブで以下の操作を行います。
* [Microsoft のサービスを全て隠す] にチェックを入れ、[すべて無効にする] ボタンをクリックします。
* [FLEXnet Licensing Service] にチェックを入れます。

B-7. 仮想メモリの設定

仮想メモリによって、システムがメモリ（RAM）に保管する情報をハードディスクへ保存することが可能となります。
Windows XP ではページングファイルを使用して仮想メモリを管理していますが、最小と最大のサイズを任意の値で
設定することもできます。設定したページングファイルのサイズが Windows XP の初期設定と異なっている場合に、
アプリケーションがエラーを返すことがあります。ただし、いくつかのアプリケーションは、Windows の初期設定とは
異なるページングファイルサイズを要求する場合もあるため、他のアプリケーションに悪影響を与えない場合にのみ
以下の操作を行ってページングファイルのサイズを変更してください。

《Soft》Photoshop

設定メモ

ワークスペース