50 herramientas para trabajar con tipografías



Trabajar con tipografías
Trabajar con tipografías

Cuando uno diseña, la elección de la tipografía correcta es importante. Puede hacer el diseño genial o arruinarlo en segundos. Por eso es todo un proceso que no siempre dura poco, y lo mejor es ayudarnos con varias herramientas para lograrlo.

La gente de Smashing Magazine publicó una recopilación con 50 herramientas para trabajar con tipografías, que incluye además técnicas y recursos para ayudarte a lograr el mejor diseño. La lista incluye sitios de referencia, navegadores de fonts, técnicas CSS, tipografías gratuitas y comerciales además de como siempre, excelentes ejemplos y galerías para buscar inspiración.

Color Picker: el «cuentagotas» físico

Color Picker
Color Picker

Quienes usamos asiduamente Adobe Photoshop encontramos su herramienta Cuentagotas como una de las más útiles del software. Para los que nunca usaron el programa, les comento que básicamente se trata de una herramienta que al apoyarla sobre cualquier parte de una imágen tratará de arrojarnos la combinación de colores que más se aproxime al original.

¿Y que pasaría si tenemos nuestro cuentagotas portátil, sin necesidad de ningún software ni máquina alguna? Precisamente eso es lo que ofrece el Color Picker, una especie de lápiz de color basado en el mismo concepto de la herramienta. Con sólo apoyar la parte trasera del lápiz sobre cualquier objeto y activando el escáner de color, rápidamente mezclará sus tintas RGB para darte un color lo más exacto posible al original. Luego de ello, cualquier persona puede dibujar, pintar o escribir con la tonalidad que desee; una experiencia increíble.

El Color Picker es obra de Park Jinsun, un gran diseñador que ha sido galardonado en más de una oportunidad. Por el momento, se trata de un concepto, esperamos algún día ver al Color Picker convertido en un producto masivo.

vía gizmología

Nuevo paquete de iconos sociales



Iconos sociales
Iconos sociales

Con tanto furor por las redes sociales en la actualidad, es muy extraño encontrar a alguien que no tengo su cuenta en sitios como Technorati o Digg . Por eso de a poco se ven cada vez mas paquetes de iconos en base a estas redes, que brindan variedad a la hora de invitar a nuestros lectores a visitar nuestro perfil. Por otro lado, dicha variedad hace que sea mas sencillo para nosotros dar con uno que combine con el resto de nuestro diseño.

Tutorial9 es bien conocido por sus excelentes tutoriales de Photoshop. Pero esta vez fue mas allá y creo su primer paquete de iconos gratuitos, basados en varias redes actuales, entre ellas las antes nombradas, además de StumbleUpon, DesignFloat, y otras mas.

Los mismos pueden utilizarse tanto para proyectos personales como comerciales, y lo único que piden es que si los implementas en uno de tus proyectos, les agradezcas con un enlace. Por otro lado, prometen que desde ahora, veremos este tipo de recursos por allí mas seguido.

10 excelentes tipografías estilo graffiti



graffiti
Tipografías estilo graffiti

Si te encuentras creando un proyecto donde la imagen principal sea un graffiti, uno de los últimos artículos de Altered Advice va a ayudarte. Se trata de una selección con las que son, a su parecer, las 10 mejores tipografías estilo graffiti gratuitas. Muchas veces no es necesario gastar para obtener algo de calidad, y este es un buen ejemplo.

La lista incluye tipografías ya conocidas por muchos como «Most Wasted«, y otras que quizás nadie vio antes, pero quedarían muy atractivas en un entorno adecuado y bien realizado. La colección fue tomada en base al sitio Dafont, y haciendo click en la que te guste, irás directamente a la descarga para hacerlo mas cómodo aún.

15 brushes estilo grunge



Brushes estilo grunge
Brushes estilo grunge

Si pasan mucho tiempo navegando, habrán notado como el estilo grunge esta obteniendo su lugar. Uno no deja de ver sitios por ejemplo, llenos de madera. Son modas, etapas y tendencias a las cuales un diseñador debe estar atento, y mantener sus sitios actualizados. Si estás aprendiendo, es importante por los mismos motivos, que conozcas las técnicas mediante las cuales se logran estos efectos.

