EXIFEEDI's Science and Technology World

최근 오랜만에 (사실상 1년이 넘는 기간 동안 손을 떼고 있었으니까요) 다시 블로깅을 하다 보니 예전에는 제가 어떻게 블로깅을 하며 또 이웃 블로거들과 즐겁게 지냈는지 도통 기억이 나지 않네요. 오늘 오랜만에 예전에 보던 정겨운(?) 모습을 다시 보게 되었습니다. 바로, “올블로그 장애 공지”입니다. 간밤에 저런 공지가 떴길래 오늘 점심 때면 괜찮아지려니 했는데 왠걸, 예상보다 훨씬 오래 가네요.

예전 같았으면 참 짜증이 났을 법한 메시지인데, 저런 모습도 오랜만에 보니까 정겹네요 ^ ^;

포토스케이프는 지난 번에 살폈던 포토웍스(photoWORKS)와 마찬가지로 이미지를 편집·보정하는 소프트웨어이다. 포토웍스(photoWORKS)가 2004년 4월을 끝으로 개발이 중지된 반면, 포토스케이프는 지금도 꾸준히 기능이 개선되고 있고 또 포토웍스(photoWORKS)가 할 수 있는 일은 모두 할 수 있기 때문에 앞으로의 변신도 기대되는 제품이다. 다만, 포토웍스(photoWORKS)만 있더라도 실제로 블로그에 추가할 이미지를 작성하는 데에는 별 문제가 없기 때문에 추가적인 기능이 필요한 때에만 포토스케이프를 이용하고 있다.


다음은 포토스케이프의 메인 화면이다. 전체 기능 중에서 자신이 원하는 기능을 선택할 수 있도록 잘 배치해 두고 있다.



다음은 <사진 뷰어> 기능이다. 간단하게 이미지를 편집하는 기능만 제공해도 충분할 것 같은데, 여기에서는 뷰어 기능도 함께 제공하고 있다. 향후 기능이 개선되면 어떨지 모르겠지만 현재로서는 활용도가 높은 기능은 아니다.



다음은 <사진 편집> 기능이다. 이 메뉴에서는 사진을 액자에 담거나, 그라데이션 효과를 넣는다거나, 말풍선을 추가하거나, 혹은 특정 비율로 자르거나 하는 다양한 기능을 수행할 수 있다. 일일이 그림으로 설명할 수도 있지만 워낙 메뉴가 직관적으로 구성되어 있기 때문에 특별한 설명 없이도 쉽게 사용할 수 있을 것이다. 특히 말풍선 기능 등은 포토웍스(photoWORKS)에는 없는 기능이기 때문에 이러한 효과를 자주 사용하는 사람들에게는 특히 유용할 것이라 생각된다.



다음은 <일괄 편집> 기능이다. 이 기능은 여러 개의 사진을 동시에 편집하는 기능으로서, 사진의 크기를 조절하거나 레벨이나 밝기, 대비(콘트라스트)와 같은 필터 효과를 적용할 수 있도록 하고 있다.



또한 <개체> 탭을 이용하면 포토웍스(photoWORKS)의 <서명>과 유사한 효과를 얻을 수 있다. <개체> 기능에서는 포토스케이프에서 자체적으로 제공하는 다양한 아이콘이나 이미지를 이용하여 그림을 좀더 재미있게 꾸밀 수 있는 기능도 제공하고 있다.



다음은 <페이지> 기능이다. 이 기능은 마치 만화의 한 페이지를 구성하듯이 여러 개의 그림을 묶어 하나의 페이지에 정리하는 기능이다. 테두리 여백이나 둥글기 설정, 그리고 배경색 지정 등을 통하여 쉽게 여러 개의 이미지를 하나의 이미지로 구성·편집할 수 있다.



다음은 <이어 붙이기> 기능이다. 이는 여러 개의 이미지를 하나로 묶어 가로나 세로 혹은 바둑판 모양으로 편집해 주는 기능이다.



다음은 <GIF 애니메이션> 기능이다. 여러 개의 이미지를 묶어 하나의 GIF 애니메이션 이미지로 만들어 주는 기능이다. 특별히 기능이 뛰어나거나 하지는 않지만 간단하게 GIF 애니메이션을 만들 수 있도록 해 준다.



간략하게 포토스케이프에 대해 살펴 보았다. 포토스케이프는 편리하면서도 블로깅에 필요한 온갖 요소는 다 갖추고 있는 그림 편집 프로그램이다. 포토웍스(photoWORKS)보다 조금 더 고급 기능을 필요로 하는 사람이라면 한번 이용해 보기를 권한다.

1. 포토스케이프 홈페이지

1. 블로그 작성 필수 도구 1 – 포토웍스(photoWORKS) (2007/11/14)
2. 블로그 작성 필수 도구 2 – 그림판(MSPaint) (2007/11/15)

