반응형

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

반응형
 
반응형

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

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

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

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

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

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


<수업 자료>
Animasi Flash 04_Desain latar.zip
* XI TKJ1의 경우 3주차가 휴일이라 4주차에 캐릭터 디자인 수업과 병행하여 이루어졌기 때문에 내용을 짧게 구성했다.

반응형
 
반응형

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

반응형
 
반응형

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

반응형
 
반응형

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

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

반응형
 
반응형

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 동영상 업로드>

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

반응형
 

[외부활동] 20110116-19 PMI 활동 지원

[hiStory]/KOICA | 2011. 3. 3. 02:28
Posted by 주야양
반응형
KOICA와 관련된 활동은 아니다.
학교 선생님의 지인 요청으로 PMI(Palang Merah Indonesia, 인도네시아 적십자) 지원 활동을 하게 되었다.
1월 16일(일)부터 19일(수)까지 마글랑과 스마랑에서 활동이 이루어졌으며, 한국에서 단기간 파견된 RCY(Red Cross Youth, 청소년 적십자)와의 통역 등을 돕게 되었다.
사실 인니어를 통역할 수 있을 정도로 유창하게 하지는 못하지만 그들이 영어로도 의사소통이 가능하다고 해서 일단 해 보기로 한 것이었다.

첫째날은 아침 일찍 스마랑을 출발하여 마글랑으로 이동하였다. 그 날 일정 중에 보로부두르 사원 답사가 있어서 함께 간 언니와 함께 보로부두르 사원을 둘러보았다. 보로부두르 사원은 이번으로 세 번째였다. 상단부(원형)는 복구중인지 청소중인지 잘 모르겠지만 못 올라가도록 막혀 있어 그 아래쪽까지만 돌아보았다.

보로부두르 사원 아래쪽에 있는 숙소에서 RCY 본부장님과 계장님, 간호 교수님과 만나 인사를 하고 점심 식사를 하였다. 그 후에 므라삐 화산(Gunung Merapi) 폭발로 피해를 입은 마을에 가서 도로 복구 작업을 하였다. PMI에서 지시하는 작업 내용을 통역해 주고 함께 도로 복구 작업에 참여하였다. 오랜만의 삽질이었는데 생각보다 잘 되어 깜짝 놀랐다. 함께 간 언니가 거름푸는 것 같다고 했다.

첫째날은 숙소로 돌아와 그렇게 마무리를 하였다. 숙소는 상당히 저렴한 게스트하우스였다. 저녁엔 비가 주룩주룩 내렸다. RCY에서 환자가 있어 병원에 함께 다녀오기도 하고, 저녁 식사 후 술자리에도 함께 참여하였다. 우리가 RCY가 아니라 솔직히 별 할 얘기도 없었다. 사전에 대한적십자에서 방문하는 것으로 알고 있었지만 청소년인줄은 몰랐었다. 어쨌든 같이 어울리기에 쉽지 않은 건 사실이었다.

그 다음날 마글랑의 초등학교를 방문하여 물품 전달과 RCY에서 준비한 몇 가지 행사를 하였다. 이 때 통역을 돕게 되었는데 몸이 피곤하다보니 말도 안 나오고 알아듣기도 힘들어 좀 제대로 못 도와서 아쉽다. 점심 식사 후 마을 복구 작업을 하였다.

18일 오전엔 그 전날에 이어 마을 복구 작업을 하고 식사 후 스마랑으로 이동하였다.
차가 밀렸는지 스마랑까지 한참 걸렸다. 물론 나는 버스에서 잘 잤지만......

PMI 트레이닝 센터가 숙소였는데, 생각보다 시설이 잘 갖추어져 있고 깨끗하였다. 우리는 식사 후 집으로 돌아와 휴시을 취하고 다음날 아침에 PMI에서 보내준 차량으로 다시 트레이닝 센터에 갔다.
오전에 PMI와 RCY의 평가 회의가 있었는데, 어쩌다보니 통역을 안 하고 그냥 넘어가게 되었다.
오후에는 스마랑에 있는 고아원을 방문하여 물품을 전달하고 아이들과 함께 놀이를 하였다.
나는 인사를 간단히 하고 처음에 좀 도와주다가 밖으로 나와 쉬면서 다른 사람들과 이야기를 나누었다.
이번 기회에 스마랑에 고아원이 있다는 것을 처음으로 알게 되었다. 그래서 이번 기회에 고아원을 살펴보고 괜찮다면 계속 고아원 봉사활동을 해 볼까 했는데, 상황이 좀 많이 달라 그 생각은 접게 되었다. 보통 물품 지원은 많이 이루어지지만 봉사자들을 통한 봉사활동은 잘 안 하는 것 같았다.
오후에 트레이닝 센터로 되돌아와 송별의 밤 진행을 도왔다. 연설 내용을 미리 받아 통역을 하였다.
나중에 방송국에서 나온 사람들에게 통역을 할 일이 있었는데 PMI 직원들의 도움을 받아 이야기를 전달하였다.

