Problemas con fuentes Photoshop CS5

[igualacero]

Tengo un problema con las fuentes de photoshop, no se ven nítidas utilizo CS5 y tengo que hacer unos mockups y no hay forma de que las letras de las fuentes se vean bien.
Ya he utilizado las opciones de la paleta de caracter: nítido, fuerte, difuninado y tal pero no se ven bien.
Y lo más increíble es que si utilizo el paint de windows, si ese programa que viene por default, se ven perfectamente algo que no tiene ningún sentido.
Alguien sabe la solución a este problema???

[tempesti]

El problema de Photoshop es que no es un programa vectorial por lo que SIEMPRE distorsionara las letras. Yo te recomiendo que utilices photoshop para retoque digital fotográfico o para cualquier tratamiento de imagen y finalmente adjuntes el texto, slogan, titulo o logotipo en cualquier programa vectorial: ILLUSTRATOR, FREEHAND, COREL etc.
Suerte.

[Sergio1963]

De acuerdo con Tempesti, pero yo no agregaría textos en un programa vectorial, pues así como Photoshop es para imágenes, Illustrator, Corel o Freehand son para crear ilustraciones solamente, no para "maquetar" o diagramar un proyecto.

Los dos programas en la industria gráfica para hacer eso son QuarkXPress e InDesign, donde combinas imágenes e ilustraciones con textos, además de ser más fácil colocar sangrías, líneas de corte, columnas de texto, etc.

[Rafael]

Hum... Sergio. Yo no estoy tan de acuerdo. De hecho tampoco estoy deacuerdo contigo Tempesi (sólo un poquito chicos) .

Por partes.
1) Ya hace tiempo se comentó que no se ponen fuentes en Photoshop, no porque se distorsionen, de hecho tampoco porque se pixelean, sino porque se traman, que no es lo mismo que los otros dos términos.

Pero dependiendo del proyecto, como por ejemplo un poster con tipografía grande, y a la resolución correcta, bien se pueden agregar textos ahí.

Habría que considerar además cosas como la separación de las tintas y el overprint al negro (u otras tintas), pero eso es otra cosa.

2) Corel e Ilustrator perfectamente sirven y se usan para salida a preprensa. Pueden generar un pdf correcto. En el caso de Corel (no conozco a fondo Ilustrator) también hay muchas opciones de salida. Tramas, separaciones etc.

Aunque sí se pueden usar para una publicación grande, no tienen herramientas suficientes para flujos de texto largos, repaginaciones, etc.

3) Es ahí para lo que se usa Quark e Indesign, para flujos de texto grandes.

Ahora, mi estimadísimo Sergio, el hecho de que cada quién esté más acostumbrado o no a un flujo de trabajo es otra cosa. Seguramente un flyer de una sola hoja lo armarás en indesign, y yo me he chutado algunas revistas en Corel.


Me regreso al punto original. Probablemente no es que se distorsione nada una letra. Muy probablemente estás usando una resolución demasiado baja, y tal vez no has prendido el alisado, o antialias, o como se llame el botón para suavizar la letra. Revisa este post porfa, en la parte de aserrado:
http://www.forosdelweb.com/f6/hablem...6/#post2904868

[Sergio1963]

Entiendo tu punto, pero cuantas veces haz visto tu en el foro a gente chillando porque el archivo de Illustrator es muy grande por toda la tipografía que utilizan, ya sabes, los programas vectoriales no discriminan si es una bolita, un cuadro o un montón de texto.

Yo comencé, a principios de los 90's a maquetar en Freehand, pero además de que me tardaba años en colocar todo lo que necesitaba, hacer cualquier cambio y por lo mismo que en ese entonces no te permitía poner páginas como QXP. Me aventé un manual de identidad todo en Freehand. En otra área de la empresa, donde hacían los anuncios de periódico para los programas de TV—trabajaba en Televisa San Ángel—solo utilizaban QXP. Yo no conocía el programa, pero me hicieron ver que si lo pasaba todo a Quark, muchos de mis problemas se resolverían y así fue. Ya nunca volvía a diseñar nada fuera de QXP, y desde hace 5 años en InDesign.

