포토샵으로 검색창 글자 애니메이션 GIF 만들기

검색창을 캡쳐해서 포토샵에 붙여넣기한 다음 자르기툴로 잘라줍니다. 1처럼 검색창에 들어갈 글자를 문자툴로 만들어줍니다. 글자의 자음모음 수만큼 Ctrl+J키를 눌러주고 1의 눈아이콘을 클릭하고 클릭을 떼지말고 화살표방향으로 드래그해주면 눈아이콘이 다 꺼집니다. 아니면 Alt키를 누르고 3의 눈아이콘을 클릭하면 3레이어만 켜지고 나머지는 다 꺼집니다. 2의 눈아이콘을 클릭해서 켜주면 같은 결과입니다. 2 레이어의 T아이콘을 더블클릭하면 문자를 수정할수 있습니다. "요"를 지우고 "ㅇ"을 친다음 숫자판의 엔터키를 칩니다. 키보드에는 엔터키가 두개있는데 글자판의 엔터키는 문자툴에서 줄바꿈키입니다.

이번에는 2의 눈아이콘을 끄고 아래 레이어의 눈아이콘을 켜준다음 T아이콘을 더블클릭해서 이응을 지우고 엔터....이런식으로 레이어마다 글자의 자음이나 모음을 차례대로 지워주면 다음과 같이 됩니다.

  
4까지 끝났으면 이 티귿만 있는 레이어를 선택하고 Ctrl+J키를 다섯번 눌러주고 1처럼 |(\키와 같이 있는 키)를 입력하고 그다음 레이어는 빈공간으로 그다음은 |..로 해서 여러개 만듭니다. 검색창에 글자를 치기전 깜박이는 효과입니다. 
포토샵 메뉴에서 윈도우-애니메이션을 선택하면 하단에 패널이 나옵니다. 프레임패널이 아니고 타임라인으로 나오면 5를 클릭하면 됩니다. 6에서 시간을 0.2초로 변경하고 횟수를 Forever로 수정한 다음, 7을 클릭하여 8의 Make Frames From Layers를 선택하면 모든 레이어가 프레임으로 전환됩니다. 

1처럼 흰색배경이 나오는 것은 레이어창의 2번 레이어까지 같이 프레임(3)으로 와서 그런 것이므로 3을 클릭하고 4의 휴지통 아이콘을 클릭하면 없어지면서 5의 프레임이 첫프레임으로 됩니다. 6을 보면 배경이 없습니다. 이런경우는 7의 레이어를 선택하고 눈아이콘을 켜준 다음 Ctrl+J키를 누르면 프레임전체에 배경이 만들어집니다. 두번째 프레임부터 시간이 0으로 되어있는데 이 프레임을 클릭하고 8의 스크롤바를 우측끝까지 당겨서 Shift키를 누르고 마지막 프레임을 클릭하면 전체 프레임이 선택됩니다. 9의 작은 세모를 클릭하여 시간을 0.2로 바꿔주면 됩니다. 10의 플레이버튼을 클릭하고 애니메이션이 되는지 확인합니다.

Ctrl+Shift+Alt+S키를 눌러서 GIF파일로 선택하고 2에서 사이즈 변경할 수 있습니다. 3에서 최종확인하고 Save버튼을 클릭해서 저장하면 됩니다. 윈도우탐색기에서 파일을 우클릭하고 연결프로그램을 웹브라우저를 선택하면 인터넷화면에서 실행되는 것을 확인할 수 있습니다. 애니메이션 GIF 파일은 사진보는 프로그램인 사진뷰어에서는 애니메이션이 실행되지 않고 한장의 사진으로만 나옵니다. 

 

검색창글자애니메이션GIF.psd