본문 바로가기

플래시45

3-11. 텍스트 애니메이션 만들기 제3장 애니메이션 기초11. 텍스트 애니메이션 만들기 플래시MX에서는 글자를 다루는 기능이 추가되어 텍스트 애니메이션 구현이 쉬워졌습니다. 스위시와 같이 간편한 조작으로 만들 수 있는 것은 아니지만, 이전 버전에 비하면 노력을 절감할 수 있다는 사실은 분명합니다. 가. 문서 크기 설정1) [수정 > 문서]를 실행하거나, 타임라인 하단의 [12.0fps] 부분을 더블클릭하여 [문서 속성] 문답 상자를 불러냅니다.2) [크기] 중에서 [높이]를 100으로, [프레임 비율]을 25 정도로 설정줍니다. [확인]단추를 눌러줍니다. 나. 텍스트 입력과 해체1) 텍스트 도구를 선택하고, 글꼴, 크기, 색상 등을 선택한 후 스테이지에 다음과 같이 글자를 입력합니다. 입력이 완료되면 ESC키를 눌러 텍스트 전체가 선택된.. 2016. 6. 16.
3-10. 무비클립을 활용한 어항 만들기 제3장 애니메이션 기초3-10. 무비클립을 활용한 어항 만들기 앞에서 만들어 본 어항을 변형시켜 다음과 같이 만들어봅시다. 아래 그림을 보시면 고기가 왕복을 하고 있습니다. 그리고 고기들의 움직이는 속도가 각기 달라서 좀더 자연스러움을 느낄 수 있을 것입니다.이것은 무비클립을 적절히 활용하면 가능합니다. 가. 물고기 무비클립 만들기앞서에서는 입과 지느러미만 움직이는 무비클립을 만들어 활용하였습니다만, 이번에는 그 무비클립을 다시 무비클립 속에 넣어 왕복 운동을 하도록 제작해봅시다. 위의 예제를 다운로드하여 불러오기를 하십시오. 1) [삽입 > 새 심볼] 혹은 Ctrl + F8키를 눌러 다음과 같이 새로운 심볼을 만듭니다. 2) '물고기-무비1' 편집창에서 라이브러리에 있는 '물고기1'을 드래그하여 가져다.. 2016. 6. 16.
3-08. 심볼 활용 - 움직이는 꽃 만들기 제3장 애니메이션 기초08. 심볼 활용 - 움직이는 꽃 만들기 플래시에서 심볼은 대단한 위력을 가지고 있습니다.첫째, 파일의 용량을 획기적으로 줄이는데 공헌을 합니다. 둘째, 세 종류의 심볼 즉, 무비클립, 단추, 그래픽은 보통은 단독으로 사용되지만, 서로를 내포할 수도 있다는 점입니다. 무비클립 속에 단추, 다시 그 속에 그래픽이 들어갈 수 있다는 것이지요. 셋째, 심볼이 쌓이는 창고인 라이브러리를 잘 관리하면 작업 효율을 올릴 수 있습니다.이번 강좌에서는 위의 특징 중 두 번째 것을 중점적으로 알아보는 실습을 해봄으로써 심볼에 관한 개념을 정립해보기로 하겠습니다. 다음 예제를 잘 살펴보시고, 제작 과정을 생각해 보십시오. 이 작품은 심볼의 속성을 이해하는데 많은 도움이 되리라 생각합니다.대략의 제작 .. 2016. 6. 15.
2-18. 그림 예제 제2장 그리기 도구 활용 18. 여러 가지 그림 그리기 예제 다음 그림들은 모두 플래시로 그린 그림입니다. 여러분도 그려보세요. 2016. 6. 14.
2-17. 선과 채움 속성 활용(2) 제2장 그리기 도구 활용17. 선(획)과 채움(면) 속성 활용(2) 앞 강좌에서 선을 면(채우기)으로 변환하는 기능을 활용하는 예제를 만들어보았는데요, 여기서도 한 가지 더 다음과 같은 간단한 예제를 만들어보겠습니다. 1. 동그라미를 이용하여 하트를 그린다.이전 강좌에서 다루었던 내용입니다.(여기를 클릭하면 그 강좌를 볼 수 있습니다)여기서는 채우기 색상을 뺐습니다.잉크병 도구를 이용, 선을 선택한 상태에서 속성창에서 다음과 같이 선 굵기와 선 모양을 조절해줍니다. (점선을 선택한 경우 선택이 되어 있으면 위의 그림처럼 점선을 모양을 볼 수 없으므로 확인을 위해 선택 해제를 해봅시다)다음과 같은 결과를 얻을 수 있습니다.2. 선(획)을 면(채우기)로 바꾼다.이제 앞 강좌에서 해봤듯이 선을 면으로 바꾸어보.. 2016. 6. 14.
2-16. 선과 채움 속성 활용(1) 제2장 그리기 도구 활용16. 선과 채움 속성 활용(1) 선(획)과 채움(면)에 관한 속성 활용선은 선이고 면은 면이다? 이 의문에 대한 답은 '아니다' 입니다. 정답은 '선은 면이 될 수 있다. 반면 면은 선이 될 수 없다'입니다. 이것은 지극히 상식적인 이야기입니다. 생각해보십시오. 면이 선이 될 수 있는지?플래시는 벡터 방식의 그래픽이기 때문에 여타의 벡터 그래픽 프로그램과 마찬가지로 선과 면의 구분이 명확합니다. 하지만 굵은 선은 면으로 바뀌면 더 효율적인 편집이 가능할 경우가 있을 것입니다. 반면 면적을 가지는 면이 선과 같은 역할을 할 필요는 없겠지요?이 강의에서는 선과 면의 드나듬을 통해 활용 가능한 그리기 기법 몇 가지를 소개합니다. 1. 선과 면, 분리와 묶임의 이해 - 곰돌이 그리기다음.. 2016. 6. 14.
2-15. 도구 활용 팁(3) 2. 그리기 도구 활용15. 도구 활용 팁(3) 1. 손 도구▷ [기본] 드래그 - 스테이지 이동하기(확대 시) ▷ 더블 클릭 - 현재 보이는 스테이지 화면 크기에 꼭맞게 스테이지의 내용을 축소 혹은 확대합니다. 2. 돋보기▷ [기본] 클릭 - 옵션에 있는 확대/축소 버튼 선택에 따라 스테이지를 확대하거나 축소합니다. ▷ Alt 키를 누르고 클릭하면 확대는 축소, 축소는 확대로 바뀌게 됩니다. ▷ 스테이지 오른쪽 상단에 있는 확대 비율 펼침 목록을 이용해도 됩니다. 3. 색상 팔레트▷ [기본] 클릭 - 색상표에서 원하는 색상을 선택합니다. ▷ 색상표 뿐만 아니라 플래시 및 기타 모니터의 모든 영역에서 원하는 색상을 추출해 사용할 수도 있습니다.▷ 그래디언트 색상 변경 및 색 편집에 관한 내용은 [그래디언.. 2016. 6. 14.
2-08. 태극기 그리기 제2장 그리기 도구 활용08. 태극기 그리기 1. 태극기의 규격[참조] http://www.koreaflag.org/koreadata6.html2. 무비 규격 설정하기가로 세로의 비율이 3 : 2 이므로 플래시 문서의 크기를 가로 600 세로 400 픽셀로 지정합니다. 3. 태극 그리기1) 태극과 괘의 위치를 정확하게 잡아주기 위해 '레이어 1'을 '규격'으로 이름 변경하고, 다음 그림과 같이 대각선을 그어줍니다. 2) 타원형 도구를 선택하고, Shift키를 누른 상태에서 빨강 동그라미를 그려주고, [속성]을 이용하여 너비와 높이를 200픽셀로 설정해줍니다. 3) 빨강 동그라미에서 선을 제거한 후, 묶어줍니다.(Ctrl + G) 그리고 복제를 합니다.(Ctrl + D) 복제한 원의 크기를 [속성]을 이용.. 2016. 6. 13.
2-07. 캐리커쳐 그리기 제2장 그리기 도구 활용 07. 캐리커처 그리기 3) 브러쉬 도구를 선택하고, 도구에서 옵션과 색상을 통해 브러쉬의 크기와 색상을 지정해줍니다. 브러쉬의 색상은 면(칠) 색을 따라갑니다. 선이 굵은 큰 윤곽은 붓 크기를 크게 하고, 세밀한 부분을 붓 크기를 작게하여 그립니다. 캐리커처의 성격상 너무 세밀하게 그릴 필요는 없고, 특징적인 면만 부각시키면 될 것입니다. 4) 레이어1을 선택하고, 삭제 단추를 눌러 삭제합니다. 5) 화살표 도구로 그림을 선택한 뒤(Ctrl + A를 누르면 전체 선택이 됨) 옵션에서 [매끄럽게] 혹은 [곧게]를 눌러 단순화시켜 줍니다. 6) 모습이 심하게 변경 혹은 왜곡되면 Ctrl + Z 키를 눌러 취소하면서 다듬어 완성시킵니다. 7) 최종 파일은 [파일 > 저장] 메뉴를 통.. 2016. 6. 3.