Siempre es bueno dominar el mayor número de áreas posibles de un programa, y si este programa es Photoshop, más todavía, porque nunca sabremos que nos puede hacer falta en un momento determinado.

Hoy os recomendamos una recopilación de 28 tutoriales para crear efectos en textos en Photoshop.

Fuego, hierba, madera, hilo, plástico… todo vale a la hora de crear un texto que realmente nos llame la atención…

Enlace | Ultimate pack of the best photoshop text effect tutorials

Cuando pensamos en diseño web, el primer software que nos viene a la cabeza es Photoshop. Sin embargo, existe otra herramienta, no tan utilizada, pero que está pensada al 100% para el diseño web como es Adobe Fireworks.

Hoy os traemos una recopilación de 35 tutoriales para Fireworks, para todos aquellos que quieran darle una oportunidad a este magnifico programa, o para los que ya lo usan y quieren ampliar su técnica.

35 Tutoriales Fireworks | designm.ag
Via | diariothc.com

Los tooltips son una herramienta visual de ayuda al usuario que funciona al situar el ratón sobre un elemento, mostrando una ayuda adicional.

Desde designreviver.com nos ofrecen un tutorial para personalizar los tooltips de nuestra web usando jQuery y CSS.

El tutorial, aunque en inglés, proporciona el código necesario para que podamos implementar esta técnica en nuestras páginas sin mayor problema.

Un recurso interesante, para hacer más homogéneo nuestros diseños.

Enlace | jquery css tooltip example

Hace unos días, os ofrecíamos una recopilación de 50 tutoriales con efectos grunge para Photoshop.

Hoy, desde Smashing Magazine, y supongo que como respuesta a esa misma recopilación, nos ofrece 35 tutoriales con efectos vintage para Photoshop.

Como podreis comprobar, el efecto vintage aplicado a casi todo: fotografías, pin-ups, posters, efecto cómic, etc…

La recopilación de Smashing Magazine la podeis encontrar aquí: 35 tutoriales con efectos vintage para Photoshop

Vía PSDTuts encontramos una recopilación con 50 tutoriales de Photoshop para crear efectos Grunge.

Efectos grunge en textos, posters, imágenes, retratos, páginas web son tan solo una pequeña parte de lo que podéis encontrar en esta estupenda recopilación.

Enlace: 50 tutoriales photoshop para crear efectos Grunge.

Descubro en webmasters by design una web repleta de tutoriales sobre HTML y CSS: HTMLDog.com. Estos tutoriales se dividen en tres niveles diferentes: básico, intermedio y avanzado.

Como comenta Scott Spear en su web, la página cuenta con un diseño cuidado y muy simple, donde ningún elemento nos distrae de lo importante, que como siempre en esto de internet, es el contenido; en este caso de los tutoriales.

Aparte de seguir al pie de la raya los estándares web marcados por la W3C, también existe un índice de etiquetas para el HTML y de propiedades para CSS, donde se describen al detalle todas sus propiedades, por si tenemos alguna duda al respecto durante la lectura. Además de varios artículos donde se extiende sobre temas puntuales de la codificación en HTML y CSS.

Tanto la web como todos los tutoriales, han sido creados por Patrick Griffiths, colaborador en webs de altura como alistapart.com y cssZenGarden.

Y por si fuera poco, y sois de los que aún preferis tener un buen libro entre manos y no estar con los ojos fijos en la pantalla, todos los contenidos de la web los podeis encontrar en un libro que podreis comprar en Amazon UK.

Como veis, toda una web de referencia tanto para los novatos en codificar una web siguiendo los estándares mediante HTML y CSS, como para los que ya llevamos unos añitos en esto pero que, como no, aún seguimos teniendo nuestras dudas.

HTMLDog, una web para tenerla en tus favoritos, sin ninguna duda. 100% recomendable.

Hoy os ofrecemos un excelente tutorial de Photoshop para diseñar, desde cero, un icono de una brújula.

Como podeis ver, el resultado final es asombroso,  y aunque el tutorial está en inglés la gran cantidad de capturas de pantalla facilitan la tarea hasta al mas negado con el inglés, por lo que no teneis excusa para no poneros manos a la obra, y al menos intentarlo.

El tutorial de photoshop para diseñar el icono de una brújula, lo podeis encontrar aquí: Design a detailed compass icon in photoshop

Vía nettuts encuentro un excelente tutorial, acompañado por su correspondiente screencast para utilizar el plugin para jQuery jFlow.

jFlow, un plugin que tan solo pesa 4KB, y con el que se pueden crear efectos tan interesantes como el que se muestra en el tutorial.

Aquí os dejo los enlaces:

Tutorial
Demo

Hoy estamos con espíritu didacta. Para terminar la ronda de tutoriales que hemos empezado con la entrada Tutoriales de Photoshop para diseñadores web y con el videotutorial Crear iconos para web 2.0 con Photoshop, ahora os ofrecemos una recopilación de 20 tutoriales para Illustrator. Desde crear un coche hasta una persona, en esta entrada encontrareis todo lo que necesitais para crear esas estupendas imágenes vectoriales.

La recopilación de 30 tutoriales para Illustrator la podéis encontrar aquí: 30 vector tutorials that will make graphic design easier

Via: frogx3.com

De la mano de designreviver.com, web que ya os presentamos en la entrada Recursos grunge y vintage, hoy os ofrecemos una lista con 20 tutoriales de Photoshop para diseñadores web.

A lo largo de todos los tutoriales, nos explican como diseñar botones y barras de navegación, cabeceras y fondos para nuestra web, interfaces, etc…

20 tutoriales que nos ayudarán a la hora de diseñar nuestras páginas web, y que podeis encontrar aquí: 20 excellent photoshop tutorials for web designers