배너 만들기

이번 활용예제에서는 포토샵과 이미지레디를 이용한 배너 제작 과정을 진행하겠습니다.
다른 작업도 그렇지만 특히나 배너작업은 미리 기획을 해야 합니다.,그래서 기획한 스토리보드를 참고로 적당한 소스등을 준비하고 포토샵에서 기본 작업을 한후 이미지레디로 가져가서 작업을 완료해야 합니다.

8.0버전으로 진행은 하지만., 그 6.0/7.0 에서도 무리없이 따라할 수 있을겁니다.

  포토샵에서 배너 기본틀 작업

1. 먼저 위와같이 새로운 작업창을 엽니다. Ctrl+N

2. 작업에 필요한 이미지를 연후 이동툴로 배너작업창으로 이동시킵니다.

3. 옮겨온 이미지는 실제 빨강사각영역만큼의 크기입니다. 보여진 부분보다 가려진 부분이 더 크죠!
위 그림처럼 문자를 입력했습니다.

이미지레디로 점프합니다.

  이미지레디에서 에니메이션 작업

4. 레이어 팔레트에서 두 문자레이어의 눈아이콘을 꺼서 감추고.,
Layer1을 선택후 오리지널 작업창에서 이동툴 이미지를 이동하여 적절한 위치를 잡습니다.
에니메이션창이 안보일땐., Window - Animation..을 체크

5. 위 그림처럼 프레임을 추가후 이동툴로 이미지를 아래로 끌어내립니다.

6. 1번 프레임을 선택하고 트윈적용아이콘을 클릭하여 위 그림처럼 적용합니다.

7. 앞선 과정에서 트윈효과의 적용으로 1,2번 사이에 중간과정의 프레임이 생성되었습니다.
4번프레임을 선택하고 "Photoshop" 레이어의 눈아이콘을 클릭하여 나타나게 합니다.

8. 다시 프레임을 추가한후 5번프레임에서는 photoshop 레이어를 감춥니다.

9. 프레임을 또 추가합니다.

10. 오리지널 작업창에서 이동툴로 이미지를 아래로 이동시켰습니다.

11. 5번 프레임을 선택하고 위 그림처럼 트윈을 적용합니다.

12. 트윈 적용후 또 프레임을 추가하고., 작업창에서 이미지를 오른쪽으로 이동시켰습니다.

13. 11번 프레임을 선택하고 위 그림처럼 트윈을 적용합니다.

14. 15번프레임을 선택하고 레이어팔레트에서 "onlec.net" 문자레이어의 눈아이콘을 클릭하여 나타나게 합니다.

15. 위 그림처럼 4번프레임에서 시간설정을 1초로 설정합니다.
마찬가지로 15번 프레임은 2초정도로 설정합니다.
플레이버튼을 눌러서 점검을 해보세요.,

저장하기전에 옵티마이즈 팔레트(Window - Optimize)에서 포맷방식을 반드시 GIF로 설정하고 Colors는 최대인 256으로 설정하세요., 물론 용량이 커지겠지만.,(용량과 퀄러티는 반비례합니다.^^) 나머지는 기본설정으로..,
저장은 File - Save Optimized...