2007/10/02 07:00Web/Bookmark
온라인에서 로딩 GIF 이미지 만들기
온라인에서 로딩 GIF 즉 콘텐츠를 불러 오기전에 표시되는 로딩 이미지를 무지 간편하게 만들어주는 웹사이트를 소개합니다. 로딩 인디케이터 즉 로딩 이미지의 타입에서 원하는 이미지를 고르고 배경색상과 전경색상을 골라주고 마지막으로 로딩 이미지의 순환속도를 지정해 주면 원하는 로딩이미지가 GIF 파일로 생성됩니다. 비단 블로그에서뿐만 아니라 홈페이지를 제작할때도 유용하게 사용할수 있을것 같아요. :)
☞ 이미지 제작 사이트로 접속합니다. http://www.webscriptlab.com/ 처음 접속하면 아래의 화면이 나오게 되는데요. 설명이 쉽게 번호를 메겨놓았습니다. 1번에서는 로딩 이미지의 모양을 설정해 주고, 2번에서는 배경색상, 3번에서는 배경을 투명하게 할것인지 아닌지를 설정해 줍니다. 4번에서는 전경색상을 설정해주고 5번에서는 이미지의 움직이는 속도를 정해 줍니다. 7번을 누르면 완성이 되며 6번을 눌러 저장하시면 됩니다. 무척 간단하죠?

☞ 저만의 로딩 GIF를 만들어 본 화면입니다. 빨간색 박스로 체크된 DOWNLOAD 버튼을 클릭했더니 아래의 파란색으로 체크된 곳 처럼 팝업창이 생성됐습니다. 마우스 오른쪽을 클릭하여 저장해 주면 완료됩니다. :D
☞ 이미지 제작 사이트로 접속합니다. http://www.webscriptlab.com/ 처음 접속하면 아래의 화면이 나오게 되는데요. 설명이 쉽게 번호를 메겨놓았습니다. 1번에서는 로딩 이미지의 모양을 설정해 주고, 2번에서는 배경색상, 3번에서는 배경을 투명하게 할것인지 아닌지를 설정해 줍니다. 4번에서는 전경색상을 설정해주고 5번에서는 이미지의 움직이는 속도를 정해 줍니다. 7번을 누르면 완성이 되며 6번을 눌러 저장하시면 됩니다. 무척 간단하죠?
☞ 저만의 로딩 GIF를 만들어 본 화면입니다. 빨간색 박스로 체크된 DOWNLOAD 버튼을 클릭했더니 아래의 파란색으로 체크된 곳 처럼 팝업창이 생성됐습니다. 마우스 오른쪽을 클릭하여 저장해 주면 완료됩니다. :D
< Tweet this post with [retweet] button!




Responses to Post
블로거팁 닷컴님의 해당 포스트가 10/2일 버즈블로그 메인 헤드라인으로 링크되었습니다.
2007/10/02 09:39 A / D / R
감사합니다.
2007/10/02 15:59 A / D
이렇게 꾸준히 외국 사이트를 탐방하셔서 좋은자료를 가르쳐 주시니
감사할따름입니다. ^^
언제 저는 이렇게 이쁘게 꾸며 볼까요 >_<
2007/10/02 12:07 A / D / R
ㅎ.ㅎ 고도리님은 더 멋진 블로그가 되실거라능.,
2007/10/02 15:59 A / D
여기 '팁 닷컴'만 들어오면...자꾸 이런저런 욕심이 생기게되용~ㅎㅎ;
늘 나에게 새로운 고민을 안겨주는 팁 닷컴은 반성하라!! ㅋㅋ
2007/10/02 23:03 A / D / R
으흐흑 (ㅋㅋ) 반성중~
2007/10/03 00:40 A / D
AJAX 기능 사용할때 자주 쓰는 GIF군요..!
2007/10/02 23:33 A / D / R
네 맞습니다
2007/10/03 00:40 A / D
흑.. 한때 이거 찾다가 없어서 다음 애드클릭스 로딩이미지를 긁으려고 버둥대던 한때가..(뭔뜻이야...)
2007/10/02 23:48 A / D / R
호곡 -ㅁ-
2007/10/03 00:40 A / D
안녕하세요~ 우연히 이곳을 알게되었는데 좋은팁들이 참 많네요..^^
좋은정보 감사합니다~~~ 참..질문이 하나 있는데요 여기서 만든 로딩이미지를
블로그에 어떻게 적용하나요? 예전에 어디서 본거 같은데 찾으려고 하니 안보이네요 ^-^ㆀ
좋은휴일 보내세요~ 자주 들리겠습니다 ^^
2007/10/14 11:21 A / D / R
로딩이미지는 왠만하면 블로그에는 적용하지 않는 것을 추천합니다. (실은 정확한 정보를 모른다능..OTL)
2007/10/14 23:44 A / D
완소네요!! 잘 써먹습니다~~
2009/03/04 15:05 A / D / R