[프리로더 다운] 돌아가는 로딩바 만들기 무료 다운로드

 

 

아래의 주소로 들어가면 gif, svg, apng로 되어있는 1000개가 넘는 다양한 무료 로딩바를 다운로드할 수 있고 색상 조절도 가능합니다.

 

https://icons8.com/preloaders/

Preloaders.net - Loading GIF, SVG & APNG (AJAX loaders) generator

 

위 사이트에 들어가면 다양한 로딩바를 다운 받을 수 있는데 원하는 프리로더를 선택하고 하단에 Download를 클릭하면 원본을 다운 받을 수 있습니다.

 

 

 

 

만약 프리로더 색을 수정해서 쓰고 싶다면 아이콘 모양을 클릭할 수도 있고 이름 부분을 클릭하고

 

 

 

Apply filters를 클릭하면

 

 

 

같은 계통의 다양한 형태의 로딩바를 볼 수 있습니다.

여기서 원하는 형태를 선택합니다.

 

 

 

 

그러면 수정할 수 있는 모달 창이 생기고 여기서

이미지 타입, 색상, 애니메이션 속도, 프리로더 사이즈 등을 조절할 수 있습니다

 

투명하게 하고 싶다면 Transparent background를 선택하고 Foreground color 전경색과 Background color 배경색을 변경해 줍니다.

 

 

설정이 완료되면 Generate를 눌러주면 오른쪽 편에 변경된 프리로더를 확인할 수 있습니다.

 

 

 

원하는 모양으로 완성이 되었다면 아래의 다운로드를 눌러주면 됩니다.

 

 

이미지 타입을 svg로 설정해서 테두리가 좀 더 깔끔한 svg 프리로더를 만들 수도 있습니다.