'[KOICA]/컴퓨터 교육' 카테고리의 글 목록 (2 Page)

201101-04 플래시 애니메이션 2 : Inbetween

[KOICA]/컴퓨터 교육 | 2011. 4. 29. 06:09

Posted by 주야양

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

두번째 시간 : Inbetween
- 화면 전환 방법 연습

1. Inbetween
   - 키 프레임 : 단일 스틸 이미지
   - 인비트윈 프레임 : 두 키 프레임 사이의 프레임
   - 애니메이션을 보다 자연스럽게 하기 위해 인비트윈 프레임 사용

2. 화면 전환 방법
   - Cut
   - Fade-in/Fade-out
   - Dissolve
   - Iris
   - Flip, Wipe, etc.

3. 카메라 움직임
   - Close up
   - Zoom in
   - Zoom out
   - Panning

4. 애니메이션 제작
   - 스토리보드(콘티) 작성

5. 숙제
   - 스토리보드 작성

<수업 자료>

Animasi Flash 02_Inbetween.zip

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

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

201101-04 플래시 애니메이션 4 : 배경 디자인 (0)	2011.04.29
201101-04 플래시 애니메이션 3 : 캐릭터 디자인 (0)	2011.04.29
201101-04 플래시 애니메이션 1 : 애니메이션 기초 (0)	2011.04.29
201101-04 플래시 애니메이션 제작 : 新 토끼와 거북이 (Baru Kelinci dan Kura-kura) (0)	2011.03.09
2010 KKPI 수업 자료 (0)	2011.02.18

201101-04 플래시 애니메이션 1 : 애니메이션 기초

[KOICA]/컴퓨터 교육 | 2011. 4. 29. 02:46

Posted by 주야양

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

첫번째 시간 : 애니메이션 기초
- 애니메이션 제작 프로세스, 플래시 기초 복습

1. 수업 안내
   - 수업목표 : Macromedia Flash 8과 Adobe Photoshop 프로그램을 사용하여 10초 이상의 2D 애니메이션 제작
   - 수업 시간 : 화/수 오전 8:30~10:00
   - 수업 구성 : 학생들 발표(10~20분), 수업(40~50분), 애니메이션 제작(30분)

2. 애니메이션이란?
   - 여러장의 화면을 움직이도록 보이게 만든 것

3. 애니메이션 종류
   - 2D, 3D, 프레임, 벡터, 몰핑, 셀, 컴퓨터 등

4. 애니메이션 제작 프로세스
   - 프리 프로덕션 : 컨셉/시나리오, 캐릭터 디자인, 스토리보드 제작
   - 프로덕션 : (레이아웃,) 원화/동화 제작, 스캐닝, 채색(, 렌더링)
   - 포스트 프로덕션 : 사운드(더빙, 음악, 믹싱), 편집, 비주얼 이펙트, CD 제작

5. 애니메이션 원리
   - Pose : 이야기에 대한 정보(감정 및 분위기)를 나타냄
   - Timing : 어떤 동작이 행해지는 시간을 결정
   - Spacing : 키프레임 사이의 시간을 채우는 것
   -> 좋은 포즈를 적절한 타이밍에 배치하고 세심하게 스페이싱하면 된다고...... (애니메이터 김정환 님의 자료 참조)
   - 12가지 원리 : 인니어설명, 한글설명

6. 플래시에서 사용하는 애니메이션
   - Frame by frame : 각 프레임마다 각각의 그림 배치
   - Motion tweening : 오브젝트의 이동, 크기 변화 등
   - Shape tweening : 오브젝트의 모양 변화 (예 : 원 -> 텍스트)

7. 플래시 애니메이션 복습
   - Motion Tweening, Shape Tweening, Guide, Masking

8. 애니메이션 제작
   - 시놉시스 작성
   - 테마 선택 : 1. 정보기술 / 2. 교육의 중요성 / 3. 애니메이션을 통한 Fun education / 4. 자연 / 5. 스마랑 또는 SMKN7

9. 숙제
   - 시놉시스 작성


<수업 자료>

Animasi Flash 01_Dasar animasi.zip

* 본 단원이 애니메이터가 아니고, 고등학교 과정이므로 아주 깊이있는 애니메이션 수업은 아니라는 것을 미리 밝힌다.
본 수업의 목적은 학생들이 애니메이션 대회에 참가할 수 있도록 연습하는 것이다.

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

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

201101-04 플래시 애니메이션 3 : 캐릭터 디자인 (0)	2011.04.29
201101-04 플래시 애니메이션 2 : Inbetween (0)	2011.04.29
201101-04 플래시 애니메이션 제작 : 新 토끼와 거북이 (Baru Kelinci dan Kura-kura) (0)	2011.03.09
2010 KKPI 수업 자료 (0)	2011.02.18
201010 컴퓨터(플래시) 수업 (0)	2011.02.07

201101-04 플래시 애니메이션 제작 : 新 토끼와 거북이 (Baru Kelinci dan Kura-kura)

[KOICA]/컴퓨터 교육 | 2011. 3. 9. 00:10

Posted by 주야양