No digo que no se pueda terminar un trabajo en un programa vectorial, lo que digo es la EFICIENCIA vs COMODIDAD, un problema con la que a veces nos enfrentamos. Ya sabes como es esta profesión, si no entregas nada a tiempo y RÁPIDO los clientes se te echan encima y eso es $$$ fuera de tu bolsillo. He conocido mucha gente durante todos estos años que llevo diseñado que han tenido que adaptarse de trabajar cómodamente con un solo programa a tener que ser eficientes y aprender otra herramienta que les facilitará el trabajo y las entregas a tiempo con el cliente.

Si alguien es rápido en Illustrator o Corel, eso es bueno. Pero por algo existen los otros programas, no para competir con los vectores, sino para complementar la creación de un diseño. Eso si, cualquier cosa gigante como una manta o gigantografía, es mejor diseñarla en escala dentro de un programa vectorial, como el siguiente ejemplo, donde el proveedor en Canadá expresamente nos pidió vectores, en un archivo EPS a escala del original.

[Carlangueitor]

Chicos, siento decirlo, pero se están desviando.

El amigo está haciendo un mokup, un boceto, de una web (según entiendo), nada de impresión ni de tramado de fuentes ni de esas yerbas de diseñadores

Creo que lo mejor sería ver el resultado, incluso es probable que solo esa la escala u otra cosa.

Saludos

[Rafael]

Iniciado por rafael

me regreso al punto original. Probablemente no es que se distorsione nada una letra. Muy probablemente estás usando una resolución demasiado baja, y tal vez no has prendido el alisado, o antialias, o como se llame el botón para suavizar la letra. Revisa este post porfa, en la parte de aserrado:
http://www.forosdelweb.com/f6/hablem...6/#post2904868

[fitipladi]

Iniciado por Rafael

Hum... Sergio. Yo no estoy tan de acuerdo. De hecho tampoco estoy deacuerdo contigo Tempesi (sólo un poquito chicos) .

Por partes.
1) Ya hace tiempo se comentó que no se ponen fuentes en Photoshop, no porque se distorsionen, de hecho tampoco porque se pixelean, sino porque se traman, que no es lo mismo que los otros dos términos.

Pero dependiendo del proyecto, como por ejemplo un poster con tipografía grande, y a la resolución correcta, bien se pueden agregar textos ahí.

Habría que considerar además cosas como la separación de las tintas y el overprint al negro (u otras tintas), pero eso es otra cosa.

2) Corel e Ilustrator perfectamente sirven y se usan para salida a preprensa. Pueden generar un pdf correcto. En el caso de Corel (no conozco a fondo Ilustrator) también hay muchas opciones de salida. Tramas, separaciones etc.

Aunque sí se pueden usar para una publicación grande, no tienen herramientas suficientes para flujos de texto largos, repaginaciones, etc.

3) Es ahí para lo que se usa Quark e Indesign, para flujos de texto grandes.

Ahora, mi estimadísimo Sergio, el hecho de que cada quién esté más acostumbrado o no a un flujo de trabajo es otra cosa. Seguramente un flyer de una sola hoja lo armarás en indesign, y yo me he chutado algunas revistas en Corel.


Me regreso al punto original. Probablemente no es que se distorsione nada una letra. Muy probablemente estás usando una resolución demasiado baja, y tal vez no has prendido el alisado, o antialias, o como se llame el botón para suavizar la letra. Revisa este post porfa, en la parte de aserrado:
http://www.forosdelweb.com/f6/hablem...6/#post2904868

[Rafael]

Estoy revisando la pregunta original...

Igualacero, comentas que sí prendiste las diferentes opciones de alisado al escribir tu texto...
Si no fuera la resolución... ¿podrías poner una imagen para ver la deformación?

Supongo que dependiendo del Mockup, y la deformación intrínseca de este, producirá un adeformación mayor...

Por ahí está la opción de objetos inteligentes, que no rasterizan la tipografía en un inicio, tal vez por ahí...

[igualacero]

