201107-09 KKPI : Animasi Flash

[KOICA]/컴퓨터 교육 | 2011. 10. 7. 03:05
Posted by 주야양
반응형

2011년 2학년 1학기 플래시 애니메이션 수업.

지금까지 애니메이션이 프로그래밍 수업에 들어가 있었는데 이번에는 2학년 KKPI로 바뀌었다.
그래서 원래 담당 선생님이 있지만 아직 애니메이션 스킬 부족으로 2달간 내가 수업을 진행하였다.
작년에 했던 수업 내용을 수정하여 6~7회 수업을 진행하였다.
원래 8회 수업으로 계획을 세웠는데 계획치 않은 학교 행사와 KOICA 평가회의 때문에 수업을 못 하는 날이 생겼다.
아무튼 2달 동안 플래시 기초를 가르쳤고, 이후에는 현지인 선생님이 그림을 그려 애니메이션 만드는 것을 가르치게 되었다.
인도네시아에는 애니메이션 롬바(lomba, 대회)가 많은 편이라 현지인 선생님은 롬바 대비를 위한 수업을 진행하도록 했다.
수업자료도 모두 현지인 선생님에게 넘겨주었고, 커리큘럼 짜는 것도 도와주었으니 어느 정도 안심!!

마지막으로 수업계획과 수업진행자료(HTML)와 학생들 배포자료(PDF)이다.

- 수업 계획

Rencana KKPI(Animasi Flash).pdf


- 수업자료 (용량이 너무 커서 소스, 샘플 애니메이션, 몇몇 큰 자료들은 삭제)

Materi KKPI (Animasi Flash) utk Pelajaran.zip


- 학생들 배포자료

Materi KKPI (Animasi Flash) utk Murid.zip


- 최종 과제

Tugas terakhir.txt

 

반응형
저작자표시 비영리 변경금지

'[KOICA] > 컴퓨터 교육' 카테고리의 다른 글

201101-04 플래시 애니메이션 수업을 마치며......  (0) 2011.04.29
201101-04 플래시 애니메이션 10 : 플래시 기대효과  (0) 2011.04.29
201101-04 플래시 애니메이션 9 : 컨버전  (0) 2011.04.29
201101-04 플래시 애니메이션 8 : 사운드  (0) 2011.04.29
201101-04 플래시 애니메이션 7 : Animating(3) - 텍스트 효과  (0) 2011.04.29
 

201101-04 플래시 애니메이션 수업을 마치며......

[KOICA]/컴퓨터 교육 | 2011. 4. 29. 08:11
Posted by 주야양
반응형
2011년 2학기 플래시 애니메이션 제작 수업.
그 전까지는 간단하게 3주 정도 분량으로 플래시 애니메이션 기초를 다루었다면, 이번에는 애니메이션 대회에 참가할 수 있도록 더 디테일하게 플래시를 다루고 수업 시간도 한 학기로 늘어났다. 하지만 한 학기 분량은 아니라고 판단하여 나름 3개월 과정으로 이야기를 해서 진행했는데 수업 시간상 어쩌다보니 4월까지 넘어오게 되었다.

내가 원래 애니메이션을 전공한 것도 아니고, 디자인엔 영 꽝인지라 사실 그다지 내키는 수업은 아니었다.
(사실 내가 계속 보조교사로 들어갔던 수업도 프로그래밍 수업인데......)
하지만 학교에 애니메이션 선생님이 없다길래 그나마 도움이 될까 싶어 맡게 되었는데, 심적 부담은 꽤 컸다.

우선 강의계획서를 작성하여 목차를 만들고나니, 그 다음은 그래도 좀 수월한 편이었다.
파워포인트 자료와 샘플 플래시를 만드느라 평일은 물론이고 주말도 꽤 바쁘게 지냈다.
4개월동안 이 수업 때문에 꽤 스트레스도 많이 받았지만, 막상 끝나고 나니 아쉬움이 더 많이 남는다.
내가 전공자는 아니지만 그래도 수업을 준비하며 꽤 많은 것들을 알게 되었는데, 그것들을 모두 전달하지 못한 것이다.

XI TKJ2는 내가 계속 보조교사로 들어갔던 반이라 아이들과도 어느정도 안면이 있었지만, TKJ1는 낯설고 수업 분위기도 어수선해서 처음에 수업할 땐 꽤나 고생을 했다. 하지만 그래도 지금은 좀 더 친해지지 않았나 싶다.

