배너만들기 2

ICT 2009. 6. 10. 12:07

배너만들기 2
 
  포토샵에서 소스만들기
일단 소스부터 준비합니다.
1. File - New 에서 Width : 400, Height : 70, Resolution : 72 설정합니다.
2. Layer 1을 새로 만든 다음 다각형 올가미툴을 선택하여 그림과 같이 포인트를 찍어줍니다.


3. 다음과 같이 선택영역이 지정됩니다.


4. 전경색을 #FED100으로 지정하고 Edit의 Fill을 이용하여 색을 채웁니다.


5. Layer 1을 복제하여 Layer 1 Copy를 만듭니다.
6. 그런 다음 Layer 1 Copy가 선택된 상태에서 Edit-Transform-Flip Horizontal을 선택합니다. 다음은 Edit-Transform-Flip Vertical을 선택합니다.
7. 그러면 아래 그림과 같이 Layer 1 Copy가 변형됩니다.


8. Layer 1 Copy를 오른쪽 하단에 위치시킵니다.


9. Layer 1 Copy를 활성화시킨 다음 전경색을 #CC3333으로 지정한 다음 Edit의 Fill을 이용하여 색을 채웁니다.


10. Layer 1을 복제하여 Layer 1 Copy 2를 만듭니다.


11. Layer 1 Copy 2를 활성화시킨 다음 전경색을 #000000으로 지정한 다음 색을 채웁니다.


12 그런 다음 Layer 1 Copy 2 를 Layer 1 아래에 위치시키고 Ctrl+T를 이용하여 그림과 같이 확대 시켜줍니다.


13. Layer 1 Copy 2를 복제하여 Layer 1 Copy 3을 만들어줍니다.
14. 그런 다음 Layer 1 Copy 3이 선택된 상태에서 Edit-Transform-Flip Horizontal을 선택합니다. 다음은 Edit-Transform-Flip Vertical을 선택합니다.
15. 그리고 역시 오른쪽 하단으로 옮겨 그림과 같이 만들어 줍니다.


16. 타이프툴을 선택한 다음 "Click!"이라는 글자를 입력합니다.


17. Ctrl+T를 이용하여 각도를 바꾸고 그림과 같이 위치시킵니다.
18. 그런 다음 이번에는 "클릭!"이란 글자를 입력하고 그림과 같이 위치시킵니다.
19. 다시 타이프툴을 선택하여 "Summer Festival"을 입력합니다.


20. 그런 다음 마지막으로 "기간 : 2001. 7. 20 - 26"을 입력합니다.


21. 그리고 "Summer Festival"이라는 텍스트레이어를 복제합니다.
22. 복제한 레이어가 선택된 상태에서 그런 다음 Layer - Rasterize를 이용하여 일반레이어로 전환해줍니다.
23. 그런 다음 Filter의 Blur에서 Motion Blur를 선택하여 다음과 같이 값을 설정해줍니다.


24. 모션 블러를 적용한 모습입니다.


25. "기간 : 2001. 7. 20 - 26"라는 텍스트레이어 역시 동일한 방법으로 다음과 같이 만들어줍니다.


이미지레디로 애니메이션 만들기
1. 포토샵에서 만든 이미지를 불러옵니다.
2. Window메뉴의 Show Animation을 이용하여 애니메이션 팔레트를 띄웁니다.
3. 첫번째 컷에서는 Layer 1 Copy 2을 제외한 모든 레이어의 눈아이콘을 꺼줍니다.


4. 애니메이션 팔레트에서 복제버튼을 이용하여 두번째컷을 만들어 줍니다.
5. 두번째 컷에서는 Layer 1 의 눈아이콘도 켜줍니다.


6. 애니메이션 팔레트에서 복제버튼을 이용하여 세번째컷을 만들어 줍니다.
7. 세번째 컷에서는 Layer 1 Copy 1의 눈아이콘도 켜줍니다.


8. 애니메이션 팔레트에서 복제버튼을 이용하여 네번째컷을 만들어 줍니다.
9. 네번째 컷에서는 Layer 1 Copy 3의 눈아이콘도 켜줍니다.


10. 애니메이션 팔레트에서 복제버튼을 이용하여 다섯번째컷을 만들어 줍니다.
11. 다섯번째 컷에서는 Click! 텍스트레이어의 눈아이콘도 켜줍니다.


12. 애니메이션 팔레트에서 복제버튼을 이용하여 여섯번째컷을 만들어 줍니다.
13. 여섯번째 컷에서는 클릭! 텍스트레이어의 눈아이콘도 켜줍니다.


14. 애니메이션 팔레트에서 복제버튼을 이용하여 일곱번째컷을 만들어 줍니다.
15. 일곱번째 컷에서는 모션블러를 적용한 Summer Festival 레이어의 눈아이콘도 켜줍니다.


16. 애니메이션 팔레트에서 복제버튼을 이용하여 여덟번째컷을 만들어 줍니다.
17. 여덟번째 컷에서는 모션블러를 적용한 Summer Festival 레이어의 눈아이콘은 꺼주고 Click! 텍스트레이어의 눈아이콘도 꺼줍니다. 그리고 Summer Festival 텍스트레이어의 눈아이콘은 켜줍니다.


18. 애니메이션 팔레트에서 복제버튼을 이용하여 아홉번째컷을 만들어 줍니다.
19. 아홉번째 컷에서는 모션블러를 적용한 "기간...." 레이어의 눈아이콘을 켜줍니다.


20. 애니메이션 팔레트에서 복제버튼을 이용하여 열번째컷을 만들어 줍니다.
21. 열번째 컷에서는 모션블러를 적용한 "기간...." 레이어의 눈아이콘은 꺼주고 클릭! 텍스트레이어의 눈아이콘도 꺼줍니다. 그리고 "기간...." 텍스트레이어의 눈아이콘은 켜줍니다.
22. 애니메이션 팔레트에서 복제버튼을 이용하여 열한번째컷을 만들어 줍니다.
21. 열한번째 컷에서 다시 클릭! 텍스트 레이어의 눈아이콘을 켜줍니다.


22. 그런 다음 애니메이션 팔레트에서 타임을 조정합니다.
23. 각 컷마다 원하는 타임을 지정합니다.


26. 마지막으로 File 메뉴의 Save Optimized를 이용하여 GIF 애니메이션을 저장합니다.

27. 완성된 GIF 애니메이션입니다.
블로그 이미지

금태양 金太陽

금태양의 세상읽기,통찰력큰사람,지식위지혜실천,과학이종교,무소유가행복,영물인김범,자유정의사랑,파워블로거,풍류선비,올마운틴MTB라이더,대금태양,웹제작 웹디자인 웹마케팅 웹기획 전문가

,