タグ別アーカイブ: photoshop

Photoshopの「Web用に保存」でサイズが小さくなるやつの対応、アートボード編

複合的要因で100%の大きさで書き出せない。

アートボードない時代はこれでどうにかなってた

Photoshopの「Web用に保存」で100%のサイズで書き出せない時の対処法|プラカンブログ | WEB制作会社プラスデザインカンパニー
https://www.plusdesign.co.jp/blog/?p=4074

だがな。

今回は違うんじゃ。

「縦幅が8***px以上あるロングなレイアウト

個々のレイヤーグループのマスクがアートボードの大きさで掛けてあったり、パーツをスライスして積み木状に書き出す必要があったりで、アセット書き出しではなく旧ウェブ用に保存で書き出さないといけない

アートボード使用
という
PSD」
お初にお目にかかったのですが、97.77%とかになって元サイズで書き出せなくて、書き出したくて書き出せなくて、
書き出したくて書き出したくてやるせなくて死ぬかと思った。

続きを読む Photoshopの「Web用に保存」でサイズが小さくなるやつの対応、アートボード編

Macでシンボリックリンクを作ったらアセット書き出し先を統一できるよ

シンボリックリンク、なにそれおいしいの

【Mac】エイリアスを使うならシンボリックリンクを使え – Qiita
http://qiita.com/hashimotoryoh/items/9a675a769244d61c11bb

知っておくと何かと重宝するシンボリックリンクを Mac で作成する方法 | R

知っておくと何かと重宝するシンボリックリンクを Mac で作成する方法

シンボリックリンクを使うと、ファイルの参照先を変えられて便利だ

・サブライムテキストの設定をdropbox内に置いて、複数の環境に適用させる
・ドロップボックスの外で更新しているけど、ドロップボックス内のディレクトリにも同期したい
・フォトショのアセット書き出し先を変更できる
・書き出し先フォルダの命名規則を変えずに他のフォルダに書き出すようにできる

参考:たにっぱのたねっぱ
【Mac】Dropbox+シンボリックリンクで設定ファイルを共有する | たねっぱ!
http://taneppa.net/drop_symb/

で、画像アセットの書き出し先を変更する方法

下記URLのページ半ばくらい「書き出し先をカスタマイズするには?」に書いてる

ベテランほど知らずに損してるPhotoshopの新常識(4)画像アセットの生成 | Adobe Creative Station

ベテランほど知らずに損してるPhotoshopの新常識(4)まだスライスで消耗してるの?「画像アセットの生成」でスライス不要のサクサク切り出し

使ってみてどうだったよ

コマンドライン叩くのは嫌いだけど、ln -s でフォルダ2つ指定するだけなのでさくっと出来たよ
でもサイトの画像フォルダに毎回つっこむのは、いやだな
あと、上書きしたくない圧縮した画像が上書きされたりするのもいや
あ、あとサクッとできるって言っても毎回コマンドライン叩くのは面倒

で、hirokonaは最終的にどうしたの

というわけで
web用に保存するのときの設定と同じように、決まったフォルダに画像が吐き出されるようにした

・まずはコマンドライン叩いて、吐き出し先フォルダ(私の場合はdocument内のimagesフォルダ)のシンボリックリンクをどっかにつくる
・シンボリックリンクをPSDと同領域に移動
・シンボリックリンクを「[psd名]-assets」にリネームしてアセット書き出しをテスト
・OKだったらそれを使い回す(つまり具体的にはシンボリックリンクをコピペしまくってPSDのファイル名にリネームしておく)

注:コピペミスでシンボリックリンクの中にシンボリックリンクを置くとバグるので自己責任で!

以上。あーからだつかれたー

PhotoshopCC→PhotoshopCC2014への移行が死ぬほど面倒臭かった

なん回見ても「今回からクリエイティブクラウドで設定を同期できるよ!てへpr」って記事しか出てこないけどわたし何回やってもDLが出来なかったんだよ!というkとで困ったのでログ。

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用に保存の設定ファイル

判んなかったら[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

同じ思いをする人が少しでも減りますように。。。てかはやくアプデしなかった私が悪いんですけどね。。

書き出しが出来ない縦長PSD

PhotoshopでWeb用に保存すると、勝手に縮小されるバグ | memopad
http://memopad.noor.jp/web/post-567/

たいていこういうファイルはデカすぎてフツーに書き出せない。
書き出してみる→妙に小さくなる→フォトショ側で自動的に書き出しサイズが変更されている(あまりにもでかいのでオチないように自己防衛か?)。→ファイル分割する。→書き出しする→デザイナーさんは知らない。→修正はいる→ファイル分割する→書き出しする

_人人 人人人人人_
>  不毛だ!  <
 ̄Y^Y^Y^Y^Y^Y^Y  ̄

みんなどうしてるん?ッて聞いてみた

・カンバスサイズを変更して書き出し→もとに戻すを繰り返す(わし)
・アクションでパーツごとに書き出ししている
・最初からデザイナーさんに相談してセクションごとに分割してもらう
・スマートオブジェクトにしてその中でスライスをきる(重さ軽減)

あと、
・デザイナーさんの作業コストがわかんないから毎回PSD作りなおしている
という意見もあって涙。

なんとかならんもんか。
なんとかならんもんか。

Photoshop レイヤーグループごとにスライスに合わせて書き出すためにやったこと

個人的メモなので他の方の参考にはならないかも

グループごとにすらいすを選択してweb用に書き出しする

1 スライスを作って書き出し設定まですませる
2 あくしょんとかctrl+Eとかで各グループを統合する
3 2をスクリプト>レイヤー>レイヤーをファイルに書き出し、で1枚ずつPSDとして保存
4 すらいすがちゃんと各ファイルに入っているのでここからはバッチ処理
5 PSDをひとつ開いてweb用に書き出しのアクションをつくる
6 5をバッチ処理する

以上。

他に下のも教えてもらったけど、パーツが重いと作業が止まるみたい。

スライスを用いずにタイムラインパネルから書き出す

1 各グループをパーツごとにPSDにまとめる
2 グループを結合してレイヤーにする
3 カンバスサイズをパーツ調度にする
4 フレームアニメーションのさくせい。タイムラインパネルを表示。レイヤーからフレームを作成で、各レイヤーをフレームにする
5 書き出し>ビデオをレンダリング で形式を選択して保存

レイアウトからバッチするなら前者、パーツごとで量産されているなら後者が便利なのかな。