이제 수업을 모두 마치고 XI TKJ 2개 클래스 71명의 과제를 체점해야 한다.
물론 아직 제출하지 못한 아이들도 있다. (물론 점수는 마이너스~)
과제는 애니메이션에 이야기와 주제가 드러나야 하며 최소한 10초 이상이어야 한다고 했는데......
두둥!! 길어도 너무 길다. 난 30초도 힘들다고 생각했는데 3분이 넘어가는 것도 있다.
잘 만든 아이들도 있고, 수정이 필요해 보이는 것도 있지만 그래도 꽤 재밌다.

내가 알려주고 싶은 모든 것들을 제대로 전달하지 못한 아쉬움이 남지만, 그래도 아이들에게 조금이나마 도움이 되었다면 좋겠다. 앞으로도 화이팅~!! Semangat~!!
반응형
저작자표시 비영리 변경금지

'[KOICA] > 컴퓨터 교육' 카테고리의 다른 글

201107-09 KKPI : Animasi Flash  (0) 2011.10.07
201101-04 플래시 애니메이션 10 : 플래시 기대효과  (0) 2011.04.29
201101-04 플래시 애니메이션 9 : 컨버전  (0) 2011.04.29
201101-04 플래시 애니메이션 8 : 사운드  (0) 2011.04.29
201101-04 플래시 애니메이션 7 : Animating(3) - 텍스트 효과  (0) 2011.04.29
 

201101-04 플래시 애니메이션 10 : 플래시 기대효과

[KOICA]/컴퓨터 교육 | 2011. 4. 29. 07:49
Posted by 주야양
반응형
2011년 2학기 플래시 애니메이션 제작 수업.

열번째 시간 : 플래시 기대효과
- 플래시 감상

1. 플래시 활용 (web)
   - E-learning
   - 광고/배너
   - 플래시 홈페이지

2. 한국의 e-learning contents 소개

3. 학생들의 애니메이션 감상

* 애니메이션 통합 방법 소개 : scene 추가 및 순서 변경
   - Insert -> Scene : 새로운 scene을 추가하여 통합할 파일의 전체 프레임을 Copy & Paste
     (반드시 마우스 우클릭하여 나타나는 팝업 메뉴의 Copy Frames * Paste Frames 사용)
   - Window -> Other Panels -> Scene : scene 패널에서 scene의 순서를 변경하면 애니메이션의 순서가 변경됨


<수업 자료>
Animasi Flash10_Manfaat flash.zip
반응형
저작자표시 비영리 변경금지

'[KOICA] > 컴퓨터 교육' 카테고리의 다른 글

201107-09 KKPI : Animasi Flash  (0) 2011.10.07
201101-04 플래시 애니메이션 수업을 마치며......  (0) 2011.04.29
201101-04 플래시 애니메이션 9 : 컨버전  (0) 2011.04.29
201101-04 플래시 애니메이션 8 : 사운드  (0) 2011.04.29
201101-04 플래시 애니메이션 7 : Animating(3) - 텍스트 효과  (0) 2011.04.29
 

201101-04 플래시 애니메이션 9 : 컨버전

[KOICA]/컴퓨터 교육 | 2011. 4. 29. 07:40
Posted by 주야양
반응형
2011년 2학기 플래시 애니메이션 제작 수업.

아홉번째 시간 : 컨버전
- 파일 포맷 컨버전, 동영상을 YouTube와 Facebook에 올리기

1. swf -> avi 컨버전 방법
   - Flash : File -> Export -> Export Movie -> Save as type : Window AVI 선택하여 저장 (Movie clip은 재생이 안 됨)
   - Sothink SWF to Video Converter v2.2
   - 다른 컨버전 틀 이용 (많은 종류가 있음)

2. Sothink SWF to Video Converter를 이용한 컨버전

3. YouTube와 Facebook에 업로드

4. 애니메이션 제작
   - 애니메이션 제작
   - 제작이 완료된 경우 YouTube와 Facebook에 업로드


<수업 자료>
Animasi Flash 09_Konversi.zip
반응형
저작자표시 비영리 변경금지

'[KOICA] > 컴퓨터 교육' 카테고리의 다른 글

201101-04 플래시 애니메이션 수업을 마치며......  (0) 2011.04.29
201101-04 플래시 애니메이션 10 : 플래시 기대효과  (0) 2011.04.29
201101-04 플래시 애니메이션 8 : 사운드  (0) 2011.04.29
201101-04 플래시 애니메이션 7 : Animating(3) - 텍스트 효과  (0) 2011.04.29
201101-04 플래시 애니메이션 6 : Animating(2) - 카메라 효과  (0) 2011.04.29
 

