Details
Introducción a la clase
*Este tráiler cuenta con doblaje en inglés. Tenga en cuenta que los vídeos del curso no están doblados.
¡Tenga una cartera distinta de excelentes sitios web interactivos en 3D que le brindarán una ventaja en el mercado laboral! Aproveche la oportunidad para perfeccionar simultáneamente sus talentos en codificación y diseño gráfico 3D.
Beneficios de clase
Obtenga estas exclusivas de Coloso
-
Acceso ilimitado a más de 30 horas y 50 capítulos de contenido -
Técnicas esenciales para webs interactivas de un diseñador gráfico profesional -
Archivos de material de estudio utilizados en los ejercicios de clase
Detalles del material de clase
-
Archivos fuente esenciales- Archivo de interacción
- archivo HTML
- archivo CSS
- Archivo JS -
Archivos de ejercicios importantes- Archivo de modelado
- Archivo de cine 4D -
Paquetes de materiales clave- Archivo del plan de conferencias.
Diseñador gráfico experto en el portafolio de Choi
Portafolio de VCODE web 3D
-
Animaciones y visuales clave en 3D 2021 Bienal de Arquitectura y Urbanismo de Seúl (Dirigido por la práctica cotidiana) -
Estación de energía 3 de Daejeon: levántate Videoartista
-
“Ottchil, el esplendor revestido de los objetos lacados asiáticos” Museo Nacional de Corea (Diseñado por la práctica diaria) -
Gráficos en movimiento trippic Todo, excepto voz y sonido.
¿Por qué tomar esta clase?
La clase de diseño web interactivo en 3D que rompe con los diseños web tradicionales
Si ha tenido dificultades para utilizar fuentes 3D en la web o no está satisfecho con la creación en 2D, entonces esta es su oportunidad de aprender tanto el renderizado de movimiento tradicional como los gráficos en movimiento 3D en tiempo real, así como también cómo aplicarlos para desarrollar. sitios web dinámicos!
Además, In Choi le mostrará cómo generar varias versiones de modelos, animaciones e interacciones 3D utilizando la generación de sistemas automatizados y otras fuentes internas. Este curso lo ayudará a desarrollarse como un diseñador capaz de manejar cualquier proyecto relacionado con los medios puliendo sus habilidades de diseño, desarrollo y planificación.
Más de 10 ejercicios de clase
Paso 1. Gráficos y modelado 3D
Practique modelado 3D de nivel principiante para diseñadores gráficos usando C4D y cree archivos de modelado que se puedan usar en la web.
-
Modelado 1. -
Modelado 2. -
Modelado 3.
Paso 2. Implementar la interacción
Aprenda los conceptos básicos de JavaScript y Three.js, necesarios para mover gráficos 3D en la web, e implemente seis tipos de elementos interactivos.
Paso 3. Sitio web interactivo 3D
Diseñe espacios de tres temas que respondan a las aportaciones del usuario y cree un sitio web interactivo 3D completamente funcional mediante modelado y renderizado.
**El ejercicio anterior es un ejemplo que realmente se producirá en clase.
En Choi
Diseñador grafico
¡Hola y bienvenido! Mi nombre es In Choi y trabajo como desarrollador front-end y diseñador gráfico centrándome en gráficos en movimiento 2D y 3D.
Comencé mi trabajo como diseñador gráfico en movimiento y desarrollador front-end en la firma gráfica Everyday Practice después de especializarme en diseño visual.
Actualmente soy propietario de V-CODE Studio y estoy constantemente activo en proyectos de desarrollo web y gráficos en movimiento con reconocidas organizaciones locales e internacionales como Nike, Apple, Woowa Brothers y otras.
Además, trabajo en estrecha colaboración con empresas y estudios de diseño nacionales como Everyday Practice, Ahn Graphics y otros.

