벡터 그래픽을 생성 한 다음 아이콘을 생성하는 방법은 무엇입니까?

Question

개발중인 웹 사이트의 경우 그래픽을 만들어야합니다. 아직 크기를 잠그지 않았으므로 이미지 파일 (PNG, GIF, JPG)을 직접 생성하고 싶지 않았습니다. .

이것은 내가 생각하게 만들었습니다 : 아마도 벡터 그래픽 (예 : SVG)으로 생성 한 다음 내 사이트에서 사용할 이미지 파일 세트를 생성해야합니다. 나는 전에 벡터 그래픽을 가지고 놀지 못했기 때문에 내가 뒤 따르는 것은 다음과 같습니다.

• 일부 벡터 그래픽을 일부 벡터 그래픽으로 만들 수있는 일부 도구;
• 벡터 그래픽을 만드는 프로그래밍 방식. 예를 들어, 나는 그리드를 가지고 있다고 말하면 반드시 손으로 그것을 그릴 필요는 없습니다. "Snap to Grid"및 유사한 기능은이 사례를 다루지 만 다른 경우에는 다루지 않습니다. 그리고
• 프로그래밍 방식으로 (예 : 빌드 작업으로) 벡터 그래픽 세트를 가져 와서 이미지 세트를 생성하고 바람직하게는 명명 규칙, 출력 형식, 크기 등과 같은 것들에 대한 약간의 컨트롤 (예 : 명령 줄)이 있습니다. 프로그램에 들어가서 개별적으로 내 아이콘을 생성하기 위해 100 개 이상의 파일에서 "저장"을 개별적으로 수행하고 싶지 않습니다.

어떤 종류의 도구와 워크 플로우 가이 상황에 적합합니까?

Answer 1

여러 다른 상용 벡터 그래픽 패키지가 있기 때문에 다른 접근법이 있습니다. 내가 사용하는 것은 Adobe Illustrator, Adobe Fireworks, Adobe Photoshop입니다. 물론 불꽃 놀이와 포토샵은 벡터 지원이있는 비트 맵 그래픽 패키지입니다.

불꽃 놀이는 벡터가 "일류"객체가 있기 때문에 벡터를 다루는 시간이 더 쉬우 며 Photoshop에서는 실제로 벡터 마스크와 색상 채우기의 조합입니다. 벡터를 사용하여 비트 맵 패키지로 설계하는 이점은 문서를 확대하여 개별 픽셀을 볼 수 있도록 래스터 화 된 결과를 미리보기가 훨씬 쉽습니다. Illustrator는이를 달성하기 위해 "픽셀 미리보기"모드를 추가했습니다.

세 가지 패키지 모두 스크립팅 기능이있어 멀티 엑스 포트, 이름 지정 등과 같은 반복적 인 작업을 자동화 할 수 있습니다. 그러나 Photoshop에는 작업이 있습니다. 간단한 매크로 시스템을 녹음하고 재생할 수있는 간단한 매크로 시스템.

아이콘 팩을 만드는 경향은 단일 문서 내부의 모든 아이콘을 디자인하는 것입니다. 나는 "그룹"(Illustrator) 또는 "폴더"(불꽃 놀이 또는 포토샵)을 사용하여 각 아이콘을 서로 분리하지만 아이콘을 구성하는 모든 개별 레이어를 보관할 수 있습니다.

내보내기를하면 최상위 그룹/폴더를 반복하여 한 번에 하나씩 숨기고 모든 주요 해상도에 대한 비트 맵으로 결과를 내보내는 스크립트를 실행합니다. 16x16, 24x24, 32x32, 48x48, 128x128 및 256x256.

여기에 우수합니다 스타일 가이드 Microsoft는 Vista 및 XP 용 아이콘을 디자인하는 방법에 대해 가지고 있습니다. 포토샵을 사용하여 대부분의 작업을 수행하는 데 중점을 둡니다.

Answer 2

보세요 카이로 그리고 다양한 바인딩. 사실, 심지어도 있습니다 레시피 SVG를 카이로 명령으로 전환 할 수 있습니다.

Answer 3

SVG를 만들기위한 견고한 무료 도구가 필요한 경우 필요한 크기를 결정했을 때 BitMap 이미지에 덤프하는 경우 잉크 스케이프 좋은 선택이 될 것입니다. UI는 일러스트 레이터보다 약간 덜 연마 된 것처럼 보이지만 Windows, Mac 및 Linux에서는 잘 작동합니다. 한계는 컬러 관리가 일러스트 레이터보다 훨씬 덜 강력하고 Linux 상자에 있지 않으면 압력에 민감한 그래픽 태블릿에 대한 지원이 덜 좋습니다.