Hola buenas,
gracias a todos los que han contestado el tema que he preguntado.
Me he leído el tema de la resolución aunque ya lo tenía muy claro pero siempre es bueno recordar y actulizarse.
@Rafael cuando dices las opciones de alisado te refieres a definir el método de suavizado en el panel de caracter, en caso afirmativo si.
El tema del Antialiasing es precisamente esta característica que también se puede aplicar en la caja de texto pero igual que la anteriormente mencionada.
En illustrator me ocurre lo mismo se nota más con las fuentes a tamaños pequeños pero lo más increíble del tema es que si escribo el texto con el paint de win se ve bien.
Este problema lo llevo arrastrando hace tiempo y me resulta dificil de creer. Tengo que hacer un mockup del diseño de una web y las fuentes quedan un poco difuminadas no nítidas y bien como debería y ya de por si pierde en cuanto a diseño el mockup.
Adjunto imagen para mostralo, he puesto un archivo a 72ppp pero con uno a 300ppp se ve igual lo podría subir a malas, y he utilizado la fuente True Type de windows Arial para que nadie diga es que la fuente es de mala calidad...

@rafael me puedes indicar como se utiliza en un texto los objetos inteligentes.
Por probar he llegado a convertir en forma la fuente, luego crear una selección y luego rellenarla pero tampoco.

[Rafael]

Estás probando en el paint... Noto tu desesperación

Reporte CSI No. 121120-258-B

Tu sabes que una imagen en pantalla es generada por puntitos de los colores RGB


Bueno, Windows usa una cosa que se llama Clear Font, que es un tipo de suavizado para pantalla específicamente, la cual hace un suavizado, pero no en una escala de grises, sino como si hubiera pasado por un prisma. Rojos de un lado y azules de otro.

Acá una ampliación al 400 y 800%.


En cambio los demás programas hacen un alisado normalito, del tono negro al fondo blanco... o sea pasando por puros grises.

Conclusión del reporte

No es que esté deformada. Hace lo que puede con la baja resolución (confirmando mis sospechas iniciales). No tiene que ver los dpi, sino los pixeles absolutos/fuente.


Por lo que tienes varias opciones...

1) Hacer tus diseños en Paint.
2) Aprender a vivir con las opciones de alisado que dispones.
3) Usar una fuente diferente, optimizada para tamaños pequeños (Verdana es una de ellas).
4) Usar pixel fonts.
5) Hacer tu mockup separando gráficos con textos html.



Cada una tiene sus pros y sus contras... las diferencias de una fuente rasterizada y una en vectores directos o texto sobre el navegador, habrá que comentarlas al cliente, o usar la alternativa 5, separando los fondos de textos html reales.

[igualacero]

Okay muy buena explicación @rafael, la primera opción es la que estoy usando pero no te imaginas lo pesadísimo que es y lo que me retrasa todo el trabajo y si el fondo donde va la fuente no es blanco ni te cuento.....
La segunda opción me resulta difícil aceptarla dedicándome al diseño.
La tercera oh my god! es cierto se ve bien la verdana a tamaño pequeño, por que? cuales hay más que sean así???
La cuarta está bien encontrando una adecuada pero limita mucho el diseño.
La quinta es un trabajo muy grande para un mockup que seguro y todos sabemos que encima estará sujeto a cambios que nos darán ganas de dedicarnos a otra cosa...
Bueno gracias por las aclaraciones @rafael buscaré fuentes como verdana.

[Rafael]

La primera era de cotorreo...

Otras fuentes son las que trae de inicio Windows para el sistema, Tahoma, Trebuchet. La otra clásica es Georgia.

Una alternativa más, es que hagas el mockup, o por lo menos el layer de la simulación de texto, al doble de resolución, y luego resamplees.

Ojo. Simular la tipografía exactamente rasterizada nuca va a ser exacto, ya que diferentes navegadores usan diferentes motores de render. De hecho el Clear font no aplica en otros navegadores como Firefox, haz la prueba y comprueba.

Yo le comentaría al cliente la diferencia y le prepararía un ejemplo.

Otra opción es que busques armar los layers separados.

Seguramente por ahí, al exportar para web, no como imagen, sino como html, la letra te la deja como texto html. Nunca ocupo esa opción, pero debe de estar por ahí. Quizá al momento de pasarle el cuter de los slices... algo por ahí.

[igualacero]

Okay Rafael es una pena que no se pueda hacer de otra forma más rápida para el desarrollo de un diseño pero bueno hay alternativas.
Gracias por compartir tus conocimientos.;)