Graphic-iti

Saludos a todos. Acabo de crear la plantilla nueva de Graphic-iti. Fue un proceso un poco arduo, pero cuando uno esta inspirado, ve los retos con otra perspectiva. Uno los quiere conquistar para crecer profesional y personalmente.

Me encomendé a crear una plantilla wordpress que expresara, a mi entender, el proceso mental e inspiraciones que cada diseñador experimenta al crear un trabajo. Lo primero que hice fue buscar literatura a cerca del proceso técnico. Mi amigo, Dieppa (http://www.di3ppa.com) me envió un e-mail que contenía instrucciones paso a paso en cómo crea una plantilla. El manual esta publicado en Web Designer Wall. Luego de leer las instrucciones, y ver que era capaz de hacer la plantilla, comencé hacer el diseño.

Busqué varias fotos, tenía una idea de que quería un collage de fotos. Comencé con imágenes de la ciudad. Considero las ciudades un lugar propicio para inspiración, aunque yo vivo en el campo y no envidio para nada la vida citadina. Luego busqué imágenes de música y aparatos musicales. Yo utilizo la música mientras trabajo como medio de relajación y para estimular la creatividad. Finalmente hice una búsqueda de materiales que se utilizan: Macs, Tabletas, entre otros. Cuando comencé a montar las imágenes, me fijé que le faltaba color. Me acordé de Adobe CS3®, empaques súper coloridos. Hice una búsqueda y conseguí el empaque del Master Collection.

Una vez estuvo el cabezal hecho, hice una maqueta de la página en Photoshop®. Definí las columnas, los espacios, colores y las dimensiones en este paso. Una vez satisfecho, comencé a recortar en las imágenes que iba a utilizar en el HTML. Luego de esto, abrí un documento en Dreamweaver® y comencé a hacer el HTML y el CSS. Lo importante de esta etapa es utilizar los mismos nombres que se utilizan en el tutorial. Así se van a evitar mucho trabajo. Otra nota es crear columnas apartes y no utilizar margenes negativas para colocar una columna sobre otra. Mi sugerencia, luego de haber pasado por la experiencia, es utilizar el HTML del tutorial y cambien el CSS a su gusto e imágenes.

Ya culminado con el proceso de crear el HTML, procedí con hacer los phps. Seguir las instrucciones al pie de la letra garantiza el hacer este paso en un dos por tres. Finalmente se sube la plantilla. Naveguen por su blog a ver si esta todo cómo se supone. De ver alguna anomalía pueden alterar el css. Si su blog tiene “widgets”, el php del tutorial no es capaz de soportarlos. No se frustren. Siga estas instrucciones (bajen a “My sidebar isn’t a list. What do I do?”) y con un poco de código en el sidebar.php todo se soluciona.

Espero que le guste la plantilla nueva y sigan colaborando con Graphic-iti.com.

Written by: Juan Rivera