웹디자인 강의
Photoshop 그림이 서서히 바뀌는 것
2004.08.12 18:57
![내동생.gif](/files/attach/images/19360728/480/422/019/내동생.gif)
글 읽기전...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
1. 글의 내용의 태클은 좋지만 글쓴이의 마음을 아프게 하진 말기 !
2. 글 내용이 별로여도 좋다고 말해주기 (...ㅡ.ㅡ)
(하지만 이런 글에 전 힘을얻는 답니다...^^;)
3. 시간 여유 있으면 홈피에 놀러와 글 남겨 주기... 외로워요 ㅜㅜ
[광고] http://cyworld.nate.com/park_won [하지만.... ]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
그림이 서서히 바뀌는 것을 알려 드리겠습니다.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
말로 우선 개념을 어느정도 아신후에
첨부한 파일을 보시면 쉽게 접근하실 수 있을 것 입니다. ^^;
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
첫번째로
제가 알고 있는 기법이 모핑 기법인데 (전 -_-; 구현은 불가 )
한 인물에서 다른인물로 부드럽게 변하는 것이죠
(인물뿐만아니라 배경등이 변할 수 도 있겠죠)
마이클 잭슨의 뮤직 비디오 Black or White보면 나와요 ^^;
플레시에서는 shape이라는 것이 있어서 부들럽게 변하는게 가능하지만
사람 얼굴같은것은 Flash로 구현하기가 힘들죠..
-관련기사
음악도 음악이긴 하지만 에디 머피, 매직 존슨, 매컬리 컬킨 등 여러 유명 인사들이 출연하고 혁신적인
기술을 도입했던 뮤직 비디오가 큰 화제를 모았다. 서로 다른 성과 인종의 사람들이 변하는 '모핑'
기술이 눈길을 끌었던 'Black Or White'
두번째로
제가 알려 드릴 수 있는 것입니다.
알파값을(투명도) 조절하여 이미지가 부드럽게 변하는 것입니다.
제가 만들은 예제 파일을 예로 들어 설명해 드리겠습니다.
1프레임 투명도 100%의 그림 A 한장을 깔고
2프레임 투명도 100%의 그림 A + 위에 투명도 20%의 그림 B
3프레임 투명도 100%의 그림 A + 위에 투명도 40%의 그림 B
4프레임 투명도 100%의 그림 A + 위에 투명도 60%의 그림 B
5프레임 투명도 100%의 그림 B
위 내용을 그림 수 만큼 반복 하시면 됩니다.
그러면 그림 A에서 B로 서서히 변하는 것처럼 보입니다. ^^
자세한 내용은 첨부된 파일을 참조해 주세여
말로 하는 것보다 예제 파일 보시면 바로 이해 되실 것입니다.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
물론 만약 몰핑 기법을 쓰실 줄 아시는 분은 그쪽이 더 자연스럽게
변하는 것을 연출하실 수 있습니다. 저의 짧막한 지식으로 말해 드리자면..
Black or Whtie 뮤직비디오 몰핑 기법을 만드는 것을 TV에서 본적이 있는데
인물을 우선 차례대로 찍은 후 A라는 인물에서 B라는 인물로 변할때
3D로 인물의 얼굴 좌표를 지정해주고 (A, B각각) 좌표의 변환을 통해 (A좌표 에서 B좌표로의 이동)
인물이 부드럽게 변하는 것을 표현해 주더군요... 보고 감동 ㅜㅜ(어렸을적에)
물론 예전이야기입니다. 지금은 더 쉽게 더 편하게 더 실제처럼 만드는 방법이 있겠죠 ^^;
(전 모름 ㅋㅋ)
그럼 즐거운 하루되세여
댓글 11
-
앙잇대
2004.08.23 12:06
산업별/업종별 홈페이지 디자인과 플래시소스, 메인/서브 페이지 템플릿제작 파일제공-www.bmpshop.com -
박원
2004.08.12 18:58
맞다 모르고 안적었는데 ... 파일 열어 주실때 ...
이미지 레디에서 열어 주세요 ^^/
포토샵에서 열면 변화는 과정이 안뜸니다 !!! 꼭 이미지 레디로 열어 주시기 바랍니다. -
Simsim
2004.08.12 20:31
뭔가 어색하지만 재미있네요 ㅎㅎ -
hozz호찌
2004.08.12 23:13
모핑은 포토샵으로 어렵고, 박원님이 설명하신 건 이미지레디에서 쉽게 Tween 기능으로 할 수 있죠. -
박원
2004.08.13 09:13
네 위에 분말대로 해도 되는데 그것 보단 어떤 방법으로 변하는가를 아는 것도 중요해서 ^^;
트윈 기능 설명하는거 빠뜨려 죄송합니다 ㅜㅜ
위방법대로 하면서 아 이런거구나 라는 것을 알게 되면 각 레이어(프레임마다) 약간의 변화를
주어서 세부적 변화 아래쪽 I'll Be Back 의 깜박임 또는 색상의 변화 등등 여러 효과를
추가할 수도 있기 때문에 이런 식으로 설명 드렸습니다. ^^;
다음 부터는 다른 방법도 있다면 찾아봐서 알려 드리겠습니다.
조언 감사합니다 ~ -
최영곤
2004.08.13 11:48
박원// 죄송합니다만 초면에 쓴소리 좀 하자면...
지금 올리신 방법은 그냥 일반 화면전환이지 모핑기법이랑은 차이가 좀 있네요
실제로 Black or White 뮤비를 보셨는지 모르겠지만
님이 올려주신 예제처럼 알파효과로 변한다는 느낌이 아니라
flash의 shape tween과 같은 느낌이 나죠
실제 모핑기법을 포토샵으로 구현해 본적이 있는데
방법은 A사진을 Liquify툴로 B사진의 얼굴 형태와 비슷하게 다듬고 Hue/Saturation과 Curve툴을 사용해서 얼굴색도 맞춰가면서 그렇게 변해가는 과정을 10장으로 만든후 이미지레디로 애니메이션으로 만들었었습니다. -
hozz호찌
2004.08.13 13:48
최영곤//
아- 포토샵으로는 모핑을 그렇게 할 수 있군요:d 다만 노가다가 될 것 같은 느낌 -_-..
박원님이 모핑은 자신이 설명할 수 없다고 첫번째에 말씀 하셨고, 두번째 최영곤님이 말씀하신 알파값으로 서서히 변하는 것에 대해 설명하고 계시네요. -
hozz호찌
2004.08.13 13:49
주절주절 .. -_-;; -
최영곤
2004.08.14 08:46
흠...
게시물이 제가 잃었을때랑 내용이 틀리네요...
수정이 되고 난 후에 제 코멘트를 읽어보니 제가 바보가 된 기분이네요
hozz호찌//
포토샵에 모핑필터가 생기지 않는 한 그렇게 밖에 작업이 안되겠던데요...
혹시나 좋은방법 아시는분 코멘트 달아주셨음 좋겠습니다.
다음에 또 그런거 하게 될거 같거든요 -ㅁ-;;;
노가다는 이제 그만 -
박원
2004.08.14 16:47
http://www.nzeo.com/bbs/zboard.php?id=p_design&page=1&sn1=&divpage=1&sn=off&ss=on&sc=off&select_arrange=headnum&desc=asc&no=3027
여기에 모핑에 관한 자료를 올려 두었습니다. 참조 바랍니다 ^^;;
(출처는 웹) -
최영곤
2004.08.16 09:09
poiuty//
확실한 모핑예제 입니다.
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] | Eccen | 2004.12.15 | 48031 |
1775 |
14. 심플하게 사진틀을 만들어보자. 2편
[16]
![]() | 박진 | 2004.08.13 | 21351 |
1774 |
허졉한 눈강의 [ 날카로운눈]
[18]
![]() | ps그림판 | 2004.08.13 | 12125 |
1773 |
[허졉한 명암 도트 강좌]
[7]
![]() | ps그림판 | 2004.08.13 | 9742 |
1772 |
{피용v} 특수한효과
[14]
![]() | 피용v | 2004.08.12 | 23758 |
» |
그림이 서서히 바뀌는 것
[11]
![]() | 박원 | 2004.08.12 | 19491 |
1770 |
마티오의 도트 강좌*물고기 입에문 고양이 그려보기
[8]
![]() | 마티오 | 2004.08.11 | 14164 |
1769 |
한복 여인
[19]
![]() | 허접이프로그래머 | 2004.08.11 | 12171 |
1768 |
'젤' 효과 내기 ^0^
[9]
![]() | ☺zetx☺ | 2004.08.11 | 20593 |
1767 |
물방울 만들어 보기
[2]
![]() | 박원 | 2004.08.10 | 15626 |
1766 |
포토샵 단축키 [필요할때쓰세요]
[8]
![]() | ☺zetx☺ | 2004.08.08 | 8378 |
1765 |
┌밑에글 완성품입니다..죄송
[8]
![]() | ☺zetx☺ | 2004.08.08 | 7697 |
1764 |
마른잎에 물방울 만들기 [zEtx]
[3]
![]() | ☺zetx☺ | 2004.08.08 | 13130 |
1763 | 불꽃남자 만들기 ㅡ.ㅡ/ [9] | 박원 | 2004.08.07 | 16200 |
1762 |
인물 그리기 제작과정
[3]
![]() | ♡윤희사랑♡ | 2004.08.07 | 15047 |
1761 |
로그인 스킨...
[17]
![]() | (-_ㅡ*) | 2004.08.07 | 14266 |
1760 | 움직이는 이미지 네임 만들기 [6] | teardrop | 2004.08.05 | 12654 |
1759 |
사진을 이쁘게 보정해보자!
[13]
![]() | [수아]작은아씨 | 2004.08.02 | 21177 |
1758 |
사진을 이쁘게 보정해보자!
[13]
![]() | [수아]작은아씨 | 2004.08.02 | 21208 |
1757 |
[초보용] 사진의 특정색만 제외하고 흑백으로 만들기
[13]
![]() | 방정환 | 2004.08.01 | 16243 |
1756 |
오래된 사진의 테두리 만들기 - 초보용입니다.
[9]
![]() | 방정환 | 2004.07.28 | 23742 |