201101-04 플래시 애니메이션 8 : 사운드

[KOICA]/컴퓨터 교육 | 2011. 4. 29. 07:35
Posted by 주야양
반응형
2011년 2학기 플래시 애니메이션 제작 수업.

여덟번째 시간 : 사운드
- 사운드 녹음/편집, 애니메이션에 사운드 추가

1. 애니메이션 사운드
   - 애니메이션에 사운드를 추가하여 더 큰 생동감을 줄 수 있음
   - 사운드를 직접 녹음하거나 편집 가능
   - 인터넷을 통해 사운드 파일을 구할수 있음

2. 플래시에 사운드 추가
   - 사운드 포맷 : wav와 mp3만 가능
   - 플래시 라이브러리에 사운드 파일 추가하는 방법
     - Import -> Import to Library -> 사운드 파일 선택 후 OK 클릭
   - 플래시에 사운드를 추가하는 방법
     - 사운드를 추가할 위치에 키프레임을 생성하여 해당 키프레임에서 라이브러리의 사운드 파일을 스테이지로 drag
     - 해당 키프레임의 Properties 탭에서 sound의 콤보박스를 통해 라이브러리에 등록된 사운드 선택

3. 사운드 녹음
   - Sound Recorder, Adobe Audition v.3.0 (Cool Edit)를 이용하여 목소리 녹음

4. 사운드 편집
   - Adobe Audition v.3.0 (Cool Edit)를 이용하여 잡음 제거, 볼륨 조절, 효과 추가 등의 사운드 편집

5. 애니메이션 제작
   - 사운드 녹음 및 편집


<수업 자료>
Animasi Flash 08_Suara.zip

반응형
저작자표시 비영리 변경금지

'[KOICA] > 컴퓨터 교육' 카테고리의 다른 글

201101-04 플래시 애니메이션 10 : 플래시 기대효과  (0) 2011.04.29
201101-04 플래시 애니메이션 9 : 컨버전  (0) 2011.04.29
201101-04 플래시 애니메이션 7 : Animating(3) - 텍스트 효과  (0) 2011.04.29
201101-04 플래시 애니메이션 6 : Animating(2) - 카메라 효과  (0) 2011.04.29
201101-04 플래시 애니메이션 5 : Animating(1) - 애니메이션 효과  (0) 2011.04.29
 

201101-04 플래시 애니메이션 7 : Animating(3) - 텍스트 효과

[KOICA]/컴퓨터 교육 | 2011. 4. 29. 07:24
Posted by 주야양
반응형
2011년 2학기 플래시 애니메이션 제작 수업.

일곱번째 시간 : 텍스트 효과
- 텍스트 효과 연습 및 애니메이션 제목 화면 만들기

1. 필터
   - 필터는 Movie Clip, Button, Text에만 적용 가능
   - 종류 : Drop Shadow, Blur, Glow/Gradient Glow, Bevel/Gradient Bevel

2. 필터 사용 방법
   - Text Tool을 선택하여 스테이지에 텍스트 생성
   -> Conver to Symbol (movie clip)
   -> Properties 탭 옆에 위치한 Filters 탭 선택
   -> Add Filter 아이콘을 클릭하여 원하는 효과 선택
   * Filters 탭이 안 보이는 경우 Window -> Properties -> Filters 메뉴 선택

3. 텍스트 효과 연습(4가지)
   - outer text 만드는 방법

5. 애니메이션 제작
   - 제목 화면 만들기 : 제목 및 제작자


<수업 자료>
Animasi Flash 07_Animating(3).zip
반응형
저작자표시 비영리 변경금지

'[KOICA] > 컴퓨터 교육' 카테고리의 다른 글

201101-04 플래시 애니메이션 9 : 컨버전  (0) 2011.04.29
201101-04 플래시 애니메이션 8 : 사운드  (0) 2011.04.29
201101-04 플래시 애니메이션 6 : Animating(2) - 카메라 효과  (0) 2011.04.29
201101-04 플래시 애니메이션 5 : Animating(1) - 애니메이션 효과  (0) 2011.04.29
201101-04 플래시 애니메이션 4 : 배경 디자인  (0) 2011.04.29
 

