Mientras buscaba un póster de Fringe en máxima resolución para ver las distintas pistas que se encuentran distribuidos por el, comencé a notar el gran arte que se esconde detrás de la gráfica de cada serie, como estos genios del retoque logran conceptual y artísticamente encapsular toda una temporada en una sola imagen, y sin adelantar absolutamente nada.

Quizás este post sea un pequeño homenaje no solo a la series que nos entretienen todos los días, sino mas bien a aquellos profesionales que nos sorprenden con su creatividad.

Si me olvide de alguna serie (seguramente lo hice) pido disculpas a los fanáticos, pero son tantas las series que no puedo con todas, los invito a que prueben capturar los colores de sus preferidas, les aseguro que es un trabajo muy divertido

Hoy en día muchos de los tatuajes que vemos en todos lados, no necesariamente tienen un significado, hay personas que deciden ir por el camino abstracto. Pero lo más preocupante para todo aquel que está deseando realizarse uno, es que el hecho de durar para siempre, requiere saber elegir bien para no terminar con una indeseable mancha en nuestro cuerpo.

Para probar estos tatuajes antes de hacerlos y elegir el modelo que mas se adecue a nuestro cuerpo, o por lo menos a una parte de él, existe TatMash, que no hace más que permitirnos aplicar el dibujo sobre la zona que estamos deseando tatuar y así comprobar que es realmente lo que buscamos.

Los dibujos se encuentran divididos por categorías, y hay muchas, aunque faltan (especialmente porque estoy buscando uno ). Pueden registrarse y subir los bosquejos que tengan para probarlos previamente y estar seguros de qué es lo que quieren. Y si como yo, aún no encuentran el tatuaje de sus sueños, los invito a que recorran los 10 sitios de diseño de tatuajes gratis que publicó Pablo hace algún tiempo.

nth-child(n) permite seleccionar determinado elemento pero bajo la condición que sea hijo enésimo (n) de su padre. Esto que no parece muy útil a primera vista es el corazón de las tablas cebradas utilizado de la forma correcta.

Antes de comenzar, y como siempre, les dejo la demo online y una captura de pantalla del resultado:

Comencemos por lo básico, la estructura HTML de una tabla común y corriente.

<table>
<tr>
<td>Worpress</td>
<td>El CMS para gestión de bitácoras mas utilizado del mundo.</td>
</tr>

<tr>
<td>Movable Type</td>
<td>Otro gestor de blogs muy bueno y gratuito.</td>
</tr>

<tr>
<td>phpbb</td>
<td>Un gestor de foros que esta desde siempre.</td>
</tr>

<tr>
<td>bbpress</td>
<td>El gestor de foros hermano de Wordpress.</td>
</tr>

<tr>
<td>vBulletin</td>
<td>Otra plataforma para crear foros, muy conocida.</td>
</tr>

<tr>
<td>Textmate</td>
<td>Que no tiene nada que ver con los anteriores pero no importa</td>
</tr>
</table>

Ya tenemos nuestra tabla, ahora solo falta utilizar un poquito de CSS3 y listo, luego explico el código.

body, html {
margin: 0;
padding: 10px;
background: #ccc;
text-align: center;
font-family: arial; }

table {
margin: auto;
width: 590px;
text-align: left;
background: white;
border: 1px solid silver;
}

tr:nth-child(2n+1) {
background-color: red;
color:white
}

Como se ve, el CSS no tiene complicaciones, lo único novedoso es el uso de la pseudoclase nth-child(2n+1) que es ella y solo ella la que logra el tan buscado efecto cebra que tan bien queda.

¿Porqué se utiliza 2n+1?

Es solo una cuestión matemática, recuerden que cada fila es considerada como un elemento hijo de la tabla, n es el número que identifica cada elemento hijo, por lo que 2n+1 indicara los elementos alternados. En el espacio para desarrolladores de Opera se da una tabla con formulas alternativas para obtener distintos resultados, vale la pena echarle una mirada.

