본문 바로가기

자료/이것, 저것, 요것

'PhotoWorks 1.5' 로 새로운 액자 만들기.

포토웍스 액자를 만드시려면 우선 액자로 사용할 bmp 이미지와 경로정보 ini 파일 2개가 필요합니다.


 

1. 우선 bmp 이미지

포토웍스 액자에서는 늘어나는 부분과 고정되는 부분이 있습니다.

일정한 사이즈의 액자에 다양한 사이즈의 사진이 들어가도 깨지지 않고
틀을 만들기 위해서 늘어나는 부분과 고정되는 부분을 정확히 이해하셔야 합니다.

아래 이미지로 늘어나는 부분과 고정되는 부분을 설명드리겠습니다.

좌측의 정사각형 이미지가 검정색 테두리액자의 기본 bmp 이미지 입니다.
21X21 사이즈가 되겠습니다.

액자 테두리 두께가 10pixel 일경우 이미지의 가장 중앙 부분에 1X1의 공간이 생깁니다.
이부분에 사진 이미지가 들어가게 됩니다.

액자에 사진이 들어가면 가로,세로로 액자가 늘어나게 되겠지요.
우측 이미지가 사진이 들어가서 늘어나는 부분을 나타냅니다.

1. upleft (고정)
2. upmid (늘어남)
3. upright (고정)
4. ctleft (늘어남)
5. ctright (늘어남)
6. btleft (고정)
7. btmid (늘어남)
8. btright (고정)

이렇게 가로, 세로 늘어나는 부분이 있기 때문에 임의 크기의 사진에도 테두리가 적용될 수 있습니다.
실제로 개인액자 bmp 이미지를 만드실때는 가로, 세로 늘어나는 부분의 길이가 최소가 되었을 때의 크기를 기준으로 만드셔야 합니다.
(10픽셀의 테두리를 두르는 액자를 만들고자 하신다면 21X21 사이즈의 bmp이미지를 만드시면 됩니다.)

제가 적용한 액자에 사용된 bmp파일 이미지가 아래 이미지 입니다.
파일 사이즈 531 X 181 크기입니다.
(가로 사이즈 530픽셀 이미지가 들어갈 공간 1픽셀 , 세로 사이즈 180픽셀 이미지가 들어갈 공간 1픽셀)

위와 같이 bmp 이미지를 만드셨다면 bmp파일을 photoWorks/skin 폴더안에 저장합니다.
(전 파일명을 hong_box.bmp 로 저장 했습니다. 파일명은 임의로 저장하시면 됩니다.)



2. ini 파일 만들기

bmp 이미지가 완료 되었으면 이제 액자정보를 가지고 있는 ini 파일을 만드셔야 합니다.
포토웍스의 skin 폴더에 보시면 bmp파일과 같은이름의 ini 파일이 한쌍을 이루어 여러개가 있을 것입니다.
위에서 저희가 만든 hong_box.bmp 파일은 아직 ini파일을 안 만들어 혼자 있겠지요. ^^

우선 아무거나 ini 파일 하나를 더블클릭하십시요.
(아래 ini 파일 정보는 제가 만든 hong_box.ini 입니다.)

;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
; This file contains full information about the frame skin.
; Design by 홍이.
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
[Info]
ver=1.0
title=홍이박스
direction=0

[Skin]
file=hong_box.bmp
upleft=265 90
upmid=1 90
upright=265 90
ctleft=265 1
ctright=265 1
btleft=265 90
btmid=1 90
btright=265 90

[Make]
stretch_mode=0
pic_drawpt=0 0
extraspace=0 90

이렇게 메모장으로 나타 나실 겁니다. 그러면
파일 > 다른이름으로 저장 하셔서 bmp 파일명과 동일하게 hong_box.ini 로 저장 하시면 됩니다.

그럼 ini 파일을 수정해 보겠습니다.

[Info]
ver=1.0 (그냥 놔두셔도됨)
title=홍이박스 (포토웍스 프레임선택시 액자명을 정의합니다)
direction=0 (그냥 놔두셔도됨)

[Skin]
file=hong_box.bmp (bmp파일 이름입니다. 각자 만드신 파일이름을 적어주세요.)
upleft=265 90
upmid=1 90
upright=265 90
ctleft=265 1
ctright=265 1
btleft=265 90
btmid=1 90
btright=265 90

그 다음 각각의 위치에 해당하는 부분의 가로 세로 픽셀을 적어 주면됩니다.
위 10픽셀의 검정색 테두리가 액자를 기준으로 설명하겠습니다.

upleft 는 가로 10픽셀 세로 10픽셀이므로 upleft=10 10 이라고 수정합니다.
upmid 는 가로 1픽셀 세로 10픽셀 이므로 upmid=1 10 이라고 수정합니다.
upright 는 가로 10픽셀 세로 10픽셀 이므로 upright=10 10 이라고 수정합니다.
ctleft 는 가로 10픽셀 세로 1픽셀 이므로 ctleft=10 1 이라고 수정합니다.
ctright 는 가로 10픽셀 세로 1픽셀 이므로 ctright=10 1 이라고 수정합니다.
btleft 는 가로 10픽셀 세로 10픽셀 이므로 btleft= 10 10 이라고 수정합니다.
btmid 는 가로 1픽셀 세로 10픽셀 이므로 btmid=1 10 이라고 수정합니다.
btright 는 가로 10픽셀 세로 10픽셀 이므로 btright=10 10 이라고 수정합니다.

[Make]
stretch_mode=0
pic_drawpt=0 0
extraspace=0 90

수정에 앞서서 한가지 집고 넘어가야 할 문제가 있습니다.

임의 크기의 사진에 10픽셀의 검정색 테두리에 적용하면 원본 사진의 가로 크기에 비해서 skin을 적용한 사진의 가로 크기는 얼마나 커질까요..??
20 픽셀 커집니다.

skin의 가로 크기는 원본 사진보다 20픽셀이 더 커야 왼쪽 10픽셀, 오른쪽 10픽셀의 테두리가 생기겠죠.?

그럼 원본 사진보다 skin의 세로 크기는 얼마나 커야 될까요..? 역시 20픽셀입니다.
위쪽 10픽셀과 아랫쪽 10픽셀입니다.

이렇게 원본 사진 보다 skin의 가로 세로길이가 얼마나 더 크게 skin이 쭉쭉 늘어날 것인가를 정해주는 것이 extraspace입니다.

10펙셀의 검정색테두리 skin은 가로 세로 모두 원본 사진의 가로 세로보다 20픽셀씩 커야 하므로 extraspace=20 20 이라고 수정합니다.

이제 액자의 크기도 정해졌고, 원본 사진을 액자에 끼우면 됩니다.
액자의 어느 부분에 원본 사진을 붙일 것인지를 정해 주는 것이 pic_drawpt 부분입니다.

원본 사진의 정확한 위치를 정해 주기 위해서
"원본 사진의 왼쪽 상단 모서리"가  "테두리의 왼쪽 상단"에서 몇 픽셀 떨어졌는지를 입력해 주면 됩니다.

10픽셀 검정색 테두리의 경우 테두리의 왼쪽 상단에서 가로 방향으로 10픽셀만큼, 세로 방향으로 10픽셀만큼 떨어진 위치에 놓이면 되죠..?
그래서 pic_drawpt=10 10 이라고 수정합니다.

이제 ini 파일도 완료가 되었습니다.

포토웍스를 닫으시고 다시 포토웍스를 실행시키면 추가된 스킨을 볼수 있습니다.

출처 : http://www.cyworld.com/soulcider


내가 얻어온 주소 : http://blog.daum.net/k00316/2518