En Internet existen multitud de opciones que pretenden enseñar programación por medio de juegos, especialmente orientadas a niños, pero Code Racer se mueve en otra categoría. Y es que en este caso, estamos ante un juego en línea donde tendremos que enfrentarnos a otros usuarios en carreras de escribir código, como si se tratase de un frenético juego de carreras para adictos a la tecnología.

Una idea ingeniosa y que cumple perfectamente con su cometido de enseñar al tiempo que divierte, aunque quizás con la emoción del momento algunas cosas no se queden muy grabadas. El juego requiere tener cuenta en Facebook para acceder (quizá un hecho que eche para atrás a algunos usuarios), y permite adentrarnos en lenguajes orientados a la web como HTML, CSS y JavaScript.

Pinche aquí para ver el vídeo

La simpática iniciativa se la debemos a Treehouse, una joven empresa que ha desarrollado distintas soluciones para enseñar diseño y desarrollo web. La verdad es que con propuestas así o como Code Year, el que no aprende algo de código (al menos a un nivel muy básico) es porque no quiere. ¡Anímate, juega y aprende!

Enlace:
Code Racer – Battle it out and learn the code

Vía:
Genbeta – Con Code Racer aprender a programar es un juego, y muy adictivo 

Desde hace un tiempo, se ha convertido en una moda el aplicar filtros que hagan cambios en una imagen para que parezca más vieja de lo que en realidad es. Si bien es cierto que las modas vienen y van, no es menos cierto que algunos trabajos requieren el toque distintivo de una época pasada. Por ese motivo, el artículo 16 Vintage/Retro Photo Effect Tutorials de DesignModo es una buena referencia para aprender un buen puñado de técnicas que pueden ser realmente útiles. Lejos de ser una colección de filtros, estos consejos pueden ser usados en multitud de situaciones.

Aunque cada uno de los métodos está enteramente descrito en inglés, no son complicados de seguir, puesto que todos tienen capturas de pantalla lo suficientemente claras para no perdernos detallando cada uno de los pasos necesarios.

Vía:
DesignModo - 16 Vintage/Retro Photo Effect Tutorials

A la hora de diseñar para móviles es necesario tener en cuenta una serie de aspectos y condiciones que quizá no contemplemos de un inicio. No sólo debemos ceñirnos al estudio de la interfaz para dispositivos diferentes a los que estamos acostumbrados sino a la manera de trabajar con éstos.

Jimena Catalina es una diseñadora de talento que  se ha marcado una estupenda presentación titulada Diseñar para móviles en la que nos brinda una serie de datos y consejos a la hora de afrontar este tipo de proyectos. Y es que no todo es Apple y aunque es un mercado jugoso, hay mucho más a lo que hincar el diente y que merece la pena estudiar.

Más información:
Jimena Catalina – Piensa en Pixels
Criterion – Diseñar para móviles 

Hay ocasiones durante las que tenemos la necesidad de realizar una explicación a alguien que no está físicamente junto a nosotros. Lo más habitual es hacer referencia a alguna guía (comúnmente llamadas tutoriales) que ya esté en la web o quizá explicarlo por correo electrónico. También podemos recurrir a otro método: crear un tutorial en Tildee.

Tildee es un servicio que permite crear guías y ayudas en la web de manera fácil y sencilla. Sin necesidad de registro, podemos crear una página que contenga una explicación de algún tipo dividida en cómodos pasos. Cada paso puede contener texto, una imagen o un vídeo. La imagen la podemos alojar en el propio servicio, pero en el caso del vídeo sólo es posible añadirlo indicando la URL del mismo.

Una vez que publiquemos la guía, ésta no será modificable a menos que nos hayamos registrado previamente. Además de poder editar, al registrarnos también obtendremos un perfil que, como está de moda hoy en día, puede ser seguido por otros usuarios (y viceversa, claro). También dispone de los botones necesarios para compartir las guías por las redes más utilizadas y cada página posee una URL que, sin ser del todo “reducida”, sí es bastante corta.

En resumen, se trata de un servicio muy sencillo de usar y que nos puede servir para explicar la realización de un proceso rápida y claramente. Además, el poder publicar sin necesitar registro lo hace ideal para un uso ocasional sin tener que recurrir a servicios más elaborados o complejos.

Vía:
Genbeta – Tildee: crea tutoriales sencillos online sin necesidad de registro

Adobe Photoshop es, probablemente, uno de los programas de edición de gráficos digitales más utilizados en todo el mundo. La razón es muy sencilla: Photoshop es fácil de aprender y ofrece una gran variedad de herramientas para optimizar y crear resultados impresionantes.