Otro ejemplo de esta variación podría ser utilizar 2n en lugar de 2n+1, de esta forma lo que vamos a lograr es una cebra pero en distinto orden, aplicando el estilo al primer elemento en lugar del segundo.

Es increíble lo tanto que se puede hacer con CSS3 y unas lineas de código, ojalá los navegadores aceleren la implementación así vamos a poder disfrutar todos mas rápido de cada una de las mejoras.

Son nueve texturas en total, de 1024×1024 pixeles, lo que las hace ideales hasta para elaborar fondos de escritorio. Los diseños de Webtreats etc. son siempre de excelente calidad y como generalmente lo hacen, permiten el mosaico infinito, por lo que no es necesario limitar la creación. En su comprimido .RAR incluyen el archivo .PAT de motivos para Photoshop.

Descargar texturas de nomenclatura musical | Webtreats etc.

Estos elementos pueden perfectamente utilizarse para cualquier diseño, incluso para fondos de Twitter, se que hay muchos músicos entre nuestros lectores que pueden darle un toque interesante a sus sitios con ellos, siempre les recomiendo no poner las texturas planas, sino jugar con los elementos y agregarles detalles personales que los hagan únicos.

Gracias nuevamente a Webtreats etc. por sus constantes y geniales creaciones, que nunca me canso de recomendar.

En este caso, en forma de wallpapers, personalmente son el estilo que más me gusta, hace un tiempo publiqué una colección de wallpapers de Helvética, de los cuales he utilizado su mayoría en mi pc. Y hoy les acerco el mismo estilo, pero abarcando todo tipo de fuentes.

Todos son de excelente calidad tanto en resolución como en diseño, debajo de cada imagen dentro de la galería podrán descargarlos de forma gratuita. Para ingresar a la galería solo deben hacer clic en cualquiera de las imágenes.

Si no han encontrado ninguno que les agrade, entonces pueden seguir buscando en este excelente artículo de 10steps.sg con 50 wallpapers de tipografía en alta resolución.

Todo esto es algo que puede lograrse a medida que se trabaja en diferentes proyectos, pero a su vez, también habrá situaciones en las que debemos obligarnos a avanzar en nuestros conocimientos, para lograr resultados ideales.

Esta fantástica guía de Designm.ag, contiene 10 puntos básicos para alcanzar nuestro ideal como diseñadores. Son pequeñas ayudas que previenen que quedemos obsoletos. Aquí les expongo un extracto con lo que me pareció más relevante y obviamente en español.

Base de conocimiento sólida

Si bien existen gran cantidad de tutoriales y recursos disponibles para aprender a hacer prácticamente cualquier cosa, es peligroso enfocarse solamente en cosas puntuales.

Aunque algunas herramientas hagan todo por nosotros, debemos obligarnos a conocer los lenguajes, y los funcionamientos básicos, ya que nos permite avanzar desde allí, solo sobre el camino creativo. El intentar aprender todo sobre la marcha, terminará confundiéndonos.

Herramientas de aprendizaje

Muchos diseñadores son absolutamente autodidactas, y aún aquellos que han estudiado una carrera afín, tienen la necesidad de seguir perfeccionándose casi continuamente.

Para ello existen gran cantidad de fuentes de recursos que pueden servir para seguir aprendiendo, leer libros sobre diseño puede abrir nuestro abanico de posibilidades casi infinitamente.

Tampoco se pueden dejar de nombrar los múltiples tutoriales y herramientas publicados en blogs y sitios destinados al diseño.

Aprendizaje y desarrollo como prioridad

La mayoría de los diseñadores se encuentran demasiado ocupados con tiempos de entrega, clientes, encontrar nuevos proyectos, etc. Y lamentablemente se sacrifican aquellas partes del día destinadas al propio desarrollo profesional.

Si se desea mantenerse en la cúspide de la industria, entonces hacer esto está prohibido. Priorizar el propio aprendizaje es clave.

Y obviamente, no se puede dejar de trabajar, por lo que hay algunos caminos posibles para esto. Por ejemplo, otra vez la lectura, de libros y tutoriales, encontrar huecos para ampliar nuestra esfera cognoscitiva de a poco.

