FunnyP

2018년 4월 1일 일요일

각 메뉴 버튼들의 기능은 무엇인가요?

앱의 메인화면에서 "새 파일"메뉴를 선택하면 다음과 같은 화면이 나타납니다.
아래 위로 메뉴버튼들이 배치되어 있으며, 가운데 격자무늬가 표시된 영역은
합성 사진을 만들기 위해 사진들과 텍스트들을 배치하는 공간입니다.

먼저 상단의 각 메뉴들의 기능에 대해 살펴보겠습니다.
1. 저장
- 파일 저장 : 편집 작업을 저장해 두었다가, 나중에 다시 불러와 편집할 수 있도록 작업 내역을 파일로 저장하는 기능입니다.
- 앨범에 저장 : 배치한 사진들과 텍스트들을 휴대폰 앨범에 사진으로 저장하는 기능입니다.

2. 추가
- 앨범 : 휴대폰 앨범에서 합성할 사진을 가져옵니다.
- 카메라 : 카메라로 직접 촬영한 사진을 가져옵니다.
- 텍스트 : 원하는 문구를 합성할 사진에 추가합니다.
- 보관함 : 내가 만든 스티커 보관함 개념으로써, 편집해 두었던 사진을 가져옵니다.

3. 뒤로
- 여러장의 사진과 텍스트가 있을 때, 특정 항목의 순서를 뒤로 이동시킵니다.

4. 앞으로
- 여러장의 사진과 텍스트가 있을 때, 특정 항목의 순서를 앞으로 이동시킵니다.

5. undo
- 사진 편집을 위해 수행했던 작업을 되돌립니다.

6. redo
- undo를 통해 되돌렸던 작업을 다시 수행합니다.

7. layer
- 화면에 보이고 있는 사진과 텍스트들의 목록을 순서대로 보여줍니다.

다음은 하단 메뉴들의 기능에 대해 알아보겠습니다.
1. 미세조정
- 손가락 터치만으로 하기 어려운 미세한 이동/확대/축소/회전을 위한 메뉴를 제공합니다.
2. 매직툴
- 사용자가 터치한 곳과 유사한 색상을 한번에 자동으로 지우는 기능입니다.
3. 지우개
- 사용자가 원하는 영역을 수동으로 지울 수 있는 기능입니다.
4. 자르기
- 사진에서 원하는 부분을 잘라주는 기능을 제공합니다.
5. stamp
- 사진의 특정 영역을 복사하여 그려주는 기능입니다.
6. 그리기
- 사진위에 임의의 그림을 그릴 수 있는 기능입니다.
7. 배경
- 캔버스의 배경을 사진 또는 색상으로 변경할 수 있는 기능입니다.

합성할 사진과 텍스트는 어떻게 추가하나요?

사진 합성을 하기 위해서는 우선 합성에 필요한 사진이나 텍스트를 캔버스(격자무늬 영역)에 추가해야 합니다.
아래 그림과 같이 상단의 "추가"메뉴를 통해 사진과 텍스트를 추가할 수 있습니다.
- 앨범 : 휴대폰의 카메라 앨범에서 미리 촬영된 사진을 가져옵니다.
- 카메라 : 휴대폰 카메라로 바로 촬영한 사진을 가져옵니다.
- 텍스트 : 합성사진에 넣을 텍스트를 추가합니다.
- 보관함 : "FunnyP"는 편집한 사진을 보관함에 저장해 두었다가 스티커처럼 재활용할 수 있는데요, 미리 편집하여 보관함에 저장해 두었던 사진을 가져옵니다.

캔버스에 추가한 사진이나 텍스트는 원하는 위치로 이동시키거나 크기를 조절하고, 회전시킬 수 있습니다.
먼서 원하는 사진이나 텍스트를 클릭합니다. 사진이 클릭된 상태에서 아무곳이나 터치하여 드래그를 하면 사진을 이동시킬 수 있습니다.
크기 조절 및 회전은 두 손가락을 동시에 터치하여 손가락을 벌리거나 좁혀서 처리하시면 됩니다.
아래 사진과 같이 사진과 텍스트를 추가하여 원하는 위치로 이동시켜보았습니다.

