2009-01-04 13 views
4

Pour un site Web que je développe, je vais devoir créer quelques graphiques. Je n'ai pas encore verrouillé les tailles, donc je ne voulais pas générer de fichiers image (PNG, GIF, JPG) directement au cas où je changerais d'avis après avoir continué avec la mise en page et l'interface pour voir ce qui fonctionne et ce qui ne fonctionne pas . Cela m'a fait réfléchir: peut-être devrais-je les générer en tant que graphiques vectoriels (par exemple SVG) et ensuite générer un ensemble de fichiers image à utiliser sur mon site. Je n'ai jamais joué avec des graphiques vectoriels avant si bien que ce que je suis après est:Comment créer des graphiques vectoriels et ensuite générer des icônes à partir d'eux?

  • Certains outils pour créer (de préférence graphiquement) des graphiques vectoriels dans un format acceptable;
  • Une manière programmatique de créer des graphiques vectoriels. Par exemple, disons que j'avais une grille, je ne voudrais pas nécessairement dessiner cela à la main. "Snap to Grid" et des caractéristiques similaires couvriraient ce cas mais pas d'autres; De façon que je peux programmer (par exemple comme une tâche de construction) prendre un ensemble de graphiques vectoriels et générer un ensemble d'images et de préférence avoir un certain contrôle (par exemple de la ligne de commande) sur des conventions de nommage, format de sortie, taille , etc. Je ne veux pas entrer dans un programme et faire individuellement "Enregistrer sous ..." sur plus de 100 fichiers pour générer mes icônes.

Quelle sorte d'outils et de workflow conviendrait à cette situation?

Répondre

4

Il existe différentes approches car il existe plusieurs packages graphiques vectoriels commerciaux différents. Ceux que j'utilise sont Adobe Illustrator, Adobe Fireworks, Adobe Photoshop. Certes, Fireworks et Photoshop sont des paquets graphiques bitmap qui ont un support vectoriel. Je trouve que Fireworks a plus de facilité à gérer les vecteurs car ce sont des objets de «première classe», alors que dans Photoshop, il s'agit en fait d'une combinaison d'un masque vectoriel et d'un remplissage de couleur. L'avantage de la conception dans un package bitmap utilisant des vecteurs est qu'il est beaucoup plus facile de prévisualiser le résultat pixellisé en zoomant sur le document afin de voir les pixels individuels. Illustrator a ajouté un mode "pixel preview" pour y parvenir également.

Les trois packages disposent de fonctionnalités de script qui vous permettent d'automatiser les tâches répétitives telles que l'exportation multiple, l'attribution de noms, etc. Photoshop a également des actions; un système de macros simplifié qui vous permet d'enregistrer et de lire des activités par lots simples.

La façon dont j'ai tendance à construire mes packs d'icônes est en concevant toutes les icônes dans un seul document. J'utilise des "groupes" (dans Illustrator) ou des "dossiers" (Fireworks ou Photoshop) pour isoler chaque icône les uns des autres, mais cela me permet de garder tous les calques individuels qui composent l'icône sans aplatissement. Lorsque j'exporte vers l'exportation, j'exécute un script qui itère sur les groupes/dossiers de niveau supérieur, en masquant tous sauf un à la fois, et en exportant les résultats vers des bitmaps pour toutes les résolutions majeures; 16x16, 24x24, 32x32, 48x48, 128x128 et 256x256.

Voici un excellent style guide que Microsoft a sur la façon de concevoir des icônes pour Vista et XP. Il se concentre sur l'utilisation de Photoshop pour faire la plupart du travail.

0

Jetez un oeil à Cairo et ses différentes reliures. En fait, il y a même un recipe disponible pour transformer un SVG en commandes Cairo.

0

Si vous avez besoin d'un outil gratuit solide pour créer SVG et le décharger sur des images bitmap lorsque vous avez décidé de la taille dont vous avez besoin, Inkscape serait une bonne option.L'interface utilisateur semble un peu moins polie qu'Illustrator mais elle fonctionne très bien sur Windows, Mac et Linux. Les limitations sont que la gestion des couleurs est beaucoup moins puissante qu'Illustrator et le support pour les tablettes graphiques sensibles à la pression est moins bon si vous n'êtes pas sur une machine Linux.