차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
다음 판
이전 판
tech:free_icon [2015/02/13 15:04] V_Ltech:free_icon [2016/07/12 00:56] (현재) – 바깥 편집 127.0.0.1
줄 1: 줄 1:
 +{{tag>free icon 아이콘 스프라이트 스프라이트패드 자동 아이콘맵 FREEWARE}}
 ======무료 아이콘과 스프라이트 만들기 (Free Icon & sprite)====== ======무료 아이콘과 스프라이트 만들기 (Free Icon & sprite)======
  
줄 5: 줄 6:
 좋죠~~~ 좋죠~~~
  
-아니면 이미 만들어진 아이콘을 폰트파일처럼 쓸 수 있게 해주는 [[font awesome]]도 좋다.+아니면 이미 만들어진 아이콘을 폰트파일처럼 쓸 수 있게 해주는 [[fontawesome]]도 좋다.
  
 =====IconArchive===== =====IconArchive=====
줄 14: 줄 15:
  
 =====SpritePad===== =====SpritePad=====
-자동 아이콘 스프라이트 제작 사이트가 있다.+자동 아이콘 스프라이트 제작 사이트.
 [[http://spritepad.wearekiss.com/|스프라이트패드]] 아이콘 파일을 끌어넣으면 자동으로 css를 형성해 준다. 무료로 2개의 아이콘맵을 저장해 놓을 수 있다. [[http://spritepad.wearekiss.com/|스프라이트패드]] 아이콘 파일을 끌어넣으면 자동으로 css를 형성해 준다. 무료로 2개의 아이콘맵을 저장해 놓을 수 있다.
  
줄 20: 줄 21:
  
 아이콘을 끌어넣고, 다운로드를 누르면 css 파일과 아이콘통합 PNG파일이 받아진다. 다운 받은 sprites.css를 보고 em 태그에 클래스 먹이면 된다. 아이콘을 끌어넣고, 다운로드를 누르면 css 파일과 아이콘통합 PNG파일이 받아진다. 다운 받은 sprites.css를 보고 em 태그에 클래스 먹이면 된다.
 +
 +em 태그의 배경화면형식으로 그림을 넣기 때문에 아이콘의 크기 조절이 쉽지 않다.
  
 =====DaButtonFactory===== =====DaButtonFactory=====
줄 28: 줄 31:
  
 =====제목텍스트 ===== =====제목텍스트 =====
 +
 +멋진 로고를 만들 수 있다.
  
 http://www.flamingtext.com/logo/Design-Glow http://www.flamingtext.com/logo/Design-Glow
줄 35: 줄 40:
 ^  누구나 수정할 수 있다. [[http://openwiki.kr/syntax|위키 사용법]] 참고하라.  ^ ^  누구나 수정할 수 있다. [[http://openwiki.kr/syntax|위키 사용법]] 참고하라.  ^
  
-{{tag>free icon 아이콘 스프라이트 스프라이트패드 자동 아이콘맵 FREEWARE}}