ILUSTRACIÓN

DE PERSONAJES
P A R A M E D I O S D I G I TA L E S
M a t e r i a l d e fo r m a c i ó n : B r i e f
 El brief

clasifica el define
proyecto de

Ilustración El uso
de personajes

de
en

DIdáctico Videojuegos Texturas Perspectiva

Esquemas
de color
Publicitario Cine

Series
animadas
 CONTENIDO

Introducción. 4
1. Brief y tipos de proyectos 5
1 .1 D i d á c t i c o 8
1.2 Publicitario 9
1.3 Series animadas 10
1.4 Cine 11
1.5 Videojuegos 12
2. Esquemas de color 13
3 . Te x t u r a 22
4. Perspectiva 23
R e fe r e n c i a s b i b l i o g r á fi c a s 25
Control del documento 27
 Introducción

La ilustración de personajes enfocada a los medios digitales se basa en el

diseño y creación a partir de un brief inicial del proyecto, ya sea didáctico,
publicitario, para series animadas, cinematográfico o para videojuegos. A
partir de este se pueden tomar decisiones acertadas sobre la selección del
esquema de color, las texturas y la perspectiva a emplear; elementos que
consolidan una personalidad, una intención y un concepto de diseño a
cada uno de los personajes.

De esta manera, en este material de formación se estudiarán estas

herramientas, para que el aprendiz ilustre personajes para medios digi-
tales analizando las necesidades del proyecto.

4
1. Brief y tipos de proyectos
Producto:
El brief es un documento que elabora el cliente para definir al diseñador o
ilustrador, los requerimientos del proyecto. En este se establecen los
parámetros, objetivos, alcances y entregables del proceso, por lo que es Desarrollar un análisis del producto y
el punto de partida para el diseño de un proyecto creativo o un plan de una descripción detallada, incluyendo
medios. Durante el proceso se puede actualizar. características tangibles e intangibles,
como:
Un brief puede ser de producto, servicio o estrategia, dependiendo de los • Descripción física: aspectos visibles
alcances del proyecto y los entregables finales. En cualquier caso, debe del producto y su entorno, como la pre-
contener: sentación, el embalaje y elementos de
soporte, color, textura, tipo de ilustración
o imágenes a usar.
Categoría de producto:
• Información: consistencia o elemen-
tos que lo conforman, procedencia y
Establecer a qué sector pertenece el pro- proceso de elaboración; qué aspectos lo
ducto o servicio. Es una manera de con- diferencian de los demás productos
textualizar el proyecto y los alcances. similares.
• Embalaje o packaging: si el proyecto
incluye un producto con empaque, se
Marca: describen su envase, etiqueta, em-
paque primario y, si es necesario, el sis-
Indicar la marca o nombre comercial bajo tema de embalaje.
el que se trabajará el proyecto.

5

Descripción conceptual:
Estipular los aspectos comunicacionales
y simbólicos del proyecto; las característi-
cas que definen el enfoque y los obje-
tivos; basado en las premisas ¿qué
quiero que perciban del producto en el
mercado? y ¿qué características deseo
comunicar?
6
Público objetivo:
Definir los aspectos característicos de los
potenciales consumidores o usuarios del
producto. Es necesaria para centrar el
diseño, las estrategias y acciones, para
llegar eficientemente a dicho público.
Anexos:
Agregar información relevante que po-
tencie la estructuración del proyecto.
A p a r t i r d e l a i n fo r m a c i ó n c o n s i g n a d a ,
se plantean las estrategias de trabajo
y se toman las decisiones respecto a
la ejecución del proyecto.

7
Dentro de la ilustración de personajes, el brief otorga claridad en el enfo-
que del diseño y permite diferenciar para qué tipo de proyecto se trabaja
y, así, sus alcances y parámetros. Los proyectos de ilustración de per-
sonajes pueden ser de tipo:

1 .1 D i d á c t i c o

Este tipo de proyectos complementa recursos didácticos y herra-

