본문 바로가기
세상만사 이모저모/컴퓨터·인터넷 및

배너만들기

by 현상아 2007. 1. 14.
 

  

 

배너만들기 1
  포토샵에서 소스만들기
일단 소스부터 준비합니다.
1. File - New 에서 Width : 400, Height : 70, Resolution : 72 설정합니다.
배경레이어를 선택하고 전경색을 #000030로 설정하고 Edit의 Fill로 색을 채웁니다.


2. 소스 1을 준비합니다.


3. 소스 2를 준비합니다.


4. 소스 3을 준비합니다.


5. 소스 4를 준비합니다.


6. 먼저 배경레이어가 있는 이미지에 소스 1을 이동툴로 옮깁니다.


7. 그림과 같이 소스1이 배경레이어 위에 위치합니다.


8. 이번에는 소스 2를 이동툴로 옮겨와 맨왼쪽에 위치합니다.


9. Ctrl+T을 이용하여 크기를 줄여줍니다.


10. 그런 다음 사각선택툴로 선택영역을 지정합니다.


11. Select 메뉴의 Feather값을 다음과 같이 적용합니다.


12. Select 메뉴의 Inverse를 이용하여 선택영역을 반전시킵니다.


13. 그리고 Edit 메뉴의 Clear 혹은 키보드의 Delete키를 이용하여 반전된 영역을 삭제합니다.


14. 그런 다음 텍스트를 입력하겠습니다. 참고로 애니메이션 적용시 텍스트는 타이핑 효과를 적용할 것입니다. 타이핑치듯이 한글자씩 입력하도록 하겠습니다. 타이프툴을 이용하여 먼저 C를 입력합니다.


15. 다음은 U를 입력합니다.


16. 다음을 B를 입력합니다.


17. 똑같은 작업을 반복하며 "CUBA 1672 인뉴최대의 위기, 그 긴박했던 시간"이란 글자를 입력합니다.


18. 레이어 팔레트는 그림과 같은 형태가 됩니다.


19. 그리고 소스 4를 이동툴로 옮겨옵니다.


20. Ctrl+T를 이용하여 사이즈를 줄여줍니다.


21. 사각선택툴로 선택영역을 지정합니다.


22. Select 메뉴의 Feather값이 20정도 적용하고 Select 메뉴의 Inverse를 이용하여 선택영역을 반전시킵니다.


23. 반전시킨 영역을 Edit 메뉴의 Clear 혹은 키보드의 Delete키를 이용하여 삭제합니다.


24. 그리고 마지막으로 소스 3을 이동툴로 이동시켜 오른쪽에 배치시킵니다.


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


5. 그림과 같이 반투명 상태의 이미지를 확인할 수 있습니다.


6. 애니메이션 팔레트에서 복제버튼을 이용하여 두번째컷을 만들어 줍니다.


7. 이번에는 Layer 1의 Opacity를 70%로 지정합니다.


8. 애니메이션 팔레트에서 복제버튼을 이용하여 세번째컷을 만들어 줍니다.


9. 이번에는 Layer 2의 눈아이콘을 켜줍니다. 그리고 Layer 2의 Opacity를 20%로 지정합니다. 다시 Layer 1을 선택한 상태에서 Opacity를 80%로 지정합니다.


10. 그림과 같이 소스 2가 약간 비치는 것을 확인할 수 있습니다.


11. 애니메이션 팔레트에서 복제버튼을 이용하여 네번째컷을 만들어 줍니다.
12. 그리고 Layer 2의 Opacity를 60%로 지정합니다. Layer 1의 Opacity는 50%로 지정합니다.


13. 그림과 같이 나타납니다.


14. 애니메이션 팔레트에서 복제버튼을 이용하여 다섯번째컷을 만들어 줍니다.
15. Layer 2의 Opacity를 90%로 지정하고 Layer 1의 Opacity는 30%로 지정합니다.


16. 그림과 같이 나타납니다.


17. 애니메이션 팔레트에서 복제버튼을 이용하여 여섯번째컷을 만들어 줍니다.


18. Layer 2 의 Opacity는 100%, Layer 1의 Opacity는 20%로 지정합니다.
19. 그리고 텍스트레이어 C의 눈아이콘을 켜줍니다.


20. 애니메이션 팔레트에서 복제버튼을 이용하여 일곱번째컷을 만들어 줍니다.
21. 그리고 텍스트레이어 U의 눈아이콘을 켜줍니다.
22. 애니메이션 팔레트에서 복제버튼을 이용하여 여덟번째컷을 만들어 줍니다.
23. 그리고 텍스트레이어 B의 눈아이콘을 켜줍니다.
24. 이런식으로 "CUBA 1672 인류최대의 위기, 그 긴박했던 시간"을 복제버튼을 이용하여 각각의 컷을 만들고 한글자씩 눈아이콘 켜주고 하는 식으로 만들어줍니다.


25. 마지막 텍스트레이어 "간" 눈아이콘을 켤때까지 만듭니다.


26. 그리고 애니메이션 팔레트에서 복제버튼을 이용하여 한컷을 만들어줍니다. 그런 다음 Layer 1를 제외한 모든 레이어의 눈아이콘을 다 꺼줍니다.


27. 다시 애니메이션 팔레트에서 복제버튼을 이용하여 한컷을 만들어줍니다. 그리고 Layer 3의 눈아이콘을 켜주고 Opacity를 30%로 지정합니다.


28. 또다시 애니메이션 팔레트에서 복제버튼을 이용하여 한컷을 만들어줍니다. 그리고 Layer 3의 Opacity를 60%로 지정합니다.


29. 애니메이션 팔레트에서 복제버튼을 이용하여 마지막 컷을 만든다음 Layer 3의 Opacity를 100%로 지정하고 Layer 4의 눈아이콘을 켜줍니다.


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


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

33. 완성된 GIF 애니메이션입니다.

댓글