손으로 터치하여 사진을 이동시키다보면 미세하게 이동시키기가 힘든 경우가 있습니다.
이럴때는 하단의 "미세조정"메뉴를 이용하시면 됩니다.

1. 상/하/좌/우로 1픽셀씩 이동시켜줍니다.
2. 사진을 미세하게 확대하거나, 축소시켜줍니다.
3. 사진을 미세하게 좌/우로 회전시켜줍니다.
이 버튼들을 길게 누르고 있으면 손을 뗄때까지 해당 동작을 계속해서 수행합니다.

합성한 사진을 어떻게 저장하나요?

상단의 "저장"메뉴를 클릭하면 다음과 같은 메뉴가 나타납니다.
- 파일 저장 : 편집하던 그 상태 그대로 저장하여, 나중에 다시 편집할 수 있도록 파일로 저장해 주는 기능입니다.
- 앨범에 저장 : 캔버스에 배치된 사진과 텍스트를 휴대폰 앨범에 사진으로 저장해 줍니다.

위와 같이 편집한 사진을 앨범에 저장하게 되면 다음과 같은 사진을 얻을수 있게 됩니다.
"FunnyP"는 기본 배경색이 투명이기 때문에, 별도로 배경을 설정하지 않으면 앨범에서 확인시 배경이 검게 보일 수 있습니다.

그럼 배경을 어떻게 변경할 수 있는지 알아보겠습니다.
하단의 "배경"메뉴를 선택하면 다음과 같은 배경 선택 팝업이 나타납니다.

1. 카메라 앨범에서 배경에 설정할 사진을 선택할 수 있습니다.
2. 카메라로 직접 촬영한 사진을 배경에 설정할 수 있습니다.
3. 사진이 아닌 색상을 선택하여 배경에 설정할 수도 있습니다.

저는 흰색을 선택하여 다음과 같이 배경을 설정하고 다시 앨범에 저장을 해 보았습니다.

앨범에 저장한 사진은 이제 다음과 같이 배경이 흰색으로 보입니다.

사진의 특정 부분을 지우고 싶을땐 어떻게 하나요?

"FunnyP"에서는 "매직툴"과 "지우개"메뉴를 통해 사진을 지울 수 있는 기능을 제공합니다.

우선 "매직툴" 기능에 대해 살펴보겠습니다.

(매직툴은 터치한 곳의 색상과 유사한 색상을 가진 주위를 자동으로 지워주는 기능입니다.)

하단의 "매직툴"메뉴를 선택하면 화면에 다음과 같은 커서가 나타납니다.

"FunnyP"에서 손가락 터치는 사진의 이동이나 확대/축소 및 회전에 이용되기 때문에 사진 편집(지우기, 자르기, stamp, 그리기)을 위한 기능은 모두 위와 같이 커서를 이용하여 제공합니다.

커서의 기본적인 사용법부터 알아보겠습니다.
1. 버튼을 클릭한 상태로 드래그하여, 커서를 시계/반시계 방향으로 회전시킵니다.
다음과 같이 우측으로 위치한 사진의 특정 영역을 처리하고 싶은 경우 커서를 회전시켜서,
커서의 버튼을 조작할 수 있도록 하고자 할 때 사용됩니다.

2. 버튼을 클릭한 상태로 드래그하여, 커서 자체를 이동시키는 기능입니다.
3. 매직툴 기능을 수행하는 버튼입니다.
4. 커서의 조준경으로, 조준경의 중심점을 기준으로 사진이 지워집니다.

자 이제 2번 버튼을 눌러 커서를 원하는 위치로 이동시킨 후 3번 버튼을 클릭하여 매직툴 기능을 실행해 보았습니다.
아래 사진과 같이 배경의 일부가 지워졌습니다.

