CursosEmpresasBlogLiveConfPrecios

Composición general para nuestro concept art

Clase 10 de 14 • Curso de Arte para Videojuegos: Concept Art

Clase anteriorSiguiente clase

Contenido del curso

Introducción
  • 1
    Introducción al concept art para proyectos creativos

    Introducción al concept art para proyectos creativos

    01:30
  • 2
    Concept art como herramienta

    Concept art como herramienta

    04:55
  • 3
    Concept art en el mundo de los videojuegos

    Concept art en el mundo de los videojuegos

    06:24
Punto de partida
  • 4
    Antes del concepto se encuentra el videojuego

    Antes del concepto se encuentra el videojuego

    05:15
  • 5
    Conceptos iniciales para nuestra guía visual

    Conceptos iniciales para nuestra guía visual

    05:41
  • 6
    Investigación y referencias en el mundo del arte

    Investigación y referencias en el mundo del arte

    04:39
  • 7
    ¿Cómo me inspiro para crear el arte en un videojuego?

    ¿Cómo me inspiro para crear el arte en un videojuego?

    01:56
Representación
  • 8
    Desarrollando nuestro moodboard

    Desarrollando nuestro moodboard

    02:34
  • 9
    Estilo o modo de representación

    Estilo o modo de representación

    06:35
Definición
  • 10
    Composición general para nuestro concept art

    Composición general para nuestro concept art

    07:55
  • 11
    Escenarios y paisajes

    Escenarios y paisajes

    05:52
  • 12
    Personajes

    Personajes

    08:50
Punto final
  • 13
    Look and feel del videojuego

    Look and feel del videojuego

    04:10
Cierre
  • 14
    Conclusiones del desarrollo del concept art

    Conclusiones del desarrollo del concept art

    02:11
    Facundo Castro

    Facundo Castro

    student•
    hace 3 años

    Composición general para nuestro concept art

    La composicion general esta integrada por personajes y escenografia y generalmente busca representar un relato, idea o momento a traves de la representacion visual.

    Regla de los tercios:

    Opera Instantánea_2022-11-14_190730_platzi.com.png
    Es una regla de composicion, que sirve para generar cierta tension de un lado tal que la ilustracion o foto quedan mas atractivas.
    Opera Instantánea_2022-11-14_190854_platzi.com.png
    En esta imagen de referencia de Hollow Knight se puede apreciar como se genera esa tension.
    compos1.png
    Estas imagenes creo se aplican, una torre y un almacen son lo que mas llama la atencion.
    compos2.png
    Y aqui es la anomalia succionando a los tractores y los stalkers por otro lado siendo arrastrado hacia ella, tambien se aplica la diagramacion por capas, primer capa los stalkers mostrando el contexto, segunda capa el accion en la escena lo que esta sucediendo, lo mas importante, y 3er capa el fondo de la escena que le da el fin al contexto.

    Diagramacion por capas o frames:

    Diagramacion por capas o frames, esta tecnica nos permite ver la sensacion de profundidad. Por lo general se toman 3 capas principales.

    diagCaps.png
    • Primer capa o frame: Hay personajes(a veces dan la espalda al espectador) u objetos para contextualizando la escena.
    • Segunda capa: Es la capa donde sucede la accion, donde pasa la idea que se quiere contar.
    • Tercer capa: La capa de fondo es la que se encarga de cerrar la nocion del contexto poniendo el final a la escena.

    Diagramacion por objetos:

    Diagramacion por objeto como herramienta para contar la idea o relato. Aqui se utilizan ciertos elementos en la escena para contar una idea.

    Opera Instantánea_2022-11-14_191554_platzi.com.png

    Paleta e iluminacion

    Tanto la paleta de colores usada como la iluminacion estan en contacto permanentes ya que la iluminacion afecta al color de una u otra forma.

    Ej: Mariano Hermanos usa una paleta con colores muy saturados, esta da a entender positividad, alegria.

    mario.png

    En este otro caso, Zelda: Respiro de lo salvaje (? Usa una paleta pastel, que da esa sensacion de tranquilidad y armonia, de estar chill.

    Opera Instantánea_2022-11-14_181912_platzi.com.png

    Por otro lado Gordo of war sigue usando una paleta pastel pero con colores ya mas relacionados a la tristeza y oscuridad.

    gordofwar.png

    Paleta cromatica

    Usando https://color.adobe.com/ se obtiene los colores esenciales de la imagen y me genera una paleta con 5 colores, lo ideal es mantener esta cantidad de colores para que no genere mucho ruido visual o mucha variacion. Durante el proceso de concept art podemos usar tambien medios tonos; variables dentro de cada color vinculadas a la iluminacion y resaltado de algun elemento sobre otro.

    Facundo Castro

    Facundo Castro

    student•
    hace 3 años

    Dejo mi Concept Art 😁😁

    ConceptArt_CityAbandoned.png
    Aclaro que no soy muy bueno dibujando porque me interesa mas bien el lado de programacion, pero bueno para ser un indie solo hay que aprender un poco de todo 😁

    Alejandro Argumedo Moreno

    Alejandro Argumedo Moreno

    student•
    hace 8 meses

    Gracias a los conceptos aprendidos en esta clase pude crear mi primer thumbnail de como me imagino el mundo de mi historia.

    Aproveche mis conocimientos en composicion y 3D para posar una silueta de personaje y luego dibujar por encima

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads