Portafolio-HectorFernandez
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 grafico........................................................................................................................................................................9<br />
Proceso de ilustración Digital.................................................................................................................................................................10<br />
Ilustració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 grafico 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 grafico, 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 />
investigacion y necesidades, hay que buscar la<br />
mejor solucion para el proyecto con difentes ideas<br />
que se generaran mediante a los datos<br />
recabados anteriormente.<br />
5Generar Ideas<br />
Una vez aprobado el diseño final por ti o por el<br />
cliente, se realizan los archivos finales. En esta<br />
etapa tambien seran afinados algunos detalles<br />
para garantizar el que el proyecto compla<br />
su objetivo y sea funcional.<br />
2Investigación<br />
Es necesario este paso para realizar el proyecto<br />
ya que se analiza la informacion 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 estastres se selecciona una, la que se crea mas<br />
conveniente para el proyecto, y se realizaran los<br />
cambios necesarios para posteriormente<br />
realizar los archivos finales.<br />
6Propuesta<br />
Como punto final es entregado el proyecto<br />
con los archivos 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 ilustracion digital no solo como medio artistico,<br />
si no tambien como medio comercial y creativo para diferentes areas en el campo laboral.<br />
5
6
Hector Fernandez<br />
Diseñador<br />
Perfil<br />
Gráfico<br />
7<br />
Estudiante de Diseño Grafico en<br />
la universidad Tecnologica de<br />
El Salvador, Apasionado por<br />
el arte, desde pequeño fue<br />
atraido por los puntos y lineas<br />
creados por sus artistas favoritos.<br />
Estudiando los diferentes puntos<br />
de artes como la fotografia,<br />
la musica, el dibujo y pintura.<br />
Apasionado por el dibujo digital<br />
llamado ilustracion digital,<br />
desarrollando su propio estilo<br />
en el medio digital, ademas de<br />
la ilustracion digital, tambien es<br />
conocedor de otros medios graficos<br />
que son necesarios para cumplir<br />
todas las funciones de un diseñador<br />
grafico o un community manager,<br />
edicion de fotografia profesional,<br />
creador de contenido publicitario,<br />
troqueles, serigrafia, creador de<br />
logos, rediseños profesionales,<br />
asi creandolo como un Diseñador<br />
Grafico completo y apasionado por<br />
lo que hace.
Hector Fernandez<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 />
grafico 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 />
linea 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 grafico 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 grafica, una ves 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 ves 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 ilustracion.<br />
El siguiente paso es elegir los formatos en los<br />
que sera guardado.<br />
10
Ilustración Conceptual<br />
Procesos pinceles<br />
11<br />
Ilustración elaborada en Adobe Ilustrator, se considera como conceputal ya que da una idea cooperatividad<br />
a la persona que ve la imagen, Leva vectores planos y también degradados, dando un aspecto<br />
semi-realista a la imagen.
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 Fantástica<br />
Proyecto de juego de cartas “MALEFICA”, 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 pelicula Maléfica; El Rey Stefan, Malefica, princesa Aurora,<br />
las adas magicas y Diaval.<br />
Se realizaron los vectores de cada uno de los personajes<br />
de forma simplificada, con colores 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 Fantástica<br />
Se realizaron dos fondos de un paisaje para cada una de<br />
las cartas, uno de noche y otro de día en las 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 />
Ademas de el logo modificado de desastre bioquímico<br />
coloreado con amarillo que evoca a 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 la mayoria de los gatos y<br />
ademas, un fondo rojo con transparencias.<br />
Esta portada fue realizada en el programa<br />
Adobe Illustrator.<br />
18
Ilustración Publicitaria<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 decoracion en la parte trasera de la postal.<br />
19<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, 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 />
t<br />
r<br />
a<br />
c<br />
e<br />
r<br />
a
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 atras 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 />
t<br />
r<br />
a<br />
c<br />
e<br />
r<br />
a<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 />
t<br />
r<br />
a<br />
c<br />
e<br />
r<br />
a
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 Ramirez<br />
en cual se representa la personalidad de ella, con sus colores favoritos, caracter amable pero dura<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 lineas son gruesas y delgadas,<br />
no uniformes, haciendo el logo con algo de movimiento.
Ilustración Publicitaria<br />
Tarjetas de presentación realizadas<br />
en Adobe Illustrator, con el logotipo<br />
al frente y atras 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 menbretada 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 pagina 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 oceano 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 pasaje de campo fue realizado en Adobe Illustrator, jugando<br />
con transparencias en las nubes y degradados en los arboles, 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 lineas planas.<br />
Para la parte de el cabello se incluyeron<br />
vectores degradas 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 parte<br />
principales del insecto “Escarabajo”, con un fondo de patron floral y el insecto realizado<br />
con vectores planos y puntuales definiendo la forma basica 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 ilustracion<br />
digital, demostrando mi capacidad del manejo de programas<br />
de Adobe, también se puede apreciar que este tipo de graficos<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 espectativas o necesidades gráficas ya sea de publicidad, cuentos,<br />
elementos gráficos para paginas web, etc.