Photoshopの「Web用に保存」で100%のサイズで書き出せない時の対処法｜プラカンブログ | WEB制作会社プラスデザインカンパニー
https://www.plusdesign.co.jp/blog/?p=4074
今回は違うんじゃ。
「縦幅が8***px以上あるロングなレイアウト
＋
個々のレイヤーグループのマスクがアートボードの大きさで掛けてあったり、パーツをスライスして積み木状に書き出す必要があったりで、アセット書き出しではなく旧ウェブ用に保存で書き出さないといけない
＋
アートボード使用
という
PSD」
お初にお目にかかったのですが、97.77%とかになって元サイズで書き出せなくて、書き出したくて書き出せなくて、
書き出したくて書き出したくてやるせなくて死ぬかと思った。
ファイル 書き出し＞レイヤーからファイル
ファイル形式＞オプション＞レイヤーをトリミングのチェックを外して書き出し
50% img.jpg8
//サイズ50% 画質8
garden@2x.jpg,50% garden.jpg
//複数画像OK
Photoshop でのレイヤーから画像アセットの作成
https://helpx.adobe.com/jp/photoshop/using/generate-assets-layers.html
Adobe Photoshop 画像アセットの命名規則を紹介 – by Takumi Hirashima
https://hirashimatakumi.com/blog/4979.html
【Mac】エイリアスを使うならシンボリックリンクを使え – Qiita
http://qiita.com/hashimotoryoh/items/9a675a769244d61c11bb
知っておくと何かと重宝するシンボリックリンクを Mac で作成する方法 | R
・サブライムテキストの設定をdropbox内に置いて、複数の環境に適用させる
・ドロップボックスの外で更新しているけど、ドロップボックス内のディレクトリにも同期したい
・フォトショのアセット書き出し先を変更できる
・書き出し先フォルダの命名規則を変えずに他のフォルダに書き出すようにできる
参考：たにっぱのたねっぱ
【Mac】Dropbox+シンボリックリンクで設定ファイルを共有する | たねっぱ！
http://taneppa.net/drop_symb/
下記URLのページ半ばくらい「書き出し先をカスタマイズするには？」に書いてる
ベテランほど知らずに損してるPhotoshopの新常識（4）画像アセットの生成 | Adobe Creative Station
https://blogs.adobe.com/creativestation/dtp-photoshop-kihon-tips-04
コマンドライン叩くのは嫌いだけど、ln -s でフォルダ2つ指定するだけなのでさくっと出来たよ
でもサイトの画像フォルダに毎回つっこむのは、いやだな
あと、上書きしたくない圧縮した画像が上書きされたりするのもいや
あ、あとサクッとできるって言っても毎回コマンドライン叩くのは面倒
というわけで
web用に保存するのときの設定と同じように、決まったフォルダに画像が吐き出されるようにした
・まずはコマンドライン叩いて、吐き出し先フォルダ（私の場合はdocument内のimagesフォルダ）のシンボリックリンクをどっかにつくる
・シンボリックリンクをPSDと同領域に移動
・シンボリックリンクを「[psd名]-assets」にリネームしてアセット書き出しをテスト
・OKだったらそれを使い回す（つまり具体的にはシンボリックリンクをコピペしまくってPSDのファイル名にリネームしておく）
以上。あーからだつかれたー
なん回見ても「今回からクリエイティブクラウドで設定を同期できるよ！てへpr」って記事しか出てこないけどわたし何回やってもDLが出来なかったんだよ！というｋとで困ったのでログ。
Photoshop ヘルプ | Adobe Creative Cloud で設定を同期
http://helpx.adobe.com/jp/photoshop/using/sync-settings.html
CCアプリケーションの「設定を同期」は超便利。でも、実装がバラバラすぎる… – DTP Transit（Illustrator, InDesign, Photoshop, イラレ）
http://www.dtp-transit.jp/adobe/illustrator/post_1816.html
これな。これで出来るって話だったんだよ！でも出来なかったんだよ！
MACOSX10.9.5
Photoshop CS6 → Photoshop CC → Photoshop CC 2014の場合です
結局手動で設定ファイルを移植しました。
環境設定ファイル名および保存場所（Photoshop CC）
http://helpx.adobe.com/jp/photoshop/kb/cq02162112.html
大体はここにあります。
【CC】
/Users/[***yourUserName***]/Library/Preferences/Adobe Photoshop CC Settings
【CC 2014】
/Users//[***yourUserName***]/Library/Preferences/Adobe Photoshop CC 2014 Settings
ただ、CCの一部の機能はCS6から移植しているのでCS6の方にあったりしました
【CS6】
/Users//[***yourUserName***]/Library/Preferences/Adobe Photoshop CS6 Settings
判んなかったら[Web用に保存]→[保存]→[設定]→[その他]→[保存]で保存先に出てきたパスに入ってます
【CS6】
/Users//[***yourUserName***]/Library/Preferences/Adobe Photoshop CS6 Settings/Optimized Output Settings
【CC 2014】
/Users//[***yourUserName***]/Library/Preferences/Adobe Photoshop CC 2014 Settings/Optimized Output Settings
Photoshopスクリプトをつかって楽チン作業 – entacl Lab.
http://www.entacl.info/2012/09/photoshop-3.php
【CC】
/Applications/Adobe Photoshop CC/Presets/Scripts
【CC 2014】
/Applications/Adobe Photoshop CC 2014/Presets/Scripts
同じ思いをする人が少しでも減りますように。。。てかはやくアプデしなかった私が悪いんですけどね。。
Photoshopでキャンバスサイズを画像ピッタリに変更する小技 知らなきゃ絶対損するPCマル秘ワザ
http://daredemopc.blog51.fc2.com/blog-entry-721.html
PhotoshopでWeb用に保存すると、勝手に縮小されるバグ | memopad
http://memopad.noor.jp/web/post-567/
たいていこういうファイルはデカすぎてフツーに書き出せない。
書き出してみる→妙に小さくなる→フォトショ側で自動的に書き出しサイズが変更されている（あまりにもでかいのでオチないように自己防衛か？）。→ファイル分割する。→書き出しする→デザイナーさんは知らない。→修正はいる→ファイル分割する→書き出しする
＿人人 人人人人人＿
＞ 不毛だ！ ＜
￣Y^Y^Y^Y^Y^Y^Y ￣
みんなどうしてるん？ッて聞いてみた
・カンバスサイズを変更して書き出し→もとに戻すを繰り返す（わし）
・アクションでパーツごとに書き出ししている
・最初からデザイナーさんに相談してセクションごとに分割してもらう
・スマートオブジェクトにしてその中でスライスをきる（重さ軽減）
あと、
・デザイナーさんの作業コストがわかんないから毎回PSD作りなおしている
という意見もあって涙。
なんとかならんもんか。
なんとかならんもんか。
ささささんが教えてくれた。すてきー
http://www.openspc2.org/book/PhotoshopCS6/
個人的メモなので他の方の参考にはならないかも
１ スライスを作って書き出し設定まですませる
２ あくしょんとかｃｔｒｌ+Eとかで各グループを統合する
３ ２をスクリプト＞レイヤー＞レイヤーをファイルに書き出し、で１枚ずつPSDとして保存
４ すらいすがちゃんと各ファイルに入っているのでここからはバッチ処理
５ PSDをひとつ開いてweb用に書き出しのアクションをつくる
６ ５をバッチ処理する
以上。
他に下のも教えてもらったけど、パーツが重いと作業が止まるみたい。
１ 各グループをパーツごとにPSDにまとめる
２ グループを結合してレイヤーにする
３ カンバスサイズをパーツ調度にする
４ フレームアニメーションのさくせい。タイムラインパネルを表示。レイヤーからフレームを作成で、各レイヤーをフレームにする
５ 書き出し＞ビデオをレンダリング で形式を選択して保存
レイアウトからバッチするなら前者、パーツごとで量産されているなら後者が便利なのかな。
■Photoshop のバッチ処理で大量の画像を一気に加工する
http://nanapi.jp/3342/
■ドロップレットの作成
