Pedro Puig

Entradas de la categoría ‘Tipografías’

35 fuentes gratuitas y de calidad para nuestros diseños

Tipografías gratuitas

Fuentes gratuitas

Fuentes gratuitas

Recopilación de 35 fuentes gratuitas y de libre uso para poder utilizar en nuestros diseños.

Ya sabemos de lo que una buena tipografía puede aportarnos a un diseño, por eso os recomiendo tener bien localizados este tipo de recursos.

Vía: Intenta

También puede interesarte:

Créditos para la película de Sherlock Holmes

Muy originales los créditos para la nueva película de Sherlock Holmes. La combinación entre tipografía e ilustración dan como resultado un espectacular trabajo que refuerza el ambiente de la época en la que se desarrolla la película.

Photofont, tipografías en bitmap

pedro puig

Siguiendo con tema del post anterior sobre “efectos de textos realizados en CSS”, nos encontramos ahora con una tecnología llamada Photofont.

Photofont es un plugin gratuito que nos permite utilizar tipografías bitmap en tus programas de edición favoritos (photoshop, ilustrator, etc…).

¿Qué ventajas nos ofrecen las tipografías bitmap?

  • Nos permite utilizar una tipografía no estándar en nuestra página web y que sea amigable para Google.
  • Photofont soporta Kerning y codificación Unicode
  • Photofont es una colección de imágenes bitmap que utilizan color RGB con comprensión sin pérdidas y transparencias alfa.
  • Podremos utilizar estas tipografías en nuestro sitio web sin tener que convertirlas a imágenes, para ello deberemos comprar el software Photofont WebReady (79,95$).

Dependiendo del programa que utilices deberás descargarte el plugin indicado (existen versiones para PC y Mac)

  • Photofont Start: para su utilización en Photoshop (CS2, CS3 o CS4), Ilustrator (CS3 o CS4) y cualquier aplicación que permita utilizar plugins de Photoshop
  • Photofont ID: para su utilización con Indesign (CS3 o CS4)
  • Photofont QX: para su utilización con Quark Xpress (7 u 8)

Podéis ver algún ejemplo de este tipo de fuente en Desfaziendo Entuertos

Podéis ver algún ejemplo de este tipo de fuente:

En Desfaciendo Entuertos podréis descargaros este tipo de tipografías disponibles en alta y baja resolución.

URL: http://www.photofont.com

Vía: Desfaciendo Entuertos

22 efectos de texto realizados con CSS

embossing-technique-css-text-effects-typography

letterpress-css-text-effects-typography

Desde 1stwebdesigner nos ofrecen una interesante recopilación de efectos en textos html realizados simplemente con CSS. Muchas de las imágenes que utilizamos en nuestros sitios web podríamos suprimirlas simplemente utilizando este tipo de técnica, los resultados son muy elegantes.

Las 50 mejores tipografías gratuitas del 2009

cube2

blackout

zagfont

Aunque ya hemos hablado de un recopilatorio similar en un post anterior, típico de estas fechas navideñas,  os dejo ahora otra buena selección de las 50 mejores tipografías del 2009. Yo ya me he descargado los dos recopilatorios, nunca se sabe.

Las mejores tipografías del 2009

Vía: Vecindad Gráfica

Las mejores tipografías gratuitas del 2009

fresh_fonts_13

La tipografía es uno de los elementos que contribuye a crear un buen diseño web. En Webdesignledger han recopilado lo que para ellos son las mejores tipografías gratuitas del 2009.

Las mejores tipografías del 2009

Vía: Intenta

Identificar una Tipografía con WhatTheFont

whatthefont

En alguna ocasión hemos visto alguna tipografía en algún folleto, en alguna página web que nos ha gustado, pero al estar en modo imagen hemos sido incapaces de identificarla.

En Photodesigners nos comentan la existencia de un servicio gratuito de reconocimiento tipográfico. Con WhatTheFont podremos identificar cualquier tipografía que deseemos utilizar.

Lo primero que tendremos que hacer es subir una imagen (WhatTheFont soporta formatos GIF, JPEG, TIFF y BMP siempre y cuando no superen un tamaño de 360×275 píxeles), a continuación la aplicación divide la imagen en diferentes letras para poder hacer una búsqueda más precisa y como último paso se presenta el resultado con el nombre de la tipografía que queríamos descubrir.

WhatTheFont es una aplicación de Myfont.

Vía: Photodesigners


Enlaces relacionados


Retratos tipográficos

Retrato tipográfico de Cris Wicks

Retrato tipográfico de Cris Wicks

Las fuentes tipográficas pueden ser utilizadas como gráfico para trabajar sobre retratos o crear imágenes sorprendentes, para ello deberemos tener un perfecto conocimiento del tipo de fuente a emplear, su tamaño etc…

En Fuel Your Creativity han preparado una interesante recopilación de 15 retratos tipográficos que nos dejan con la boca abierta.

Vía: Fuel Your Creativity

Crea tu propia tipografía

yourfonts

En YourFonts puedes crear tu archivo ttf con tu propia tipografía manuscrita, lo único que tienes que hacer es descargar una plantilla en PDF y rellenar a mano los diferentes caracteres que aparecen en ella, una vez realizado deberemos escanear y subir a la web de YourFonts la tipografía manuscrita, en el proceso podremos consultar el previo de nuestra fuente y si realizamos el pago (15 € al cambio) podremos descargarnos la tipografía lista para ser instalada en nuestro ordenador.

previoyourfonts

Es interesante y por el precio merece la pena, siempre podremos decir que existe una tipografía con nuestro nombre “pedropuig.ttf”.

Vía:  calcco

La anatomía de la letra “a”

anatomyfont

Esta es la portada de la revista Grafik Tasarim, donde de forma muy ingeniosa reflejan en 3D la anatomía de la letra “a”. Espectacular

Vía: Diego Mattei