201101-04 플래시 애니메이션 6 : Animating(2) - 카메라 효과

[KOICA]/컴퓨터 교육 | 2011. 4. 29. 07:15
Posted by 주야양
반응형
2011년 2학기 플래시 애니메이션 제작 수업.

여섯번째 시간 : 카메라 효과
- 카메라 효과 연습

1. 카메라 효과
   - Close up
   - Zoom in
   - Zoom out
   - Panning

2. 샘플 파일을 이용한 카메라 효과 연습

3. 애니메이션 제작
   - 캐릭터 및 배경 제작
   - 애니메이션 첫 화면 제작


<수업 자료>
Animasi Flash 06_Animating(2).zip

* 내용이 많지 않지만, 연습을 해야 하는 내용이라 2교시 분량으로 적당하다.
  아이들에게 최소한 2번은 보여줘야 제대로 따라하기 때문에 시간이 부족할 수도 있다.
반응형
저작자표시 비영리 변경금지

'[KOICA] > 컴퓨터 교육' 카테고리의 다른 글

201101-04 플래시 애니메이션 8 : 사운드  (0) 2011.04.29
201101-04 플래시 애니메이션 7 : Animating(3) - 텍스트 효과  (0) 2011.04.29
201101-04 플래시 애니메이션 5 : Animating(1) - 애니메이션 효과  (0) 2011.04.29
201101-04 플래시 애니메이션 4 : 배경 디자인  (0) 2011.04.29
201101-04 플래시 애니메이션 3 : 캐릭터 디자인  (0) 2011.04.29
 

201101-04 플래시 애니메이션 5 : Animating(1) - 애니메이션 효과

[KOICA]/컴퓨터 교육 | 2011. 4. 29. 07:07
Posted by 주야양
반응형
2011년 2학기 플래시 애니메이션 제작 수업.

다섯번째 시간 : 애니메이션 효과
- 움직이는 캐릭터 만들기

1. 걷는 캐릭터 만들기
   - 모두 그림을 그려 frame by frame으로 걷는 캐릭터 구성
   - 머리, 몸통, 다리 부분을 나누어 심볼로 만든 후 걷는 캐릭터 구성

2. 각 부분으로 캐릭터 만드는 방법
   - 머리, 몸통, 다리 부분을 각각 그림
   -> 포토샵에서 편집(색칠)
   -> *.png 파일로 저장
   -> 플래시에 import
   -> movic clip 심볼 생성하여 각각의 레이어에 그림을 위치시킴 (움직이는 부분에 키프레임을 삽입하여 움직임 효과를 줌)
   -> bitmap을 Modify -> Bitmap -> Trace Bitmap으로 벡터화
   -> 테스트 무비

3. 애니메이션 효과 연습
   - 오브젝트 이동, 크기 변화, 색깔 변화
   - 캐릭터 얼굴 표현 : 눈을 깜박이고, 이야기 하는 얼굴

4. 애니메이션 제작
   - 캐릭터 및 배경 디자인
   - Stage size : 640 X 480 pixel


<수업 자료>
Animasi Flash 05_Animating(1).zip
반응형
저작자표시 비영리 변경금지

'[KOICA] > 컴퓨터 교육' 카테고리의 다른 글

201101-04 플래시 애니메이션 7 : Animating(3) - 텍스트 효과  (0) 2011.04.29
201101-04 플래시 애니메이션 6 : Animating(2) - 카메라 효과  (0) 2011.04.29
201101-04 플래시 애니메이션 4 : 배경 디자인  (0) 2011.04.29
201101-04 플래시 애니메이션 3 : 캐릭터 디자인  (0) 2011.04.29
201101-04 플래시 애니메이션 2 : Inbetween  (0) 2011.04.29
 

201101-04 플래시 애니메이션 4 : 배경 디자인

[KOICA]/컴퓨터 교육 | 2011. 4. 29. 06:55
Posted by 주야양
반응형
2011년 2학기 플래시 애니메이션 제작 수업.

네번째 시간 : 배경 디자인
- 배경 및 기타 오브젝트 디자인

1. 배경 만드는 방법
   - 스케치 -> 스캔 -> 편집
   - 플래시나 포토샵에서 바로 그리기

2. 그림을 사용한 배경 디자인
   - 연필과 싸인펜으로 스케치 -> 스캔 -> 포토샵에서 편집 -> 플래시에 그림 파일 import
   - 단, 배경 디자인시 가장 큰 배경을 기준으로 디자인

