많은 사람들이 알 수도 있는 이야기부터 시작하겠습니다... 하지만 중요하지 않습니다: HTML5 + CSS3 + JS... 완벽해요
한 사용자가 평면 아이콘, 평면 아이콘을 만들 수있는 튜토리얼에 대해 물어 보는 이메일을 보냈습니다. 이것이 웹에서 새로운 패션입니다. 특별히 원한 잉크 스케이프 o 김프 채팅 스타일의 버튼 또는 제공 (또는 참조) 할 수있는 것 Snapchat.
Inkscape가 끔찍하고 Gimp 냄새가 나는데도 처음부터 콘텐츠를 만드는 것이 끔찍하기 때문에 ... 얼마 전에 작은 웹 응용 프로그램을 본 것을 기억했습니다 (일부 css 및 js가있는 index.html) 현재 유행하는 플랫 디자인으로 쉽고 빠르게 플랫 아이콘을 만들 수있었습니다.
플랫 아이콘 생성기
예를 들어 랩톱 아이콘, 모바일 장치 (스크린 샷에 표시된 것), 선물, 자전거 등의 일련의 미리 정의 된 아이콘이 있습니다. 매우 다양합니다.
하지만 단순히 아이콘을 넣는 문제가 아닙니다. 이제 두 개의 가로 막대를 사용하여 아이콘 크기 또는 이미지 크기 (아이콘 + 배경)를 정의 할 수 있습니다. 분명히 우리는 정사각형 크기를 픽셀 단위로 볼 수 있습니다… 256… 512… 등
다음 옵션을 사용하면 배경색과 아이콘 색상을 선택할 수 있습니다. 기본적으로 아이콘은 흰색이고 배경은 파란색이므로 많이 충돌하지 않습니다.
마지막으로 옵션 왼쪽에있는 막대에서 아이콘의 테두리가 정사각형인지 아니면 다른 한편으로 최종 결과가 원형인지를 정의 할 수 있습니다.
다음 옵션의 스크린 샷을 남깁니다.
반면 상단에는 생성되고있는 아이콘의 정보를 실시간으로 보여줍니다. 즉, 크기와 색상을 가지고 놀면이 정보가 항상 실시간으로 변경되는 것을 볼 수 있습니다.
보시다시피 버튼도 있습니다. 아이콘 가져 오기, 다른 탭에 PNG로 이미 생성 된 아이콘이 표시됩니다. 여기에서 오른쪽 클릭 + 저장을하면 컴퓨터의 원하는 폴더에 생성되는 평면 아이콘이 생깁니다.
플랫 아이콘 생성기 다운로드
직접 시도하고 싶다면 (내가 생각하기에 하하라고 생각합니다) 여기에 링크가 있습니다.
이를 통해 Gimp 또는 Inkscape로 버튼을 만드는 튜토리얼은 아니지만 사용자가 이메일로 요청한 내용을 따르기를 바랍니다. 음, 여전히 원하는 것을 제공 할 것이라고 상상합니다. 실제로 링크에 대한 버튼을 생성 할 수는 없습니다. snapchat 다운로드, 그러나 귀하의 사이트 또는 귀하가 하고 있는 모든 작업에 대한 대부분의 아이콘이나 버튼을 생성할 수도 있습니다
안녕하세요. 흥미 로웠기를 바랍니다.