Otra forma, es intentar acceder a proyectos que desafíen nuestros conocimientos y que nos obliguen a aprender cosas nuevas, si no podemos hacerlo obteniendo una remuneración, también hay trabajos ad honorem que pueden ser muy interesantes.

Y por último, pero no menos importante, realizar proyectos propios.

Respuesta de los clientes

Una de las mejores formas de aprender de nuestro trabajo es escuchar el feedback de nuestros clientes y notar cómo se sienten con respecto a nuestro trabajo. Su opinión, en última instancia es lo que más nos interesa.

Solicitar sus opiniones, puede ayudarnos a notar nuestras fortalezas y sobre todo, aquellas áreas en las que no pisamos tan seguros y debemos mejorar.

Crítica constructiva

Recibir críticas no es siempre agradable, pero puede ser la clave para crecer como diseñadores. Una crítica constructiva pondrá en evidencia aquellos puntos que necesitamos mejorar, y puede venir de clientes, usuarios o colegas.

Fuentes de inspiración efectivas

La inspiración es clave para cualquier diseñador, y hay muchos lugares en dónde podemos encontrarla, galerías CSS, blogs de diseño, revistas online para diseñadores.

Pero para no decaer siempre en lo virtual, también se puede obtener inspiración de la misma naturaleza, el entorno, la arquitectura de la ciudad, trabajos impresos o libros.

Llevar una libreta siempre con nosotros para anotar ideas, puede ser una práctica certera.

Experimentación personal

Casi siempre será mejor hacerlo con nuestros propios proyectos. Es ideal para explorar nuevas opciones, no esperar a conseguir un cliente que quiera experimentar, sino hacerlo nosotros mismos.

Probar aquellas cosas que queremos aprender en nuestras creaciones, puede ser la forma más amena de aprender y crecer profesionalmente.

El tiempo es siempre algo que juega en contra, pero la organización previa puede ayudarnos en este aspecto.

Seguir a tus mentores

En todos los aspectos de nuestra vida, y sin importar cuál sea nuestra especialidad, siempre encontramos gente admirable, y de quienes podemos aprender muchísimo.

Muchos diseñadores publican sus procesos en blogs, que suelen ser muy útiles como guía. Un ejemplo práctico de ello es Chris Spooner, de SpoonGraphics, hace tiempo vengo siguiendo su trabajo, y sus tutoriales son realmente excelentes, así como también lo son todas sus creaciones.

Tener personas a quienes seguir y observar su trabajo, puede ayudarnos a crecer profesionalmente desde otro punto de partida.

Correr riesgos

Mientras trabajamos en nuestros propios proyectos, no debemos tener miedo de experimentar. Salir de nuestra zona de confort, puede ser muchas veces lo que nos lleve a desarrollar un estilo propio, además de ser excelente para aprender cosas nuevas.

El salirnos de nuestros propios límites establecidos, permitirá ver resultados a los que no estamos acostumbrados, y hasta quizás sorprendernos de nosotros mismos.

Concentrarse en mejorar

Todos tenemos algo que aprender, aún aquellos con amplia experiencia en lo que hacen. Es mejor concentrarse en mejorar día a día nuestro trabajo, que en tratar de encontrar la perfección absoluta.

Mientras intentemos mejorar, nos movemos en la dirección correcta.

Pero ¿qué ocurre cuando hay personas como los editores de Free Web Design.Co.Cc, que nos brindan la inspiración en bandeja? Creo que oportunidades como esta, no debemos dejarlas pasar.

Un listado de revistas para diseñadores, que brindan de manera gratuita, no solo información, sino también inspiración en cada una de sus páginas.

Listado de revistas online gratuitas para diseñadores

1. Kromag
2. Bak Magazine
3. MagWerk
4. Breed Magazine
5. Artzmania
6. Castle Magazine
7. Root Magazine
8. Etel Magazine
9. IdeaFixa
10. RevolutionArt
11. Kino
12. bitFUUL Magazine
13. Multilink Magazine
14. Destructed
15. Apocrifa
16. Moloko Plus
17. Blanket Magazine
18. ANTI
19. Proteus Mag
20. Woosta
21. Wag
22. Veer
23. PDF Mags

