Illustrator, Save for Web: mantenere l'ottimizzazione di arte e tipo separati in una volta sola?

11

Quando esporti per il Web in Illustrator, esistono schemi sempre familiari Art Optimizede di Type Optimizedrendering (a parte None).

Entrambi gli schemi hanno i loro vantaggi su diversi tipi di elementi. Non sorprende che Art Optimized eccelle per tutto tranne che per il testo, mentre Type Optimized è spesso molto meglio nel rendering di testo / font. (Beh, suppongo che potrebbe essere un argomento soggettivo, ma è irrilevante per la discussione - restiamo fedeli al fatto; a volte preferisci l'uno o l'altro e spesso (ecco l'essenza dell'intera cosa) preferisci entrambi gli schemi trattare gli elementi previsti, rispettivamente, giusto?

Spesso devo esportare due versioni; uno * _art_opt.png e uno * _type_opt.png quando si crea ad esempio un logotipo. Quindi, devo posizionare entrambe le immagini renderizzate su due livelli in Photoshop, tagliando la parte Art Optimized dall'area Tipo e viceversa. Solo per ottenere quello che stavo cercando in primo luogo: arte OTTIMIZZATA ... in altre parole, "arte" ha reso l'arte ottimizzata e il testo ha reso il tipo ottimizzato.

Il fatto è che spesso realizzo varie dimensioni diverse; versioni trasparenti e versioni opache; salvati in vari formati ... e hai un po 'di tempo SERIOUS ™ proprio lì.

E così, la domanda

Mi chiedo solo, esiste un metodo per far trattare gli elementi artistici con la resa Art Optimized e gli elementi di testo trattati come Type Optimized?

Di seguito è riportato un esempio che mostra come il segno del logo appaia buono in un'ottimizzazione (arte) e il testo del logo appaia meglio nell'altra ottimizzazione (tipo), in cui dovrei salvare due file e portarli in Photoshop per mescolare manualmente il buone parti insieme:

inserisci qui la descrizione dell'immagine

— Henrik
fonte

11

Quando si applica l'antialiasing nel Save for Web & Devicespannello, l'intera esportazione ottiene lo stesso metodo di antialiasing ma è possibile applicare l'antialiasing a livello di oggetto.

Seleziona un oggetto e vai a Effect > Rasterize.... Scegli il tuo ppi desiderato, è meglio scegliere sempre Use Document Raster Effects Resolutionperché sarà facile cambiare tutti i tuoi oggetti da 72ppi a 300ppi, ad esempio facendo clic su Effect > Document Raster Effects Settings.... Seleziona il metodo di antialiasing che desideri applicare al tuo oggetto. Applico sempre Type Optimizedsugli oggetti di testo ma non è necessario fare nulla sulla grafica. L'unica volta che uso Art Optimizedè su immagini PSD collegate, ottieni un risultato migliore soprattutto se hai ridimensionato l'immagine in Ilustrator

Un altro vantaggio di questo metodo è che ciò che vedi sulla tua tavola da disegno (una volta applicati tutti i filtri rasterizzati) sarà esattamente quello che otterrai durante l'esportazione in modo da poter davvero controllare l'output finale.

L'oggetto verrà rasterizzato, ma poiché è un effetto puoi attivarlo / disattivarlo nel Appareancepannello, quindi non è realmente rasterizzato e non viene alterato. Quindi, durante l'esportazione, non applicare alcun antialiasing nel Save for Web & Devicespannello.

— dlmth
fonte

3

dlmth: Questo è dannatamente brillante. Non posso dire quanto sono grato per questa risposta. Una nota di cautela per coloro che si imbattono nella stessa confusione che ho fatto: se l'output è destinato allo schermo del computer, modificare Effetti> Impostazioni effetti raster del documento ... su "Schermo (72 ppi). Il mio era a "High (300 ppi)", che ha davvero incasinato l'antialiasing durante il salvataggio per il Web.

— Henrik

3

Onestamente ... Copio / incollo su Photoshop come un oggetto intelligente e in questi casi salva per Web con Photoshop. L'antialiasing SFW di AI non è sorprendente quando gli oggetti vengono mescolati.

— Scott
fonte

Questo è interessante! Non ci ho mai pensato. Sembra che Photoshop tratti il testo solo un po 'meglio (mantenendo l'integrità dell'arte). Tuttavia ho sperimentato un brutto glitch di colore in Save for Web di PS, ma penso che abbia qualcosa a che fare con il fatto che il logo su cui sto attualmente lavorando (non l'icona fittizia sopra;) abbia un'opacità piuttosto elaborata (multipla) maschere e bagliore interno + effetti di ombreggiatura in corso, che Photoshop non gestisce allo stesso modo.

— Henrik

1

Non uso l'effetto sui loghi. Progetto forme piatte per loghi. Tuttavia, per un supporto migliore assicurati che la modalità colore del documento AI sia RGB, quindi copia / incolla su Photoshop.

— Scott,

Ottimo punto sulla coerenza della modalità colore, Scott. Stavo per chiederti se ti andrebbe di approfondire brevemente il motivo per cui non stai usando effetti nei loghi, ma poiché questo è un altro argomento, aprirò un nuovo thread di domande: graphicdesign.stackexchange.com/questions/ 5306 /…

— Henrik

Tutti gli effetti in scatola non fanno altro che "indebolire" il marchio. Un logo solido non dovrebbe richiedere ombre, bagliori o altre cose. Solo la mia opinione. Sono stato assolutamente conosciuto per essere sbagliato.

— Scott,

2

Quello che ho fatto dopo aver letto questo è stato creare qualsiasi testo in contorni.

Casella selezionare "Logo Testo" Fare clic con il tasto destro e pronunciare "Crea contorni" o Edit > Object > create outlines.

Questo consentirà a nessuno

Esportazione ottimizzata per l'arte.

Comunque stavo usando questo per un logo che verrà stampato, e non solo per il web. Comunque immagino che sarà più o meno lo stesso.

— Shani
fonte

-1

Fondamentalmente, come sopra, ma per AI 2017:

Seleziona il tipo (con puntatore, non con lo strumento testo) Tipo> Crea contorni. Ecco. Il tuo testo è Arte e ora può essere ottimizzato per l'arte. Perfetto!

— Lallie
fonte

1

Non scrivere "come sopra" perché le risposte cambiano posizione a causa di voti positivi o negativi. Invece se vuoi fare riferimento a un'altra risposta, pronuncia "come ha detto @utente". Anche quello che hai scritto è più simile a un commento che a una risposta alla domanda.

— Luciano,