2011년 2학기를 맞이하여 프로그래밍 수업 중에 플래시 애니메이션을 맡아 가르치게 되었다.
1학기에 이미 플래시 3주 동안 플래시 기초를 가르쳤기 때문에 아이들이 어느정도는 플래시를 다룰 줄 아는 상태였다.
이번 학기에는 Lomba(대회) 참여를 위한 애니메이션의 제작에 중점을 두었다.
그래서 그림을 그리고 스캔해서 플래시를 만드는 과정을 3개월에 걸쳐 가르치고 10초 이상의 애니메이션을 만드는 것이 목표였다. 물론 애니메이션을 제작할 때 이야기와 테마가 있어야 하고, 임의로 5가지 테마를 정해 주었다.

샘플 애니메이션을 찾아서 보여주기는 했지만, 역시나 가르치는데는 어느 정도 한계가 있어 내가 직접 애니메이션을 만들었다. 사실 지금까지 제대로 애니메이션을 만들어 본 적이 없었는데, 필요하면 다 하게 되어 있나보다.
그림에 영 소질이 없는 나도 인터넷으로 이것저것 찾아 보면서 결국 4일만에 뚝딱 애니메이션을 만들었다.
물론 퀄리티가 뛰어나진 않다. 예술에 소질 없는 내가 쉬엄쉬엄 만든 것인지라......
처음엔 한국 전래동화를 소재로 만들까 했는데, 인도네시아 아이들에게 너무 낯설을듯 싶어 아이들에게도 익숙한 '토끼와 거북이' 이야기를 패러디하여 애니메이션을 만들었다.
아무튼 아이들이 좋아해서 기분은 좋았다.^___^v

아이들에게 수업을 진행한 순서대로 시놉시스 -> 스토리보드 -> 캐릭터/배경 그리기 -> 플래시 애니메이션 -> 사운드 추가 -> 수정 -> 퍼블리시 -> 웹 업로드의 단계로 진행하였다.
시놉시스 및 자료 수집 : 하루 / 플래시 작업 : 이틀 / 사운드 레코딩 및 수정 : 하루 ==> 총 4일 소요

<플래시 애니메이션 시놉시스>

제목

ü 新 토끼와 거북이 (Baru Kelinci dan Kura-kura)

컨셉(테마)

ü (인터넷을 통한) 정보의 중요성

기획 의도

ü 인터넷을 통한 정보 검색의 유용함을 알리기 위함

ü 미리 준비하는 자세의 중요성을 강조하기 위함

시놉시스

ü 옛날 옛날에 토끼 토돌이와 거북이 대북이가 경주를 했는데, 토돌이가 방심하여 잠든 사이에 대북이가 이겼다. 토돌이의 손자 토식이는 토돌이의 명예를 회복하기 위해 대북이 손자 소북이에게 이메일로 경주를 신청하였다. 다음날 아침에 경주를 시작하여 녹소산(綠小山, Gunung Kecil Hijau) 정상에 먼저 오르면 승리하는 것이다.

ü 녹소산에는 정상까지 2개의 길이 있다. 하나는 넓지만 빙글빙글 돌아가는 빙글길(jalan berbelak-belok)이고, 하나는 매주 좁은 지름길(memotong jalan)로 잘 알려져 있지 않다. 경주 전날 저녁, 소북이는 인터넷으로 녹소산을 검색하여 지름길이 있다는 것을 알아냈다. 하지만 토돌이는 컴퓨터 게임만 하였다.

ü 경주 당일, 토식이는 쉬지 않고 열심히 빙글길을 달렸고, 소북이도 쉬지 않고 지름길을 걸었다.

ü 처음에는 토식이가 빨랐지만, 결국 지름길로 오른 소북이가 간발의 차로 먼저 도착하였다.

ü 경주에서 진 토식이는 소북이에게 어떻게 먼저 도착했는지를 물었고, 토식이는 인터넷을 통해 지름길을 찾았다고 알려주었다. 토식이는 정보를 찾아보지 않은 것을 후회하였다.

캐릭터

ü 거북이 : 대북(Kurasar), 소북(Kuracil)

ü 토끼 : 토돌(Kelakak), 토식(Kelucu)

애니메이션 제작 소프트웨어

ü Adobe Photoshop CS

ü MacroMedia Flash 8

<캐릭터>

<<배경>

<애니메이션>

원래는 인니어 텍스트에 bgm을 깔아 만들었으나, 한글판으로 바꾸어 음성을 추가한 파일이다.
swf 원본 파일을 E.M. Magic Swf2Avi 프로그램을 사용하여 avi 파일로 컨버팅했는데 깨끗이 변환이 안 된다.
중간중간 깨진 부분도 있고, 무비 클립이 제대로 재생되지 않았다.
그래서 결국 Sothink SWF to Video Converter 로 다시 컨버팅하였다. 그나마 이게 좀 더 나은 것 같다.
컨버팅 결과는 Moyea swf to video 프로그램이 제일 좋았지만 정품은 너무 비싸고 트라이얼은 중간에 워터마크가 크게 나타나 결국 Sothink SWF to Video Converter를 선택하게 되었다.

