【웹디자이너에 기쁘다】Photoshop의 자동화상 생성이라면 ICC프로파일 붙지 않기 때문에, 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
Reference
이 문제에 관하여(【웹디자이너에 기쁘다】Photoshop의 자동화상 생성이라면 ICC프로파일 붙지 않기 때문에, node.js경유로 생성한다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tawago/items/26df8b549229de106a2d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
· 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
Reference
이 문제에 관하여(【웹디자이너에 기쁘다】Photoshop의 자동화상 생성이라면 ICC프로파일 붙지 않기 때문에, node.js경유로 생성한다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tawago/items/26df8b549229de106a2d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
/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"
}
}
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
}
}
적당한 버튼의 이미지로 비교해 보았습니다.
기본 이미지 자산 생성 기능: ICC 프로파일 없음
소스에서 설치한 이미지 자산 생성 기능: ICC 프로파일 있음
제대로 색이 나오게 되었습니다. 와이^q^
-
Mac Bookpro의 Retina에서 보면 차이를 몰랐기 때문에, 단말에 따라서는 위의 이미지의 차이를 알기 어려울지도 모릅니다.
써보고 나서 생각했지만, 어쩌면 이런 일 하지 말아
generator.js
Reference
이 문제에 관하여(【웹디자이너에 기쁘다】Photoshop의 자동화상 생성이라면 ICC프로파일 붙지 않기 때문에, node.js경유로 생성한다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tawago/items/26df8b549229de106a2d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)