다음날 아침 비행기로 RCY는 자카르타로 돌아가게 되어, 이렇게 PMI 지원 활동이 끝났다.
다행히 스마랑에 함께 살고 있는 언니가 동행하여 외롭지 않게 무사히 마칠 수 있었다.
몸으로 하는 봉사활동에 조금이나마 참여할 수 있어 나름 뿌듯하기도 하다.
단지, 통역은 아직도 아쉬움으로 남아 있다.


보로부두르 사원에서.
오전에는 햇볕이 쨍쨍~ 날씨가 좋아 사진도 잘 나왔다.
허락을 얻어 돌상에 앉아 사진을 찍기도 했다.

마글랑의 므라삐 화산 폭발 피해 현장.
피해 복구는 상당히 더디게 진행되었다.
하지만 그래도 꽤 많은 사람들이 함께 복구에 나서고 있었다.
나는 처음으로 KOICA 조끼를 입었다.

비 내리는 숙소에서.
Pondok Tingal Hotel & Restaurant
(Jl. Balaputradewa 32, Brojonalan, Magelang, Jawa Tengah, Tel : 0293 788145)

마글랑의 한 초등학교에서.
순간 난 바보가 되었다.
들리지도 않고 말도 안 나왔으니......
우측 상단의 사진은 봉사활동 나온 인도네시아 고등학생들과 나의 동행인, RCY 교수님과 찍은 사진이다.

마글랑의 피해 현장.
돌아오면서 PMI 봉사자들과 함께 사진을 찍었다.

스마랑에 있는 PMI 트레이닝 센터.

스마랑에 있는 고아원에서.
뒤에는 고아원의 아이들과 RCY 아이들이 함께 어울려 공놀이를 하고 있다.
반응형
 

[컴퓨터교육] 2010 KKPI 수업 자료

[hiStory]/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


Modul 1.zipModul 2.zipModul 3.zipModul 4.zipModul 5.zipModul 6.zipModul 7.zipModul 8.zipModul 9.zip

반응형
 
반응형

2010년 1학기는 내가 만든 수업 자료로 수업을 진행하였다.
기존 재학생의 경우 생활 회화 부분으로 수업을 했고, 신입생과 교직원은 처음 부분으로 수업하였다.
2학기는 좀 더 쉽고 재미있는 교재를 인터넷을 통해 구하여 수업을 진행하고 있다.

어찌 되었든 내가 만든 자료인지라 버리긴 아까워 기념으로 남겨두려 한다.
참고로 이 자료는 2010년 1학기 엑스트라 한국어 수업에 참여한 학생들과 교직원에게 배포되었다.
(인도네시아어로 작성됨)

Buku Bahasa Korea.zip
반응형
 
반응형

아이들과 교직원들에게 배포하기 위해 만든 자료
키보드 한글 자리와 윈도우 XP에서 한글 셋팅 방법

인도네시아에서는 기본적으로 언어가 영어/인도네시아어로 되어 있기 때문에 여러 사람들이 나에게 한글 셋팅 방법을 물어보곤 하였다. 일일이 설명하기 귀찮아서 아예 자료를 만들었다. 하지만 윈도우 XP에서는 윈도우 설치 CD가 필요하다.
참고로, 윈도우 7에서는 윈도우 CD 없이 제어판에서 선택만 해주면 한글을 쓸 수 있다.

<How to setting Korean for Windows XP>
Control Panel  Date, Time, Language, and Regional Options  Regional and Language Options
Tab : Languages --> cek [Install files for East Asian languages]
Tab : Advanced --> cek 10003 (MAX-Korean)

<How to setup Fonts>
Copy fonts to folder [C:\WINDOWS\Fonts]

Korean setting(keyboard).pdf
반응형
 

블로그 이미지

주야양

소소한 일상에 대한 기록

카테고리

Juyayang's hiStory (389)
[정보] (39)
[여행] (72)
[취미] (38)
[공부] (23)
[일상 생활] (9)
[자료실] (7)
[hiStory] (197)