VistaLateral

Portafolio de Gerardo Antonio Serrano Fontanillo

Portafolio

Al tener una cantidad considerables de trabajos de distintos índoles, decidí agruparlos todos para enseñárselos al mundo vía Internet (web)

Por otro lado decir que me pareció una buena idea construir una entrada explicando a groso modo mi propio portafolio, hablando del mismo ya que tiene su historia y ha pasado por infinidad de transformaciones y cambios en referencia a su diseño.

Yo siempre digo que “ como un diseño de cualquier índole nunca está terminado ya que siempre se puede mejorar” siempre he intentado inyectar a mi portafolio mejoras y ha estado en continuo cambio.

En la imagen podemos percibir que diseño tenía en sus primeros pasos hasta llegar a la actualidad de la manera que estáis viendo.

Decir que el portfolio se divide en temáticas, intentando separar los bloques de:

3D (11)
Animación (10)
Blog (2)
Composición (21)
Diseño Industrial (12)
Diseño Web (3)
Fabricación Asistida por Ordenador (2)
Fotografía (1)

Estas temáticas están situadas a la derecha de la primera barra vertical para su mejor navegabilidad, el numero que posee al lado de cada temática corresponden al numero de entradas o trabajos realizados sobre dicha categoría.

Saludos, espero que os guste.

Anuncios

5 diciembre 2010 Posted by | Blog, Composición | 1 comentario

Diseño web de la Residencia de Estudiantes CoolCanary.com

El diseño que espongo es dirigido a la empresa CoolCanary situada en Las Palmas de Gran Canaria, la empresa me dió la posibilidad de poder diseñar la web a mi manera, siempre apreciando mi trabajo al máximo, por lo que el proyecto es un diseño propio.

Primeramente señalar que la empresa ofrece servicios de alojamiento a estudiantes en la isla de Gran Canaria, situados concretamente estos alojamientos en la ciudad de Las Palmas, además la empresa posee los servicios de clases de español para estranjeros, por lo que establece “packs” de alojamiento más clases de idiomas.

Estudiando la identidad y la viavilidad del mismo tenemos como resultado una web juvenil ya que hace referencia al público que va dirigido.

La web está realizada con el programa iWeb, como dicho programa tiene sus límites en relación con el diseño web, he tenido que insertar código HTML, este código da un formato al sítio estático pero diferente con un toque dinámico con ayuda de google docs, refiriendome a los dos formularios que posee la página para que los espectadores puedan ponerse en contacto en base a cualquier duda que se establezca.

Para ver la web pincha aquí.

1 diciembre 2010 Posted by | Composición, Diseño Web | Deja un comentario

BLOG homeWEBMASTER.

En este blog llevo trabajando alrededor de 8 meses aportando a sus lectores todos mis conocimientos sobre el posicionamiento web, facilitando información para proyectar al éxito una web apareciendo de esta manera en las primeras posiciones en los buscadores.

Por otro lado decir que el blog va dirigido a profesionales del sector los cuales tengan conocimientos de entorno SEO, e-commerce, PageRank, Robots y Crawer…, para ayudarles a dirigir y gestionar de manera fácil una web o blog (ya sea en blogger o en wordpress) y sacar los mejores resultados de la misma.

Decir que siempre he sido un poco fanático de la temática por lo que decidí hacer el blog, también me ayuda a ser constante en un trabajo determinado ya que la gente deja sus comentarios y sus preguntas diariamente, e intento solucionar sus dudas sobre la temática expuesta de la mejor manera posible, diariamente además de ampliar información.

Por último decir que al igual que el portafolio el blog “homeWEBMASTER”, ha pasado por infinidad de diseños estableciéndose como  logotipo inicial el que expongo en la imagen anexa.

1 agosto 2009 Posted by | Blog, Composición | Deja un comentario

La Motivada

 

Composición hecha en photoshop sacada de una foto de una revista, la forma de realización fue la siguiente: reuní todas las áreas con la misma tonalidad de la foto y en cada área puse un determinado color,  es uno de los trabajos que me siento orgulloso, lo realicé para un regalo que hice a mi madre por su cumpleaños, espero que os guste.

20 octubre 2008 Posted by | Composición | Deja un comentario

Green

Esto es una composición realizada en photoshop para luego pasarla al programa de edicción de videos AfterEffects y darle movimiento a todas las capas y hacer una introducción sobre mi portfolio en youtobe por esta causa también adjunto mi video en you tobe.

Espero que os guste.

22 mayo 2008 Posted by | Animación, Composición | Deja un comentario

Animación Comecocos

