Illustrator, Save for Web: garder l'art et l'optimisation de type séparés en une seule fois?


11

Lors de l'exportation pour le Web dans Illustrator, il existe des schémas de rendu Art Optimizedet de Type Optimizedrendu familiers (sauf None).

Les deux régimes ont leurs propres avantages sur différents types d'éléments. Sans surprise, Art Optimized excelle pour tout sauf le texte, tandis que Type Optimized est souvent bien meilleur pour le rendu de texte / polices. (Eh bien, je suppose que cela pourrait être un sujet subjectif, mais cela n'a rien à voir avec la discussion - restons fidèles au fait; parfois vous préférez l'un ou l'autre, et souvent (voici l'essentiel), vous préférez les deux régimes traiter leurs éléments prévus, respectivement, non?

Je dois souvent exporter deux versions; un * _art_opt.png et un * _type_opt.png pour créer par exemple un logotype. Ensuite, je dois placer les deux images rendues sur deux calques dans Photoshop, en coupant la partie Art Optimized de la zone Type, et vice versa. Juste pour obtenir ce que je cherchais en premier lieu: art OPTIMISÉ… en d'autres termes, "art" rendu Art Optimized et texte rendu Type Optimized.

Facteur en ce que je fais souvent différentes tailles; versions transparentes et versions opaques; enregistré dans divers formats ... et vous avez un peu de perte de temps SERIOUS ™ là.

Et donc, la question

Je me demande simplement, existe-t-il une méthode pour que les éléments artistiques soient traités avec le rendu Art Optimized et les éléments de texte traités comme Type Optimized - tous en même temps?

Ci-dessous est un exemple montrant comment la marque du logo semble bonne dans une optimisation (art) et le texte du logo apparaît mieux dans l'autre optimisation (type), dans lequel je devrais enregistrer deux fichiers et les importer dans Photoshop pour mélanger manuellement le bonnes pièces ensemble:

entrez la description de l'image ici

Réponses:


11

Lorsque vous appliquez l'anticrénelage dans le Save for Web & Devicespanneau, l'exportation entière obtient la même méthode d'anticrénelage, mais vous pouvez appliquer l'anticrénelage au niveau de l'objet.

Sélectionnez un objet et allez à Effect > Rasterize.... Choisissez votre ppi souhaité, il est préférable de toujours choisir Use Document Raster Effects Resolutioncar alors il sera facile de passer tous vos objets de 72ppi à 300ppi par exemple en cliquant sur Effect > Document Raster Effects Settings.... Sélectionnez la méthode d'anticrénelage que vous souhaitez appliquer à votre objet. Je m'applique toujours Type Optimizedsur les objets texte mais vous n'avez rien à faire sur les graphiques. La seule fois où j'utilise des Art Optimizedimages PSD liées, vous obtenez un meilleur résultat, surtout si vous avez réduit l'image dans Ilustrator

Un autre avantage de cette méthode est que ce que vous voyez sur votre plan de travail (une fois que tous les filtres de pixellisation sont appliqués) sera exactement ce que vous obtiendrez lors de l'exportation afin que vous puissiez vraiment contrôler la sortie finale.

L'objet sera pixellisé mais comme c'est un effet, vous pouvez l'activer / le désactiver dans le Appareancepanneau - il n'est donc pas vraiment pixellisé et ne sera pas modifié. Ensuite, lors de l'exportation, n'appliquez aucun anti-crénelage dans le Save for Web & Devicespanneau.


3
dlmth: C'est sanglant brillant. Je ne peux pas dire combien je suis reconnaissant pour cette réponse. Une note de prudence pour ceux qui rencontrent le même écart de confusion que moi: Si votre sortie est destinée à un écran d'ordinateur, changez Effets> Paramètres des effets de trame du document… en 'Écran (72 ppp). Le mien était à «High (300 ppi)», ce qui a vraiment gâché l'anti-aliasing lors de l'enregistrement pour le Web.
Henrik

3

Honnêtement ... Je copie / colle dans Photoshop en tant qu'objet intelligent et enregistre pour le Web avec Photoshop dans ces cas. L'anticrénelage SFW d'IA n'est pas étonnant lorsque les objets sont mélangés.


C'est intéressant! Je n'ai jamais pensé à ça. Il semble que Photoshop traite le texte un peu mieux (tout en préservant l'intégrité de l'art). Cependant, j'ai rencontré un pépin de couleur désagréable dans PS 'Save for Web, mais je pense que cela a quelque chose à voir avec le fait que le logo sur lequel je travaille actuellement (pas l'icône factice ci-dessus;) a une opacité (multiple) assez élaborée masques et effets de lueur intérieure + ombre portée en cours, que Photoshop ne gère pas de la même manière.
Henrik

1
Je n'utilise pas d'effet sur les logos. Je crée des formes plates pour les logos. Cependant, pour une meilleure prise en charge, assurez-vous que le mode de couleur de votre document AI est RVB, puis copiez / collez dans Photoshop.
Scott

Grand point sur la cohérence du mode couleur, Scott. J'allais vous demander si vous souhaitez expliquer brièvement pourquoi vous n'utilisez pas les effets dans les logos, mais comme il s'agit d'un autre sujet, je vais ouvrir un nouveau fil de questions pour celui-ci: graphicdesign.stackexchange.com/questions/ 5306 /…
Henrik

Tous les effets en conserve ne font que «déprécier» la marque. Un logo solide ne devrait pas avoir besoin d'ombres ou de lueurs ou de tout autre élément. Juste mon avis. Je suis absolument connu pour me tromper.
Scott

2

Ce que j'ai fait après avoir lu ceci, c'était créer n'importe quel texte dans les contours.

Sélectionnez "Logo Text" dans la boîte. Faites un clic droit et dites "Create Outlines" ou Edit > Object > create outlines.

Cela permettra à tout

Exportation optimisée pour l'Art.

Cependant, je l'utilisais pour un logo qui sera imprimé, et pas seulement pour une utilisation sur le Web. Cependant, j'imagine que ce sera à peu près la même chose.


-1

Fondamentalement, comme ci-dessus, mais pour AI 2017:

Sélectionnez le type (avec un pointeur, pas un outil de texte) Type> Créer des contours. Voila. Votre texte est de l'art et peut maintenant être optimisé pour l'art. Parfait!


1
N'écrivez pas "comme ci-dessus" car les réponses changent de position en raison de votes positifs / négatifs. Au lieu de cela, si vous souhaitez référencer une autre réponse, dites "comme l'a dit @user". De plus, ce que vous avez écrit ressemble plus à un commentaire qu'à une réponse à la question.
Luciano
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.