트랙백   |  댓글   |
  
트랙백   |  댓글   |
  
트랙백   |  댓글   |
  
트랙백   |  댓글   |
  
트랙백   |  댓글   |




파일을 살펴 본 결과 확대 이미지가 담긴 무비클립을 스타트 드래그 하도록 되어있는데요...

그렇게 되면 무비클립자체가 움직여 버리는 결과물을 얻을수 밖에 없을 것 같습니다...


돋보기 효과는 이미지의 확대 된 부분을 마스크 처리하여 보여주는것이기 때문에 마스크 자체를 이동시켜야 합니다...


기본 사진을 1 번 레이어 올리고
2 번 레이어에 확대된 이미지를
3 번레이어에는 마스크처리될부분(돋보기)를 올립니다...
3번 레이어를 마스크 처리합니다...
그리고 이 돋보기를 무비클립으로 지정하고  
이 무비클립을 움직여 주어야 원하는 결과를 얻을수있을것 같습니다...

저는 돋보기를 움직이기 위하여
_xmouse, _ymouse 속성을 이용하였습니다...
이 속성을 이용하면 확대 된 이미지를 마우스의 움직임에 따라 이동시켜서 보다 더 사실적인 돋보기 효과가 가능할것같습니다..

기본 사진의 바로 위에서 확대 된 이미지가 보여 질수있도록말이죠...

여러분들이 직접 한번 구현 해 보세요


저는 이러한 결과물을 얻을 수 있었는데요....
질문자께서 만족할 수 있었으면 좋겠네요...

감사합니다...^^...행복만땅

  
트랙백   |  댓글   |
네이버 지식인에 올라온 요청 자료입니다

눈깜빡임 효과는 제 블로그의 올려진 강좌중에
 
플래쉬 입문 >>> 레이어와 심도의 개념잡기, 마스크 기법의 이해
 
라는 제목으로 게시가 되어있으니 자세한 제작법은 참고 하셔도 좋을 것 같습니다


포토샵이나 일러를 사용하지 않고 순수하게 플래쉬로만 제작했습니다











  
트랙백   |  댓글   |
이번에는 플래쉬 버튼의 중첩현상에 대해서 소개할까 합니다
플래쉬에서는 버튼이 중첩되어있을경우
상위 버튼에 대해서만 동작을 하게 됩니다..
대부분의 초보 사용자들이 이 부분에 대한 이해가 부족하여 많은 실수를 범하는 것 같아
 의뢰받은 파일을 중심으로 한 번 살펴볼까 합니다



사용자 삽입 이미지



이것이 질문자께서 제작한 원본인데요....
1번레이어에 무비클립
2번레이어에 이미지
3번레이어에 투명버튼
4번레이어에 액션
액션은다음과 같이 정리가 되었습니다
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
_root.b._visible = false;        //처음에는 보이면 안되므로...
//_root.m.onMouseOver=function(){
_root.m.onRollOver = function() {     //버튼에 마우스를 올릴때.
   _root.b._visible = true; 
     _root.m._visible = false;
  //이미지를 보이게 한다.
}
_root.b.onRollOver = function() {     //버튼에 마우스를 올릴때.
   _root.b._visible = true; 
    _root.m._visible = false;
    // _root.m._visible = false; //이미지를 보이게 한다.
}
//_root.m.onRollOut = function() {      //버튼을 벗어날때..
_root.b.onRollOut = function() {
 _root.m._visible =true; 
   _root.b._visible =false; //이미지를 다시 숨김..
}
/*
_root.b.onRollOut = function() {
 _root.m._visible =true; 
   _root.b._visible =false; //이미지를 다시 숨김..
}
*/
//_root.btnMouse.onRelease = function() {    //버튼을 클릭했을때..
      //_root.mcImage.loadMovie("2.swf");      //로드무비한다..
//
}
 
c1.onRelease = function() {
 getURL("http://www.naver.com",_blank);
}

c2.onRelease = function() {
 getURL("www.11st.co.kr ",_blank);
}

c3.onRelease = function() {
 getURL("www.gsshop.com ",_blank);
}

c4.onRelease = function() {
 getURL("www.interpark.com ",_blank);
}


+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

색깔입힌 부분은 주석에 해당합니다....잘못된 액션등이구요
질문자께서는 맨아래 있는 레이어의 무비클립이 보여지고 있는 상태에서
이 무비클립에 마우스가 올려지면
레이어 2 에 있는 이미지가 위에서 아래로 슬라이딩 되어서 내려 옵니다
그리고 레이어 3 에있는 버튼을 클릭하면 해당 링크로의 이동을 하구요...
 이 무비클립에서 마우스가 빠지면 이미지는 다시 롤 슬라이딩 되어서 올라가고(화면 밖으로 사라짐)
다시 무비클립이 보여야한다는 것이죠...

이 문제를 단순한 _visible 속성을 이용하여 풀려고 했기 때문에
원만한 결과를 얻지 못한경우라 할 수 있습니다



여기서 문제는
각 심볼들의 속성을 없애주는 _visible 속성을 사용하였지만
아래에 있는 무비클립 또한 버튼으로서의 역할을 해버린다는것이죠....