Diseñador grafico,
En Choi
[Actual]
CEO de V-CODE Studio
[Anterior]
Diseñador gráfico en movimiento y desarrollador front-end en Everyday Practice
Proyectos y Premios
Nike World Cup HERO 2022 : gráficos 3D y movimiento
Cartel principal 2021 de la Bienal de Arquitectura y Urbanismo de Seúl: Gráficos 3D y Motion
2021 Libro de texto de diseño público de Ahn Graphics: Gráficos 3D
2021 desarrollo de software de quiosco de información para la Universidad de Gestión de Singapur
2020 Woowa Brothers Baemindaum, blog de tecnología y sitio web creativo de Woowa Brothers: desarrollador front-end
Exposición Símbolos de la felicidad 2020 : gráficos 3D, movimiento y desarrolladores front-end
Aspectos destacados de la clase
Aprenda diseño web 3D de alta calidad a través de técnicas prácticas
No solo creará sitios web en movimiento interesantes, sino que también profundizará en técnicas complejas, como incorporar interacciones de usuarios directamente en el sitio web, lo que ampliará significativamente su experiencia en el front-end.
Método moderno de creación de gráficos 3D optimizado para sitios web
Cubriré toda la gama de expresión visual 3D, desde conceptos básicos hasta aplicaciones y habilidades avanzadas, desde aprender a configurar formatos legibles en la web hasta desarrollar materiales de globos modernos y texturas arrugadas utilizando capacidades simples de C4D.
Conocimientos prácticos que se pueden aplicar inmediatamente a la producción y el trabajo de carteras.
Exploraremos cómo las empresas nacionales y extranjeras utilizan sitios web interactivos, aprenderemos sobre gráficos 3D, modelado y codificación creativa, y crearemos diseños llamativos para usar en entornos del mundo real.
Detalles de la clase
Aprenderás
-
Gráficos y modelado 3D: Introducción a C4DCon más de 30 ejercicios, puede descubrir cómo utilizar la herramienta C4D y adquirir conocimientos sobre el modelado fundamental de formas, texturas, colores, iluminación, configuraciones de cámara, animaciones y más. -
Conceptos básicos de codificación 1: JavaScriptObtenga una comprensión de los fundamentos de JavaScript para establecer las bases para el diseño y la implementación web. Estos incluyen tipos de variables, bucles y condicionales, funcionalidad e interacciones basadas en funciones. -
Conceptos básicos de codificación 2: Three.jsAprenderá sobre los ángulos y el movimiento de la cámara, las fuentes de luz globales y las fuentes de luz dirigida, e incluso intentará construirlas usted mismo, todo ello basándose en los fundamentos de Three.js, una biblioteca típica de JavaScript.
-
Codificación creativa: 6 mini ejerciciosUtilice los diseños modelados para crear interacciones de práctica y partículas que reaccionen a los clics, las teclas de flecha y el desplazamiento. Descubra cómo agregar decoración a la pantalla y pruebe diferentes enfoques, como texto fluido. -
Creación de sitios web interactivos en 3D 1: diseñoUtilizando lo que hemos aprendido hasta ahora, cree páginas web interactivas de tres temas. Utilice técnicas de modelado 3D, composición de escenas, texturizado y horneado para generar creaciones 3D que puedan usarse en línea. -
Creación de sitios web interactivos 3D 2: publicaciónAprenda los fundamentos de HTML y CSS, cree una lista de escenarios para ver cómo aparecerán en la página de inicio las muestras en las que trabajó, realice ajustes menores y continúe con la publicación final.
- Unlimited Access
- Best Price
Buy now, get unlimited access.
12/31 (Sat) (UTC-7) Special offer ends soon.
This special offer ends soon.
Buy now and save!
Plan de estudios
Mirada en profundidad
SECCIÓN 01. Orientación y Preparación
SECCIÓN 02. Introducción a la Gráfica y Modelado 3D: C4D
SECCIÓN 03. Codificación creativa: JavaScript
SECCIÓN 04. Codificación creativa: Three.js
SECCIÓN 05. Codificación creativa: ejercicios de Three.js
SECCIÓN 06. Modelado y gráficos 3D avanzados: desplazamiento al rojo
SECCIÓN 07. Sitio web interactivo 3D: Diseño
SECCIÓN 08. Sitio web interactivo 3D: implementación
SECCIÓN 09. Conclusión: Dirección para el futuro
*La fecha de lanzamiento de esta clase, las imágenes del plan de estudios y el contenido asociado pueden cambiar sin previo aviso.
** Los videos de clase pueden estar separados para una experiencia de visualización más ágil.
Entrevista con
Diseñador gráfico, en Choi
¿Cuál crees que es tu mayor fortaleza?
Manejé el desarrollo front-end y los gráficos en movimiento en el estudio de diseño Everyday Practice cuando comencé mi carrera. Desde entonces he seguido estudiando ambas áreas. Mi capacidad para comprender y comunicar ideas de manera coherente en los campos del desarrollo web y los gráficos 3D es, creo, mi mayor talento.
¿Cuáles son los puntos clave de esta clase?
Este curso ofrece un plan de estudios integral que le permite experimentar el diseño web interactivo de vanguardia solo en 2D en 3D y desarrollo real. Creo que los artistas gráficos que anteriormente han tenido problemas con el 3D o la codificación encontrarán esto muy útil.
¿A quién recomendarías esta clase?
En el sector del diseño gráfico, últimamente más clientes que nunca han solicitado gráficos 3D, gráficos en movimiento y creación de sitios web. Como resultado, sugiero este curso a los diseñadores que deseen crear una impresión con los sitios de su cartera y que estén interesados en la codificación, los gráficos 3D o ambos.
Programas requeridos
Este curso utilizará
- Cine 4D
- Desplazamiento al rojo,
- Código de estudio visual
- Nodo.js
- JavaScript,
- Tres.js
Compre e instale estos programas para disfrutar de una experiencia de conferencia optimizada.
*Estos programas y/o materiales no se proporcionarán con la conferencia.
Clase recomendada
¿Te gusta esta clase?
¡Entonces mira esto!