Esta animación la hice para el canal, Canal 13 Digital es una cadena de información por internet a nivel nacional, la animación iva dirigida a la sesión de dibujos animados del canal, todo viene de un curso que hice de “Infografía en medios audivisuales” los cuales eran los mismos dueños que los del canal, por esta causa el profesor nos mandó hacer una animación en un tiempo record de tres horas (un examen) dirigido al canal y me salió de esta manera.

Espero que os guste.

9 mayo 2007 Posted by | Animación, Composición | Deja un comentario

Corto "El que rie el último rie Mejor"

Aquí realizo un corto en 2D, en el programa de Flash y con ayuda de photoshop y realizar una animación en la que intervenga tres personajes, la realicé para una asignatura de 3º de la carrera, “Producción Gráfica”, fue uno de mis comienzos utilizando este programa, de hecho con esta asignatura es cuando empecé a dominar mas o menos el tema y la utilización del programa…

Espero que os guste.

20 abril 2007 Posted by | Animación | Deja un comentario

Fabricación Asistida por Ordenador (FAO) II

Esto es un trabajo realizado en la asignatura “Fabricación Asistida por Ordenador”, en el tercer curso, trata de la fabricación con ayuda del programa WinUnisoft de una chapa para establecer un relieve determinado en ella y en este caso se trata de la silueta de una estrella.

La “Fabricación Asistida por Ordenador” trata de la manipulación de objetos en CNC, Control numérico, por lo que en las imágenes expuestas la segunda imagen corresponde a la herramienta la cual hemos utilizado para la creacción de relieve de la chapa, por otro lado, decir que normalmente esta herramienta es diamante a causa de que es el material mas duro existente, por si se quiere rallar acero.

Espero que os guste.

11 marzo 2007 Posted by | Diseño Industrial, Fabricación Asistida por Ordenador | Deja un comentario

Animacion de Canal 13 Digital

Esta es una animación que nos toco realizar a modo de examen (3 horas) simplemente explicando la situación de los estudios del canal 13 Digital, este examen pertenece al curso “Infografista en medios audiovisuales” el cual como ya he dicho en otras entradas los dueños de la academia eran propietarios del canal local por esta causa los trabajos ivan dirigidos a su canal, aquí os dejo la web del canal para que lo conozcais mejor. http://www.canal13digital.com/home.php

2 marzo 2007 Posted by | 3D, Animación, Composición | Deja un comentario

El Mundo

Esta Animación fue una de mis primeras para la comprexión del programa LigthWave y After Effects ya que intervienen los dos programas, lo realize en el curso de “Infografista en Medios Audiovisuales”, primeramente construí una esfera insertandole una textura de un mapa-mundi. posteriormente lo exporte a modo de imagen a Afer Effects y puse los efectos correspondientes para su visión mostrada a continuación.

Espero que os guste.

 

11 febrero 2007 Posted by | 3D, Animación, Composición | Deja un comentario

Fabricación Asistida por Ordenador (FAO) I

Esto es un trabajo realizado en la asignatura “Fabricación Asistida por Ordenador”, en el tercer curso, trata de la fabricación con ayuda del programa WinUnisoft de una chapa para establecer un relieve determinado en ella y en este caso se trata de la silueta de “Bart Simpsons” de los dibujos animados conocidos mundialmente “Los Simpsons”.

La “Fabricación Asistida por Ordenador” trata de la manipulación de objetos en CNC, Control numérico, por lo que en las imágenes expuestas la segunda imagen corresponde a la herramienta la cual hemos utilizado para la creacción de relieve de la chapa, por otro lado, decir que normalmente esta herramienta es diamante a causa de que es el material mas duro existente, por si se quiere rallar acero.

Espero que os guste.

12 enero 2007 Posted by | Diseño Industrial, Fabricación Asistida por Ordenador | Deja un comentario

Luces en LigthWave

Este trabajo fue realizado en el curso de “Infografista en Medios Audiovisuales” entonces el profesor nos daba un determinado conjunto “Una habitación” y nosotros le teníamos que insertar a cada una de las partes (piezas), las texturas correspondientes además de las luces, todo relacionado con diferentes ámbitos, según las directrices del profesor, exponiendo luces de determinados ambientes, aquí lo expreso.

Espero que os guste.

 

25 diciembre 2006 Posted by | 3D, Animación, Diseño Industrial | Deja un comentario

Libro-Objeto.

Es un proyecto para la asignatura de tercer curso “Presentación del Producto”, este proyecto se basa en establecer un objeto con  unos parámetros primeramente definidos, en nuestro caso había que estudiar los conceptos “Libro”, “Degradado” y “Flexible”, posteriormente de realizar el estudio de estos conceptos tenemos que hacer un objeto que contenga estos conceptos.

