<div><br></div> <div>안녕하세요, 게임 개발과 툴 프로그램에 관심이 많은 3류 ms빠돌이 입니다.</div> <div><br></div> <div>요즘이야 유니티가 말 그대로 "개발의 유니티화" 되고 있어서 툴 개발자들이 크게 주목 받지는 못하지만 개발하다보면 이런 거 있으면 좋겠다고 하는 툴이나 프로그램들이 있을 것입니다.</div> <div><br></div> <div>저 같은 경우 Ui 툴 만들다가 포토샵이 가장 좋은 툴인데 차라리 플러그인을 개발할까? 하다가 SDK 몇 번 끄적 거리고 다가 "그냥 시간 들여서 좌표나 따자" 이렇게 말하고 포기한 적이 있었죠.</div> <div><br></div> <div>몇년(8년)이 흘러 cs4에 포토샵이 sdk 대신 스크립트가 가능함을 알게 되었고 그냥 그런 것이 있네? 이렇게 생각하고 말다가 3년 전에 유명한 기업에 입사했었는데 여기 그래픽 담당자가 옛날 방법대로 좌표 따는 것을 <span style="font-size:9pt;line-height:1.5;">보고 이름 있는 기업이 소프트웨어 하나 사주지 않고 개발자가 그냥 일일이 수작업으로(나쁜 뜻은 아닙니다) 하는 것을 보고 이건 아니다 해서 스크립트를 건들게 되었는데 스크립트를 건드리게 된 것은 순전히 빨리 개발하기 위해서 였습니다.</span></div> <div><br></div> <div>포토샵 메뉴얼을 읽어보니 포토샵에서 지원되는 스크립터는 javascript, vbscript, appplescript 세 종류로 애플 스크립트 말고 나머지 자바스크립트나 vb스크립트는 설명 안해도 워낙 유명해서 대충이라도 다들 알고 있으리라 생각합니다.</div> <div><br></div> <div><br></div> <div>스크립트로 프로그래밍 방법이 소개가 되고 있는데 --> <a target="_blank" href="http://www.adobe.com/devnet/photoshop/scripting.html" target="_blank">http:</a><span style="font-size:9pt;line-height:1.5;"><a target="_blank" href="http://www.adobe.com/devnet/photoshop/scripting.html" target="_blank">//www.adobe.com/devnet/photoshop/scripting.html </a> 이 곳을 가면 스크립트와 관련된 메뉴얼을 볼 수 있습니다.</span></div> <div><br></div> <div><br></div> <div>저같은 경우 자바스크립트를 90년도 후반 2000 초반 si 업체 있으면서 잠깐 했다가 최근에 Nodejs 하면서 다시 만지작 거리기 때문에 그냥 사용하는 초보 수준이라 언어에 대한 설명은 그냥 넘어가겠습니다.</div> <div><br></div> <div>암튼 이 스크립트를 사용해서 포토샵의 기능을 사용할 수 있고 부족하다면 사용자가 만든 dll(32bit, 64bit 구분 필요함)을 로드해서 스크립트 내부에서 사용할 수 도 있습니다.</div> <div><br></div> <div>포토샵을 설치하면 "설치폴더\Scripting\Sample Scripts\JavaScript" 이 경로에 몇 개의 샘플 스크립트를 볼 수 있는데 포토샵에 저장되어 있는 샘플 스크립트와 다른 스크립트들을 수정해서 사용할 수 있고 일부는 내용이나 제목이나 이런 거 수정하면 포토샵 메뉴에서 달라지는 것을 볼 수도 있습니다. <span style="font-size:9pt;line-height:1.5;">(이 부분은 넘어가겠습니다.)</span></div> <div><br></div> <div><br></div> <div>간단하게 자바 스크립트가 동작하는 것을 보이고자 다음과 같이 윈도에 버튼 두 개가 붙은 예제를 에디트 플러스나 윈도 메모장으로 작성하고 저장할 때 확장자를 js가 아닌 jsx로 붙여 줍니다.</div> <div><br></div> <div>#target photoshop</div> <div>$.localize = false;</div> <div><br></div> <div>main();</div> <div><br></div> <div>function main() {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var dlgMain, dlgRsc;</div> <div> </div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc   = "dialog {"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=  "orientation: 'column',"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=  "alignChildren: ['fill', 'top'], "<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=  "preferredSize:[400, 300],"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=  "text: '안녕 나 민이얌',"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=  "margins:15,";</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  += "cancelButton: Button{ "<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=<span class="Apple-tab-span" style="white-space:pre;"> </span>   "text: 'Cancel',"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=<span class="Apple-tab-span" style="white-space:pre;"> </span>   "properties:{name:'cancel'},"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=<span class="Apple-tab-span" style="white-space:pre;"> </span>   "size: [120,24],"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=<span class="Apple-tab-span" style="white-space:pre;"> </span>   "alignment:['right', 'center']"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=<span class="Apple-tab-span" style="white-space:pre;"> </span>  "},"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span> </div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  += "applyButton: Button {"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=<span class="Apple-tab-span" style="white-space:pre;"> </span> "text: 'Apply',"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=<span class="Apple-tab-span" style="white-space:pre;"> </span> "properties:{name:'ok'},"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=<span class="Apple-tab-span" style="white-space:pre;"> </span> "size: [120,24],"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=<span class="Apple-tab-span" style="white-space:pre;"> </span> "alignment:['right', 'center']"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=<span class="Apple-tab-span" style="white-space:pre;"> </span> "},"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgRsc  +=  "}"<span class="Apple-tab-span" style="white-space:pre;"> </span>;</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgMain = new Window(dlgRsc);</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgMain.cancelButton.onClick = function() { alert("취소 보당"); };</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgMain.applyButton. onClick = function() { alert("확인 보당"); };</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>dlgMain.show();</div> <div>}</div> <div><br></div> <div><br></div> <div>물론 포토샵이 설치되어 있어야 실행해 볼 수 있죠?</div> <div><br></div> <div>만약에 ExtendScript Toolkit이 설치되어 있다면 jsx를 클릭만 하면 툴킷이 실행되어 실행해 볼 수 도 있습니다.</div> <div><br></div> <div>그냥 포토샵만 설치 되어 있다면  포토샵 메뉴 -> file  ->  script -> Browse 하고 저장된 jsx파일을 클릭하면 다음과 같은 창이 실행 됨을 볼 수 있을 것입니다.</div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201409/1410782282IU1azv6WLicfXgDDpoJb.jpg" width="515" height="788" alt="Untitled-1.jpg" style="border:none;"></div> <div style="text-align:left;"><스크립트 파일 찾기></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201409/1410782283hWnzsXji.jpg" width="800" height="605" alt="Untitled-2.jpg" class="chimg_photo" style="border:none;"></div><스크립트 실행 화면></div> <div><br></div> <div><br></div> <div>저 같은 경우 포토샵의 편집 기능을 위해서 스크립트를 사용하는 것이 아니고 레이아웃의 좌표와 해당 영역의 이미지를 저장하는 것을 목표로 개발 했기 때문에 스크립트는 통신 인터페이스로만 하고 <span style="font-size:9pt;line-height:1.5;">이미지의 좌표를 모으고 해당 저장하는 것은 dll과 실행파일로 만들어서 사용했습니다. </span></div> <div><br></div> <div>암튼 저처럼 혹시라도 포토샵에 플러그인을 넣어서 개발 툴로 사용하고자 하는 분들에게 쬐끔 도움이 되었으면 합니다.</div>