블로그를 작성하는 데 무슨 <그림판(MSPaint, Microsoft Paint)>이냐고 반문할 사람이 있을지도 모르겠다. 하지만 이미지 처리에 있어서 가장 유용한 도구 가운데 하나가 바로 <그림판(Microsoft Paint)>이다. 개인적으로 <그림판>을 가장 많이 이용하는 때는 화면에 떠 있는 창을 캡처하는 경우다.


다음 그림을 보면, 화면에 모질라 파이어폭스(Mozilla Firefox) 창이 하나 떠 있는 것이 보인다. 마이크로소프트 윈도우(Microsoft Windows)에서는 키보드의 PrtScn (Print Screen) 키를 누르면 전체 화면을 캡처할 수 있다. 아래 그림 역시 그런 방법으로 화면을 캡처한 것이다.



이렇게 화면을 캡처한 후 <그림판>에 붙여 넣은(Ctrl + V) 후 이미지 파일로 저장하면 된다.



만약 전체 화면이 아니라 현재 창만 캡처하고 싶은 경우에는 Ctrl + Alt + PrtScn 키를 누르면 된다. 자신이 원하는 특정 영역이나 특정 버튼 등을 캡처하는 기능이 기본적으로 제공되지는 않지만, 전체 화면이나 현재 창 정도는 손쉽게 캡처할 수 있고, 원하는 부분은 나중에 <그림판>에서 따로 선택해도 상관 없으니 굳이 별도의 화면 캡처 도구를 이용할 필요도 없을 것 같다.



개인적으로는 PNG 파일 포맷으로 저장하는 것을 좋아한다. PNG 파일 포맷은 Portable Network Graphics를 줄인 말로 무손실 데이터 압축(lossless data compression) 방식의 비트맵 이미지 포맷(bitmap image format)이다. 용량도 크지 않고 이미지 품질도 훼손하지 않기 때문에 자주 이용한다. 반면, BMP 포맷의 경우 이미지 품질은 손상되지 않지만 압축을 하지 않기 때문에 이미지 크기가 지나치게 커지는 단점이 있다.



참고로, GIF이나 JPG 방식은 손실 데이터 압축(lossy data compression) 방식이기 때문에 최종적으로 생성된 이미지 품질이 좋지 않을 수 있다. 물론 어도비 포토샵(Adobe Photoshop)과 같은 이미지 편집 도구를 이용하면 최종적으로 생성되는 파일의 품질을 조절할 수도 있다. 하지만 화면 하나 캡처해서 편집하는 정도의 일에 그 정도로 큰 프로그램을 실행시키는 것은 부담이 너무 크다. 과거에는 인터넷 전송 속도도 느리고 컴퓨터의 처리 능력도 부족했기 때문에 이미지 품질을 확 떨어뜨리더라도 파일 용량을 최소화할 수 있는 JPG 포맷을 많이 이용했지만 이제는 특별한 상황이 아니라면 굳이 그렇게까지 할 필요는 없다는 생각이다.

아래는 위에서 캡처한 이미지를 <그림판>에서 각각 JPG, PNG, GIF 방식으로 저장하여 비교한 결과이다. 원본 파일의 크기는 JPG 형식이 126KB, PNG 형식은 196KB, GIF 형식은 88.4KB였다. 아래 결과를 보면 한눈에 JPG나 GIF 방식에 비해 PNG 파일의 품질이 월등함이 눈에 띈다. 한번 더 이야기하자면, 어도비 포토샵(Adobe Photoshop)과 같은 이미지 편집 프로그램은 JPG나 GIF 방식으로 저장했을 때 아래의 예보다 나은 품질을 얻을 수도 있다. 하지만 특별한 편집을 가하지 않고 단순히 캡처해서 블로그에 올리는 경우라면 그림판이 훨씬 더 간단한 선택이 될 것이다.



이렇게 캡처한 이미지 파일은 바로 블로그에 올려도 되지만 이전 포스트에서 소개했던 포토웍스(photoWORKS)와 같은 도구로 한번 더 손을 보고 올려도 좋을 듯하다. 포토웍스(photoWORKS)는 파일 포맷을 변환하는 기능도 있고, 특히 JPG 형식으로 저장할 때 최종 출력물의 품질을 설정하는 메뉴도 있기 때문에 간편하게 자신이 원하는 결과물을 얻을 수 있다.

1. 블로그 작성 필수 도구 1 – 포토웍스(photoWORKS) (2007/11/14)
2. 블로그 작성 필수 도구 3 – 포토스케이프 (2007/11/22)

블로그에 글을 쓰다 보면 이미지를 올려야 할 일이 많다. 단순히 글만 작성하는 경우보다는 그림을 함께 첨부해서 넣으면 훨씬 보기 좋고 이해하기에도 쉬운 경우가 많기 때문이다. 또 때로는 딱딱한 글을 훨씬 부드럽고 자연스럽게 만들어 주기도 한다. 포토웍스(photoWORKS)는 그러한 프로그램 가운데 하나이다. 포토웍스(photoWORKS)는 정효성이라는 분이 개인적으로 만들었다가 배포한 프로그램으로, 아쉽게도 2004년 4월, 버전 1.5가 나온 이후 별다른 업데이트가 없는 제품이기도 하다. 하지만 사용하기 편리한 화면 구성과 그에 비해 다양한 기능을 바탕으로 여전히 활용도가 높은 프로그램이기도 하다.