_root.m.onRollOver = function()

바로 이 액션에 의해 무비클립인 심볼이 버튼으로의 역할으 해버려서
 상위의 버튼 c1 ~ c4 와의 중첩현상이 생기게되는것이죠...

이것은 다음과 같이 풀어볼수있습니다


사용자 삽입 이미지
 
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++


 
이것은 수정 된 파일의 스냅샷인데요...
일단은 3번 레이어에 있는 버튼들을 2 번레이어에 위치한 이미지 무비클립안으로 옮겨
각각의 인스턴스네임을 주었습니다
그리고 무비클립위에 하나의 투명버튼을 만들어 주어 그 버튼의 인스네임을 mbt 이라하였습니다
이 버튼에 의해 마우스가 롤 오버 되면 2 번 프레임으로의 이동을 시킵니다
그리고 여기에서 이미지를 슬라이딩시키고
현재는 c1 버튼만 올려져 활성화가 되어있습니다
이 버튼을 클릭하면 해당 URL로의 이동이 가능해집니다
또 하나 롤 아웃의 경우
해당이미지를 슬라이딩 시킨후
1 번 프레임으로의 이동후 정지를 시켜서 원하는 결과를 얻을수있었습니다
 








  
트랙백   |  댓글   |

아프리카 로고라는 것을 만들어 봣습니다...

사실 아프리카라는 곳이 머하는곳인지도 잘몰라서 어리둥절하네요....

학생이신것 같은데....만족햇으면 좋겠네요...

  
트랙백   |  댓글   |
 



플래쉬 마스크인데요....단순한 모션 트윈의 경우 레이어를 이용하면 쉽게 마스크를 씌울수가 있는데요
...이 작품은 눈이라는 것을 액션으로 복제를 하고 메인 스테이지에 올려 놓아서 복제되어진 눈이 이미지 전체에 덥혀 버리는...그래서 마스크효과를 볼수없는 경우 입니다....
duplicate() 함수를 사용하게 되면, 복제 개수만큼 심도가 + 됩니다....
그래서 생기는 문제인데요....

일전에 이런것을 하다가 막혀서 단순 무비클립으로 해결을 한적이있는데, 이번에는 이것을 해결했습니다.....네이버 지식인에 올라 온 질문인데요......창을 마스크 씌워서 창밖으로 누이 내리는 효과를 주어 봅시다....

파일을 살펴 본 결과
마스크 씌울 부분을 setMask()함수를 이용 액션을 주었는데 이것을 삭제 하구요...
onClipEvent(load){                              
 //_root.snowef.snow.setMask(this);
 }                                                        
이 마스크 심볼을 다시 사람이 들어가 있지 않은 순수 창 만으로 마스크를 다시 만들었습니다....

그런다음 컨트롤러와 snow를 묶어서 하나의 심볼..snowEF로 묶었습니다...
그리고 이 심볼을 메인에서 인스턴스 네임으로 똑같은 snowef로 정의 했습니다
그리고 다음과 같이 컨트롤러에 주어진 액션들에 이 인스턴스 네임을 추가했습니다...

_root.snow.duplicateMovieClip("snow"+i, i);

이렇게 되있는것들을 죄다 다음과 같이 바꿉니다

_root.snowef.snow.duplicateMovieClip("snow"+i, i);

_root.snow....... 로 되어있는 부분들을 _root.snowef.snow.....로바꾸어 준다는겁니다

그러니까 다음과 같은 결과물을 얻을수있었습니다...



 마스크 부분을 급하게 다시 만드느라 깔끔한 모습은 아니지만,
원하는 결과는 얻을수있었습니다...


이 참에 비트맵 이미지를 삽입한 마스크 를 제작하는 방법 한가지 알려 드리겠습니다...
비트맵 이미지를 불러 들이면 전체가 하나의 이미지로 선택되게 됩니다
이 비트맵 이미지를 선택한 후 상단의 메뉴에서
Modify  >>>> Break Apart  .....하거나 단축키 Ctrl + B 하면
이 비트맵이미지가 점들로 바뀌는 것을 볼수있을겁니다...

이는 하나의 이미지를 쪼갠다는 의미인데요....
먼저 상위에 레이어 하나를 더 만듭니다 이 레이어에
 필요한 부분.... 예제에서는 창문이 되겠지요..
이 부분에 해당하는 선을 그리거나 펜 툴을 이용해서 선을 그어 주십시요....
그러면 원하는 부분을 그렸으면 이 선을 복사해서
 아래에 있는 이미지 위에 그대로 붙여 넣기(past in place) 합니다
그러면 선을 중심으로 창과 사람들이 있는 이미지가 분리 되어 선택 된다는것을 알수있을 겁니다
이렇게 한다음 불필요한 부분들을 dellete 키를 이용해서 지운후에 필요한 부분만 마스크로 사용하시면 됩니다...

말로 설명하니까 상당히 어려울것 같지만요...
막상해보시면 재미있을겁니다....

그러면 즐거운 시간되십시요....



 
 
  
트랙백   |  댓글   |
 이전  12   다음 

최근댓글
최근트랙백
fotowall :: ncloud RSS Feeds today :    yesterday :
total :