웹디자인 강의
기타 (Cool3D)움직이는 텍스트애니만들기^-^
2002.06.27 10:41
안냥하세요 간만임다..ㅎㅎ..아쉽게 축구는 졌지만..
한국인의 혼은 살아 있음을 느꼈읍니다 넘 뿌듯..^----^;
어떤 강좌를 할까 생각하다가 요즘 조금씩 손대고 있는 유리드사의 Cool3D를 하기로 했음다..
혼자 끄적끄적하다가 알아낸것이니 허접하더라도 이해하세요^-^
이것 역시 실전예제가 될수 있으면 실제로 현대자동차 웹페이지에서
움직이는 로고마크에 비슷하게 적용되고 있습니다..
먼저 Cool3D란 넘이 무엇이냐^^
바로 이넘임다^^ 히..텍스트3D 효과만 전문적으로 나타내는 넘이죠...이넘을 이용하면 멋진 효과를
쉽게 만들 수 있습니다..
그럼 본 강좌에 들어갈까여~~첨 Cool3D를 실행 시키면 디폴트로
탑에 메뉴리스트그리고 단축아이콘리스트가 있으며 화면중앙에 작업창이 있습니다 검은색이져
이넘이 첨에 300x200정도 사이즈이기 때문에 작업창을 키워보죠..
여기에서 디멘션을 클릭하면 화면사이즈를 조정할수 있습니다 전 400x200 했음다..
그럼 텍스트를 넣죠
여기에서 젤 앞에 있는 아이콘 선택! 차례로 설명하자면
텍스트입력>텍스트수정>오브젝트(구/정육면체/기타)입력/오브젝트수정임다..
그럼 담과 같은 패널이 나옵니다 여기에서 원하는 텍스트 입력..!
그럼 담과 같은 결과물이 나옵니다
*****여기에서 하나 설명하죠..애니메이션에서 중요한게 프레임이란건 알고 계시죠^^..
Cool3D도 프레임이 존재합니다..바로~~
요놈이죠^^첨에 디폴트(기본)로 바가 젤 앞에 위치합니다..바로 위 결과물이 나온뒤에
요 프레임을 확인하면 젤 앞에 온게 보일겁니다..
요 바가 뒤에 위치한다면 자연스럽게 애니가 이로어지는것입니다..
플래시와 다른점이 플래시는 애니명령을 주어야 되지만
이넘은 자동적으로 생성하는게 틀린점입니다.*****
그럼 여기에서 맨아래 있는 바벨 효과를 주면 담과 같이 나옵니다..
그리고 프레임패널은 젤뒤에 위치시킨후 바벨효과를 다른걸 줍니다..
****지금까지 텍스트가 바벨효과애니를 했습니다..그럼 무빙애니(움직이는..)를 해야겠죠^^..****
프레임을 중간에 놓고 오브젝트 회전을 선택후 텍스트를 90도 회전 시킵니다..
그런후에 프레임을 마지막에 놓고 오브젝트를 원래대로 놓습니다(180도 회전하는거죠)
그런후에 애니가 빨리 이루어지는것 같으니 전 다음과 같이 프레임을 늘렸습니다.
자 이제 완성했습니다 그럼 저장을 해야겠져^^..
gif애니로 원하는 장소에 임포트(파일변환저장) 시킵니다...
다음은 결과물입니다..
이것을 잘 응용한다면 다음과 같이 적용 가능합니다..
http://www.hyundai-motor.com/main.html
왼쪽상단 로고 보이죠^^..
그럼 궁금한거 질문 꼬맹이로 받구요 즐거운 하루 보내세요 아행행~~~
한국인의 혼은 살아 있음을 느꼈읍니다 넘 뿌듯..^----^;
어떤 강좌를 할까 생각하다가 요즘 조금씩 손대고 있는 유리드사의 Cool3D를 하기로 했음다..
혼자 끄적끄적하다가 알아낸것이니 허접하더라도 이해하세요^-^
이것 역시 실전예제가 될수 있으면 실제로 현대자동차 웹페이지에서
움직이는 로고마크에 비슷하게 적용되고 있습니다..
먼저 Cool3D란 넘이 무엇이냐^^
바로 이넘임다^^ 히..텍스트3D 효과만 전문적으로 나타내는 넘이죠...이넘을 이용하면 멋진 효과를
쉽게 만들 수 있습니다..
그럼 본 강좌에 들어갈까여~~첨 Cool3D를 실행 시키면 디폴트로
탑에 메뉴리스트그리고 단축아이콘리스트가 있으며 화면중앙에 작업창이 있습니다 검은색이져
이넘이 첨에 300x200정도 사이즈이기 때문에 작업창을 키워보죠..
여기에서 디멘션을 클릭하면 화면사이즈를 조정할수 있습니다 전 400x200 했음다..
그럼 텍스트를 넣죠
여기에서 젤 앞에 있는 아이콘 선택! 차례로 설명하자면
텍스트입력>텍스트수정>오브젝트(구/정육면체/기타)입력/오브젝트수정임다..
그럼 담과 같은 패널이 나옵니다 여기에서 원하는 텍스트 입력..!
그럼 담과 같은 결과물이 나옵니다
*****여기에서 하나 설명하죠..애니메이션에서 중요한게 프레임이란건 알고 계시죠^^..
Cool3D도 프레임이 존재합니다..바로~~
요놈이죠^^첨에 디폴트(기본)로 바가 젤 앞에 위치합니다..바로 위 결과물이 나온뒤에
요 프레임을 확인하면 젤 앞에 온게 보일겁니다..
요 바가 뒤에 위치한다면 자연스럽게 애니가 이로어지는것입니다..
플래시와 다른점이 플래시는 애니명령을 주어야 되지만
이넘은 자동적으로 생성하는게 틀린점입니다.*****
그럼 여기에서 맨아래 있는 바벨 효과를 주면 담과 같이 나옵니다..
그리고 프레임패널은 젤뒤에 위치시킨후 바벨효과를 다른걸 줍니다..
****지금까지 텍스트가 바벨효과애니를 했습니다..그럼 무빙애니(움직이는..)를 해야겠죠^^..****
프레임을 중간에 놓고 오브젝트 회전을 선택후 텍스트를 90도 회전 시킵니다..
그런후에 프레임을 마지막에 놓고 오브젝트를 원래대로 놓습니다(180도 회전하는거죠)
그런후에 애니가 빨리 이루어지는것 같으니 전 다음과 같이 프레임을 늘렸습니다.
자 이제 완성했습니다 그럼 저장을 해야겠져^^..
gif애니로 원하는 장소에 임포트(파일변환저장) 시킵니다...
다음은 결과물입니다..
이것을 잘 응용한다면 다음과 같이 적용 가능합니다..
http://www.hyundai-motor.com/main.html
왼쪽상단 로고 보이죠^^..
그럼 궁금한거 질문 꼬맹이로 받구요 즐거운 하루 보내세요 아행행~~~