Foros de daboweb

MULTIMEDIA, Video digital, Grabación, Diseño gráfico, Diseño web, Programación => Webmasters - Diseño Web - Programación - Diseño gráfico => Mensaje iniciado por: WillyN en 10 de Noviembre de 2006, 07:47:12 pm

Título: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 10 de Noviembre de 2006, 07:47:12 pm
Hola,

Aquí estoy de nuevo, con una pregunta sencilla que sin lugar a duda va a tener una respuesta complicada, si la hay. :ciego:

En mi web uso al final de cada artículo una fuente, Vacation MT, más precisamente la O mayúscula, que es la imagen de la cabeza de un perro. La uso como punto y final del escrito, en vez de algún icono normal y corriente.

Para ver de lo que hablo puedes verlo en www.escuelacaninamaya.com (http://www.escuelacaninamaya.com), al final del texto. Ahora estoy usando una imagen .jpeg pero como ves tiene el problema de tener el fondo blanco. Lo que quiero es que solamente se ve la cabecita pero sin fondo blanco.

¿Hay una posibilidad de hacer funcionar la fuente en sí en mis páginas, o si no, como hago esa imagen pero transparente? Hago lo que hago con el Paint Shop Pro, no consigo sacarla transparente. No me digas que uso el Photoshop porque no lo se manejar. :)

Una pequeñez quizá, pero lleva ya mucho tiempo en mi cabeza.

Cualquier ayuda se aprecia.

Un saludo,

Willy.
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: ladyblues en 10 de Noviembre de 2006, 08:52:55 pm
¿Te compensa comerte el tanque con una fuente tipográfica "rara"? Procedo a explicarme:

Te comes el tarro, metes css, o metes la fuente y yo tengo un navegador configurado para verlo a mi gusto con una verdana tamaño 11 que me mola a mí (por ejemplo) RESULTADO: no voy a ver tu cabeza de perro, has perdido el tiempo.

Metes un gif con la cabeza del perro. RESULTADO: Casi cualquier usuario con la mayoría de los navegadores verá tu cabeza de perro.

Ponlo en la balanza y sopesa si te merece más aprender a hacer un gif transparente o perder el tiempo metiendo una fuente tipográfica que verán muy pocos usuarios.

Saludos!
Mabel.
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 10 de Noviembre de 2006, 09:14:43 pm
Gracias Mabel,

Pués así me lo pones fácil. No merece la pena usar la fuente.

Tendrá que ser haciendo un GIF transparente.

¿Alguien me puede indicar como hago esto, o tengo que ponerme a buscar?

Un saludo,

Willy.
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 10 de Noviembre de 2006, 09:23:25 pm
Me parece que ya he descubierto como hacerlo, rebuscando un poco en el PSP. ;-)
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: algeck en 11 de Noviembre de 2006, 08:29:44 am
Me parece que ya he descubierto como hacerlo, rebuscando un poco en el PSP. ;-)

Pues lo explicas, que me interesa  :destroyer:
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 11 de Noviembre de 2006, 09:21:26 am
En Archivo/Exportar/Gif optimizer encuentras la forma de guardar el archivo como GIF transparente.
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: ladyblues en 11 de Noviembre de 2006, 10:34:44 am
Y te ha quedado bien?

Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 11 de Noviembre de 2006, 11:31:01 am
Si,

Mira en la portada de mi web, ya está subido. :fumando:

Me gustaría oscurecer la cabecita un poco, pero tal como está ya me tiene contentito.
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: ladyblues en 11 de Noviembre de 2006, 11:40:16 am
Bueno, oscurecerla también es fácil. ¿Quieres oscurecer el trazo? ¿sombrear? ;-)
Por otra parte y ya osando mucho ¿Por qué no haces transparente también el logotipo para que no salga el cuadrado blanco y se vea el fondo que has seleccionado para la web? Una sugerencia más.

saludos!
Mabel
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 11 de Noviembre de 2006, 02:21:51 pm
Quiero que sea simplemente negro el trazo. Ahora lo que he hecho ha sido usar la fuente tal como sale y guardar  la imagen como GIF. Como el orginal sale como un trazo sobre un fondo blanco he escogido en el GIF Optimizer la opción de hacer transparente solamente el color blanco. ¿Alguna sugerencia para como oscurecer el trazo?

