Artículo

Descargar fuentes gratuitas: 42 sitios para hacerlo

Publicado 2007-02-08 13:56:00 en Diseño, Fuentes, Recursos

Sitios para descargar fuentes hay en abundancia en Internet. La lista se divide en Grandes directorios, Repositorios temáticos, Pequeñas colecciones personales.

En el primero estarán los sitios más conocidos para descargar fuentes, por lo general sus catálogo son muy parecidos. Por otro lado, los repositorios temáticos son sitios que se centran en recolectar tipografías sobre un tema específico. Es asi que se pueden encontrar sitios con fuentes sobre Ciencia Ficción, para crear Stencils, fuentes antiguas, etc. Finalmente las Pequeñas colecciones son sitios personales de diseñadores que ofrecen al público su trabajo. Aquí se pueden ver fuentes de muy buena calidad que no son posibles encontrar en los sitios más conocidos.

Grandes directorios:

1001 Fonts.com : Uno de los más antiguos, con extenso catálogo.

Search Free Fonts : Más de 13000 tipografías.

Abstract Fonts : 10800 tipografías en su catálogo.

Better fonts : Más de 10000 tipografías.

Neat fonts : Similar al anterior.

CreaMundo : 9800 fuentes gratis.

UrbanFonts : Más de 8000 tipografías.

Dafonts.com : 7222 fuentes en el directorio.

Fontreactor.com : 4158 tipografías.

High Fonts : Listado con 3000 fuentes para descargar.

Dingbat Depot.

TypeNow.net.

Beautiful Fonts.

FontFace.

OutFonts.com.

Simply the best fonts.

Repositorios temáticos

Stencil Revolulutions : Fuentes para crear stencils.

Dieter Steffman : Tipografías de estilo gótico y medieval.

Sci-Fi fonts : Tipografías sobre ciencia ficción.

Pirates & Fonts : Fuentes relacionadas a los piratas.

Blackletter Revival : Varias con diseño medieval.

Miffies Fonts : 50 tipografías de video juegos (Super Mario, Fatal Fury, Battle Cities, etc).

Act Select : Fuentes relacionadas a Sega y Sonic.

Nawty Things : Fuentes sobre temas sexuales.

Apostrophic Laboratories Fonts : Fuentes desarrolladas por Apostrophic Laboratories.

Fontennium : Tipografías con grabados egipcios, romanos, celtas, entre otros.

Pia Frauss : 10 con diseños antiguos.

Fonts for kids : Directorio con fuentes para los más chicos.

Blambot : Tipografías para comic. Las gratuitas son las que no tienen un punto rojo.

Fonts for Flash : Posee algunas pagas y otras gratuitas. Estas están en la sección Freebies

Proggy Programming Fonts : 23 fuentes pixeladas gratuitas.

Pequeñas colecciones personales

StimulEye Fonts : 40 tipografías con diseños varios.

HVD Fonts : 8 buenas tipografías.

Flow14 : Solo 4 agradables fuentes.

The Subflux experiment : 26 exclusivas fuentes para descargar.

Floodfonts : 11 fuentes. Excelentes.

Nerfect : 30 tipografías con diseños varios.

Misprinted type : 19 fuentes gratuitas de estilo grunge.

Core Free Fonts : 7 fuentes listas para descargar. Divertidos ejemplos de uso.

Fonthead Design : 9 tipografías gratuitas.

Astramat : 15 fuentes. Varias pixeladas

TarmSaft Fonts : Poco más de 100 fuentes para bajar.

Robot Johnny : 21 fuentes para uso personal.

Font Bros : 7 gratuitas tipografías para bajar.

SMeltery : Excelentes 30 fuentes.


Artículo

Tutorial: Crear imágenes panorámicas utilizando GIMP

Publicado 2007-01-15 01:52:06 en Tutoriales, Diseño, Código Abierto, GIMP

Quien no alguna vez, al tener un agradable paisaje delante suyo y una cámara de fotos a mano, decidió sacar varias tomas para luego armar la vista panorámica del paisaje. La idea de este tutorial es explicar cómo obtener la imagen a partir de las fotos sacadas.

Algunos resultados finales:

Resultado Final

Resultado Final

Resultado Final

Para eso vamos a utilizar a GIMP . Además debemos tener instalado el plugin Pandora que hará casi todo el trabajo.

Una vez descargado el plugin debemos guardarlo en la carpeta scripts: Ruta de instalación de gimp\share\gimp\2.0\scripts.

Por lo tanto, abrimos al programa y creamos un Documento nuevo.

Documento nuevo

Luego hacemos click derecho sobre el escenario y vamos a Capa --> Borrar la capa.

Borrar capa

Lo siguiente será cargar todas las tomas que conformaran la imagen panorámica final. Para eso vamos a Archivo ---> Abrir como capa... y seleccionamos todas las fotos.

Seleccionar todas las fotos

Una vez seleccionadas le damos Open para importarlas al escenario y luego vamos a Filtros ---> Combinar ---> Arrange as Panorama...

Combinar

