09.02.2018 Views

Portafolio-Héctor

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Héctor Fernández<br />

<strong>Portafolio</strong> de Ilustración Digital


Contacto<br />

snare-hector@hotmail.com<br />

7987-4276


Índice<br />

nº página<br />

Introducción...........................................................................................................................................................................................3<br />

Metodología............................................................................................................................................................................................4<br />

Concepto................................................................................................................................................................................................5-6<br />

Perfil........................................................................................................................................................................................................7<br />

Software..................................................................................................................................................................................................8<br />

Vectores en diseño gráfico........................................................................................................................................................................9<br />

Proceso de ilustración Digital.................................................................................................................................................................10<br />

Illustración Conceptual..........................................................................................................................................................................11-12<br />

Ilustración Fantástica .............................................................................................................................................................................13-14<br />

Ilustración Publicitaria...........................................................................................................................................................................15-24<br />

Ilustración de Paisajes.............................................................................................................................................................................25-28<br />

Ilustración de Caricaturas.......................................................................................................................................................................29-30<br />

Ilustración Científica..............................................................................................................................................................................31-32<br />

Conclusión.............................................................................................................................................................................................33


Introducción<br />

Mi nombre es Héctor Fernández, estudiante de diseño gráfico en la Universidad Tecnológica,<br />

tengo 29 años y soy apasionado por el diseño, la cultura urbana intervino en la pasión que tengo<br />

por el diseño gráfico, me considero una persona innovadora y capaz de crear arte, me encanta<br />

estudiar y conocer nuevos métodos para realzar mi propio estilo de diseño.<br />

Mis intereses estan en la Música, la Ilustración, el Graffiti y los Juegos de video. Mis principales<br />

fortalezas en el diseño son: Editorial, Ilustración, Fotografía y social manager.<br />

En este documento pretendo dar a conocer mis actitudes graficas y mi capacidad de crear arte<br />

de manera digital.<br />

3


Metodología<br />

Para que un proyecto de diseño grafico sea exitoso, se deben cumplir parámetros que permiten que sea<br />

elaborado de forma funcional. A cada proyecto se le debe dar el tiempo necesario para que destaque entre<br />

sus competidores, la innovacion, la creatividad y la calidad.<br />

1Planeamiento<br />

En primer lugar es necesario conocer las<br />

necesidades y requerimientos que el cliente<br />

necesita para el trabajo final, esto funciona<br />

para el público al que va a ser mostrado o para<br />

el creador lo que quiere difundir con su arte.<br />

3Generar Ideas<br />

Una ves recolectado los datos y realizada la<br />

investigación y necesidades, hay que buscar la<br />

mejor solución para el proyecto con difentes ideas<br />

que se generaran mediante los datos<br />

recabados anteriormente.<br />

5Generar Ideas<br />

Una vez aprobado el diseño final por el diseñador y/o<br />

el cliente cliente, se realizan los archivos finales.<br />

En esta etapa tambien seran afinados algunos<br />

detalles para garantizar que el proyecto comple<br />

su objetivo y sea funcional.<br />

2Investigación<br />

Es necesario este paso para realizar el proyecto<br />

ya que se analiza la información y otros elementos<br />

que tendra el proyecto, todo esto para crear un<br />

trabajo que se ajuste a las necesidades del proyecto.<br />

4Propuestas<br />

Ya que se ha analizado toda la información, se<br />

entregan tres propuestas para que sean revisadas,<br />

de estas tres se selecciona una, la que se considere<br />

mas conveniente para el proyecto, y se realizaran<br />

los cambios necesarios para posteriormente<br />

realizar los archivos finales.<br />

6Propuesta<br />

Como paso final el proyecto es entregadoComo punto<br />

final es entregadocon los archivos<br />

y formatos acordados.<br />

4


Concepto<br />

Este portafolio fue diseñado con un concepto sobrio y muy único del diseñador Héctor Fernández,<br />

que muestra sus capacidades para diseñar y crear ilustraciones digitales de gran calidad usando<br />

técnicas aprendidas en la Ciudad de México en la Academia Edumac y en las materias impartidas<br />

en la Universidad Tecnológica de El Salvador, la ilustración digital no solo como medio artistico,<br />

si no tambien como medio comercial y creativo para diferentes áreas en el campo laboral.<br />

5


6


Héctor Fernández<br />

Diseñador<br />

Perfil<br />

Gráfico<br />

7<br />

Estudiante de Diseño Gráfico en<br />

la universidad Tecnológica de<br />

El Salvador, Apasionado por<br />

el arte, desde pequeño fue<br />

atraido por los puntos y líneas<br />

creados por sus artistas favoritos.<br />

Estudiando los diferentes puntos<br />

de artes como la fotografía,<br />

la música, el dibujo y pintura.<br />