먼저, 프로그램의 메뉴 구성을 살피면 다음과 같다.

프로그램을 실행하면 아래와 같이 간단한 구성의 화면이 눈에 띈다. 메뉴에서 첫 번째 탭인 <Frame(테두리)>을 누르면 나중에 이미지를 변환했을 때 그림 테두리를 어떤 모양으로 할 것인지를 설정할 수 있다. 다양한 종류의 프레임을 선택할 수 있고, 또한 포토웍스(photoWORKS) 홈페이지에 가면 사용자들이 직접 만든 스킨을 올리는 스킨 자료 게시판이 있어서 프로그램에서 제공해 주는 스킨 외에 훨씬 다양한 스킨을 구할 수 있다.



두 번째 탭은 <Resize(크기 변환)>이다. 내 경우에는 블로그 화면의 가로폭이 640 픽셀 정도이기 때문에 그에 맞추어 이미지도 가로 길이가 640 픽셀이 되도록 크기를 조절한다. 간단한 화면이지만 어떤 길이를 어떻게 설정할지 잘 나오기 때문에 이미지 크기를 조절하는 데 상당히 편리하다.



세 번째 탭은 <Signature(서명)> 부분이다. 자신의 블로그에 그림을 올리면서 그림 한쪽에 자기 블로그를 나타내는 글자나 그림을 포함시킨 경우를 볼 수 있을 것이다. 이것이 <서명>에 해당하는 기능이다. 서명은 다시 이미지를 이용한 서명과 텍스트만을 이용한 서명으로 나뉜다.



네 번째 탭은 <Effect(효과)> 부분이다. 이미지에 Blur나 Sharpen, Emboss 등의 효과를 넣을 때 쓰는 기능이다. 또 밝기(Brightness)나 대비(Contrast) 조절, 흑백 전환, 반전(Inverse) 효과 등도 포함되어 있다.



다섯 번째 탭은 <Output(출력)> 기능이다. 이는 변환한 파일의 종류나 품질, 저장 위치 등을 설정할 수 있도록 해 주는 메뉴이다.





그 밖의 다른 메뉴는 그냥 살펴 보면 될 것이고, 여기에서는 가장 간단하게 이미지 크기를 변환하는 방법을 살펴 보도록 할까 한다. 먼저, 맨 위에 보이는 메뉴에서 <파일추가>를 선택해서 자신이 변환하고자 하는 이미지를 선택한다. 아래 그림에서와 같이 하나만 선택해도 되고 동시에 여러 이미지 파일을 선택해도 된다.



그 후 맨 아래에 있는 <미리보기> 버튼을 누르면 자신의 설정이 최종적으로 어떻게 적용될지를 미리 살필 수 있다.



마지막으로 최종 출력물을 확인하면 된다. 이미지 크기가 변환되고 오른쪽 아래에 서명으로 설정한 그림이 포함된 것을 확인할 수 있다.





포토웍스(photoWORKS) 홈페이지에 가 보면 스킨 자료 게시판이 보일 것이다.



메뉴를 선택해서 들어가면 보통 미리보기까지 함께 제공해 주고 있기 때문에 마음에 드는 스킨을 쉽게 구할 수 있다. 여기에서는 [PNG 투명 하트 스킨]을 적용해 보기로 한다.


스킨 파일은 일반적으로 압축 파일 형태(.ZIP이나 .ALZ 등)로 들어 있다. 이 압축 파일을 풀면 .INI 파일과 .BMP 혹은 .INI 파일과 .PNG 이렇게 두 개의 파일이 나온다. 이 두 개의 파일을 포토웍스(photoWORKS)가 설치된 폴더(아무런 손도 대지 않았다면 일반적으로 C:\Program Files\photoWORKS\일 것이다) 아래에 있는 Skin 폴더에 복사해 넣기만 하면 된다.


이렇게 하고 새로 포토웍스(photoWORKS)를 실행시키면 아래 그림과 같이 새로 스킨 목록을 수정하고 있음을 알리는 창이 뜰 것이다.



그 후 포토웍스(photoWORKS)를 열면 <Frame> 메뉴에서 새로 추가한 스킨을 확인할 수 있다.



새로 적용한 스킨을 이용하여 이미지를 변환시켜 보았다.

1. 포토웍스(photoWORKS) 홈페이지
2. 포토웍스(photoWORKS) 스킨 자료 게시판

1. 블로그 작성 필수 도구 2 – 그림판(MSPaint) (2007/11/15)
2. 블로그 작성 필수 도구 3 – 포토스케이프 (2007/11/22)