photshop で position を 出してくれるスクリプト - Qiita
photoshop と front の仕事 frontend の仕事をしていると photoshop から画像を切り出してポジションを出すという作業が 少なくない機会訪れるでしょう。 position の割り出し方 この作業は非常に面倒。 楽したいなら、プラグイン とか、 sketch を使うとか いろいろ手はあります 昔ながらの絶対座標なケース 時には絶対座標でレイアウトするとかってケースは多々あります。 こういうときに欲しいツールがない。。。 ならば自作だ！！！ photoshop plugin つくりましょうよ jsx photoshop の preset/scripts のフォルダにファイルを打ち込めばok ソースコード これは自分用なので結構汚いし、用途があれですが、、、 全てのレイヤーのポジションを網羅していくスクリプトです。 でそれをテキストファイルに書き出します。 $.ap
PhotoshopのGenerator機能で出力されたレイヤーおよびレイヤーセットの位置情報をリストアップするJSXを作りました |
PhotoshopのGenerator機能で出力されたレイヤーおよびレイヤーセットの位置情報をリストアップするJSXを作りました PhotoshopのGenerator機能で出力されたレイヤーおよびレイヤーセットの位置情報をリストアップするJSXを作りました。 私の手元の作業では、このJSX、もっと特化させているのですが、それには非破壊ではない処理もあったり、流れが分かりにくい処理もあったので、本エントリーでは8割の状態で止めておき、JSXを触れる方であれば、おのおのの作業パートに合わせて拡張できるような形でアップしました。 概要 PhotoshopのGenerator機能というものがあってとても便利です。出力されるものは綺麗に透明部分も切り取られた画像なわけですが、実際にHTML5やFLASHに移植する際に、位置情報が飛んでしまうわけです。これは透明部分を削るということをする時点で当然で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