En mi caso, “Libro” se expresa como una sucesión de páginas que se observa perfectamente en la imagen, “Degradado” lo podemos apreciar en los cuadrados negros realizados interiormente, además en los colores que van en degradado desde una tonalidad verde claro al azul claro y por último decir que al tocarlo (cualidad que no se percibe) existe una degradación de material de mas rugoso a menos, el termino “Flexible” se puede observar a simple vista.

El Material con el que lo he realizado son cartulinas de distintos gramajes y rugosidades, pegamento, tanto papel celo como cola para madera, palos para realizar pinchos de carne, refiriéndonos a la comida, lo que le cortamos las puntas, de esta manera dará la flexibilidad uniendo estos pinchos con hilo.

7 noviembre 2006 Posted by | Composición, Diseño Industrial | Deja un comentario

Texturas en LigthWave

Este trabajo fue realizado en el curso de “Infografista en Medios Audiovisuales” entonces el profesor nos daba un determinado conjunto “El Coche” y nosotros le teníamos que insertar a cada una de las partes (piezas), las texturas correspondientes además de las luces, para que pareciera que estuviese en una planta de exposición, para post-venta del coche.

Espero que os guste.

1 noviembre 2006 Posted by | 3D, Animación, Diseño Industrial | Deja un comentario

Tractor

Este es un trabajo que hice en primero de carrera en la asignatura de “Expresión Artistica” trataba del análisis y el estudio de la forma, por lo que cogíamos un Tractor de juguete y estudiábamos su forma y analizábamos las medidas para comprender el objeto en todo su conjunto, después de esta comprensión ya en otra asignatura de segundo de carrera “Diseño Asistido por Ordenador (DAO)” podríamos hacer el nuestro propio en 3D con ayuda del programa informático Solid Edge a demás del 3D Max para darle luminosidad y texturas y establecer una animación determinada.

Así es como queda el tractor únicamente hecho en Solid Edge (Sabiendo que Solid-Edge no tiene muy buen sistema de representación por lo que se queda pixelado y no se aprecia el trabajo correctamente):

Y por último así es como queda poniéndole toda la textura y las luces en 3D Studio:

Espero que os guste.

25 julio 2006 Posted by | 3D, Animación, Composición, Diseño Industrial | Deja un comentario

Juego para Niños.

Este proyecto estaba dirigido a la realización de un juego para l@s niñ@s pequeñ@s en la asignatura de segundo curso llamada, “Introducción del Proyecto del Diseño Industrial”, entonces trata de paneles los cuales poseen una hendidura para que l@s niñ@s puedan escribir sobre ellas por lo que con ayuda de esa hendidura aprenderán la silueta de las vocales “a, e, i, o, u”, ya que va dirigido a niñ@s de 1 a 3 años, natural,mente no saben escribir, además los paneles poseen un método de unión para que se puedan manipular y construir su propio hábitat, por último decir que cada panel posee su propia pizarra para que puedan pintar lo que quieran.

Este proyecto está realizado con ayuda de SolidEdge para contruir el prototipo, posteriormente se exportó a 3D Studio y además importé en dicho programa unos personajes sacados del programa Poser primeramente y por último para su representación final el photoshop.

1 junio 2006 Posted by | 3D, Animación, Composición, Diseño Industrial | Deja un comentario

Pato "Patu"

Este proyecto estaba dirigido a la realización de un juego para l@s niñ@s pequeñ@s de edades comprendidas entre 1 y 3 años, en la asignatura de segundo curso llamada, “Introducción del Proyecto del Diseño Industrial”, entonces trata de la realización de una mascota, llamada “Patu”, que simula a un Pato, el juguete posee una medida óptima para que se pueda manipular con facilidad y tiene un diseño bastante atractivo para que mantenga la atención al espectador, su material es madera y está compuesto por 4 piezas (Cabeza, Tronco y Estremidades) que al unidas se forma a nuestro amigo “Patú” no existe ninguna directrices de unión, por lo que intervendrá nuestra lógica e imaginación.

Este proyecto está realizado con ayuda de SolidEdge para construir el prototipo, posteriormente se exportó a 3D Studio para dar iluminación y texturas a dicho prototipo y por último para su representación final el photoshop.

Espero que os guste.

23 mayo 2006 Posted by | 3D, Composición, Diseño Industrial | Deja un comentario

Tortuga "Tortu"