매직툴로 지워지는 범위를 좀 넓혀보겠습니다.
하단의 "매직툴 범위"라고 표시된 범위 조절 메뉴에서 범위를 좀 키우면 다음과 같은 사진을 얻을 수 있습니다.
회색 배경이 모두 제거된걸 보실 수 있는데요, 이렇게 매직툴 범위를 조절하여 지워지는 영역을 조절할 수 있습니다.

"매직툴"은 위 사진과 같이 색상대비가 큰 경우에는 유용하지만, 다음과 같이 복잡한 색생으로 이루어진 사진에는 적용하기가 어렵습니다.
(매직툴로 여우만 남기고 배경을 자동으로 지우는데는 무리가 있습니다.)

자동으로 지우지 못하는 영역은 수동으로 지울 수 있도록 "지우개"메뉴를 제공하고 있습니다.
"지우개" 메뉴를 선택하면 역시 커서와 하단에 지우개 크기 조절 메뉴, 그리고 지우개 종류를 선택할 수 있는 메뉴가 나타납니다.
(커서의 사용법은 매직툴과 유사합니다.)

2가지의 지우개 종류가 있는데요, 좌측 지우개는 다음과 같이 지워집니다.

그리고, 우측의 지우개는 다음과 같이 흐릿하게 지워집니다.

이렇게 지우개를 이용하여 아래와 같은 사진을 얻을 수 있습니다.

사진의 일부만 잘라내고 싶을땐 어떻게 하나요?

하단의 "자르기" 메뉴를 선택하면 아래 화면과 같은 메뉴가 나타납니다.
"FunnyP"에서는 4가지 모드의 자르기 기능을 제공하고 있습니다.

차례대로 4가지 자르기 모드를 이용하여 이미지를 잘라내는 방법을 살펴보겠습니다.

<1. 펜툴을 이용한 자르기>
포토샵의 펜툴과 거의 유사한 기능인데요, 베지어 곡선을 그려서 정확하게 자르기 원하는 부분을 선택할 수 있는 굉장히 유용한 툴입니다.
이 기능을 사용하기 위해서는 베지어 곡선을 그리는 연습이 조금 필요한데요, 베지어 곡선을 연습할 수 있는 "베지어 게임"이라는 웹페이지를 소개해 드립니다.(PC화면에 최적화되어 있습니다.)
http://bezier.method.ac/

자 이제 이 툴을 이용하여 원하는 이미지를 잘라내는 방법을 알려 드리겠습니다.
1. 펜툴 커서의 용도는 다음 화면과 같습니다.

2. 먼저 추가한 이미지를 클릭하고 확대한뒤, "커서 이동 버튼"을 누른채 커서를 원하는 위치로 이동시켜 줍니다.

3. "패스 그리기 버튼"을 클릭하여 원하는 방향으로 드래그합니다.

4. "커서 이동 버튼"으로 커서를 이동시킨 후 "패스 그리기 버튼"을 클릭하여 패스를 그리는 것을 반복합니다.

패스를 잘못 그린 경우 화면 상단의 "undo"버튼을 클릭하여 되돌리기를 수행한 후 다시 그릴 수 있습니다.
또는 그려진 점을 "그리기 버튼"으로 다시 클릭한 후 드래그하여 패스를 수정할 수도 있습니다.
(그려진 점을 "그리기 버튼"으로 선택하면 녹색으로 색상이 변합니다.)

그리고 패스를 그리다보면 꺽인 패스를 그리고 싶은 경우가 있는데요, 이럴땐 "그리기 버튼"을 계속 누르고 있는 상태에서 다른 손가락으로 화면 아무데나 터치를 하면 꺽인 패스를 그릴 수 있습니다.

5. 이렇게 패스를 그린 후 커서의 "자르기 버튼"을 클릭하면 다음과 같이 패스 영역이 잘리게 됩니다.

응? 변화가 없어보입니다. 하지만 사진을 이동시켜보거나 layer메뉴를 선택하여 원래 사진을 안보이게 설정하면 잘린 영역을 확인할 수 있습니다.(원본은 그대로 두고 자른 이미지를 새로운 layer로 추가합니다.)

이렇게 해서 다음과 같이 원하는 영역만 잘라내 보았습니다.

