【웹디자이너에 기쁘다】Photoshop의 자동화상 생성이라면 ICC프로파일 붙지 않기 때문에, node.js경유로 생성한다.

12316 단어 adobe포토샵Node.js
아무래도
Photoshop도 일부를 오픈 소스로 개발하기 시작하고 있네요.

편리한 세상이 되었구나. 그렇다면 그 기능을 조속히 사용해 보자.

Adobe-Photoshop / Generator-core



Adobe Photoshop CC 2014 정도부터 Generator라는 것이 표준 장비되어 있어 임의의 레이어명의 뒤에 .jpg 물론 레이어마다이므로, 배경 투과라고도 제대로 되어 있는 기쁨.

자세한 내용은 이 기사를 참조하십시오:
베테랑만큼 모르게 손해하는 Photoshop의 신상식(4) 아직 슬라이스로 소모하고 있는 거야? 이미지 자산 생성에서 슬라이스가 필요없는 바삭 바삭 : https://blogs.adobe.com/creativestation/dtp-photoshop-kihon-tips-04

다만, 이 기능은 디폴트라고 생성된 화상에 ICC 프로파일이 붙지 않기 때문에 웹 업계에서 사용하기에는 치명적이었습니다...그렇다.

_인인인인인인인인인인인인인인인인인인인인인인인인인인인인_
> 만든 이미지와 생성 된 이미지의 색상이 다릅니다! <
 ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^ ̄

아무래도 표준의 기능을 off로 해, 스스로 소스 코드로부터 사용할 수 있도록(듯이) 하면 제대로 설정할 수 있게 되는 것 같기 때문에, 해 봅시다.

디자이너를 위해 가능한 한 자세한 절차를 작성하십시오.

Photoshop 설정을 괴롭히다



· Photoshop CC 버전이 2015.5인지 확인하십시오.
(또는 업데이트하십시오.)
· 우선 환경 설정의 플러그인 s에 Generatorを有効に使う· リモート接続を有効にする· 비밀번호는 password로 변경
이런 느낌

· Photoshop 재시작

검은 화면 : 터미널에서 준비



Mac이라면 기본적으로 터미널이라는 응용 프로그램이 들어 있습니다.


그곳을 시작하고 한 줄씩 실행합니다. 입력 할 때 $ 사인이 들어 가지 않습니다.
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

$ brew update
$ brew upgrade
$ brew install node, git 
$ node --version
$ npm --version
$ git --version

$ cd /Applications/Adobe\ Photoshop\ CC\ 2015.5/Plug-ins
$ mkdir generator
$ cd generator
$ git clone https://github.com/adobe-photoshop/generator-core.git
$ cd generator-core
$ npm install

$ cd ../
$ mkdir plugins
$ cd plugins
$ git clone https://github.com/adobe-photoshop/generator-assets.git
$ cd generator-assets
$ npm install

지금까지 설치 완료

여기에서 프로그램 시작
$ cd /Applications/Adobe\ Photoshop\ CC\ 2015.5/Plug-ins/generator/generator-core/
$ node app.js -v -f ../plugins

그러면 이런 느낌의 메시지가 나옵니다.
Parsed config file: /Users/tawago/generator.js                      
[debug:core 20:35:03.846 generator.js:103:17] Launching with config:
{
  "generator-assets": {
    "svg-enabled": true,
    "svgomg-enabled": true,
    "css-enabled": false,
    "use-smart-scaling": false,
    "include-ancestor-masks": false,
    "allow-dither": false,
    "use-psd-smart-object-pixel-scaling": false,
    "use-pngquant": true,
    "convert-color-space": true,
    "webp-enabled": false,
    "interpolation-type": "bicubicAutomatic"                          
  }                                                                 
}                                                                   


사실 이것은 아직 ICC 프로파일이 추가되지 않으므로 일단 프로그램을 중지합니다.control+c 를 누릅니다.

그래서 아마도 Finder의 사용자 부분에 generator.js라는 것이 조금 있다고 생각하기 때문에,
그쪽을 메모장이 되는 대로 편집합니다.

"use-flite": true, "icc-profile": "sRGB IEC61966-2.1", "embed-icc-profile": true를 추가하여 생성된 이미지에 ICC 프로파일이 부여됩니다.

다시 터미널에서 $ node app.js -v -f ../plugins를 실행합시다.
Parsed config file: /Users/tawago/generator.js                      
[debug:core 20:35:03.846 generator.js:103:17] Launching with config:
{
  "generator-assets": {
    "svg-enabled": true,
    "svgomg-enabled": true,
    "css-enabled": false,
    "use-smart-scaling": false,
    "include-ancestor-masks": false,
    "allow-dither": false,
    "use-psd-smart-object-pixel-scaling": false,
    "use-pngquant": true,
    "convert-color-space": true,
    "webp-enabled": false,
    "interpolation-type": "bicubicAutomatic", 
    "use-flite": true,
    "icc-profile": "sRGB IEC61966-2.1", 
    "embed-icc-profile": true                                       
  }                                                                 
}                                                                   


이렇게 되면 photoshop에서 보통 ファイル > 生成 > 画像アセット 의 메뉴를 사용할 수 있게 되어 있습니다.

결과



적당한 버튼의 이미지로 비교해 보았습니다.

기본 이미지 자산 생성 기능: ICC 프로파일 없음


소스에서 설치한 이미지 자산 생성 기능: ICC 프로파일 있음

 
제대로 색이 나오게 되었습니다. 와이^q^

-
Mac Bookpro의 Retina에서 보면 차이를 몰랐기 때문에, 단말에 따라서는 위의 이미지의 차이를 알기 어려울지도 모릅니다.

써보고 나서 생각했지만, 어쩌면 이런 일 하지 말아 generator.js

좋은 웹페이지 즐겨찾기