웹디자인 강의
기타 (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
왼쪽상단 로고 보이죠^^..
그럼 궁금한거 질문 꼬맹이로 받구요 즐거운 하루 보내세요 아행행~~~
댓글 20
-
HG
2002.06.27 14:48
오옷...+_+ -
아기구더기
2002.06.27 16:05
상단 왼쪽의 현대 마크로군요.. (근데 아행행이 아니고 아햏햏 입니다 ㅡㅡ;;) -
정옥선
2002.06.27 16:53
강좌 땡큡니다 감사하구요~ backimage는 어떵게 불러와 저장 합니까^^=워낙 초보라
부탁합니다 -
미스디쟌
2002.06.27 17:43
아기구더기/아햏햏이군여^^ 제가 외계어에 약해서리 어디서 본듯한멘트라 어설프게 따라해봤음다 ㅋ..-_-;
정옥선/정확히 무얼 말씀하시는지..-_-?backimage라녀?? 이 플그램은 레이어 지원안하는걸루 아는디여^^; -
미스디쟌
2002.06.28 20:12
tomato//어키 땡쓰 베리마셍^^; -
tomato
2002.06.28 18:00
kunbi//야웅 자료실에 있는걸로 압니다.
미스디쟌//아마도 주메뉴 view에서 attribute toolbar가 체크되어있지않은듯...그걸 체크하시면 하단에 나타납니다.
정옥선//얼마든지 가능합니다. -
tomato
2002.06.27 22:03
정옥선//하단 왼쪽 easypalette 보시면 studio가 있습니다. 그메뉴 옆에 플러스버튼을 누르면 하부메뉴가 나타나는데 그중 backgrounds가 보일겁니다. 그중에 선택하셔도 되고 아래보시면 use image가 있습니다. 그옆에 박스에 체크하고 옆에 폴더모양을 클릭하면 자신의 컴퓨터에 들어있는 이미지들을 가지고 올수 있습니다. -
kunbi
2002.06.28 00:27
저 프로그램다운받고 싶은데 어떻게 해야 되죠? -
미스디쟌
2002.06.28 13:55
kunbi//제가 직접 어디서 받으라 하기는 뭐하네요^^; 불법을 조장하는거자나욤^^;;
tomato//님 background까지는 이해가 가는데 use image는 어디에 있는지 모르겠네여^^; 제가 허접하다구 했져^^;;좀 갈켜주셍~~ -
정옥선
2002.06.28 15:41
감사 합니다 다른이미지나 폰트도 저장사용 가능한지요? -
kunbi
2002.06.29 12:38
좋은 강좌 넘 감사해요^^ 그런데 배경색깔은 넣을수는 없나요? -
아작
2002.07.02 00:35
------------
질문있습니다
------------
http://azaq.comti.net/azaq.gif에서 마지막 5프레임 정도가 렌더링되지 않더군요
배경이 줄로보이죠?
어떤처리를 해야 배경까지 렌더링 포함시킬 수 있죠? -
미스디쟌
2002.07.04 14:04
아작/ 지금 링크 깨진듯 하네여..-_-; 그리고 꺠지기전에 잠깐 봤는데 별 이상이 없어 보이는것 같던데여 ㅡ.ㅡ;;.. 내눈이 사시인가 헐헐... -
미스디쟌
2002.07.04 14:06
kunbi/ 저위 토마토님이랑 제가 말한거 잘보면 배경으로 자신이 원하는 이미지를 끌어다 쓸수 있네요^^; 즉 원하는 색상두 가능하단 소리겠져.. -
tomato
2002.07.04 20:59
아작//저장하실때 transparent background 체크해지하시면 배경까지 렌더링됩니다. -
날개양^-^-*
2002.07.04 21:38
우오오오 :) 너무 멋져요! 잘봣습니다(^-^)/
꼭 써먹어볼께요^ㅡ^+ -
MoonStyle
2002.07.08 22:39
크랙 구해여 -
상혁닷컴
2002.07.10 22:08
ㄴ -
劍氣
2002.08.09 16:57
근디 어디서 받아블까? -
정수경
2002.08.08 13:38
오호라 반짝 ^^*