Este proyecto estaba dirigido a la realización de un juego para l@s niñ@s pequeñ@s en la asignatura de segundo curso llamada, “Introducción del Proyecto del Diseño Industrial”, entonces trata de la realización de una mascota, llamada “Tortu”, que simula a una tortuga, ya que va dirigido a niñ@s de 1 a 3 años, el juguete posee una medida optima para que se pueda manipular con facilidad y tiene un diseño bastante atractivo para que mantenga la atención al espectador, su material es plástico que como ya sabemos se puede mojar y flota en el agua.

Este proyecto está realizado con ayuda de SolidEdge para construir el prototipo, posteriormente se exportó a 3D Studio para darle las texturas y la luz óptima y por último para su representación final el photoshop.

13 abril 2006 Posted by | 3D, Composición, Diseño Industrial | Deja un comentario

Diseño de llave

Este proyecto estaba dirigido a la realización de un sistema de llaves de un hotel Llamado “Gran Canaria”, dichas llaves tienen  que conservar la identidad del hotel (identidad corporativa) en todo su conjunto, por lo que cogiendo el logotipo “GC” intenté realizar la siguiente llave en la asignatura de segundo curso llamada, “Introducción del Proyecto del Diseño Industrial”.

Este proyecto está realizado con ayuda de SolidEdge para construir el prototipo y por último para su representación final el photoshop.

Espero que os guste.

18 marzo 2006 Posted by | 3D, Composición, Diseño Industrial | Deja un comentario

Mesa minimalista.

Aquí realizo una mesa en 3D, en el programa de 3D Studio, para luego exportarla a after effects y realizar una animación en la que se encienda y se apague la luz simplemente, la realicé para una asignatura de 2º de la carrera, “Dibujo Asistido por Ordenador (DAO)”, fue uno de mis comienzos utilizando este programa, de hecho con esta asignatura es cuando empecé a dominar mas o menos el tema y la utilización del programa poniendo a los objetos texturas, luces…

Espero que os guste.

18 febrero 2006 Posted by | 3D | Deja un comentario

Piezas de Maquinaria en 3D

Las siguientes piezas están realizadas en SolidEdge, si darle ninguna luz ni ninguna textura, simplemente es la construcción de las piezas y en algunas ocasiones los conjuntos de partes de motor y distintas maquinarias, primeramente medidas debidamente, para posteriormente realizarla en 3D.

Las piezas están realizadas con el programa SolidEdge para una asignatura de la carrera del segundo curso llamada “Diseño Asistido por Ordenador”.

6 diciembre 2005 Posted by | 3D, Diseño Industrial | 1 comentario

Composición Personal.

Composición hecha en photoshop con una foto mía, la la forma de realización fue la siguiente: reuní todas las áreas con la misma tonalidad de la foto y en cada área puse un determinado color,  es uno de los trabajos que me siento orgulloso lo realicé para un regalo que hice a mi madre por su cumpleaños, espero que os guste.

12 julio 2005 Posted by | Composición | Deja un comentario

Yelow

Esto es una composición realizada en photoshop para luego pasarla al programa de edicción de videos AfterEffects y darle movimiento a todas las capas y hacer una introducción sobre mi porfolio en youtobe.

Espero que os guste.

20 marzo 2005 Posted by | Composición | Deja un comentario

Lucía, Cortina.

Esto es una composición que se hizo para un regalo dirigido a una amiga que se llamaba Lucía el cual apliqué determinados filtros para que quedara sensación de tela ya que posteriormente se quería imprimir la composición en una tela, exactamente en una cortina de plástico de ducha, la verdad que quedó bastante bonito.

Espero que os guste.

23 enero 2005 Posted by | Composición | Deja un comentario

Coche, Expresión Artística.

Este es un trabajo propuesto por el profesor en la asignatura de “Expresión Artística” en primero de carrera, sirve para identificar el estudio de una forma determinada, en nuestro caso un “coche”, es toda una introducción al lenguage gráfico por lo que se estudian los planos y lineas existentes además de su relacción estableciendo la invención de la perspectiva y estudiando todo el esqueleto del dibujo con su composición, jerarquía recorrido, equilibrio y contraste.

Posteriormente al estudio de la forma establecemos una serie de planos para su creacción, por lo que el primer prototipo a llevar a cabo se realiza en madera chapa y el resultado final es el que se ve en la imagen expuesta, unos de mis primeros trabajos los cuales me iniciaron en este mundo, me hizo reflexionar a lo que me quería dedicar.

Espero que os guste.

14 diciembre 2004 Posted by | Composición, Diseño Industrial | Deja un comentario