3. 애니메이션 제작
   - 배경 및 기타 오브젝트 디자인

4. 숙제
   - 배경 및 기타 오브젝트 스케치/디자인


<수업 자료>
Animasi Flash 04_Desain latar.zip

* XI TKJ1의 경우 3주차가 휴일이라 4주차에 캐릭터 디자인 수업과 병행하여 이루어졌기 때문에 내용을 짧게 구성했다.
반응형
저작자표시 비영리 변경금지

'[KOICA] > 컴퓨터 교육' 카테고리의 다른 글

201101-04 플래시 애니메이션 6 : Animating(2) - 카메라 효과  (0) 2011.04.29
201101-04 플래시 애니메이션 5 : Animating(1) - 애니메이션 효과  (0) 2011.04.29
201101-04 플래시 애니메이션 3 : 캐릭터 디자인  (0) 2011.04.29
201101-04 플래시 애니메이션 2 : Inbetween  (0) 2011.04.29
201101-04 플래시 애니메이션 1 : 애니메이션 기초  (0) 2011.04.29
 

201101-04 플래시 애니메이션 3 : 캐릭터 디자인

[KOICA]/컴퓨터 교육 | 2011. 4. 29. 06:39
Posted by 주야양
반응형

2011년 2학기 플래시 애니메이션 제작 수업.

세번째 시간 : 캐릭터 디자인
- 플래시와 포토샵을 사용한 캐릭터 디자인

1. 캐릭터 만드는 방법
   - 스케치 -> 스캔 -> 편집
   - 플래시나 포토샵에서 바로 그리기

2. 그림을 사용한 캐릭터 디자인
   - 연필과 싸인펜으로 스케치 -> 스캔 -> 포토샵에서 편집 -> 플래시에 그림 파일 import

3. 플래시에서 그림 파일 사용하는 방법
   - 그림 파일 import 후 바로 사용하는 방법
     : 라이브러리에서 stage로 drag-> stage의 그림 선택 -> Modify > Bitmap > Trace Bitmap (minimum area : 1)
       -> Paint Bucket Tool 선택하여 색칠 -> 움직임을 위하여 부분적으로 심볼 등록
   - 플래시에서 다시 그리기
     : Insert New Layer -> Pencil Tool로 그림의 라인을 다시 그림 -> Paint Bucket Tool로 그림에 색칠 -> 심볼 등록

4. 컴퓨터 캐릭터 디자인
   - Oval Tool, Rectangle Tool, Paint Bucket Tool 등을 이용하여 캐릭터 디자인
   - 인터넷 참조 (링크 : http://shadow.pufs.ac.kr/Lecture/lecture.html -> Flash_Lec02.ppt)

5. 스캔한 그림 파일을 이용한 포토샵 캐릭터
   - 그림 파일 오픈 -> Create New Layer -> Pencil Tool 선택 -> 새로 추가한 레이어에 스케치한 그림의 선을 따라 그림
     -> Paint Bucket Tool로 그림에 색을 칠함 -> *.png 파일로 저장 -> Flash에 import

6. 애니메이션 제작
   - 캐릭터 디자인

7. 숙제
   - 캐릭터 스케치


<수업 자료>

Animasi Flash 03_Desain karakter.zip

반응형
저작자표시 비영리 변경금지

'[KOICA] > 컴퓨터 교육' 카테고리의 다른 글

201101-04 플래시 애니메이션 5 : Animating(1) - 애니메이션 효과  (0) 2011.04.29
201101-04 플래시 애니메이션 4 : 배경 디자인  (0) 2011.04.29
201101-04 플래시 애니메이션 2 : Inbetween  (0) 2011.04.29
201101-04 플래시 애니메이션 1 : 애니메이션 기초  (0) 2011.04.29
201101-04 플래시 애니메이션 제작 : 新 토끼와 거북이 (Baru Kelinci dan Kura-kura)  (0) 2011.03.09
 

블로그 이미지

주야양

소소한 일상에 대한 기록

카테고리

Juyayang's hiStory (492)
[가상화폐(암호화폐)] (114)
[정보] (29)
[리뷰] (7)
[여행] (72)
[취미] (37)
[공부] (23)
[결혼] (18)
[임신 및 출산] (86)
[육아] (34)
[KOICA] (41)
일정&훈련 (14)
컴퓨터 교육 (16)
한국어 교육 (11)
[일상 생활] (20)
[자료실] (7)

티스토리툴바