Adobe Photoshop puede resultarnos muy útil para potenciar nuestras técnicas de diseño web. A través de la aplicación encontraremos numerosas herramientas para desarrollar temas totalmente personalizados y únicos e implantarlos en nuestros sites. Para ello contaremos deberemos afrontar dos fases o tipos de trabajo: Primero el diseño propiamente dicho de nuestra interfaz y por otro la codificación o «traducción» a html y css.
Hoy voy a compartir con vosotros una interesante selección de siete ejercicios para desarrollar la primera fase, es decir, el diseño visual de la interfaz de nuestra página desde Adobe Photoshop. Aquí no encontrarás tutoriales que incidan en la codificación aunque seguramente en un futuro comparta con vosotros material para facilitar el proceso. Os debo avisar de que están en inglés por lo que si no domináis el idioma os recomiendo que os hagáis con algún traductor. De todos modos cada paso va ilustrado con una imagen y si estás habituado a trabajar con el programa lo más probable es que ni siquiera necesites un traductor.
Os recuerdo que podéis acceder a nuestro artículo para hacer conversiones a código CSS desde Photoshop en menos de un minuto desde este link y que os puede resultar tremendamente útil.
Chocolate Pro WordPress Style Layout
Crea un estilo pizarra para WordPress con Photoshop
Cómo crear un diseño Grunge en Photoshop
Crea un layout moderno para un blog
Watercolored Design Studio Blog Layout
Corporate WordPress Style Layout
jajaja te has quedado pensativa
Me trajo recuerdos :( .. y sigo pensando xD