[Flash CS5] 초 간단 사진 갤러리 만드는 법

너무 간단해서 글 쓰기가 무색하지만 남겨보도록 하겠습니다. 클릭 몇번과 글만 수정해주면 되는 것입니다.

1. "File" -> "New" 를 눌러줍니다.

2. 그림과 같이 "Templates" 를 클릭하고 "Media Playback" 에서 "Advanced Photo Album" 을 선택해서 "OK" 를 클릭하면 Template 이 만들어 집니다. 만들어 졌으면 fla 파일로 한번 저장해줍니다. "File" -> "Save" 로 적당한 위치에 ("~/workspace/flash/PhotoAlbum/PhotoAlbum.fla" 저는 이 위치에 저장해줬음) 저장합니다.

3. 갤러리에 쓸 그림을 4장을 적당하게 구해줍니다. ( 2or0.jpg , conan.jpg , Girls_gene.jpg , mystery.jpg 가 제가 구한 이미지 파일입니다. 인터넷에서 대충 1024*768 로 검색해서 다운 받았음)
그림을 fla 가 위치한 곳에 가져다 둡니다. ("~/workspace/flash/PhotoAlbum/" 저는 당연히 여기 입니다.)

4. 이제 "Actions" 레이어의 1번 프레임에서 마우스 오른쪽 클릭후 "Actions" 를 선택합니다. 그러면 ActionScript 를 편집할 수 있는 창이 나옵니다. 그중에서
var hardcodedXML:String 부분을 다음과 같이 바꿔 줍니다.

var hardcodedXML:String="<photos><image title='2or0'>2or0.jpg</image><image title='conan'>conan.jpg</image><image title='Girls_gene'>Girls_gene.jpg</image><image title='Mystery'>mystery.jpg</image></photos>";

자 이제 모든 준비가 끝났습니다. ActionScript 를 저정하고 "File" -> "Publish Preview" -> "Flash" 를 선택합니다.

외형은 제가 조금 손대긴 했지만 거의 그대로 입니다.

사진이 바뀔 때 효과를 주고 싶다면 ActionScript (4번 앞부분과 동일하게 들어갈 수 있음) 에서
var transitionType:String 부분을 다음과 같이 바꿔 줍니다. (다른 효과들이 주석으로 쓰여져 있으니 적당한 것을 카피해서 넣으면 됩니다)

var transitionType:String = "PixelDissolve";

상용소스 찾으러 돌아다니지 마시고 그냥 플래시 안에 들어 있는 것을 활용하세요.

PhotoAlbum_cs4.fla.zip

Flash CS4 버젼으로 저장한 소스 예제 입니다. 그림만 뺀 상태이니 제 포스트를 참조해서 XML 부분만 고쳐주시면 될 것입니다. CS4 에서는 이렇게 예제 만드는 것이 안보이더군요.