Voy a probar hacer lo que tu muy osadamente sugieres, hacer el logo tambien transparente. A ver si lo consigo y como queda. Gracias por la sugerencia. :-)
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: ladyblues en 11 de Noviembre de 2006, 03:28:08 pm
Por lo que veo te lo curras con el photoshop. Una forma rápida, aunque no necesariamente la más acertada sería usando reemplazar color. Pruebas y juegas con la luminosidad seleccionando los pixeles de gris intermedio de esa imagen.

Repito: no es la más acertada pero estoy muy espesa!!
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 11 de Noviembre de 2006, 06:17:58 pm
Uso Paint Shop Pro 8. Usando "reemplazar color lo conseguí. Más oscuro de lo que está ahora no lo puedo poner así que, me conformo. Un trabajo bien hecho.

Increíble el tiempo que absorbe arreglar pequeñezes en una web. :blind: :ciego: :)
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 11 de Noviembre de 2006, 06:50:47 pm
Hola Mabel,

He cambiado el logo tambien, algo más grande y con fondo transparente. Me gusta más acin, luce más la imagen de fondo.

¿Que tal lo ves tu?
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: ladyblues en 12 de Noviembre de 2006, 03:31:26 am
Ah sí!!! mucho mejor ¿verdad? Han perdido definición las fuentes del logo, las que están curvadas pero no se nota mucho, lo veo yo porque la vi antes y ahora y lo noto. Al quitar el blanco seguramente algunos pixeles del negro de la fuente hayan desaparecido, pero vamos que el resultado es mucho mejor, sin duda alguna.

Si el fondo fuera blanco no se notaría, evidentemente, pero al tener dibujo queda como un pegote, la transparencia afina tanto el logo como la visión general del conjunto (por dios, juro que no he estado viendo de nuevo el debate sobre el estado de la nación).


Ciertamente se pierde mucho tiempo con los detalles en una web, pero en el fondo son lo más divertido, los que dan el toque personal y los que marcan la diferencia (tengo que dejar de leer prensa de nuevo).

Enhorabuena, lo has ido sacando tú ahí como un señor!!!!

Saludos!
Mabel
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 12 de Noviembre de 2006, 09:35:11 am
Muchas gracias por tus comentarios, estoy totalmente de acuerdo contigo. :destroyer:

Es cierto que las fuentes han perdido definición y ahora estoy con eso en la cabeza. Arreglas una y te sale otra. :blind:

Como el logo me lo ha hecho una diseñadora pofesiona me dió un archivo que no puedo editar. ¡Pero juro que voy a encontrar la forma de arreglar esto! Me imagino que cortando la parte con la letras chungas y haciendo un trocito de texto nuevo ypegánolo, p.ej., se puede hacer un logo má mejon.

Pero vamos, como estoy de acuerdo contigo, a pesar de los pesares me gusta más el logo tal como está que el de antes. Estaba ahí tapando el fondo, es como si hubiera abierto la cortina que impidió la vista.

Saludos,

Willy.
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: Liamngls en 12 de Noviembre de 2006, 09:40:23 am
Anda, anda, como no se va a poder editar ... ¿qué extensión tiene el archivo?
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 12 de Noviembre de 2006, 01:17:46 pm
Es un .jpeg.

Pero ya lo estoy consiguiendo.

Borrando las letras que no quiero y haciendo un "Wordart" en Word, copiándolo y pegándolo en Paint Shop. Ya casicasi está perfecto.

Así que, gracias por tu interés en ayudar pero parece ser que me se apañar, esta vez. :)

Un saludo Liamsgl. :-d
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 12 de Noviembre de 2006, 01:58:40 pm
A mi me parece que el logo que ahora esta en mi portada es definitivo.

Aunque sigue estando abierto a debate. :mrgreen:
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: Gepetto en 12 de Noviembre de 2006, 06:33:04 pm
Yo lo optimizaría un poco más, ya que para ser un gif de 2/3 colores parece que pesa más de lo que debería. Esto seguramente ocurre porque la paleta por defecto de tu editor para los gifs es de 256 colores.