Les recomiendo visiten el artículo de FreeWebDesign.co.cc, dónde podrán ver algunas imágenes previas de cada una de las revistas. Por lo demás solo me queda recomendarles que guarden el listado, ya que cada una de las publicaciones contiene verdaderas fuentes de inspiración y una cantidad invaluable de información útil para cualquier diseñador.

Se denomina 365psd, y ofrece la posibilidad de descargar un archivo PSD a diario, pequeñas herramientas como botones, globos de comentario, efectos de luces, menúes desplegables, reproductores, entre muchas otras cosas.

Todo lo que se incluye en 365psd es completamente gratis para descargar, sin registros de ninguna clase. Podremos editar el archivo en su mayoría, sin problemas.

Si bien el sitio es fácilmente navegable, no tiene un buscador, y considero que por ahora no lo necesita, ya que solo tiene 17 días, pero no estoy segura que la navegación por etiquetas sea viable cuando tenga muchos más archivos.

Por ahora cumplo en recomendarlo, ya que creo se convertirá en una buena base de recursos para Photoshop con herramientas originales y que no se encuentren en otro lado. Gracias FeedmyApp por la recomendación.

Es por ello que cuando vi este compilado de 30 plantillas de gran calidad de ThemeFlash, no pude dejarlo pasar. En el listado encontrarán sitios de todo tipo y función, desde tiendas online, hasta páginas únicas de curriculums vitae.

Que sea útil o no, depende de qué necesitemos particularmente y cuánto nos la ingeniamos con este sistema de trabajo. Que personalmente creo que es mucho más libre y se puede personalizar completamente hacia el objetivo que deseemos alcanzar.

He aquí entonces una extracción del compilado con las plantillas que me parecieron más originales y que puedan llegar a resultar más útiles. En algunos casos podrán acceder a extensiones que permiten agregar cosas al template, con el abono de unos pocos dólares.

Descargar Urban Gear | Chocotemplates

Descargar Classic Luxury | Sixrevisions

Descargar Solitude | Smashing Magazine

Descargar Fashion Club | Template Kingdom

Descargar Distinctive | CSS Templates Free

Descargar MyPortfolio | Tutsarena

Descargar PortfolioSite | DryIcons

Descargar Creo Blog | Best Free Templates

Descargar Stylissimo | DryIcons

Descargar Game Portal | CSS Templates Free

Si bien hay cosas nuevas, es mucho más de lo mismo siempre y hay algunos packs que quedarán en la historia como centrales e infaltables. Tal es el caso del Ultimate Web 2.0 Styles de DezinerFolio, que ha recorrido la web entera y todo blog de diseño que exista, dada la calidad y facilidad de uso.

Pero si bien no es mucho, hay cosas nuevas y originales que pueden servirles perfectamente para darles estilo a logos y capas de Photoshop de cualquier tipo.

Para instalarlos, como he explicado en artículos anteriores, solo basta con utilizar el Gestor de Ajustes Preestablecidos, que encontraremos en el menú superior Edición, cargamos el archivo y si no necesitamos agregar nada más, seleccionamos Hecho. Una vez que hemos realizado esto, los estilos se habrán cargado en la solapa correspondiente, si no podemos verla, basta con abrirla desde el menú superior Ventana/Estilos

Los estilos se aplican directamente sobre el elemento o capa que deseamos, son completamente editables, tanto en formas y colores, por lo que el único límite es nuestra imaginación.

He aquí algunas colecciones de estilos nuevas para aplicar sobre logos, rellenos o formas, completamente a su gusto.

Descargar Styles Serious | DeviantART

Descargar Dark Orb | DeviantART

Descargar 56 Photoshop Layer Styles | Jay-Han

Descargar Fibre Layer Styles | DeviantART

Si lo desean, pueden visitar el imperdible artículo de 1st web designer, donde encontrarán aún más estilos novedosos para aplicar en Photoshop.