블로그에 방문 주신 분께서 레이어 자동 저장 기능에 해당 레이어 크기로 이미지가 저장 되었으면 좋겠다는 의견을 주셔서 한번 만들어 보았습니다.
사실 사용하는 분마다 차이가 있을 것 같은데요. 아마 레이어의 크기로 저장되는 기능이 꼭 필요한 분도 계실 거라 생각되어 별도로 페이지를 하나 만들었습니다.
전체 스크립트는 큰 차이가 없으며 현재 레이어의 크기를 파악하고 그 크기로 저장하는 방법만 추가하면 될 것 같습니다.
아래의 내용을 추가할 계획입니다.
현재 레이어의 크기 (가로, 세로) 를 구해본다 : Layer.bounds 라는 개체를 이용
구해진 크기로 새로운 임시 도큐먼트를 생성한다 : Documents.Add( ) 이용
생성된 임시 도큐먼트에 해당 레이어를 복사하여 붙여 넣는다 : Layer.copy() // document.paste()
도큐먼트를 지정된 파일이름과 위치에 저장하고 임시 도큐먼트는 닫는다. : document.close()
기존과 동일하게 전체 크기로 저장하기 위한 옵션을 두어 선택할 수 있게 한다.
어렵지 않죠?
아래 작성된 코드를 보시죠.
var pngOption = new PNGSaveOptions()
pngOption.embedColorProfile = true;
pngOption.formatOptions = FormatOptions.STANDARDBASELINE;
pngOption.matte = MatteType.NONE;
pngOption.quality = 100;
pngOption.PNG8 = false; //24 bit PNG
pngOption.transparency = true;
pngOption.interlaced = true;
// jpg 파일 저장을 위한 설정
var jpgSaveOption = new JPEGSaveOptions()
jpgSaveOption.quality = 10;
var sType = "png" // jpg 로 파일을 저장하기를 원하는경우, png 로 저장을 하고 싶다면 "png"
var cDoc = app.activeDocument
var tempLayers = cDoc.layers
var cWidth = cDoc.width
var cHeight = cDoc.height
var cRes = cDoc.resolution
var savePath = cDoc.path + "\\"
var saveAsEachLayerSize = true
// 일단 모든 레이어를 꺼줍니다.
for (var i = 0 ; i < tempLayers.length; i++)
{
tempLayers[i].visible = false
}
// 아래의 한줄의 함수로 모든 레이어를 저장합니다.
explorerLayerSet_new(savePath, cDoc)
function explorerLayerSet_new (cPath, lSet){
var dLyrs = lSet.layers
var documentSaveType = pngOption;
if (sType == "jpg")
{
documentSaveType = jpgSaveOption
}
for (var k = 0 ; k < dLyrs.length; k++){
if (dLyrs[k].typename == "LayerSet")
{
dLyrs[k].visible = true
ePathName = cPath + dLyrs[k].name + "\\"
ee = new Folder(ePathName)
ee.create();
explorerLayerSet_new (ePathName, dLyrs[k])
dLyrs[k].visible = false
}else{
dLyrs[k].visible = true
dFile = File(cPath + dLyrs[k].name + "." + sType)
if (saveAsEachLayerSize == false)
{
cDoc.saveAs(dFile, documentSaveType,true, Extension.LOWERCASE)
}else{ // 레이어의 크기에 맞추어 파일을 저장하는 기능
// layer.bounds 를 이용하여 레이어의 크기를 얻어올 수 있다.
var cBounds = dLyrs[k].bounds
var newWidth = cBounds[2] - cBounds[0];
var newHeight = cBounds[3] - cBounds[1];
dLyrs[k].copy();
// 레이어의 크기와 동일한 도큐먼트를 하나 생성한다.
var tmpDoc = app.documents.add(newWidth, newHeight, cDoc.resolution, dLyrs[k].name, NewDocumentMode.RGB, DocumentFill.TRANSPARENT);
tmpDoc.paste();
tmpDoc.saveAs(dFile, documentSaveType,true, Extension.LOWERCASE);
tmpDoc.close(SaveOptions.DONOTSAVECHANGES);
}
if (dLyrs[k].name.indexOf("All") == -1)
{
dLyrs[k].visible = false
}
}
}
lSet.visible = false
}
기존 saveAs 부분이 변경이 되었습니다.
png, jpg 를 판단하는 부분을 위쪽으로 빼서 documentSaveType 이라는 변수에 저장 옵션을 담아 버렸습니다.
그리고 위쪽에 saveAsEachLayerSize 라는 변수를 두어 True 일 경우 레이어 크기로, False 일 경우 전체 도큐먼트 크기로 저장이 되게 하여 기존의 방식이 필요한 분들도 하나의 스크립트로 사용할 수 있도록 하였습니다.
함수는 단순하게 만드는 것이 좋지만 경우에 따라서는 아주 복잡하게 만들어 지는 경우도 있습니다.보통 스크립트 언어에는 기본적으로 제공되는 함수가 많이 존재 합니다. 특히 자바스크립트나 엑셀에서 사용하는 비주얼 베이직에서는 아주 유용한 많은 함수가 사전에 제공되므로 빠르고 쉽게 코딩을 할 수 있습니다.
예를 들면
String.indexOf("찾는글자") 와 같은 함수는 String 이라는 문자열 안에서 "찾는글자" 가 있는지 검사한 후 있으면 발견된 위치를 돌려주고 없으면 -1 을 돌려주는 함수 입니다.
Folder.getFiles("*.png") 라는 함수는 Folder 안에 있는 모든 파일 중에서 확장자가 ".png" 인 파일을 모두 찾아서 배열로 돌려 줍니다. 배열은 뒤에 다시 설명하겠습니다.
판단
컴퓨터를 이용해서 무엇인가를 시키기 위해서는 반드시 판단을 해주는 로직이 들어가게 되어 있습니다. 판단 로직이 없다면 사실상 포토샵의 액션보다 나을게 없습니다. 액션에서는 판단을 할 수 있는 구조가 없기 때문에 스크립트가 더욱 막강해 지게 됩니다.
판단 로직은 대부분의 언어에서 if 라는 이름으로 합니다. 다만 언어마다 작성하는 규칙에는 차이가 있습니다.
자바 스크립트에서는 아래와 같이 작성됩니다.
if (value > 10) {
myfunction()
}
엑셀 비주얼 베이직 스크립트라면 아래와 같이 작성이 됩니다.
if (value > 10) then
myfunction()
end if
판단을 해주는 로직은 if 뒤에 나오는 내용이 참인지 거짓인지를 판단하여 참이면 그 다음의 내용을 실행하도록 합니다. 예를 들면 현재 이미지의 가로가 세로보다 길다면 가로 사이즈를 720 으로 리사이즈 하고 세로가 길다면 세로를 720 으로 리사이즈 할 수 있습니다.
이미지의 가로 길이가 1920이 아니라면 오류 메시지를 출력하도록 할 수 있습니다.
레이어셋 안에 있어야 할 필수 레이어가 존재하지 않는다면 파일명에 "error" 를 붙여 저장할 수도 있겠습니다.
판단 로직을 잘 이용하면 아주 복잡한 연산과 판단도 가능해 집니다. 판단 로직안에 또다른 판단 로직이 들어갈 수 있기 때문입니다.판단 로직을 통하여 참이 아닌경우에 수행해야 할 동작이 있다면 아래와 같이 else 라는 명령으로 수행을 시킬수 있습니다.
참 / 거짓에 대하여 각각 실행해야 할 구문을 정의하려면
if (value > 10) {
myfunction()
}else{
yourfunction()
}
판단 조건이 좀더 여러가지 경우를 포함한다면
if (value > 10) // value 의 값이 10 보다 크다면
{
myfunction()
}else if (value < 5) // value 의 값이 5보다 작다면
{
yourfunction()}
else // 위에 제시한 두가지 조건에 해당이 되지 않는다면
{
anotherfunction()
}
하나의 문장으로 한개 이상의 판단을 수행하는 것도 가능합니다.
if (value > 10) && (value < 100) // value 라는 변수의 값이 10 보다 크고 100 보다 작다면
{
myfunction()
}
else
{
yourfunction()
}
if 구문안에 또다시 if 구문이 들어오는 것도 가능합니다.
if (value > 10) && (value < 100) // value 라는 변수의 값이 10 보다 크고 100 보다 작다면
{
if(value2 != "png") {
myfunction()
}
}
else
{
yourfunction()
}
반복위에 말한 것처럼 코딩, 즉 개발을 하는 궁극적인 목적중에 하나 입니다.
컴퓨터는 1번을 시키건 1000 번을 시키건 투정부리지 않습니다.
특정 폴더안의 모든 파일 또는 폴더, PSD 파일 내의 모든 레이어, 엑셀에 있는 모든 셀 등이 주로 대상이 됩니다.
반복은 for 라는 명령으로 진행이 됩니다.
포토샵의 자바스크립트에서는 아래와 같은 형식으로 문장을 작성해야 합니다.
for (int i = 0; i < 100; i ++) // i 라는 변수를 생성하고 0 부터 99 까지 반복 실행을 합니다. 이때 i 는 반복할 때마다 1 씩 증가 됩니다.
{
myFunction( i )
}
엑셀 비주얼 베이직에서는 아래와 같이 정의 합니다. (동작은 동일 합니다)
for i = 0 to 99
myFunction(i)
next
예를 들어 특정 폴더안의 모든 파일을 대상으로 어떤 것을 해야 한다면 이런식으로 작성이 됩니다.
var cFolder = Folder("d:\\asd\\")
// d 드라이브의 asd 라는 폴더를 cFolder 라는 변수에 저장.
// 이후에 나오는 cFolder 는 해당 폴더를 가리킵니다.
var cFiles = cFolder.getFiles("*.png") // cFiles 라는 변수에 위에 정의한 cFolder 안의 모든 png 파일을 찾아서 저장합니다.
for (int i = 0; i < cFiles.length; i++) // 변수 i 에 0 부터 위에서 찾은 모든 png 파일의 개수 만큼 반복하며 아래의 내용을 수행합니다.
{
myFunction( cFiles[ i ] ) // myFunction 이라는 사용자 정의 함수에서 각각의 파일을 입력으로 하여 무엇인가 일을 수행합니다.
}
배열
위에서 언급하지는 않았지만 배열의 개념을 잘 알아야 합니다.
자동화를 위해서는 빠질 수 없는 개념이기 때문인데 여러개의 정보 뜨는 데이터가 하나의 변수안에 묶에 있는 경우라고 보면 됩니다. 집합이라고 할수도 있겠고 묶음이라고 할수도 있겠습니다.
보통 배열 안의 데이터들은 동일한 타입의 값을 갖지만 그렇지 않은 경우도 있습니다.
배열은 보통 다음과 같이 정의 되며 사용됩니다.
변수를 선언하고 이 변수를 배열로 사용하는 경우
var sizeList = #{ }
sizeList 라는 변수를 만들고 이 안에 값들을 저장할 것이라고 선언해주는 구문 입니다.
변수 선언시 배열로 지정하여 사용하지 않고 바로 그냥 배열을 만들어 사용하는 경우
var myPos = [ 1920, 720 ]
var myPos = [ 1920, 720 ]
처음부터 값을 넣어서 배열을 선언하는 경우
var sizeList = #{ 640, 800, 1024, 1280, 1920}
var sizeList = #{ 640, 800, 1024, 1280, 1920}
처음 선언할때는 비어있는 배열을 선언하지만 이후 값을 채워 넣는 경우
var sizeList = #{ } sizeList.push(640) // 배열에 640 이라는 값을 넣습니다. 비어있었기 때문에 첫번째 값이 됩니다.
sizeList.push(800) // 배열에 800 이라는 값을 넣습니다. 첫번째 값이 이미 있기 때문에 두번째 값으로 들어가게 됩니다.
sizeList.push(1024) // 배열에 세번째 값으로 1024 를 집어 넣습니다.
var sizeList = #{ } sizeList.push(640) // 배열에 640 이라는 값을 넣습니다. 비어있었기 때문에 첫번째 값이 됩니다.
sizeList.push(800) // 배열에 800 이라는 값을 넣습니다. 첫번째 값이 이미 있기 때문에 두번째 값으로 들어가게 됩니다.
sizeList.push(1024) // 배열에 세번째 값으로 1024 를 집어 넣습니다.
이미 정의된 배열의 값을 변경하는 것도 가능합니다.
var sizeList = #{ 640, 800, 1024, 1280, 1920}
sizeList[ 2 ] = 2560 // 배열의 3번째 값인 1024 를 2560 으로 변경합니다.
var sizeList = #{ 640, 800, 1024, 1280, 1920}
sizeList[ 2 ] = 2560 // 배열의 3번째 값인 1024 를 2560 으로 변경합니다.
자바 스크립트는 0 부터 시작되기 때문에 2 는 3번째 값을 의미 하게 됩니다. 햇갈리는 부분이죠.
배열은 또다른 배열을 품을 수 있는데 이런 경우 2차원 , 3차원 배열로 이야기 할 수 있습니다.
2차원 배열은 아래와 같이 생겼는데 저의 경우에는 가로세로 사이즈나 x y 좌표를 저장할 때 자주 사용합니다..
var pointList = #{ [25,30], [35,40], [45,50] }
var pointList = #{ [25,30], [35,40], [45,50] }
2차원 배열의 값을 이용할 때는 다음과 같이 사용합니다.
var pointList = #{ [25,30], [35,40], [45,50] }
var myPosX = pointList[0][0] // 배열의 첫번째 값 의 첫번째 값인 25 이 myPosX 라는 변수에 저장이 됩니다..
var myPosY = pointList[0][1] // 배열의 첫번째 값의 두번째 값인 30 이 myPosY 라는 변수에 저장이 됩니다..
var pointList = #{ [25,30], [35,40], [45,50] }
var myPosX = pointList[0][0] // 배열의 첫번째 값 의 첫번째 값인 25 이 myPosX 라는 변수에 저장이 됩니다..
var myPosY = pointList[0][1] // 배열의 첫번째 값의 두번째 값인 30 이 myPosY 라는 변수에 저장이 됩니다..
삭제논리적 사고코딩은 기본적으로 컴퓨터에게 명령을 하는 것이므로 논리적인 글 작성이 필요합니다.논리적이라하면 문장의 흐름에 오류가 있으면 안된다는 의미인데요. 무엇인가 시작이 되었다면 종료가 되어야 하고 판단 로직이 들어가면 정확히 판단할 수 있는 기준이 제시되어야 합니다.
예를 들면 "이미지의 크기가 크다면 " 과 같은 기준은 컴퓨터가 처리 할 수 없습니다.
일단 어느정도의 크기가 큰것인지 작은것인지를 알수 없어 크기의 기준이 가로 인지 세로인지 아니면 용량인지, bit 수 인지 알 수 없기 때문입니다.
그래서 컴퓨터에게 판단을 시킬때는 "이미지의 가로 픽셀 수 가 960 보다 크다면" 과 같이 명확한 기준을 주어야 합니다.코딩을 해보면 이런식입니다.
잘못된 코드
if (image == big)
{
myFunction()
}
잘 된 코드
preference.unit = unit.PIXEL // 환경 설정의 유닛의 단위를 pixel 로 설정해준다.
//GUI 디자인과정에서는 대부분 유닛이 pixel 이겠지만
//그렇지 않은 사용자에게서는 cm 또는 inch 가 반환되어 오류가 날수 있다.
var maxSize = 960 // 판단 기준이 되는 사이즈를 지정 합니다.
var imageWidth = myDoc.width // 다큐먼트의 가로 크기를 가져와서 imageWidth 라는 변수에 지정
if (imageWidth > maxSize) { // 이제 사전에 설정한 최대 크기와 imageWidth 를 비교하여 더 큰지를 확인
myFunction()
}
사실 처음부터 논리적 사고를 바탕으로 코딩을 시작하면 좋겠는데 이부분은 여러번의 오류를 겪으며 실력이 쌓이는 것이 당연한 부분이므로 두려워 말고 코드를 작성하기 시작하면 됩니다.
코드를 작성할 때는 명확하게 어떤 동작을 시킬 것인지를 먼저 잘 생각해보는 것이 빠르고 정확하게 코딩을 하는데 큰 도움이 됩니다.
예를 들면 포토샵에서 레이어 이름으로 이미지를 저장하는 스크립트를 만든다고 하면 다음과 같은 방식으로 개발할 내용을 먼저 정리를 합니다.
파일이 저장될 경로를 설정하자 : PSD 파일의 경로에 저장
파일이 저장될 포멧을 지정 : png 파일로 지정
png 파일의 옵션을 설정
현재 최상위에 보여지는 모든 레이어를 변수로 설정먼저 모든 레이어를 hide 상태로 변경
레이어셋을 포함한 전체 레이어를 반복하여 탐색
레이어의 타입이 레이어셋인지 레이어인지 확인
- 레이어의 타입이 레이어일 경우 해당 레이어를 Show 시킨뒤 지정된 경로에 레이어의 이름으로 파일 저장
- 저장이 완료 되었으면 다시 Hide 시키자.
- 레이어의 타입이 레이어 셋인 경우
- 저장될 폴더 하위에 레이어 셋과 동일한 명칭의 폴더를 생성하자
- 생성된 경로를 이미지가 저장될 경로로 변경해 주자
- 레이어 셋 안의 레이어를 다시 탐색하자
- 탐색된 레이어의 타입이 레이어인지 레이어 셋인지 확인. (이하 동일), 이 부분이 depth 가 깊어지면 반복될 수 있으므로 재귀 함수로 별도로 만들 것
-모든 레이어의 저장이 완료 되었으면 다시 모든 레이어를 Show 상태로 변경
PSD 파일 닫기
이런 식으로 개발 내용을 정리 하였다면 이제 본격 적으로 코딩을 시작합니다.
현재 다큐먼트를 변수에 설정하고 PSD 파일이 있는 경로를 확인
var cDoc = app.activeDocument;
var savePath = cDoc.path + "\\"; // savePath 라는 변수에 현재 PSD 파일의 경로를 저장합니다.
PNG 파일의 옵션을 설정해 봅니다.
var psOption = new PNGSaveOptions()
psOption.embedColorProfile = true;
psOption.formatOptions = FormatOptions.STANDARDBASELINE;
psOption.matte = MatteType.NONE;
psOption.quality = 100;
psOption.PNG8 = false; //24 bit PNG
psOption.transparency = true;
psOption.interlaced = true;
요런 세세한 설정 값들은 레퍼런스를 참고 하는 방법과 인터넷이나 미리 만들어논 코드에서 따오는 것이 좋습니다.
현재 PSD 파일의 최상위 레이어를 모두 배열로 변수에 담아 줍니다. 그리고 모든 최상위 레이어를 숨김처리 합니다.
var tempLayers = cDoc.layers
for (var i = 0 ; i < tempLayers.length; i++)
{
tempLayers[i].visible = false
}
이제 레이어를 돌면서 레이어 셋인지 레이어인지 판단을 해봅니다.
모든 상위 레이어를 돌면서 레이어 셋인지 아닌지 판단
for (var i = 0 ; i < tempLayers.length; i++){
if (tempLayers[i].typename == "LayerSet")
{
}else{
}
}
이제 여기에 레이어 일경우 파일로 저장하는 기능을 넣어 보면 이렇게 됩니다.
for (var i = 0 ; i < tempLayers.length; i++)
{
if (tempLayers[i].typename == "LayerSet")
{
}else{
tempLayers[i].visible = true; // 현재 레이어를 보이도록 설정
cFile = File(savePath + tempLayers[i].name + ".png"); // 저장할 경로 뒤에 레이어 명을 붙여서 저장하기 위한 파일을 생성함 (아직 실제 파일이 생성되지는 않음)
cDoc.saveAs(cFile, psOption,true, Extension.LOWERCASE); // PS 에서 save as 하는 것과 동일합니다. 위에서 작성한 png 옵션을 이용하여 저장해주죠
tempLayers[i].visible = false; // 저장하고 나면 다시 레이어를 보이지 않도록 설정합니다.
}
}
레이어 셋일 경우 레이어 셋의 이름으로 폴더를 생성하고 depth에맞게 저장될 수있도록 준비를 해봅시다.
for (var i = 0 ; i < tempLayers.length; i++){
if (tempLayers[i].typename == "LayerSet") {
dPathName = savePath + tempLayers[i].name + "\\"; // 기존 저장 경로에 레이어 셋의 이름을 추가하여으로 새로 만들 경로 명칭을 정의 합니다.
ff = new Folder(dPathName) ; // 신규 생성할 경로를 폴더로 설정합니다.
ff.create(); // 위에 정의한 폴더를 실제로 생성합니다.
}
}else{
tempLayers[i].visible = true; // 현재 레이어를 보이도록 설정
cFile = File(savePath + tempLayers[i].name + ".png"); // 저장할 경로 뒤에 레이어 명을 붙여서 저장하기 위한 파일을 생성함 (아직 실제 파일이 생성되지는 않음)
cDoc.saveAs(cFile, psOption,true, Extension.LOWERCASE); // PS 에서 save as 하는 것과 동일합니다. 위에서 작성한 png 옵션을 이용하여 저장해주죠
tempLayers[i].visible = false; // 저장하고 나면 다시 레이어를 보이지 않도록 설정합니다.
}
}
레이어일 경우 그냥 저장하면 되는데 레이어 셋일 경우에는 하위 구조를 다시 탐색을 해야 합니다.
하위 구조를 탐색하기 위한 함수를 만들어 보겠습니다.
위에서 작성한 탐색 구조와 완전히 동일합니다.
재귀 함수를 만들껀데요. (재귀 함수는 반복해서 자신을 호출할 수 있도록 개발된 함수를 말합니다. 좀 개념이 어려운데 아래 코드를 보고 잘 생각해보면 이해가 될 수도 있습니다)
레이어 구조를 탐색하며 레이어면 이미지로 저장하고 레이어 셋이면 다시 탐색을 시키는 함수 입니다.
원래는 하나로 만들면 되는데 PS 스크립트 문제인지 두개로 나누어서 서로 호출하도록 해야 정상 동작이 되네요.
좀 이상하지만 어쨌든 이렇게 만들게 되면 explorerLayerSet 이라는 함수가 호출이 될 때 파일이 저장될 경로과 레이어 셋을 함수의 인자로 입력을 받게 됩니다.
입력된 레이어셋 안에서 레이어를 만나면 입력된 경로에 이미지로 저장하고 레이어 셋을 만나면 경로를 생성한 후 explorerLayerSet2 라는 함수를 호출합니다.
explorerLayerSet2 은 구조적으로 explorerLayerSet 과 완전히 동일한 함수인데요 마찬가지로 레이어 셋을 탐색하게 되며 레이어셋 안에서 레이어를 만나면 이미지로 저장하고 레이어 셋을 만나면 explorerLayerSet 을 다시 호출하게 되죠. depth 가 아주 많아도 계속해서 서로 호출하며 마지막 depth 까지 탐색을 하며 레이어만 저장을 하게 됩니다.
function explorerLayerSet (cPath, lSet){
var dLyrs = lSet.layers
for (var k = 0 ; k < dLyrs.length; k++)
{
if (dLyrs[k].typename == "LayerSet")
{
dLyrs[k].visible = true ;
ePathName = cPath + dLyrs[k].name + "\\";
ee = new Folder(ePathName);
ee.create();
explorerLayerSet2 (ePathName, dLyrs[k]);
dLyrs[k].visible = false;
}else{
dLyrs[k].visible = true;
dFile = File(cPath + dLyrs[k].name + ".png");
cDoc.saveAs(dFile, psOption,true, Extension.LOWERCASE);
dLyrs[k].visible = false;
}
}
lSet.visible = false;
}
function explorerLayerSet2 (cPath, lSet)
{
var cLyrs = lSet.layers
for (var m = 0 ; m < cLyrs.length; m++)
{
if (cLyrs[m].typename == "LayerSet")
{
cLyrs[m].visible = true
ePathName = cPath + cLyrs[m].name + "\\"
ee = new Folder(ePathName)
ee.create();
explorerLayerSet (ePathName, cLyrs[m])
cLyrs[m].visible = false
}
else
{
cLyrs[m].visible = true
cFile = File(cPath + cLyrs[m].name + ".png")
cDoc.saveAs(cFile, psOption,true, Extension.LOWERCASE)
cLyrs[m].visible = false;
}
}
cLyrs.visible = false;
}
이제 작성된 함수를 원래 작성하고 있던 코드에 삽입해 봅니다.
for (var i = 0 ; i < tempLayers.length; i++)
{
if (tempLayers[i].typename == "LayerSet")
{
dPathName = savePath + tempLayers[i].name + "\\"; // 기존 저장 경로에 레이어 셋의 이름을 추가하여으로 새로 만들 경로 명칭을 정의 합니다.
ff = new Folder(dPathName); // 신규 생성할 경로를 폴더로 설정합니다.
ff.create(); // 위에 정의한 폴더를 실제로 생성합니다.
tempLayers[i].visible = true;
explorerLayerSet(dPathName, tempLayers[i]); // 바로 요 부분이 하위 뎁스를 계속해서 탐색할 수 있도록 개발한 함수를 끼워 넣는 부분입니다.
tempLayers[i].visible = false;
}
else
{
tempLayers[i].visible = true; // 현재 레이어를 보이도록 설정
cFile = File(savePath + tempLayers[i].name + ".png"); // 저장할 경로 뒤에 레이어 명을 붙여서 저장하기 위한 파일을 생성함 (아직 실제 파일이 생성되지는 않음)
cDoc.saveAs(cFile, psOption,true, Extension.LOWERCASE); // PS 에서 save as 하는 것과 동일합니다. 위에서 작성한 png 옵션을 이용하여 저장해주죠
tempLayers[i].visible = false; // 저장하고 나면 다시 레이어를 보이지 않도록 설정합니다.
}
}
아 이제 개발이 다 되었습니다.
이렇게 하면 PSD 파일에 있는 모든 레이어를 탐색하며 각 레이어를 파일로 저장하는 동작을 수행하게 됩니다.
전체 코드를 보면 이렇습니다.
//파일이 저장될 포멧을 지정 → png 파일로 지정//png 파일의 옵션을 설정
var psOption = new PNGSaveOptions()
psOption.embedColorProfile = true;
psOption.formatOptions = FormatOptions.STANDARDBASELINE;
psOption.matte = MatteType.NONE;
psOption.quality = 100;
psOption.PNG8 = false; //24 bit PNG
psOption.transparency = true;
psOption.interlaced = true;
var cDoc = app.activeDocument //파일이 저장될 경로를 설정하자 → PSD 파일의 경로에 저장
var savePath = cDoc.path + "\\" //현재 최상위에 보여지는 모든 레이어를 변수로 설정
var tempLayers = cDoc.layers //먼저 모든 레이어를 HIde 상태로 변경
for (var i = 0 ; i < tempLayers.length; i++)
{
tempLayers[i].visible = false //레이어셋을 포함한 전체 레이어를 반복하여 탐색
}
for (var i = 0 ; i < tempLayers.length; i++)
{ //
if (tempLayers[i].typename == "LayerSet") //레이어의 타입이 레이어셋인지 레이어인지 확인
{
dPathName = savePath + tempLayers[i].name + "\\" // 기존 저장 경로에 레이어 셋의 이름을 추가하여으로 새로 만들 경로 명칭을 정의 합니다.
ff = new Folder(dPathName); // 신규 생성할 경로를 폴더로 설정합니다.
ff.create(); // 위에 정의한 폴더를 실제로 생성합니다.
tempLayers[i].visible = true;
explorerLayerSet(dPathName, tempLayers[i]); // 바로 요 부분이 하위 뎁스를 계속해서 탐색할 수 있도록 개발한 함수를 끼워 넣는 부분입니다.
tempLayers[i].visible = false;
}
else
{
tempLayers[i].visible = true; // 현재 레이어를 보이도록 설정
cFile = File(savePath + tempLayers[i].name + ".png"); // 저장할 경로 뒤에 레이어 명을 붙여서 저장하기 위한 파일을 생성함 (아직 실제 파일이 생성되지는 않음)
cDoc.saveAs(cFile, psOption,true, Extension.LOWERCASE); // PS 에서 save as 하는 것과 동일합니다. 위에서 작성한 png 옵션을 이용하여 저장해주죠
tempLayers[i].visible = false; // 저장하고 나면 다시 레이어를 보이지 않도록 설정합니다.
}
} // 여기부터는 레이어 셋일 경우 하위 뎁스를 계속해서 탐색하는 함수 입니다.
function explorerLayerSet (cPath, lSet)
{
var dLyrs = lSet.layers
for (var k = 0 ; k < dLyrs.length; k++)
{
if (dLyrs[k].typename == "LayerSet")
{
dLyrs[k].visible = true;
ePathName = cPath + dLyrs[k].name + "\\";
ee = new Folder(ePathName);
ee.create();
explorerLayerSet2 (ePathName, dLyrs[k]);
dLyrs[k].visible = false;
}
else
{
dLyrs[k].visible = true;
dFile = File(cPath + dLyrs[k].name + ".png");
cDoc.saveAs(dFile, psOption,true, Extension.LOWERCASE);
dLyrs[k].visible = false;
}
}
lSet.visible = false;
}
function explorerLayerSet2 (cPath, lSet)
{
var cLyrs = lSet.layers
for (var m = 0 ; m < cLyrs.length; m++)
{
if (cLyrs[m].typename == "LayerSet")
{
cLyrs[m].visible = true;
ePathName = cPath + cLyrs[m].name + "\\";
ee = new Folder(ePathName);
ee.create();
explorerLayerSet (ePathName, cLyrs[m]);
cLyrs[m].visible = false;
}
else
{
cLyrs[m].visible = true;
cFile = File(cPath + cLyrs[m].name + ".png") O
cDoc.saveAs(cFile, psOption,true, Extension.LOWERCASE)
cLyrs[m].visible = false
}
}
cLyrs.visible = false
}
이 정도는 어느정도 훈련된 디자이너라면 개발자가 아니어도 충분히 작성할 수 있는 어렵지 않은 코드 수준이라고 생각됩니다.
어렵지 않고 길지 않은 코드이지만 디자이너의 시간은 비약적으로 늘어나게 만들어 주는 코드라고 할 수 있습니다.
코딩을 하려면 앞서 이야기 했지만 무엇을 개발할 것인가를 명확히 하는 것이 중요합니다.
애메모호한 목표는 코딩을 더욱 어렵게 만들게 됩니다. 현재 본인이 가장 귀찮게 반복해야 하는 업무가 무엇인지 정확히 파악이 되었다면 컴퓨터에게 일을 시킬 준비를 해보세요. 어렵지 않습니다.