mientas pedagógicas que aporten a la enseñanza – aprendizaje.
Pueden utilizarse en videos, animaciones, contenido audiovisual,
actividades interactivas, entre otros. El personaje debe aportar a
un aprendizaje significativo por medio de una relación cercana y
dinámica con el aprendiz.

Figura 1. Tipo didáctico: El profesor Súper O

Fuente: Señal Colombia. (Sin fecha).

8
 1.2 Publicitario

Los personajes se utilizan para fortalecer el concepto de una

marca o un producto, personificando los atributos y las característi-
cas que se desean comunicar mediante medios publicitarios.
Pueden ser ficticios o no, y humanizan la marca, generando un
lazo de cercanía entre el producto y el usuario, lo que facilita el
LAS MEJORES
posicionamiento y recordación de una marca, conllevando a que DONAS
DE AJÍ
las ventas incrementen. CRUJIENTE

Para su creación es importante realizar estudios de mercado e

identificar, en el brief, el grupo objetivo para generar relaciones di-
Figura 2. Tipo publicitario
rectas y asertivas personaje – usuario; lo que define una personali- Fuente: Equipo de Adecuación Gráfica y Didáctica de Recursos Educativos.
dad, rasgos y demás elementos que establezcan claramente la in- Risaralda. (2017).
tención de la marca, el personaje y su concepto.

9
 1.3 Series animadas

Los personajes para series animadas deben ser parte de un entor-

no, una historia y unas condiciones que permitan enlazar uno a
uno los capítulos. Dependiendo del público se establecen los
rasgos, las características y el contexto de la acción.

En la actualidad, se manejan técnicas digitales en 2D y 3D, los

cuales reevalúan constantemente los estándares visuales de las
producciones, promoviendo el sello personal del diseñador, el con-
tenido de la historia y las características psicológicas del persona-
je.

Figura 3. Tipo series animadas: Butiman, ‘Las niñas de la guerra’ y

‘Los cuentos del abuelo’
Fuente: Vanguardia.com (2016).

10
 1.4 Cine

Aquí se establece, como en todo diseño de personaje, una identi-

dad y su personificación (gestos, actos, vestuario, accesorios, luz,
etc.). El personaje se relaciona directamente con el entorno y la
historia. Las diferentes técnicas han evolucionado hasta llegar al
uso de equipos de captura de movimientos y rasgos de personas
reales para dotar de estos a personajes animados.

A diferencia de las series animadas, el cine utiliza de manera varia-

da los elementos visuales, como encuadres, cambios de plano, en-
foques, ángulos, entre otros; estos procesos obligan a plantear una Figura 4. Tipo cine
serie de posturas en 360° para establecer todos los detalles posi- Fuente: Animum Creativity Advanced School (Sin fecha).
bles del personaje, simulando su movimiento, rotación o transfor-
mación, condiciones que enriquecen la trama y la manera como se
concibe la producción audiovisual.

11
 1.5 Videojuegos

También son pensados en 3 dimensiones como los personajes

para cine y algunos para series animadas; pero adquieren condi-
ciones especiales que complejizan su diseño y desarrollo; ejemplo
de esto es la relación de los detalles del diseño frente a la capaci-
dad de la consola destino, esto quiere decir que el diseño debe es-
tablecerse dentro de los parámetros de la consola que ejecutará el
juego.

Esto define la calidad de detalle (modelado poligonal) en el per-

sonaje y en el entorno para que sean ejecutados rápidamente, por
esta razón, generalmente los personajes secundarios y los entor-
nos lejanos cuentan con menos detalles que los principales. Figura 5. Tipo videojuegos
Fuente: Animum Creativity Advanced School (Sin fecha).

12
2. Esquemas de color

La selección del color en el diseño de personajes es fundamental para el

desarrollo del concepto: Rojo

Es asociado con sentimientos apasionados,

Ayuda a comunicar emociones.
energía, amor y a su vez peligro y alerta. Es el
Genera atmósfera o contexto. color más vibrante por ser el que tiene mayor
longitud de onda respecto a los otros colores.
Define un tiempo específico.

