플렉스4 3

Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 3부

지난 1,2부에서는 PSD 가져와서 화면 기본 구성하는 것과 게시판의 리스트, 뷰 화면들을 완성했다면 이번에는 화면에 생명을 불어넣는 인터랙션/이펙트를 위한 과정을 실시 합니다. 만약 1,2부를 보지않고 이 페이지로 바로 오셨다면 1,2부를 전부 보시고 다시 여기로 오셔야 합니다. Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 1부 Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 2부 2부에 이어 계속 진행해 보겠습니다. 따라하기 이제 리스트 이미지 (텍스트 이지만 포토샵에서 이미지 처리 했습니다. 플렉스 App 용으로 디자인 된 것이 아니라 이렇게 되었습니다)를 버튼으로 만들 차례입니다. 선택을 하고 아래 화면과 같이 HUD에서 버튼으로 변환을 눌러줍니다. ..

Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 2부

지난 1부에서는 PSD 가져와서 화면 기본 구성하는 것을 완성했다면 이번에는 게시판의 기본형태를 만들고 페이지를 만들어서 3부에 할 인터랙션/이펙트를 위한 과정을 해야 합니다. 만약 1부를 보지않고 이 페이지로 바로 오셨다면 1부를 보시고 다시 여기로 오셔야 합니다. Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 1부 Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 3부 1부에 이어 계속 진행해 보겠습니다. 따라하기 아래와 같이 게시판에서 반복되는 부분들을 (아래의 라인까지) 선택해줍니다. 메뉴-Modify-Group을 선택하거나 Ctrl-G 또는 Command-G를 눌러 그룹을 만들어줍니다. 만들어진 그룹이 선택된 상태에서 화면에 둥둥 떠다니는 HUD Int..

Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 1부

서문 지금까지 플렉스는 개발자의 산물이었다고 해도 과언이 아니었다. 아직까지 현존하는 Flex3는 디자이너를 배려한다고 여러가지 연계 플러그인들을 (ex, photoshop, illustrator 용 플러그인) 만들어 배포했었지만, 여전히 빌더로 와서 힘들게 코딩작업을 해야했다. 이것은 HTML이외의 MXML,ActionScript의 새로운 코딩을 배워야 한다는 것을 의미하고 디자이너에게는 엄청난 도전이었다. MXML이야 그럭저럭 쉽게 이해되지만 ActionScript로 스킨을 제작해야 하는 것을 보며 당연히 거의 모든 디자이너가 포기했다. 그냥 CSS로 모든것을 해결하고 고급 스킨제작 및 드로잉은 애석하게도 디자이너가 아닌 프로그래머의 몫이 되었었다. 그래서 프로그래머들은 여러군이 나뉘었었는데, 작게는..