<2. 마음대로 자르기>
펜툴을 이용해서 자르기는 정교하게 자르는데는 유용하지만, 연습이 좀 필요해서 쉽게 하기가 어려면이 없지 않아 있습니다.
정교하진 않지만 대충 빠르게 자르고 싶을 때는 자르기 메뉴 중 두번째 메뉴를 이용하시면 됩니다.
이 메뉴는 커서의 그리기 버튼을 클릭한 상태로 그냥 그림 그리듯이 자르고 싶은 영역을 그려주시면 됩니다. 손을 떼면 바로 이미지가 잘립니다.

<3. 네모 모양 자르기>
세번째 메뉴를 선택하면 네모 모양으로 자를 수 있는 커서가 나타납니다.
네모의 중간을 클릭한 상태로 이동하면 커서의 위치를 이동시킬 수 있습니다. 네모의 각 꼭지점과 선분의 중앙에 있는 작은 네모를 클릭하면 자르기 영역의 크기를 조절할 수 있습니다.
이렇게 위치와 크기를 조절한 후 "v"버튼을 클릭하면 이미지를 자르게 됩니다.

<4. 원 모양 자르기>
네번째 메뉴를 선택하면 원형으로 자를 수 있는 커서가 나타나는데요, 사용법은 "네모 모양 자르기"와 동일합니다

끝으로 "자른단면 부드러운 정도"라고 되어 있는 메뉴는 무엇인지 살펴보겠습니다.
아래와 같이 강아지 사진을 추가하고 나서 허스키의 눈을 오른쪽에 있는 강아지에게 합성하고 싶어서 허스키의 눈을 잘라내 보겠습니다.

음... 자른 단면이 너무 티나 나 보입니다.

이럴때 "자른단면 부드러운 정도"메뉴를 이용하여 단면을 좀 부드럽게 할 수 있습니다.
이 메뉴를 조절해 보면 아래 그림과 같이 커서 중앙에 주황색 흐린 원이 커지거나 작아지는 것을 볼 수 있습니다. 이 값을 조절해 가며 사진을 자를 수 있습니다.

이렇게 단면을 좀 부드럽게하여 잘라 붙였더니, 아래 그림과 같이 전보다는 훨씬 자연스러운 합성 사진을 얻을 수 있게 되었습니다.

사진의 배경만 남기고 인물은 지우고 싶을 땐 어떻게 하나요?

흔히 인터넷 게시판에 보면 배경만 남기고 인물은 지워달라는 글이 올라올때가 있습니다. "FunnyP"에서도 해당 처리를 할 수 있도록 도와주는 툴이 있는데요, 바로 stamp 기능입니다.
이 stamp 툴은 도장 찍듯이 먼저 복사하고자 하는 위치의 이미지를 선택한 다음 원하는 위치에 해당 이미지를 복사해서 그려주는 기능입니다.

그럼 바로, 다음과 같이 사진을 추가한 다음 갈대밭 배경만 남기는 방법을 알아보도록 하겠습니다.

1. 일단, 화면 하단의 "stamp"란 메뉴를 선택해 줍니다.
(커서의 사용법은 다른 메뉴들과 유사합니다.)

2. "커서 이동 버튼"을 클릭한채로 복사할 이미지 위치로 커서를 이동시킨후 "스탬프 찍기 버튼"을 클릭해 봅니다. 그럼 다음과 같이 주황색 원이 그려지는 것을 볼 수 있는데요, 바로 이 주황색 원에 해당하는 이미지가 복사가 되는 것입니다.

3. 이 상태에서 다시 "커서 이동 버튼"을 이용하여 이미지를 복사해 줄 위치로 커서를 이동시켜 줍니다. 그리고 "그리기 버튼"을 클릭한 상태로 드래그 해 줍니다.
그럼, 아래와 같이 주황색원의 이미지가 복사되어 커서가 위치한 영역에 그려지게 됩니다.
(주황색 원은 그리기 버튼 이용하여 이미지를 복사하여 이동할때마다, 상대적인 위치가 변하게 됩니다.)