Resalta atributos.

Los seres humanos tenemos la capacidad de responder a estímulos Naranja

visuales y los colores forman parte de las herramientas más potentes
usadas en la publicidad, por medio del concepto psicología del color,
Es un color asociado a la creatividad y a la juven-
donde se establece una serie de conceptos y significados asociados a
tud, la diversión y la innovación. En señalética
cada uno de los colores; por ejemplo:
indica precaución.

13
 Amarillo Azul

Es considerado un color de características

Es usado específicamente con carácter de adver-
como la tranquilidad y la transparencia.
tencia y a su vez catalogado como un color enér-
Constantemente es empleado en el ámbito
gico, vivaz y luminoso.
institucional para generar ambientes asépti-
cos, limpios.

Ve r d e
Violeta
Especializado para caracterizar condiciones medio-
ambientales y éticas. Otorga un ambiente fresco y Tiene diferentes interpretaciones. Por un lado, lo
natural. mágico e irreal. También al el lujo y, a su vez, está
asociado a los rituales eclesiásticos y a la muerte.

14
 Para definir la manera de interactuar y seleccionar los colores para un
Negro diseño de personaje o cualquier aplicación visual, se deben comprender el
círculo cromático.

Aunque no es un color propiamente dicho, sino un

valor equivalente a la ausencia de luz, tiene una
connotación de elegancia y estatus, aunque de-
pendiendo del contraste y el contexto se asocia
con maldad y oscurantismo.

Blanco

El valor blanco está asociado a la presencia de luz, Animación 1. Círculo cromático

a la limpieza e inocencia. Utilizado para reforzar Fuente: Equipo de Adecuación Gráfica y Didáctica de Recursos Educativos. Risaralda. (2017).

conceptos de naturalidad, asepsia y pureza.

15
 Colores primarios Colores secundarios

Colores principales del círculo que no se obtienen con la mezcla de Se obtienen de la mezcla en iguales cantidades de dos colores pri-
ningún otro color. Con estos surgen la mayoría de los otros colores. marios: naranja (rojo + amarillo); verde (amarillo + azul); y violeta
Son rojo, amarillo y azul. (azul + rojo).

16
 Colores terciarios Colores cálidos

Producto de la mezcla de un color primario y uno secundario. Tonos comprendidos entre el amarillo y el violeta (el lado izquierdo
del círculo). Incluye las tonalidades de naranjas y rojos.

17
 Colores fríos Colores pastel

Son los opuestos de los cálidos y comprenden los tonos entre el Colores del círculo cromático mezclado con el valor blanco.
verde y el violeta.

18
 Colores apagados
Contraste de color
o sucios

Colores del círculo cromático con mezcla del valor negro. Se logra al utilizar dos colores ubicados frente a frente en el círculo
cromático.

19
 Colores análogos Complementario
- dividido

Tienen la misma base de color como común denominador. Cualquier color del círculo combinado con otros dos que son
análogos de su complementario.

20
 Tr i a x i a l

Esquemas básicos de color:

No hay reglas que gobiernen la
s e l e c c i ó n d e u n e s q u e m a d e c o l o r, p e r o
hay algunas combinaciones armónicas
inspiradas en el círculo cromático.

Combina tres colores que estén equidistantes en el círculo o la

variación de estos.

21
3 . Te x t u r a

El manejo de la textura en el diseño es de suma importancia porque es un

detalle que amplifica y especifica el diseño, al ser un elemento que genera
una sensación visual o táctil, lo que permite fortalecer la personalidad de
un personaje, su concepto y afianza los sentimientos o pensamientos aso-
ciados a él.

Por medio del uso de texturas, los diseñadores o ilustradores logran desde
una representación bidimensional (2D) una imitación o acercamiento a las
sensaciones visuales y táctiles de objetos y formas de la cotidianidad; por
medio del uso adecuado de la técnica de ilustración o modelado, el uso de
la luz, la oscuridad y las gradaciones de color.
Figura 6. Textura: Monsters Inc.
Fuente: Análisis Blu-ray México. (2009).
En la figura 6 se puede observar la textura del cuerpo del personaje, suave
y afelpada. Además los colores evocan la fantasía y la magia; por con-
siguiente, el personaje puede asociarse a sentimientos de ternura y dulzu-
ra.