Ante lo cual se nos aparecerá un cartel con un par de opciones.

Cartel con opciones

Modificando los valores de Overlap haremos que las partes de mezclen más o menos para formar la imagen final. Es cuestión de jugar con los valores para encontrar una fusión congruente.

El plugin arma la imagen final en base a como se importaron las tomas al escenario. En caso de tildar la opción Top layer on Right, la imagen puesta en la capa superior será que formará la parte derecha de la panorámica final.

Una vez que le damos OK el proceso comenzará, dependiendo de la cantidad de imágenes y su calidad tardará más o menos tiempo.

Finalmente nos quedará la imagen panorámica:

Resultado Final

Y eso es todo :)

Imágenes utilizadas para armar las tomas panorámicas sacadas de Flickr.

Todas bajo licencia CC.

Usuarios Rubin 110 , Gaz (Yeat!) y jgd3.


Artículo

Diseñar a lo Web 2.0, la lista definitiva

Publicado 2007-01-06 10:10:49 en Diseño

Crear un logo web 2.0 (Make a Web 2.0 logo)

Creación de Badges (Web 2.0 Badges)

Creación de Botones Web 2.0 (Web 2.0 Buttons)

Colores Web 2.0 (Web 2.0 Colours)

Crear reflejos (Reflections)

Tipografías Web 2.0 (Web 2.0 Fonts)

Crear un layout Web 2.0 (Web 2.0 Layouts)

Artículos varios (Others articles)

Actualizaciones (Updates)


Artículo

Crear un stencil desde cero y no morir en el intento II

Publicado 2006-10-07 11:32:25 en Diseño

Segundo y última parte del tutorial sobre como diseñar (y crear) un stencil. Ver primera parte.

Aquí voy a explicar cómo crear la plantilla, la técnica que uso y con que materiales.

Toda esta parte tal vez sea la más trabajosa, pero como bien dije antes, hacer un stencil no es un trabajo de minutos, tal vez lleve algunas horas o hasta días (si, hasta días)

Los materiales a conseguir son pocos...

  • Una plancha (pequeña) de telgopor. Si no se tiene telgopor, puede ser una trapo de algodón. El tamaño de la plancha debe ser superior al tamaño del diseño impreso anteriormente;
  • Un cúter (o trincheta);
  • Una aguja grande;
  • Papel acetato. Dicho papel es de una celulosa transparente, por lo general lo usan los arquitectos para sus trabajos. Se puede conseguir en cualquier librería universitaria. En caso de no conseguir, se puede usar una hoja de radiografía, y limpiarla con un trapo y lavandina;
  • Pintura en aerosol;
  • Cinta adhesiva.
  • Y obviamente el diseño hecho impreso en una hoja común.

1. Lo primero que haremos será encimar la plancha de telgopor, el diseño y el papel acetato uno arriba del otro y pegar con cinta adhesiva los bordes para que no se mueva ni el diseño ni el papel acetato.

Diseño, hoja y telgopor

2. Para crear la plantilla, habría dos formas, una rápida y otra lenta. La forma rápida es agarrar la trincheta y empezar a cortar el papel acetato guiándonos por el diseño. La contra es que si no tenemos un buen pulso podemos cortar fácilmente el papel y arruinar todo. Además se debe ser muy preciso. Por eso usaremos la forma lenta. Agarramos la aguja y vamos haciendo agujeros uno al lado de otro por todo el contorno del diseño. Así no hay manera de equivocarse, y si lo hacemos, será apenas un puntito.

Punto por punto

3. Una vez que hayamos hecho punto por punto el contorno del diseño, agarramos la trincheta y vamos cortando el troquelado que hicimos. Esta parte es fácil, ya que apenas debemos apoyar el filo para cortar el papel. Una vez que lo hicimos, el troquelado comenzará a salir por si solo.

Troquelado

4. Y listo! Agarramos la pintura en aerosol y probamos nuestra plantilla. Lo ideal sería hacer algunas pruebas, luego dejar que seque la pintura que queda en la plantilla para que el papel se ponga duro.

Stencil

Uno de los errores más comunes es apretar la válvula del aerosol muy fuerte o pintar la plantilla durante muchos segundos. Esto llevará a poner mucha pintura, ante lo cual (si lo hicimos en un espacio vertical) comenzará a gotear la pintura y arruinar lo hecho.


Artículo

Crear un stencil desde cero y no morir en el intento I

Publicado 2006-10-03 18:16:30 en Diseño

Primera parte del tutorial sobre como crear (y diseñar) un stencil. El proceso total no es difícil, solamente hay que tener paciencia, ya que no es un trabajo que se pueda hacer en 10 minutos. Ver parte II

En esta primera parte, básicamente, se explicará como obtener la imágen modelo que servirá para crear la plantilla del stencil. Se explicaran los pasos para realizarlo con Adobe Photoshop y también con GIMP.

Pasos para realizarlo con Photoshop

1. Abrimos con el Photoshop la imagen que usaremos como modelo para nuestro stencil. Puede ser una foto o un dibujo.

