로딩바 생성 / 로딩바 이미지 생성 / gif / 프로그래스바 / progress bar / 진행바

2016. 1. 15. 11:03etc/Util


Loding bar or brogress bar 생성에 대해서 포스팅합니다.

 

 

로딩바를 gif 파일로 만드는 것은

 

포토샵이나 애니메이션 기능을 알지 못하면 만들기 쉬운 것은 아닙니다.

 

그런것 다 필요없이 아주 심플하고 간단한

 

30초만에 만들 수 있는 사이트를 소개합니다.

 

 

홈페이지 클릭 !!!!


 

 



 

 

 

* 사용방법입니다.

 

첫번째로 사이트에 접속하시면 아래와 같은 화면을 볼 수 있습니다.

 

 

 

 

 

아래 화면에서

 

1번 (Indicator type) 은 로딩바 종류를 선택하는 기능입니다.

 

2번 (Background color) 은 배경색을 선택하는 기능입니다.

 

3번 (Foreground color) 은 색상을 선택하는 기능입니다.

 

4번 (Generate it !) 은 미리보기 및 다운로드를 할 수 있도록 실행하는 기능입니다.

 

 

 

 

 

 

1번 (Indicator type) 을 클릭하면 아래와 같이 여러 종류의 로딩바 목록이 나옵니다.

 

사용하고자 하는 로딩바를 선택합니다.

 

 

 

 

 



 

 

2번 (Background color) 을 클릭하면 다음과 같이 색상을 선택하는 팝업이 등장합니다.

 

원하는 색상을 선택합니다.

 

3번 (Foreground color) 도 동일한 패턴입니다.

 

 

 

 

4번 (Generate it !) 을 선택하시면 선택한 로딩바가 아래에 미리보기로 나옵니다.

 

그리고 아래 미리보기 화면에서 다운로드 (Download it !) 를 클릭하시면 gif 파일로 다운받으실 수 있습니다.

 

 

 

 

 

 

 

다운로드한 파일입니다.

 

 

 

제가 선택한 빨강색의 로딩바 입니다.