22
4. Perspectiva

Técnica empleada para proyectar la profundidad, la lejanía, el volumen y

la disposición de los objetos en un espacio, bajo uno o varios puntos de
fuga, a partir de esto, puede ser:

Perspectiva paralela Perspectiva oblicua

F Horizonte

F EH

LT
P.V.
Figura 7. Perspectiva paralela Figura 8. Perspectiva oblicua
Fuente: Equipo de Adecuación Gráfica y Didáctica de Recursos Educativos. Risaralda. (2017). Fuente: Equipo de Adecuación Gráfica y Didáctica de Recursos Educativos. Risaralda. (2017).

Perspectiva paralela: técnica que usa un solo punto de fuga. Las Perspectiva oblicua: usa dos puntos de fuga ubicados en el plano
líneas, que son paralelas, convergen y se vuelven oblicuas. Así de horizonte, equivalente al punto de vista del usuario. Las líneas
genera la sensación de profundidad. verticales se mantienen paralelas.

23
 Perspectiva aérea

F1 Horizonte F2

A partir de estos tres tipos se crean

variaciones, como la perspectiva
axonométrica, la invertida, la
P.V.
ortogonal, la de importancia, la
m i l i t a r, l a c a b a l l e r a , e n t r e o t r a s , l a s
cuales pueden ser consultadas en el
F3
material de apoyo.
Figura 9. Perspectiva aérea
Fuente: Equipo de Adecuación Gráfica y Didáctica de Recursos Educativos. Risaralda. (2017).

Perspectiva aérea: a partir de tres puntos de fuga se establece el

dibujo, convirtiendo las líneas verticales y horizontales en oblicuas
al dirigirse a los puntos, dos situados en la línea horizonte y otro en
diferente posición.

24

R e fe r e n c i a s b i b l i o g r á fi c a s
AccesoPerú.com. (Sin fecha). Los esquemas de colores. El círculo
cromático. Recuperado el 15 junio de 2017, en http://s3.accesop-
eru.com/wp6/includes/htmlarea/mezclador/ayuda/ec.htm
Chacón Gordillo, P. D. (2011). ¿Cómo interpretan los niños y niñas de
educación infantil las series y películas de animación y los videojuegos?
Un análisis a través del dibujo (Tesis doctoral). Editorial de la Universidad
de Granada. Recuperado el 13 junio de 2017, en https://hera.ugr.es/tesis-
ugr/19835929.pdf
Garces Montaño, L. D. (Sin fecha). Diseño de personajes. Recuperado el
16 junio de 2017, en https://issuu.com/luzdeicygarcesmontano/-
docs/dise__o_de_
Migliónico Molina, R. (Sin fecha). Qué es el brief y cómo realizarlo. Recu-
perado el 13 junio de 2017, en https://rossami.com/para-que-lean-y-
con-gusto/que-es-el-brief-y-como-realizarlo/
Muñis, R. (Sin fecha). Atributos de producto. Recuperado el 13 junio de
2017, en http://www.marketing-xxi.com/atributos-de-producto-35.htm
Navarro Lizandra, J. L. (Sin fecha). Fundamentos del diseño. Temas para
la introducción a los fundamentos del diseño. Recuperado el 15 junio de
2017, en https://goo.gl/ipEdVp
25
Papeldeperiodico.com. (2015). El dibujo en el arte: la perspectiva. Recu-
perado el 15 junio de 2017, en http://papeldeperiodico.com/2013/06/
el-dibujo-en-el-arte-la-perspectiva/
Reina Flores, M del C. (Sin fecha). Series animadas y población infantil.
Recuperado el 16 junio de 2017, en https://www.revistacomunicar.com
/verpdf.php?numero=25&articulo=25-2005-194
Vecellio Reane, F.L. (Sin fecha). ¿Qué es un brief y cómo realizarlo? Re-
cuperado el 12 junio de 2017, en https://rossami.com/para-que-lean-y
-con-gusto/que-es-el-brief-y-como-realizarlo/
Figuras
Figura 1. Tipo didáctico: El profesor Súper O. Fuente: Señal Colombia
(Sin fecha). Recuperado el 21 de junio de 2017, en https://www.mise-
nal.tv/noticias/_/que-paso-con-el-florero-de-llorente-el-profesor-super-o-
te-lo-cuenta
Figura 2. Tipo publicitario. Fuente: Equipo de Adecuación Gráfica y
Didáctica de Recursos Educativos. Risaralda. 2017.
Figura 3. Tipo series animadas: Butiman, ‘Las niñas de la guerra’ y
‘Los cuentos del abuelo. Fuente: Vanguardia.com (2016). Recuperado
el 13 junio de 2017, en http://www.vanguardia.com/sites/default/files/im-
agecache/Noticia_600x400/foto_grandes_400x300_noticia/2016/04/16/
series_animadas_con_puro_sabor_colombiano_1.jpg
Figura 4. Tipo cine. Fuente: Animum Creativity Advanced School (Sin Animaciones
fecha). Recuperado el 13 junio de 2017, en http://www.ani-
mum3d.com/productos/master-online-zbrush-3dsmax-modelado/el-curso/ Animación 1. Círculo cromático. Fuente: Equipo de
Gráfica y Didáctica de Recursos Educativos. Risaralda. 2017. Adecuación Gráfica y Didáctica de Recursos Educativos. Risaralda. 2017.