YouTube에 동영상 업로드 결과 ☞ http://www.youtube.com/watch?v=UXIGtYMkDBo

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

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

201101-04 플래시 애니메이션 2 : Inbetween (0)	2011.04.29
201101-04 플래시 애니메이션 1 : 애니메이션 기초 (0)	2011.04.29
2010 KKPI 수업 자료 (0)	2011.02.18
201010 컴퓨터(플래시) 수업 (0)	2011.02.07
201004 Flash 교육자료 (ActionScript 3.0) (0)	2011.01.28

2010 KKPI 수업 자료

[KOICA]/컴퓨터 교육 | 2011. 2. 18. 10:35

Posted by 주야양

KKPI는 기술 고등학교에서 1학년 학생들이 배우는 컴퓨터 기초 수업이다.
키보드 연습부터 MS-Office, 인터넷까지를 1년동안 배우게 된다.
작년에는 나도 KKPI 수업에 보조 교사로 들어갔는데, 솔직히 내가 직접 가르치는 것도 아니고 현지 선생님들이 잘 가르치고 있어 내가 들어갈 필요성을 못 느꼈다. 그래서 새 학기에는 프로그래밍 수업에 들어가고, 플래시를 직접 가르치고 있다.

첨부파일은 SMK Negeri 7 Semarang에서 사용하는 교안이다. (내가 만든 자료는 아님)
총 9개의 모듈로 되어 있으며 인도네시아어로 되어 있다.

Modul 1 - Mengetik 10 Jari
Modul 2 - Mengidentifikasi Komputer
Modul 3 - Mengoperasikan Periferal
Modul 4 - Mengoperasikan Perangkat Lunak Pengolah Kata
Modul 5 - Mengoperasikan Perangkat Lunak Lembar Sebar
Modul 6 - Mengoperasikan Perangkat Lunak Presentasi
Modul 7 - Mengoperasikan Perangkat Lunak Basis Data
Modul 8 - Melakukan Koneksi ke Internet dan Bekerja Dengan Internet
Modul 9 - Mengelola Informasi

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

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
201010 컴퓨터(플래시) 수업 (0)	2011.02.07
201004 Flash 교육자료 (ActionScript 3.0) (0)	2011.01.28

201010 컴퓨터(플래시) 수업

[KOICA]/컴퓨터 교육 | 2011. 2. 7. 16:08

Posted by 주야양

Programming 수업 시간에 3번(4 X 3 = 12교시)의 수업 시간을 배정받아 플래시 수업 진행
2010년 10월
대상 : XI TKJ1 dan XI TKJ2 (컴퓨터과 2학년)

플래시 기초 수업 진행
수업 자료는 홈페이지 형식으로 제작하였으며 인도네시아어로 작성됨
수업은 설명과 함께 학생들이 직접 연습하는 방법으로 진행됨

<내용>
1. 플래시 기초 지식 (개요 및 역사)
2. 플래시 연습
- drawing
- motion tweening
- shape tweening
- guide tweening
- masking
- bitmap
- sound
- button
3. 플래시 샘플

첨부파일에서 프로그램(Macromedia Flash 8)과 크기가 큰 파일들(샘플 파일 및 연습 파일)은 삭제함

201010_Materi Flash.zip

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

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

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
2010 KKPI 수업 자료 (0)	2011.02.18
201004 Flash 교육자료 (ActionScript 3.0) (0)	2011.01.28

201004 Flash 교육자료 (ActionScript 3.0)

[KOICA]/컴퓨터 교육 | 2011. 1. 28. 01:28

Posted by 주야양

Pelajaran : Programming
Tanggal : 21, 22, 23, 26 April 2010 (수,목,금,월)
Kelas : XI TKJ1 dan XI TKJ2
Software : Adobe Flash CS4

대략 한 학급당 2회 수업을 진행함 - ActionScript 3.0을 이용하여 게임 만드는 것을 가르쳤는데, 아이들이 너무 어려워해서 기본적인 내용을 먼저 연습함.

1. Button Event
2. Mouse Event
3. Keyboard Event
4. Timer Event
5. Events
6. Shooting Game
7. Homepage

학습자료는 인도네시아어로 작성됨.

<첨부파일> 수업 자료(Materi Animasi_Flash.zip) + 연습파일(LatihanActionScript_full.zip)

Materi Animasi_Flash.zip

LatihanActionScript_full.zip

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

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

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
2010 KKPI 수업 자료 (0)	2011.02.18
201010 컴퓨터(플래시) 수업 (0)	2011.02.07

Juyayang's hiStory

'[KOICA]/컴퓨터 교육'에 해당되는 글 16건

201101-04 플래시 애니메이션 2 : Inbetween

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

201101-04 플래시 애니메이션 1 : 애니메이션 기초

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

201101-04 플래시 애니메이션 제작 : 新 토끼와 거북이 (Baru Kelinci dan Kura-kura)

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

2010 KKPI 수업 자료

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

201010 컴퓨터(플래시) 수업

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

201004 Flash 교육자료 (ActionScript 3.0)

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

카테고리

Recent Post

Recent Comment

Tag

달력

티스토리툴바