[소스] 로딩 GIF

 

 

 

인트로 페이지나 로딩 페이지를 만들 때 로딩을 표현해 줄 GIF 소스가 필요하죠?!!

 

그럴 때는 포토샵에서 이미지를 제작 후 애니메이션 타임라인에서 프레임을 생성해서 loof로 제작하거나, 에프터 이펙트에서 간단하게 만들어서 GIF로 랜더링을 하는데~

 

시간적으로 여유가 없거나, 자체 제작이 힘들때는 아래 사이트를 이용해 보세요.

 

http://www.ajaxload.info

 

위 사이트에 들어가면 손쉽게 다양하고 이쁜 로딩 GIF를 만들고 다운로드하실 수 있습니다.

 

 

 

 

 

 

사이트에 접속하면 위와 같은 귀여운 화면이 보이실텐데요~

 

indicator type에서 원하는 로딩 이미지를 선택하고 (원형에서 바형식 등 약 40가지 종류가 있습니다),

backfround color에서 배경 칼라를 정하고,

foreground color 에서 로딩 이미지 칼라를 설정해 줄 수 있습니다.

 

색상 선택은 색상 고유번호를 넣는 방법, 셀렉트 팔레트에서 선택하는 방법 모두 가능하니 편한 방법을 선택해 주세요.

그리고 배경을 투명하게 제작하고 싶을 때는 transparent background 옆에 체크박스를 체크해 주세요.

 

설정이 끝나면 generate it! 을 클릭해 주세요. 그럼 preview에 설정한 이미지를 미리 볼 수 있고, 바로 다운로드할 수도 있습니다.