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.