Scribd
Cargar
17 vistas8 páginas

Interfaz Memoria

La interfaz de usuario para el videojuego Loyola Teams fue diseñada con un enfoque en la composición y el color, utilizando combinaciones tetrádicas y complementarias. Se aplicaron múltiples capas de ajustes y herramientas de pincel para crear sombras y resaltar elementos, siguiendo la regla de los tres tercios. La inspiración visual proviene de la serie Helluva Boss, y se incluyen referencias gráficas y capturas del proceso de diseño.

Cargado por

yolanda.fotos.aviles
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
17 vistas8 páginas

Interfaz Memoria

La interfaz de usuario para el videojuego Loyola Teams fue diseñada con un enfoque en la composición y el color, utilizando combinaciones tetrádicas y complementarias. Se aplicaron múltiples capas de ajustes y herramientas de pincel para crear sombras y resaltar elementos, siguiendo la regla de los tres tercios. La inspiración visual proviene de la serie Helluva Boss, y se incluyen referencias gráficas y capturas del proceso de diseño.

Cargado por

yolanda.fotos.aviles
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

P1-Interfaz de usuario: Yolanda Avilés Gil

La interfaz de usuario la he realizado enfocándola en el videojuego del Loyola


Teams. Se trataría de un plano full shot con un ángulo a nivel del ojo, en el
personaje vemos una combinación de colores tetrádica y en el resto de la
composición se podría ver una combinación Split complementary. A nivel
compositivo la interfaz estaría siguiendo la regla de los tres tercios, que se aprecia
principalmente en la señal principal.

Para cambiar los tonos, brillos y saturaciones de la composición, he utilizado


varias capas de ajustes, en concreto: Una capa de saturación para la señal grande,
una de niveles, una de saturación y otra de equilibrio de color que afecta a toda la
composición (a excepción de la señal anteriormente mencionada), una de tono y
saturación y otra de brillo y contraste para el fondo y las señales de las esquinas, y
por último una de equilibrio de color y otra de brillo y contraste para la imagen del
fondo.

He utilizado la herramienta pincel en cuatro capas diferentes: La primera con el


color negro para generar sombra debajo del restaurante y que se difumine con el
fondo, las otras tres las he utilizado para la señal de la esquina izquierda, una con
un color blanco y la capa al 7% de opacidad para dar algo de brillo a la zona de la
señal, la segunda con un color negro al 27% de opacidad para aportar oscuridad a
la zona del edificio donde está la señal, y la última al máximo de opacidad con el
color blanco para arreglar las zonas de la flecha que no habían quedado bien por
el recorte anteriormente realizado.

Por último, he utilizado dos máscaras de recorte, una para cada señal. En el caso
de la señal de la derecha la he seleccionado para recortarla con la herramienta
lazo poligonal y la señal de la izquierda con la herramienta lazo (ya que al ser más
curva no podía usar la otra) y posteriormente con la ayuda de la herramienta goma
cambiando su tamaño adecuadamente a la sección he ido borrando el exceso.

Tanto el fondo como las señales y la inspiración en general para la composición


vienen de la serie Helluva Boss.

INTERFAZ BIBLIOGRAFÍA

https://static.wikia.nocookie.net/the-rp-
crew/images/1/17/I.M.P_Headquarters_%28Exes_and_Oohs%29.png/revision/lat
est?cb=20230318200906 Cuernos restaurante

https://static.wikia.nocookie.net/hazbinhotel/images/7/73/Hell.jpg/revision/latest
?cb=20191128011216 Señales
https://i.pinimg.com/originals/a2/05/a8/a205a8f3ec82b8df5561fdd750421a85.jpg
Fondo

Inserto a continuación las imágenes que me han servido de referencia que no


vienen de internet

(Diseño original que me mandaron para la interfaz del videojuego del Loyola
Teams)

Pruebas de color del personaje


Señal que usé de inspiración para el neón

Paleta de colores del restaurante (imagen sacada de pinterest)


Boceto original del restaurante

Por último, inserto captura de las capas del dibujo en Procreate

También podría gustarte