Crear Portfolio en Blogger.com para diseñadores

Este post va para aquellos jóvenes diseñadores que recién entraron al mundo del diseño; para aquellos que están estudiando diseño gráfico y les gustaría tener la posibilidad de ser contratados por alguna empresa, compa´´ia o algún particular para trabajar de lo que está estudiando (así se aprende más) o simplemente para quien quiera tener un espacio para publicar sus obras, no necesariamente gráficas, y lo tenga solo por ocio y diversión. Pero yo durante todo el post, explicaré como crear un buen portfolio. Si tan solo quieres hacer un blog esteticamente bueno detente hasta donde concideres que lograste tu cometido. Bien ... dicho esto empezemos! Primero, qué es un Portfolio?. Un portfolio es un espacio web donde se encuentra el material profesional de algún sujeto para ser mostrado a particulares con intereses en contratar nuevo personal. Es muy común que los diseñadores con experiencia tengan uno, ya que asi estan solo a un click de poder ser viste por muchas personas en el mundo que estén buscando algun diseñador freelancer para pedirle trabajos. Un portfolio puede ser de diferentes maneras, no tiene una estructura básica que respetar, y su diseño es a total libertad del creador. Así que ... a explotar esa creatividad que vamos a crear nuestro portfolio! 1) Creamos nuestro blog: Esto es fundamental, sin blog no tenemos donde publicar nuestras obras de arte! Crear un blog no es dificil, y no tengamos concideraciones de nombres de dominio ya que estos se pueden modificar, al igual que el diseño, pero eso es unos pasos mas adelante. Dato: El dominio por defecto quedará ***. Por suerte, eso no afectará a la hora de pasar nuestro link a personas interesadas. Por supuesto que un dominio .com.ar se verá mas serio, pero este dominio gratuito que nos regala Google no nos quitara formalidad ni seriedad (tampoco la agregará). 2) Bien, ahora tenemos nuestro blog ya hecho. Nuestro siguiente paso será abrir el Photoshop, GIMP, o el programa que tengamos instalado para diseñar nuestro Heading (la cabezera del blog). Por qué hacemos esto? El Heading es una de las partes mas importantes de una página web. Muestra el nombre de la página, y hasta algún indicio de lo que nos podemos encontrar en el contenido. Acuerdence que estamos diseñando una portfolio para un diseñador. Así que nuestro heading tiene que ser vistoso, original, colorido. En sí, es a libre creación, pero yo recomiendo que sea de ese estilo. Y si se puede, agregar algún eslogan que defina tu papel en el diseño. Yo tengo este diseño, con dos colores. Sencillo, pero vistoso. Tienen una frase en ingles, que no tiene mucha importancia. Puede o no ir, es a libre elección de cada uno. 3) Creado todo esto, vamos a la parte divertida. Nos bajaremos el programa Artisteer. Este programa nos ayuda a modificar por completo un blog, un myspace, un wordpress, y este estilo de páginas. Este programa es bastante pesado a la hora de ejecutarlo, será mejor no tener nada abierto mientras modificamos nuestro blog. Lo bueno de todo es que una vez finalizado, podremos llevarlo a nustro blog desde el mismo programa sin abrir ninguna página. Y contiene bastantes opciones, les ayudaré con las más básicas pero ya saben... Con la curiosidad siempre se aprende. Es muy obvia la opción, pero por si las dudas: clickeamos la opción Blog en Blogger.com. Pero pueden usar el programa con sus otras opciones. Ahora bien, se nos abrirá una plantilla prediterminada que ya está copada esteticamente, pero nosotros la modificaremos a nuestro gusto. No voy a mostrar paso por paso como cambié mi plantilla, pero les mostrare las herramientas para que sepan para que se utilizan. Colores y Fuentes: Las opciones de "Sugerir..." son propias del programa y esto te tirará al azar una combinacion, segun en el contexto en el que esté. En este caso, tirará colores que serán la base de nuestro blog. De todos modos al costado podemos elegir nuestros tres colores básicos: Fondo, Color principal, Color secundario. Como así tambien, podemos elegir la fuente del texto (Podemos escojer cualquiera que tenamos en nuestra PC!) No hay mucho que explicar, esla composicion de nuestra página. Cuantas columnas, como, etc. Se darán cuenta solos, jeje. Aqui diseñamos el fondo. Podemos poner uno de los fondos prediseñados (que algunos están copados!) que trae el programa, establecer un fondo nuevo desde una imagen nuestra, o si preferimos un color liso como yo, ponemos el color y listo. A su vez, podemos agregarle una textura, algun degrado... en fin, tienes varias opciones. Será mejor que te encargues de ver cuales te gustan. Bien, aqui recomiendo no tocar nada. Pero ustedes investigen y vean que tal les queda. Es para poner el ancho de pagina, su transparencia. Que se vea mas, menos. Todo eso, por defecto viene en la ideal, y el ancho no se preocupen por su heading que luego les explico por qué. Uno de los platos fuertes, esta es la parte del heading. En la solapa composicion no tocamos nada. En donde dice Fondo, aqui ponemos "Desde Archivo..." y seleccionamos nuestro heading ya hecho anteriormente. Nos saltará una ventana que nos tira tres opciones, escojemos "Adaptar la pagina al heading" para que se vea tal cual nuestra imagen (en caso de ser mas grande). Si no, poné la opcion por defecto. Ya veremos nuestra pagina con la anchura exacta para que se vea perfecto nustro heading. Luego, debajo en Efectos ponen el que quieran. A mi en particular no me gustan, pero bueno. Capaz a alguien le gusta como queda. Son como una imagen con poca opacidad superpuesta a la imagen, pero no... no lo recomiendo. Foto en primer plano ... bueno, mucha explicacion no se necesita. Ya el nombre lo dice todo y hasta tiene las mismas opciones. Flash! ... admito que son efectos bastantes copados algunos, y quedan bien. Pero acuerdence que esto alentecerá la carga de su pagina asi que tengan cuidado! Y por ultimo, en nombre y en titulo ... borramos los dos renglones asi quedara nuestra imagen solita sin ningun texto molestando arriba. Primero la entrada, ahora el plato principal. Aqui seleccionamos el estilo del menu, sus colores. Tanto de botones activos, inactivos, seleccionados, como el color de los textos de cada boton. El tipo de seleccion, etc. El punto de aca es ir investigando e ir probando. Lo copado del programa es que tan solo apoyandonos arriba de la opcion nos mostrará como quedaría sin la necesidad de poner la opcion. Nos ahorrará un paso! Con ustedes ... el postre. Esta parte merece mucha dedicacion. Aquí detallaremos exactamente como será todo el contenido del blog. Necesitamos mucha paciencia hasta que encontremos exactamente como lo queremos. Vista previa de la imagen. Esto es para entradas donde es mas texto que imagenes. Como nustro portfolio es imagen con ... un renglon de texto no interesa cual pongamos en esta opcion. Bueno, formato de texto ya conocen. Otros elementos, los cuales estan a lo largo de la pagina de muestra. Vayan modificando todos los elementos ya que son importantes .. son parte del contenido! Tanto el Encabezado como el Pie de pagina tambien merecen atencion, pero como ya venis con lo anterior ya tiene toda tu atencion jaja. No se apuren y sean pacientes, que es creo yo lo mas importante. Ya sabrán cual es la Barra Lateral. Aqui eligen todo lo que tiene que ver con el diseño. Como se ven los titulos de las herramientas de la barra, como se ve el contenido, algun diseño de fondo. En fin, explicacion no precisa. Es simple, pero tiene varias opciones de cada cosa, tomense su tiempo. Otro ... platito fuerte. Tomense todo el tiempo del mundo para esta parte. Esto será el diseño de como actuar sobre el menu. Como se selecciona, con que colores. Como actua la barra al mouse, etc. El tema es que tienen primero la barra de menu, que es como la seccion principal. Y luego los subitems, secciones dentro de una seccion general. Es trabajo que queden iguales, a menos que quieran que queden diferentes. A 3i gusto, prefiero que se mantenga un estilo durante todo el menu. Pero ustedes dejen volar su creatividad. El botón, ... no tomen mucha concideración de esto, ya que en un portfolio no es común poner botones. Pero si quieren, completenlo a su gusto. Yo ... paso. Y por ultimo, tenemos el pie de pagina (Donde despues ira nustro nombre, eso de "Todos los derechos reservados", etc...). No hay muchas opciones, asi que no se les complicará en lo absoluta. Una vez terminado todo, primero lo guardamos clickeando el disquet chiquito en el costado izquierdo superior. Y luego tocamos Publicar. Nos saltará la siguiente ventana. No, los datos no los envia a ninguna pagina, se los guarda el programa en nuestro disco duro. Es para facilitarnos luego el trabajo de editarlo por si las dudas. Una vez completo, presionamos publicar y se empezará a cargar. Esperamos, y nos saltara un codigo HTML. Lo copiamos, siguente, OK. Vamos a blogger.com, y en esta opcion ... ... veremos el codigo HTML del diseño anticuado. Lo unico que hacemos es pegar ahi el codigo obtenido en el programa. Y tocamos guardar, nos saltara un error de que se borraran algunos gadgets. Haganlo, son malisimos esos gadgets y no pasa naranja. Y Listo! Ya tenemos nuestro portfolio modificado a gusto en Blogger.com! Ahora viene el tema de las entradas. Mi recomendacion de como hacer las entradas: Un titulo con el nombre de la persona o el cliente al cual le hemos hecho la imagen. Si es una persona que no desea que se lo revele podemos poner "Cliente: Particular". Luego, un par de datos que ayudaran a certificar nuestro trabajo. Agregamos los datos que querramos, pero solo recomiendo estos. Capaz estaría bueno poner las dimensiones de las imagenes y el archivo .pds, archivo .crd o el archivo original del programa de diseño para que se pueda descargar y que otras personas puedan observar tu metodo de trabajo. No se olviden de poner con que programa lo han hecho! La imagen debe ser lo mas importante, asi que pongan que se vea BIEN GRANDE la imagen. Total, cuando se le hace click se verá en su tamaño original por mas grande que sea. Y tadá! Tenemos nuestro portfolio listo para ser presentado. para que puedan ver como quedo el utilizado en este post, les va el link. http://sanberdesign.blogspot.com/ UN DATO: Para crear nuevas páginas (pueden ver el caso del blog que dice "Home" y "Contacto". Para crear una pagina van a la opcion crear pagina desde la herramientea nueva entrada. Luego para agregarla deben ir a Diseño, Elementos de página. Escojer Top Menú y ahi para agregar una nueva pagina haran lo sigiente. En donde dice URL van a copiar la url de la pagina en cuestion, y debajo el nombre que queremos que aparesca. En mi casa fue "Contacto" Espero les sirva a los iniciantes! Un saludo