Figura 5. Tipo videojuegos. Fuente: Animum Creativity Advanced

School (Sin fecha). Recuperado el 13 junio de 2017, en http://www.oscillo-
nonline.com/personajes-para-videojuegos-next-gen.php?Id=35

Figura 6. Textura: Monsters Inc. Fuente: Análisis Blu-ray México.

(2009). Recuperado el 15 junio de 2017, en http://www.analisisbluray.in-
fo/2009/11/monstruos-inc-monsters-inc-92-min-reg.html

Figura 7. Perspectiva paralela. Fuente: Equipo de Adecuación Gráfica y

Didáctica de Recursos Educativos. Risaralda. 2017.

Figura 8. Perspectiva oblicua. Fuente: Equipo de Adecuación Gráfica y

Didáctica de Recursos Educativos. Risaralda. 2017.

Figura 8. Perspectiva aérea. Fuente: Equipo de Adecuación Gráfica y

Didáctica de Recursos Educativos. Risaralda. 2017.

26
Control del documento
Nombre del documento: Material de formación: Brief.

Nombre del programa de formación: Ilustración de Personajes para Medios Digitales

Versión: 1

Nombre Cargo Fecha

Hernán Mauricio Experto temático asignado al Equipo de Ade-

Elaboró cuación Gráfica y Didáctica de Recursos Edu- Junio 2017
Rodríguez cativos - SENA Regional Risaralda.

Primera Juliana García Asesora pedagógica del Equipo de

revisión Cardona Adecuación Gráfica y Didáctica de Recursos Junio 2017
Educativos – SENA Regional Risaralda.

Guionista del Equipo de Adecuación Gráfica y

Segunda Sandra Milena Didáctica de Recursos Educativos - SENA Re- Junio 2017
revisión Henao Melchor gional Risaralda.

Andrés Felipe Líder del del Equipo de Adecuación Gráfica y

Aprobó Valencia Pimienta Didáctica de Recursos Educativos - SENA Re- Junio 2017
gional Risaralda.

27
ATRIBUCIÓN,
NO COMERCIAL,
COMPARTIR IGUAL.
Este material puede ser distribuido, copiado
y exhibido por terceros si se muestra en los
créditos. No se puede obtener ningún bene-
ficio comercial y las obras derivadas tienen
que estar bajo los mismos términos de li-
cencia que el trabajo original.

28