Si vas a aprender o como buena forma de agrandar tu colección de recursos, en Pxforce crearon una lista con 15 brushes para Photoshop que deberías tener en cuenta. La mayoría cuentan con una excelente definición, y dentro de esta temática, son muy variados. No dejes de descargarlos para estar preparado a la hora de crear tu propio theme con estilo grunge.

Colección de recursos gratuitos



Recopilación de recursos
Recopilación de recursos

Cssstyle.me tiene una sección de «freebies» que quizás pocos conocen, y todos deberíamos. En la misma se pueden encontrar gran cantidad de recursos gratuitos para diseñadores o quienes estén armando un blog, todos de excelente calidad, y cubriendo varias temáticas.

Revisando las catorce páginas que forman esta sección, van a encontrarse con diferentes paquetes de iconos, botones para incluir Twitter en tu blog, tipografías, brushes , formas y motivos para Photoshop, texturas, vectores y fondos que pueden implementarse de cientos de formas en nuestros proyectos. Si se encuentran armando un sitio, deberían tener cerca esta lista, porque van a obtener prácticamente todo lo que necesiten a la hora de diseñarlo. Recuerden como siempre, leer las licencias en cada caso.

Nuevo paquete de iconos de Luka Pensa



Iconos de Luka Pensa
Iconos de Luka Pensa

Luka Pensa, para quienes no lo sepan, es un talentoso diseñador residente en Croacia, que posee un pequeño estudio y se especializa en la creación de logos. Si quieren conocer mas de su trabajo, pueden visitar su portfolio.

Pero lo que hoy nos llega de las manos de este diseñador, es un paquete de iconos gratuitos que creó especialmente para Cssglobe, sitio donde lo entrevistaron. El mismo tiene como base los colores rojo y gris, combinados a la perfección para crear imágenes destinadas a la navegación de un sitio, o a diferentes aplicaciones.

El paquete de iconos vectorizados está disponible en los formatos Ai (para Adobe Illustrator), Eps, Pdf y Xar.

Gárgolas en formato PNG



Gargolas en PNG
Gargolas en PNG

Encontrar elementos cotidianos en formato Png no es nada complicado. Pero encontrar aquellas cosas fuera de los temas «comunes» puede tornarse algo difícil. Uno de los mejores ejemplos es que si nos encontramos creando un diseño de estilo medieval, probablemente se nos haga complicado encontrar imágenes disponibles que sigan con la temática.

Sin embargo, el paquete de gárgolas y estatuillas en Png que presentó Diego Mattei hace unos días puede salvarnos. En el mismo se incluyen mas de 100 imágenes de estatuas, jarrones y adornos de este estilo, todas de excelente calidad para crear un diseño medieval. El autor nos aclara que no tienen la resolución suficiente como para trabajarlas en gráfica pero que para pantalla funcionan de forma excelente.

64 iconos de flechas



Iconos de flechas
Iconos de flechas

Todos tenemos una importante colección de iconos en nuestra Pc, listos para ser usados cuando algún proyecto lo requiera. Para hacer mas grande esta colección, podemos pasar por Instant Shift, donde nos ofrecen un paquete de iconos de flechas de todas formas y variantes.

Se trata de 64 imágenes vectorizadas totalmente gratuitas diseñadas por GoSquared para todos los diseñadores que las deseen. Los mismos están en formato Ai (para Illustrator CS o superior) y SVG para quienes no posean el programa o tengan una versión anterior.

Iconos para Twitter



Iconos de Twitter
Iconos de Twitter

Una de las redes sociales mas utilizadas en la actualidad, junto a Facebook, es Twitter. De a poco uno nota como en todos los blogs se agregaron las actualizaciones de cada usuario, o por lo menos un icono con enlace hacia nuestro perfil, invitando a nuestros lectores a que nos sigan y se mantengan actualizados sobre las últimas noticias de nuestro blog.

Si buscas este tipo de imágenes, lo mejor es pasar por Twitter Buttons, un sitio que como su nombre lo indica, recopila en una galería botones para Twitter de buena calidad. Solo entramos, agregamos nuestro nombre de usuario, y nos generará el código correspondiente para que al hacer click lleve a nuestro perfil. Lo único que falta es elegir el icono que nos guste y copiar y pegar el código en nuestro HTML.