웹디자인 강의
Paintshop 고양이가 사람으로 변신하다...!! morph효과
2002.05.17 04:44
고양이가 사람으로 변신하다...!!
--------------------------------------------------------------------------------------
이번에는 페인트샵의 둘도 없는 친구 Animation Shop을 이용해서 morph효과에 대해 설명하겠습니다
자..만들려면 미리 만들어진 2개의 이미지가 필요합니다..여차하면 3개,4개,5,...도 가능하죠..
하지만 어디까지나 효과의 맛을 보실려면 간단하게 해야겠죠..
--------------------------------------------------------------------------------------
첫번째 사진은 고양이 사진입니다.초상권이 침해안될라나??
두번째는 ^^;; 또 접니다..
그럼 Animation Shop을 열어보겠습니다.(fig.01)
2개의 이미지를 Animation Shop에서 불러옵니다.그리고 새파일을 열어서
각각의 이미지를 마우스의 drop & down 이용해서 원하는
위치까지 가져갑니다. 하지만 여기서는 Animation Wizard를 써서 해보겠습니다(fig.02)
자그럼 차례대로 진행해봅시다.
프레임의 크기와 이미지의 크기를 같게 해서 만들려면 위에껄 하시면 됩니다 (fig.03)
여기서는 캔퍼스 바탕화면에 대한것입니다 Transpaent(투명)과 Opaque가 있습니다 보통은 2번쨀껄 쓰죠~(fig.04)
이미지가 위치하는 부분을 정해줍니다 아래화면은 기본사양입니다 (fig.05)
애니메이션을 반복할꺼면 위에꺼 몇번을 할껀지 지정할려면 "play it"을 선택하고 수를 적어주면 된다. 그리고 그 밑으로 초당속도를 가리킨다.수치가 높을
수록 빨라진다.(fig.06)
Add Image를 선택해서 원하는 이미지를 선택한다.여기서는 2개를 선택했다(fig.07)
자 이제 작성이 끝났다(fig.08)
그럼 이렇게 각각의 이미지가 들어가있을것이다(fig.09)
여기서 마우스를 처음이미지(고양이)에 가져가서 오른쪽 마우스를 통해 insert image transition 메뉴를 선택합니다(fig.10)
그럼 다양한 효과창들이 뜨죠 거기서 morph를 찾습니다.
그리고 조금더 세부적인것은 Transition Length(변환되는 시간입니다 초단위)그리고
Frames per(프레임수)이 있죠 프레임수가 많으면 많을수록 용량은 올라가고
화면은 부드러워집니다..참고 하세요(fig.11)
그리고 그밑으로 customize를 선택합니다.그럼 거미줄 모양의 아래와 같은 화면이
뜨죠? 그럼 선들이 연결되는 지점에 마우스를 올려보세요 그럼 왼쪽의 위치와
오른쪽의 위치가 동시에 표시됩니다.그럼 왼쪽 포인트에서 오른쪽 포인트로
그림이 몰핑된다는 말입니다..이걸 잘조정해야지 자연스럽게 화면이 넘어갑니다.(fig.12)
그리고 조절이 다 끝나고 오케이 하면 이제 자신이 넣었던 2개의 이미지 사이에 그 변환
과정이 프레임수만큼 들어가있습니다.그럼 이것을 저장을 해야겠죠?
[메뉴]file->save 를 누르면 이름을 적고 저장을 합니다.그럼 아래와 같이
animation quality를 조정하는 창이 나옵니다. 위로 갈수록 화질은 좋고 용량은 커지겠죠?
대충 영어보시면 알껍니다.
자 완성작입니다.~~~
--------------------------------------------------------------------------------------
자꾸 강좌를 만들다 보면 이렇게 길어지네요...계속 이미지의 수는 늘어만 가고 좀더
쉽게 설명하기위해서는 많은 캡쳐를 받아야 하니...머리가 어지럽네요~~~
도움말이나 ~~필요한 사항은 가차없이 글남겨주세요~~~
--------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------
이번에는 페인트샵의 둘도 없는 친구 Animation Shop을 이용해서 morph효과에 대해 설명하겠습니다
자..만들려면 미리 만들어진 2개의 이미지가 필요합니다..여차하면 3개,4개,5,...도 가능하죠..
하지만 어디까지나 효과의 맛을 보실려면 간단하게 해야겠죠..
--------------------------------------------------------------------------------------
첫번째 사진은 고양이 사진입니다.초상권이 침해안될라나??
두번째는 ^^;; 또 접니다..
그럼 Animation Shop을 열어보겠습니다.(fig.01)
2개의 이미지를 Animation Shop에서 불러옵니다.그리고 새파일을 열어서
각각의 이미지를 마우스의 drop & down 이용해서 원하는
위치까지 가져갑니다. 하지만 여기서는 Animation Wizard를 써서 해보겠습니다(fig.02)
자그럼 차례대로 진행해봅시다.
프레임의 크기와 이미지의 크기를 같게 해서 만들려면 위에껄 하시면 됩니다 (fig.03)
여기서는 캔퍼스 바탕화면에 대한것입니다 Transpaent(투명)과 Opaque가 있습니다 보통은 2번쨀껄 쓰죠~(fig.04)
이미지가 위치하는 부분을 정해줍니다 아래화면은 기본사양입니다 (fig.05)
애니메이션을 반복할꺼면 위에꺼 몇번을 할껀지 지정할려면 "play it"을 선택하고 수를 적어주면 된다. 그리고 그 밑으로 초당속도를 가리킨다.수치가 높을
수록 빨라진다.(fig.06)
Add Image를 선택해서 원하는 이미지를 선택한다.여기서는 2개를 선택했다(fig.07)
자 이제 작성이 끝났다(fig.08)
그럼 이렇게 각각의 이미지가 들어가있을것이다(fig.09)
여기서 마우스를 처음이미지(고양이)에 가져가서 오른쪽 마우스를 통해 insert image transition 메뉴를 선택합니다(fig.10)
그럼 다양한 효과창들이 뜨죠 거기서 morph를 찾습니다.
그리고 조금더 세부적인것은 Transition Length(변환되는 시간입니다 초단위)그리고
Frames per(프레임수)이 있죠 프레임수가 많으면 많을수록 용량은 올라가고
화면은 부드러워집니다..참고 하세요(fig.11)
그리고 그밑으로 customize를 선택합니다.그럼 거미줄 모양의 아래와 같은 화면이
뜨죠? 그럼 선들이 연결되는 지점에 마우스를 올려보세요 그럼 왼쪽의 위치와
오른쪽의 위치가 동시에 표시됩니다.그럼 왼쪽 포인트에서 오른쪽 포인트로
그림이 몰핑된다는 말입니다..이걸 잘조정해야지 자연스럽게 화면이 넘어갑니다.(fig.12)
그리고 조절이 다 끝나고 오케이 하면 이제 자신이 넣었던 2개의 이미지 사이에 그 변환
과정이 프레임수만큼 들어가있습니다.그럼 이것을 저장을 해야겠죠?
[메뉴]file->save 를 누르면 이름을 적고 저장을 합니다.그럼 아래와 같이
animation quality를 조정하는 창이 나옵니다. 위로 갈수록 화질은 좋고 용량은 커지겠죠?
대충 영어보시면 알껍니다.
자 완성작입니다.~~~
--------------------------------------------------------------------------------------
자꾸 강좌를 만들다 보면 이렇게 길어지네요...계속 이미지의 수는 늘어만 가고 좀더
쉽게 설명하기위해서는 많은 캡쳐를 받아야 하니...머리가 어지럽네요~~~
도움말이나 ~~필요한 사항은 가차없이 글남겨주세요~~~
--------------------------------------------------------------------------------------
댓글 15
-
김동준
2002.05.17 04:45
역시 제가 만든 예제는 형편이 없네요..누가 응용해서 만들어 보고 올려주세요~~고양이와 사람이라...~~ㅋㅋ -
funnyPSP
2002.05.17 12:03
오호라 이런 기능도 있었군요.. -
{동준짱}
2002.05.17 13:53
기능은 제대로 모르는데 단지 자신이 쓰고있다고만 해서 페인트샵이 좋다고 말하는것 보단..직접 웹 이미지제작툴로써의 효용성을 보여주게 되면...더욱 좋겠죠? -
멋진돌
2002.05.17 18:55
정확히 설명하기 힘든데..
그리드에서 작업할때..
비슷한 위치로 조절해야합니다..
그러니까 고양이 눈부분에 있는 그리드 위치를
사진의 눈부분에 맞추고.. 또 코는 코대로...
이런식으로 작업하시면
그냥 이미지가 서서히 바끼는거 같지 않고
진짜 변신하는 것처럼 바뀌게 됩니다..(중간지점은 두 이미지의 중간 이미지가돼죠^^ 이걸로 여친과 남친의 사진을 합성해서 미래의 2세 얼굴이 나온다는.. 물론 중성의..--;;)
저는 페인트샵에서 사용한게 아니고 이런 기능만 하는 프로그램이 있는데
그걸 썼었죠..^^ -
memoria
2002.05.21 02:42
재밌네요. ㅎㅎㅎ -
{동준짱}
2002.05.21 18:54
잼있나요? ^^ 담엔 더 재밌게 할께요~~^^ 강좌 지금 만들고 있는데...요즘 할께 왜 이렇게 많은지..원.. -
sinjou
2002.07.04 21:24
조금 무섭네요.근데 유용한거 같아요 -
김인영
2002.07.21 19:57
고양이 너무 귀여워 *^^* -
hasia
2002.08.11 19:12
이런 기능이 있었군요 ^-^
너무 멋지네요, 감사드립니다 -
{동준짱}
2002.08.12 05:46
아 hasia님 여기서 보시고 오셨군요~^^;; -
김진환
2002.10.01 03:15
http://ydcc.org/etc/mstoyobi.gif예제입니다. 제가 아는 앤데 박화요비랑 닮았다구 누가 그래서요.. 생각보다 괜찮은 결과가 나왔네요. 첨 해봤는데.. 잘 배웠습니다. -
이경근
2002.10.03 12:04
↑헐.. 진짜 변신하는 것 같아요! -
Alice
2003.01.27 10:37
왜... 전 안보일까요...? ㅠ_ㅠ -
오다솜
2004.02.03 12:40
엑박의 압박입니다...[엑스박스] -
초딩디자이너
2006.01.25 14:23
모두모두 액박인뎅 어케 봐용--;;