2. Una vez abierto, usamos la herramienta Lazo y seleccionamos la zona que nosotros elegimos para el modelo final. Si la imagen posee un fondo oscuro, lo mejor es seleccionar la zona muy finamente (usando la opción Lazo Magnético por ejemplo) o seleccionar el fondo y borrarlo. En caso de tener un fondo claro, la selección se puede hacer a mano alzada rápidamente.

Usar la Herramienta Lazo y seleccionar

3. Luego vamos a la opción Imagen-->Ajustes-->Desaturacion, lo cual hará que nuestra selección pase a tonos de grises.

La imagen pasa a tonos de grises

4. Luego vamos a la opción Imagen-->Ajustes-->Brillo/Contraste...

Nos saldrá un pequeño cuadro en donde tendremos que modificar los valores de Brillo y Contraste. Recomiendo activar la opción Ver. Los valores de cada parámetro van a depender de la imagen elegida, por lo general el valor de Brillo es negativo, mientras que el de Contraste es positivo y alto.

Modificar los valores de Brillo y Contraste

5. Luego vamos a la opción Selección-->Gama de colores...

En el cuadro que aparece elegimos Sombras en la opción Seleccionar y le damos OK. Con eso seleccionaremos toda la zona oscura.

Toda la zona oscura seleccionada

6. Una vez hecho, presionamos Ctrl+X para recortar la selección. Vamos a Archivo-->Nuevo y creamos un nuevo archivo, para luego presionar Ctrl+V para pegar lo anteriormente recortado.

Seleccion pegada en un nuevo archivo

7. Los siguientes pasos será depurar un poco la imagen, quitando zonas no necesarias y modificandola un poco para poder crear la plantilla correctamente más adelante.

Agarramos la herramienta Borrador y vamos borrando las zonas de la imagen que no necesitemos. Además con la herramienta Pincel vamos rellenando las zonas vacias.

Stencil depurado

8. Finalmente queda modificar a la imagen para que quede como una figura conjunta. Es decir, tenemos que lograr que la figura quede unida como un conjunto, para eso borraremos algunas zonas claves.

Zonas que hay que modificar

9. Asi que usando la herramienta Borrador, modificamos las zonas marcadas.

Modelo final

10. Vean que la imagen queda casi homogénea, solo queda suelto el ojo derecho, boca y mentón, todo lo demas está unido entre si. Esa es la idea del stencil. Finalmente queda exportar ala imagen, para eso vamos a Archivo-->Guardar para Web...

En los Ajustes elegimos JPG alta y en Tamaño de imagen redimensionamos la imágen en a través del porcentaje. Si la agrandamos y queda pixelada, no importa miestras queden los contornos visibles y coherentes.

Ajustes de exportacion

Pasos para realizarlo con GIMP

1 - Con la herramienta lazo seleccionamos la parte que nos interesa para el diseño final. La recortamos y la pegamos en un nuevo documento:

Selección con la herramienta Lazo

2 - Luego vamos a Imagen --> Modo --> Escala de grises:

Escala de grises

3 - Vamos a Herramientas --> Herramientas de color --> Brillo-Contraste. En el panel ajustamos los parámetros: Poco brillo y Mucho contraste. Le damos OK:

Ajustes de brillo y contraste

4 - Luego Seleccionar --> Por color. Hacemos click en alguna parte oscura de la figura:

Selección por color

5 - Cortamos y pegamos la selección en otro documento nuevo. Luego con la herramienta Borrador borramos lineas y detalles innecesarios. También debemos acordarnos que todos los espacios vacios (en blanco) deben quedar unidos entre sí para no tener problema al crear el stencil.

Imagen final

Y eso es todo por ahora! En la parte II de este tutorial se explicará como crear la plantilla y con que materiales.


Artículo

Stencils designs

Publicado 2006-09-22 17:00:54 en Diseño

Hace ya dos años que no creo ningún stencil , sin embargo en estos días me han surgido las ganas de crear algún que otro modelo que ví por ahi asi que buscando un poco por internet logré encontrar algunos sitios bastantes buenos con diseños para descargar e inspirar.

Stencil Punks : Más de 600 plantillas para descargar, diseños con influencias punk, antifascistas, ska, politicas, entre otros. Posee algunos tutoriales:

Stencil Punks

Cut And Paint : Posee 36 plantillas. Diseños sobre la guerra y otros diversos:

Cut And Paint

Spray Paint Stencils : Más de 100 diseños totalmente gratuitos. Poco originales, mas para uso decorativo:

Spray Paint Stencils

Stencilry : Uno de los más completos, podemos encontrar plantillas de todo tipo, televisión, cine, política, música, objetos, animales. Muy recomendable.

Stencilry

Jskt stencils : 19 plantillas made in Barcelona para descargar. Son pocas pero muy originales:

Jskt stencils

Stencils fonts : Serie de fuentes para Windows y Mac para incorporar a nuestras plantillas.

Finalmente si andamos buscando alguna inspiración podemos ir a flickr en donde encontraremos imagenes de diseños ya pintados, muchos muy bien logrados y originales.