En el siguiente enlace a Noupe (inglés), encontrarás una recopilación de de nuevos e impactantes tutoriales que otros diseñadores han querido compartir con la comunidad. Ahora, gracias a ellos, podrás aplicar nuevos efectos a tus futuros proyectos.

Enlaces:
Noupe – 40 (NEW) High Quality Adobe Photoshop Tutorials

Mucha gente utiliza Photoshop para retocar toda clase de fotografías e imáges, pero tampoco son pocos los diseñadores web que los utilizan para crear la base de futuros sitios web que serán visitados por cientos de personas en Internet. Para ayudar a los diseñadores a crear diferentes tipos de sitios web, el siguiente recurso será especialmente útil. Se trata, ni más ni menos, que de cuarenta y cinco (45) tutoriales paso a paso para diseñar sitios web con ayuda de Photoshop.

Gracias a estos prácticos tutoriales (escritos en inglés) podrás aprender cómo diseñar desde un sitio de fotografía hasta un sitio de negocios, pasando por muchas más opciones creativas.

Enlaces:
Psdtuts – 45 Step-by-Step Tutorials on Web Design with Photoshop

Adobe Photoshop es la herramienta que eligen muchos diseñadores y artistas digitales. Photoshop puede ser utilizado para casi cualquier pequeña tarea que forme parte del proceso de diseño. Es una de las más valiosas opciones de software disponibles en el mercado cuando se trata de manipulación digital de imágenes. Una característica genial de Photoshop es que puede ser fácilmente ampliable con pinceles, motivos, formas y otros muchos recursos adicionales.

En esta colección masiva de recursos, encontrarás toda clase de cosas útiles: sitios web con tutoriales, pinceles, mosaicos, acciones, colecciones, formas vectoriales y mucho más.

No te lo pienses más y disfruta de esta inmensa colección de recursos para Photoshop:
Six Revisions – 70 Excellent Photoshop Resources

Six Revisions es una conocida bitácora en Internet con cantidad de información útil especializada en desarrollo web y diseño gráfico. Citamos aquí esta bitácora porque ha incorporado varios tutoriales interesantes últimamente. Una de las entradas se dedica a mostrarnos diferentes métodos para diseñar imágenes de marca o logotipos utilizando Adobe Illustrator. En total son quince magníficos tutoriales donde se dan diferentes pistas para abordar toda clase de proyectos.

La otra entrada que queremos destacar, nos propone utilizar Adobe Photoshop para diseñar diferentes tipos de páginas web. Photoshop es la herramienta preferida de muchos diseñadores web a la hora de crear la disposición gráfica de la información, así que aquí tenemos un recurso muy interesante. De hecho, se nos muestran cuarenta espléndidos tutoriales con sendos diseños web.

La única pega que pueden tener es que están totalmente en inglés, pero no creo que sea un impedimento para la mayoría de los diseñadores. Así que ya sabes, aprovecha este lote de cincuenta y cinco tutoriales para diseñar marcas competitivas y sitios web atractivos, utilizando dos de las herramientas más conocidas de Adobe: Illustrator y Photoshop.

Enlaces:
Six Revisions – 15 Excellent Logo Design Tutorials Using Illustrator
Six Revisions – 40 Useful Photoshop Web Layout Tutorials

Existen cientos de tutoriales para Photoshop disponibles en la red, pero solamente unos pocos son reseñables en términos de facilidad en sus instrucciones, presentación y resultados. En esta entrada se presentan treinta tutoriales para Adobe Photoshop con los que conseguir bellos efectos de texto.

Los tutoriales pertenecen a sitios de renombre como son PSDTUTS, PSHERO, y Abduzeedo.

Enlaces:
Six Revisions – 30 Beautiful Photoshop Text Effect Tutorials

Añadiendo la ilusión del agua o la lluvia con Photoshop, los fotógrafos y diseñadores pueden utilizar diferentes trucos para cambiar la apariencia de una imagen. En muchas ocasiones los efectos digitales pueden parecer irreales, pero con ayuda de las 40 guías que recopila Smashing Magazine, se podrán crear imágenes excelentes y con acabado profesional.

Ahora, abre una buena imagen en Photoshop y práctica la técnica que mejor te venga.

Enlaces:
Vecindad Gráfica – 40 tutoriales de Photoshop con efectos de agua, gotas y lluvia
Smashing Magazine – 40 Photoshop Tutorials On Rain Showers and Water Drops