Illustrator, Save for Web: ¿mantener la optimización Art and Type separada de una vez?

11

Al exportar para web en Illustrator, existen los esquemas familiares Art Optimizedy de Type Optimizedreproducción (aparte de None).

Ambos esquemas tienen sus propios beneficios en diferentes tipos de elementos. Como era de esperar, Art Optimized sobresale por cualquier cosa que no sea texto, mientras que Type Optimized es a menudo mucho mejor en la representación de texto / fuentes. (Bueno, supongo que podría ser un tema subjetivo, pero es irrelevante para la discusión; sigamos siendo fieles al hecho; a veces prefieres uno u otro, y a menudo (aquí está la esencia de todo el asunto) prefieres ambos esquemas tratando sus elementos previstos, respectivamente, ¿verdad?

A menudo tengo que exportar dos versiones; one * _art_opt.png y one * _type_opt.png al hacer, por ejemplo, un logotipo. Luego, tengo que colocar ambas imágenes renderizadas en dos capas en Photoshop, cortando la porción Art Optimized del área Tipo, y viceversa. En primer lugar, para obtener lo que estaba buscando: arte OPTIMIZADO ... en otras palabras, "arte" representaba Arte optimizado y texto renderizado Tipo optimizado.

Tenga en cuenta que a menudo hago varios tamaños diferentes; versiones transparentes y versiones opacas; guardado en varios formatos ... y tiene un desperdicio de tiempo SERIOUS ™ allí mismo.

Y entonces, la pregunta

Me pregunto, ¿hay algún método para tratar los elementos artísticos con la representación Art Optimized y los elementos de texto tratados como Type Optimized, todo al mismo tiempo?

A continuación se muestra un ejemplo que muestra cómo la marca del logotipo parece buena en una optimización (arte) y el texto del logotipo aparece mejor en la otra optimización (tipo), en la que tendría que guardar dos archivos y llevarlos a Photoshop para mezclar manualmente buenas partes juntas:

ingrese la descripción de la imagen aquí

Henrik
fuente

Respuestas:

11

Cuando se aplica el suavizado en el Save for Web & Devicespanel, toda la exportación obtiene el mismo método de suavizado, pero puede aplicar el suavizado en un nivel de objeto.

Seleccione un objeto y vaya a Effect > Rasterize.... Elija su ppi deseado, es mejor elegir siempre Use Document Raster Effects Resolutionporque entonces será fácil cambiar todos sus objetos de 72 ppi a 300 ppi, por ejemplo, haciendo clic en Effect > Document Raster Effects Settings.... Seleccione el método de suavizado que desea aplicar a su objeto. Siempre aplico Type Optimizeden objetos de texto pero no necesitas hacer nada en gráficos. La única vez que uso Art Optimizedes en imágenes PSD vinculadas, obtienes un mejor resultado, especialmente si redujiste el tamaño de la imagen en Ilustrator

Otra ventaja de este método es que lo que ve en su mesa de trabajo (una vez que se aplican todos los filtros rasterizados) será exactamente lo que obtendrá al exportar para que realmente pueda controlar el resultado final.

El objeto se rasterizará, pero como es un efecto, puede activarlo / desactivarlo en el Appareancepanel, por lo que no está realmente rasterizado y no se altera. Luego, al exportar, no aplique ningún suavizado en el Save for Web & Devicespanel.

dlmth
fuente
3
dlmth: Esto es sangrientamente brillante. No puedo decir lo agradecido que estoy por esta respuesta. Una nota de precaución para aquellos que se encuentran con la misma brecha de confusión que yo: si su salida está destinada a la pantalla de la computadora, cambie Efectos> Configuración de efectos de ráster del documento ... a 'Pantalla (72 ppp). La mía estaba en 'High (300 ppi)', lo que realmente estropeó el anti-aliasing al guardar para la web.
Henrik
3

Honestamente ... Copio / pego a Photoshop como un objeto inteligente y Guardar para Web con Photoshop en estos casos. El antisolapamiento SFW de AI no es sorprendente cuando los objetos se mezclan.

Scott
fuente
¡Esto es interesante! Nunca pensé en eso. Parece que Photoshop trata el texto un poco mejor (manteniendo la integridad del arte). Sin embargo, experimenté un problema de color desagradable en PS 'Save for Web, pero creo que eso tiene algo que ver con el hecho de que el logotipo en el que estoy trabajando actualmente (no el ícono falso anterior) tiene una opacidad bastante compleja (múltiple) máscaras y efectos de brillo interno + sombra paralela que Photoshop no maneja de la misma manera.
Henrik
1
No uso el efecto en logotipos. Diseño formas planas para logos. Sin embargo, para un mejor soporte, asegúrese de que el modo de color de su documento AI sea RGB, luego copie / pegue en Photoshop.
Scott
Gran punto sobre la consistencia del modo de color, Scott. Iba a preguntarle si le gustaría explicar brevemente por qué no está usando efectos en logotipos, pero como este es otro tema, abriré un nuevo hilo de preguntas para él: graphicdesign.stackexchange.com/questions/ 5306 / ...
Henrik
Todos los efectos enlatados no hacen más que "abaratar" la marca. Un logotipo sólido no debería necesitar sombras ni brillos ni ninguna de esas otras cosas. Solo es mi opinión. Absolutamente se sabe que estoy equivocado.
Scott
2

Lo que hice después de leer esto fue crear cualquier texto en contornos.

Cuadro seleccione "logo Text" Haga clic derecho y diga "Crear contornos" o Edit > Object > create outlines.

Esto permitirá cualquier

Exportación optimizada para el art.

Sin embargo, estaba usando esto para un logotipo que se imprimirá, y no solo para uso web. Sin embargo, me imagino que será más o menos lo mismo.

shani
fuente
-1

Básicamente, igual que el anterior, pero para AI 2017:

Seleccione tipo (con puntero, no herramienta de texto) Tipo> Crear contornos. Voila Su texto es Arte, y ahora puede ser Arte Optimizado. ¡Perfecto!

Lallie
fuente
1
No escriba "igual que el anterior" porque las respuestas cambian de posición debido a votos positivos / negativos. En cambio, si desea hacer referencia a otra respuesta, diga "como dijo @user". Además, lo que escribió es más un comentario que una respuesta a la pregunta.
Luciano