Puedes probar a cambiar la paleta a ver que tal queda (mira en "elegir colores/color de profundidad"). Eliges la paleta de 2 colores y si no te convence puedes crear una a tu gusto o elegir la de 16. Lo guardas y comparas el peso.


PD: Si lo pruebas, no modifiques el original. Trabaja sobre una copia ya que cuando reduces la paleta no hay vuelta atrás.
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: ladyblues en 12 de Noviembre de 2006, 06:33:38 pm
Me encanta cuando la gente además de preguntar se molesta. :-) nada chico que me siento orgullosa de ti pardiez!!!
 :cool:

EDITO: Buen consejo el de Gepetto!!

A seguir currándose la web!

Mabel
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 12 de Noviembre de 2006, 08:01:23 pm
Muchas Gracias Gepetto,

He hecho lo que me has dicho, o por lo menos eso creo, :destroyer: , la imagen ha perdido unos 13 kb en peso, que se dice pronto pero es un 70% menos. He usado la paleta de 16 colores.

Y ya que estaba liao con el logo he ajustado el peso del logo de la portada de mi foro tambien. No ha sido una ganancia tan espectacular como con el de la portada de la web pero tambien perdió un 30%.

¿Crees que el logo de la portada de mi foro (http://www.escuelacaninamaya.com/phpBB2/index.php) se puede reducir más?

Nuevamente gracias,

Un saludo,

Willy.
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: ladyblues en 13 de Noviembre de 2006, 12:32:05 am
El logo de tu foro pesa ya muy poco. No llega ni a los 5 Kb...  :???:
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: Gepetto en 13 de Noviembre de 2006, 01:13:34 am
Pues si. Ese peso está bastante bien.

De todas formas, si quieres puedes apurar un poco más usando una paleta de 4 colores, ya que tu logo usa sólo 3 o 4. Si no se ve bien, puedes utilizar una de 8.


PD: Lo de saltar del 4 al 8 es porque por lo general los colores "se doblan" (2, 4, 8, 16, 32, 64...)
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 13 de Noviembre de 2006, 12:11:25 pm
Gracias de nuevo,

Me ayuda mucho vuestro apoyo informalogístico. Ya no me liaré más con el peso de los logos, estoy contento ya que vosotros lo veís bien.

Lo que ahora me fastidia es que veo que el logo original está mucho menos pixeleado que los que estoy usando. Veo que cuanto más reduzco el tamaño más pixelado sale. ¿Alguna sugerencia/posibilidad de eliminar este empeoramiento todo loq ue se puede, dentro de lo razonable, o eso es así sin más remedio?

Saludis,

Willy.
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: Liamngls en 13 de Noviembre de 2006, 04:59:21 pm
Si se ves que se pixela demasiado no reduzcas tanto el tamaño  ;-)
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 14 de Noviembre de 2006, 08:05:57 am
Ya,

¿pero que hago si lo necesito pequeño? :ciego:
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: Liamngls en 14 de Noviembre de 2006, 08:21:37 am
Hombre, no es lo mismo el tamaño que el peso, si lo necesitas más pequeño lo redimensionas y al ser más pequeño también ocupará menos. La verdad es que si el archivo no es muy pesado no hay necesidad de andar bajando el peso del mismo exageradamente, en el caso del logo que pesa 5  Kb si pesase 10 ó 15 tampoco sería el fin del mundo, especialmente si en la misma página no hay muchas imágenes.
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 14 de Noviembre de 2006, 10:05:22 am
Me refería al tamaño,

¿Que hago para tenerlo pequeño de tamaño pero no tan pixelado, o una cosa va con la otra?
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: ladyblues en 14 de Noviembre de 2006, 09:14:35 pm
¿Qué procedimiento sigues para reducir el tamaño? ¿te fijas en los valores que hay en la ventana que se abre? resolución, paletas de colores y demás....
Título: Re: ¿Hacer funcionar fuente rara en una web?
Publicado por: WillyN en 21 de Noviembre de 2006, 07:45:23 am
¿Qué procedimiento sigues para reducir el tamaño? ¿te fijas en los valores que hay en la ventana que se abre? resolución, paletas de colores y demás....
Me he ido fijando y me he dado cuenta de que usando Smartsize da mucho mejor resultado que Pixel Resize.

Para que ves que leer el manual de instrucciones a veces incluso resulta útil. |o|