Apasionado por el dibujo digital<br />

llamado ilustración digital,<br />

desarrollando su propio estilo<br />

en el medio digital, además de<br />

la ilustración digital, también es<br />

conocedor de otros medios gráficos<br />

que son necesarios para cumplir<br />

todas las funciones de un diseñador<br />

gráfico o un community manager,<br />

edición de fotografía profesional,<br />

creador de contenido publicitario,<br />

troqueles, serigrafía, creador de<br />

logos, rediseños profesionales,<br />

así creandolo como un Diseñador<br />

Gráfico completo y apasionado por<br />

lo que hace.


Héctor Fernández<br />

Software - Programas<br />

Software 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%<br />

8


Vectores en Diseño Gráfico<br />

Una imagen vectorial es un formato de archivo<br />

gráfico basado en expresiones matemáticas y<br />

compuestos por puntos, líneas y formas.<br />

Procesos vectores<br />

Los puntos son nodos y pueden ser añadidos,<br />

borrados y movidos. Tienen unos manejadores<br />

que modifican la forma y la calidad o la ruta<br />

entre cada punto dentro de la línea o forma.<br />

Además, un archivo vectorial permite<br />

cambiar la forma de algunos atributos de la<br />

línea como el color de relleno, el color o el<br />

grosor del trazo.<br />

Los vectores no pierden calidad en los<br />

diferentes formatos o resoluciones. En un<br />

archivo vectorial cada punto, línea o forma es<br />

100% escalable.<br />

9<br />

En diseño gráfico los vectores se utilizan para:<br />

-Logotipos<br />

-Iconos<br />

-Ilustraciones<br />

-Infografias<br />

-Fuentes<br />

-Patrones<br />

-Elementos web


Proceso de Ilustración Digital<br />

Lo primero que tenemos que hacer es visualizar<br />

cómo y que queremos reflejar en nuestra<br />

pieza gráfica, una vez tenemos claro lo que<br />

vamos a ilustrar, pasamos a la parte de bocetar las<br />

primeras formas y composicion.<br />

Procesos pinceles<br />

Se puede realizar esto de manera tradicional, con<br />

papel y lapiz, o bien de manera digital, desde una<br />

tableta grafica directamente en el programa deseado<br />

ya sea Adobe Ilustrator o Adobe Photoshop.<br />

Al tener el boceto en la computadora es momento<br />

de empesar a vectorizarlo o dar los primeros trazos<br />

con los pinceles de photoshop, tomando el boceto<br />

como guía vamos avanzando poco a poco<br />

con mucha paciencia.<br />

Una vez terminadas las formas y figuras en ilustrator<br />

proseguimos a darle color y a jugar con los bordes<br />

de esas figuras buscando el estilo deseado.<br />

En este punto podemos dar por finalizada la ilustración.<br />

El siguiente paso es elegir los formatos en los<br />

que seran guardados.<br />

10


Ilustración Conceptual<br />

Procesos pinceles<br />

Ilustración elaborada en Adobe Ilustrator, se considera como conceputal ya que da una idea de cooperatividad<br />

a la persona que ve la imagen, Lleva vectores planos y también degradados, dando un aspecto<br />

semi-realista a la imagen.<br />

11


Ilustración Conceptual<br />

Ilustraciones elaboradas en Adobe Ilustrator, también son consideradas como ilustración conceptual<br />

ya que a simple vista en la imagen de la izquierda se logra apreciar un lobo, con unos simples<br />

vectores planos, igualmente en la imagen de la derecha con unos simples trazos<br />

se logra ver el movimiento y energia de dos saxofonistas de jazz. 12


Ilustración Fantastica<br />

Proyecto de juego de cartas “MALÉFICA”, es un juego similar al<br />

famoso juego de cartas “UNO”, pero con la variante<br />

de que el juego maléfica trae los personajes principales<br />

de la película Maléfica; El Rey Stefan, Maléfica, princesa Aurora,<br />

las adas mágicas y Diaval.<br />

Se realizaron los vectores de cada uno de los personajes<br />

de forma simplificada, con coleres planos pero<br />

marcando sus rasgos principales para que puedan<br />

ser reconocidos de forma fácil.<br />

Tarjetas de Presentación<br />

Troquel final del juego.<br />

13


Ilustración Fantastica<br />

Se realizaron dos fondos de un paisaje para cada una de<br />

las cartas, uno de noche y otro de día en los cuales<br />

los personajes malignos irán representados con<br />

la noche y obscuridad y al contrario los personajes<br />

buenos irán con el fondo de día.<br />

Cartas finales realizadas en Adobe Illustrator 14


Ilustración Publicitaria<br />

15<br />

Ilustración publicitaria realizada en Adobe Ilustrator, con el fin de promover la famosa película<br />

“La Naranja Mecánica”, fue elaborada con vectores planos en su mayoría y con bastante simplicidad<br />

y limpieza en esta pieza.


Ilustración Publicitaria<br />

2015<br />

MUSEO DEL FERROCARRIL DE EL SALVADOR<br />

Tarjetas de Presentación Logotipo Hoja membretada<br />

Proyecto “Museo del Ferrocarril” Piezas elaboradas en ilustrator como parte de papelería<br />

para este museo ubicado en el centro de San Salvador.<br />

16


Ilustración Publicitaria<br />

Elaboración de portada del libro “apocalipsis” del<br />

escritor Stephen King, en la cual relata un desastre<br />

bioquímico que se esparce con rapidez en el mundo,<br />

y el personaje principal llamado “cuervo” que sabe<br />

porque sucede el desastre y es una pieza clave en esta<br />

obra literaria de Stephen King.<br />

Se realizo enAdobe Illustrator con vectores planos<br />

y formas de cuervo representando las cartillas<br />

que poseen los psicólogos que presentan a sus pacientes<br />

para evaluar que logran ver en esa “mancha”.<br />

Además de el logo modificado de desastre bioquímico<br />

coloreado con amarillo que evoca una advertencia.<br />

17<br />

Ilustracion editorial


Ilustración Publicitaria<br />

Portada del famoso libro de Edgar Allan Poe llamado<br />

“GATO NEGRO” haciendo referencia a las obras<br />

literarias de Edgar Allan Poe, se desarrollo esta portada<br />

evocando lo obscuro y raro de sus textos.<br />

Se creo con vectores en su mayoría planos, la silueta<br />

de un gato rellenado con un cielo obscuro azul negro<br />

y celestes, tambien unas casas al estilo ingles.<br />

El fondo se conforma de una luna amarilla que<br />

nos recuerda al color de los ojos de la mayoria de los<br />

gatos y además, un fondo rojo con transparencias.<br />

Esta portada fue realizada en el programa<br />

Adobe Illustrator.<br />

18


Ilustración Publicitaria<br />

P<br />

a<br />

r<br />

t<br />

e<br />

d<br />

e<br />

l<br />

a<br />

n<br />

t<br />

e<br />

r<br />

a<br />

El fondo de las postales fueron realizados en<br />

Adobe Illustrator, con vectores sencillos y trazos finos,<br />

se incluyo el vector de un circo a un solo color como<br />

forma de decoración en la parte de atrás de la postal.<br />

Relatos de Eva Luna<br />

Ilustración realizada en Adobe Illustrator<br />

y Adobe Photoshop, postales que caracterizan<br />

uno de los cuentos cortos que se encuentran en el libro<br />

“Relatos de Eva Luna” llamado “Regalo para una novia”<br />

donde se relata el amor de un cirquero hacia una mujer<br />

que conoció en el transcurso de su vida.<br />

Los personajes fueron realizados en Adobe photoshop.<br />

P<br />

a<br />

r<br />

t<br />

e<br />

d<br />

e<br />

a<br />

t<br />

r<br />

a<br />

s<br />

19


Ilustración Publicitaria<br />

Relatos de Eva Luna<br />

Estas Postales son del mismo relato anterior, “Regalo para una novia” la mujer fue elaborada en el programa<br />

Adobe Photoshop al igual que la textura del fondo de las postales, los chocolates y el diamante fueron<br />

elaborados en el programa Adobe Illustrator al igual que las hojas que se encuentran en la parte<br />

de atrás de las postales.<br />

P<br />

a<br />

r<br />

t<br />

e<br />

d<br />

e<br />

l<br />

a<br />

n<br />

t<br />

e<br />

r<br />

a<br />

P<br />

a<br />

r<br />

t<br />

e<br />

d<br />

e<br />

a<br />

t<br />

r<br />

a<br />

s<br />

20


Ilustración Publicitaria<br />

P<br />

a<br />

r<br />

t<br />

e<br />

d<br />

e<br />

l<br />

a<br />

n<br />

t<br />

e<br />

r<br />

a<br />

Relatos de Eva Luna<br />

Ilustración realizada en Adobe Illustrator<br />

y Adobe Photoshop, con vectores simples y degradados<br />

suaves caracterizando el amor que se relata en el cuento<br />

de Eva Luna “Regalo para una novia”.<br />

21<br />

Las siluetas de la parte trasera fueron realizadas en<br />

Adobe Photoshop y la carpa de circo fue en<br />

Adobe Ilustrator.<br />

P<br />

a<br />

r<br />

t<br />

e<br />

d<br />

e<br />

a<br />

t<br />

r<br />

a<br />

s


Ilustración Publicitaria<br />

Relatos de Eva Luna<br />

Esta ilustración fue elaborada en Adobe Photoshop<br />

y es parte de el proyecto de cuentos cortos de Eva Luna<br />

llamado Regalo para una novia.<br />

Realizada con pinceles en photoshop<br />

22


Ilustración Publicitaria<br />

23<br />

Logotipo realizado para la diseñadora Jessica Lizbeth Ramírez<br />

en el cuál se representa la personalidad de ella, con sus colores favoritos, carácter amable pero fuerte<br />

para decir lo que piensa y siente, se le agrego una flor de loto la cual es la<br />

favorita de esta diseñadora, todos los colores son planos y las líneas son gruesas y delgadas,<br />

no uniformes, creando movimiento en el logo.


Ilustración Publicitaria<br />

Tarjetas de presentación realizadas<br />

en Adobe Illustrator, con el logotipo<br />

al frente y atrás al 50% de opacidad<br />

como textura, además se agregaron<br />

los datos de contacto y el tipo de trabajos<br />

que esta persona realiza.<br />

Hoja membretada igualmente realizada<br />

en Adobe Illustrator, con un conjunto<br />

de vectores color rosa en la parte<br />

del encabezado y en la parte central su logo<br />

al 50% de opacidad, en la parte del pie<br />

de página se encuentran los trabajos<br />

que esta persona realiza junto con su logo.<br />

24


Ilustración de Paisajes<br />

Ilustracion Paisajes<br />

25<br />

Paisaje realizado en Adobe Illustrator, con vectores en su mayoría planos,<br />

las nubes tienen transparencia de 80% y algunas de las olas del lago tienen también<br />

transparencia haciéndolas mas realistas.


Ilustración de Paisajes<br />

Ilustracion Paisajes<br />

Ilustracion tipografica<br />

Paisaje de océano realizado en Adobe Illustrator, este paisaje posee mas<br />

degradados que el anterior, pero también tiene una gran cantidad de vectores<br />

planos en la parte del muelle.<br />

26


Ilustración de Paisajes<br />

Ilustracion Paisajes<br />

Ilustracion tipografica<br />

Este paisaje de campo fue realizado en Adobe Illustrator, jugando<br />

con transparencias en las nubes y degradados en los árboles, cielo, pasto y casa.<br />

27


Ilustración de Paisajes<br />

Ilustracion Paisajes<br />

Ilustracion tipografica<br />

Paisaje de ciudad de noche, elaborado en Adobe Illustrator.<br />

Simulando la gran metrópolis de Estados Unidos “New York”, con sus grandes<br />

edificios, tanques de agua y escaleras, se implementaron degradados en las<br />

ventanas, tanques de agua y cielo, lo demas son vectores planos.<br />

28


Ilustración de Caricatura<br />

Ilustracion Paisajes<br />

Ilustracion tipografica<br />

Personaje de caricatura creado en el programa<br />

Adobe Illustrator, se combinaron vectores planos<br />

y vectores planos con opacidad y degradado.<br />

Y se creo un fondo especial para esta caricatura para<br />

poder identificarlo en un lugar.<br />

29


Ilustración de Caricatura<br />

Ilustracion Ilustracion tipografica Paisajes<br />

Ilustración realizada en Adobe Illustrator,<br />

caracterizando a una persona desde una foto,<br />

en su mayoría con vectores y líneas planas.<br />

Para la parte del cabello se incluyeron<br />

vectores degradados y con opacidad.<br />

El fondo es de motivo abstraco con vectores<br />

planos y degradados.<br />

Foto de Referencia.<br />

30


Ilustración de Cientifica<br />

Ilustracion Paisajes<br />

Ilustracion tipografica<br />

31<br />

Illustración científica realizada en Adobe Illustrator, definiendo las partes<br />

principales del insecto “Escarabajo”, con un fondo de patrón floral y el insecto realizado<br />

con vectores planos y puntuales definiendo la forma básica del escarabajo.


Ilustración de Cientifica<br />

Ilustracion Paisajes<br />

Ilustracion tipografica<br />

Illustración científica realizada en Adobe Illustrator, definiendo las partes<br />

principales del insecto “libelula”, con un fondo de patron floral y el insecto realizado<br />

con vectores planos y puntuales definiendo la forma básica de la libélula. 32


33<br />

CONCLUSIÓN<br />

En el presente trabajo se mostraron diferentes tipos de ilustración<br />

digital, demostrando mi capacidad del manejo de programas<br />

de Adobe, también se puede apreciar que este tipo de gráficos<br />

se pueden ocupar en diferentes áreas como lo es la publicidad<br />

y mercadotecnia, para asi llegar a un cliente especifico y poder cumplir<br />

sus expectativas o necesidades gráficas ya sea de publicidad, cuentos,<br />

elementos gráficos para paginas web, etc.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!