Diseño de movimiento con caballería: crea una animación binaria basada en datos. | Ken Mbesa | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Diseño de movimiento con caballería: crea una animación binaria basada en datos.

teacher avatar Ken Mbesa, Web Designer | 3D Artist

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introduccion

      0:20

    • 2.

      Diseña un fondo dinámico de dígitos binarios en caballería

      12:29

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

1

Estudiante

--

Proyectos

Acerca de esta clase

¿Alguna vez has querido crear esos flujos futuristas de dígitos binarios que se ven en Matrix, interfaces de ciencia ficción, presentaciones tecnológicas y gráficos en movimiento inspirados en el cyberpunk?

En esta clase práctica de 12 minutos, te mostraré cómo crear una animación binaria dinámica, basada en datos, enteramente dentro de Cavalry. Utilizando el potente flujo de trabajo de procedimientos de Cavalry, generaremos dígitos binarios aleatorios, los duplicaremos en columnas animadas y los transformaremos en un fondo inspirado en tecnología de apariencia genial.

Si eres nuevo en la caballería (o incluso si ya estás familiarizado con los fundamentos), esta clase te presentará las técnicas que se pueden aplicar a una amplia variedad de proyectos de diseño de movimiento.

En esta clase, aprenderás lo siguiente:

  • Genera dígitos binarios al azar usando el generador de cadenas de Cavalry
  • Crear patrones repetitivos con Duplicadores.
  • Crear profundidad y perspectiva con una cámara 3D.
  • Mejora el atractivo visual con degradados y efectos de brillo
  • Diseña un fondo de procedimiento reutilizable para futuros proyectos.

Al final de la clase, habrás creado tu propio fondo binario animado y obtendrás una valiosa visión del flujo de trabajo de animación basado en datos de Cavalry. Estas son habilidades que te resultarán útiles en futuros proyectos.

Esta clase es perfecta para diseñadores de movimiento, creadores de contenido, artistas visuales y cualquier persona interesada en aprender técnicas de animación procedimental en Caballería.

No necesitas tener experiencia en Cavarly.

Si ya tienes cierta familiaridad básica con la interfaz de la caballería y ganas de experimentar, estás listo.

Conoce a tu profesor(a)

Teacher Profile Image

Ken Mbesa

Web Designer | 3D Artist

Profesor(a)

My name is Ken.

I'm a web designer, creative educator, and digital entrepreneur with over a decade of experience in visual design (Web Design, Graphic Design, and Video Editing).

Over the years, I've helped thousands of everyday creatives, small business owners, and aspiring freelancers take control of their digital presence by teaching practical, no-fluff web design skills using tools like WordPress, Elementor, Forminator, and WooCommerce, with no coding required.

My goal is to keep things beginner-friendly, practical, and focused on helping you get real-world results. If you're building your first website or launching a fully functional online store, I'll walk you through the process step-by-step with clarity and confidence.

Beyond web design, I'm a... Ver perfil completo

Habilidades relacionadas

Diseño Diseño de movimiento
Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introduccion: Hola, y bienvenido de nuevo a otra clase de caballería increíble conmigo, Ken En esta clase, te voy a mostrar cómo diseñar este fondo de dígitos binarios inspirados en matriz dentro de la caballería, y lo vamos a hacer desde cero 2. Diseña un fondo dinámico de dígitos binarios en caballería: Entonces aquí estamos dentro de la caballería, y quiero crear un proyecto completamente nuevo Entonces voy a ir a este menú desplegable y decir crear. Voy a ir a mi carpeta de dos proyectos D, y voy a crear una carpeta llamada la matriz. Y yo elegiré esa carpeta. Si digo Control, vamos a abrir automáticamente la subcarpeta SNS dentro de la carpeta matriz que acabamos de crear Tenemos una carpeta de escenas. Entonces ahora estamos trabajando dentro de él. Y lo primero que quiero hacer es crear un fondo negro oscuro porque déjame mostrarte el proyecto de referencia creé mientras preparaba esta clase. Como puedes ver, tenemos un fondo negro oscuro, y luego el texto es verde brillante Entonces eso es lo que queremos ver cómo hacer. Lo primero que quiero hacer es crear un fondo negro. Entonces voy a ir aquí y teclear Forma de fondo. Entrar. Es gris por defecto. Se selecciona automáticamente. Entonces iré a llenar, haga clic en esto y arrastre esto a negro. Mantenga pulsado y haga clic en T el texto para agregar un texto en la mitad del mundo. Aquí tenemos texto que dice caballería por defecto. Quiere cambiar eso a ceros y unos. Entonces, ¿cómo hacemos eso? Quiero escribir esto. Voy a decir generador de cadenas de utilidad. Ahora va a generar cadenas, pero voy a seleccionar el generador de cadenas aquí para cambiar algunos aspectos de lo que estamos viendo. Por ejemplo, el relleno aquí debería ser uno. Eso solo quita todos esos dígitos antes, precisión, cero, y ¿qué más? Queremos decir número aleatorio. Pero el mínimo debe ser cero, y el máximo debe ser uno. Entonces van a ser números aleatorios, pero el mínimo siempre será cero, y el máximo siempre será uno. Entonces, en realidad, los ajustes que estábamos configurando antes eran para la configuración predeterminada que teníamos, que era valor. Entonces ahora tenemos que rehacer todo lo que acabamos de hacer. El relleno aquí debería ser uno. El máximo aquí debería ser uno. Y mínimo cero. Así que siempre tendremos cero o uno. Entonces ahora, con eso, lo que quiero hacer es seleccionar el texto de caballería, y quiero duplicarlo Entonces ahora, como pueden ver, estamos duplicando números aleatorios Podemos cambiar de rejilla a lineal para ser una línea recta. Y una cosa que me gusta hacer es cuando duplico una forma, la coloco debajo del duplicador para que pueda colapsar el duplicador y ocultar todo lo relacionado con el duplicador, que incluye la forma que se Y el generador de cuerdas también se hunde aquí porque se aplica al texto. Entonces, en realidad se supone que vaya al texto para que pueda colapsar el texto, y su generador de cadenas permanece dentro de él. Es sólo para fines organizativos. Entonces ahora que tenemos esta capacidad generar unos y ceros aleatorios, podemos aumentar el tamaño aquí a 1920 porque mi pantalla es 1920 por 1080, esto es HD Entonces sé que si digo 1920, va a ocupar la pantalla completa. Y podemos incrementar el conteo. Así que sólo vamos a generar unos y ceros aleatorios. También podemos ampliar esto, seleccionar la forma del texto para reducir el tamaño de fuente. Digamos 25. Y ahora, mientras aún se selecciona el texto, puedo darle un color verde. Así. Y volvamos y seleccionemos el duplicador Ahora, cambiamos a lineal y no cambiamos de horizontal a vertical. Entonces cambiemos a vertical. Haga clic a un lado. Ahora tenemos una matriz vertical como tira de unos y ceros Entonces todo lo que tenemos que hacer ahora es duplicar este duplicador. Entonces con el duplicador seleccionado, voy a duplicarlo. Y por defecto, viene como grid. Vamos a cambiar a lineal una vez más, y vamos a expandir el tamaño como de costumbre a 1920. Y aumentar el número aquí. Dejando brechas así porque es correcto, no una brecha demasiado grande. Aumentemos el número aquí. Siempre podemos volver a jugar con él. Entonces esto es dos D, pero queremos que sean tres D. Entonces lo que tenemos que hacer es agregar una cámara. Entrar. Y cuando añades una cámara, para que todas las formas la escena funcionen también con una cámara, hay que cambiarlas a 2.5 D. Así que ahora que tenemos 2.5 D, podemos venir y seleccionar este duplicador Podemos duplicarlo también. Pero ahora esta vez es Control D. No estamos usando un duplicador solo controlamos el ding para que podamos seleccionar esto Y porque es 2.5 D y tenemos una cámara, tenemos esta posición Z. podemos empujarla hacia atrás Entonces, si saco esto hacia atrás, ahora, se supone que el fondo también se mueve hacia atrás. Entonces déjame seleccionarlo. Empújalo hacia atrás también. Pero ahora se está reduciendo de tamaño porque va más allá en la distancia Entonces lo que queremos hacer es aumentar la escala. Voy a aferrarme a aumentar tanto la X como la Y. Y ahora está más atrás en el fondo, pero ocupando todo el espacio. Ahora volviendo a este duplicador de aquí, podemos empujarlo un poco más atrás. Al mantener presionado el control, te moverás en incrementos más pequeños, tirarás hacia la izquierda Vamos a darle tal vez hasta 50 negativos. Así como así. Ahora, vamos a crear otro. Control D, seleccione este, Control D. Tenemos duplicadora cuatro Vamos a darle positivo 50. Eso lo va a llevar más por delante del original, éste. Entonces ahora tenemos un bonito fondo matricial, pero lo que queremos hacer es darle ese gradiente. Entonces, ¿qué tiene este color verde? Es el texto. Entonces expandiendo este texto, yendo al color de relleno. Queremos cambiar del color verde plano a un sombreado degradado Cuando hacemos eso, se agrega el gradiente. Voy a dejarlo caer debajo del texto para que pueda expandir el texto y encontrar su degradado aquí. Y voy a hacer doble clic en esto, darle un color verde. Y voy a hacer clic en esto, darle un color negro. Pero en la zona verde. Todo bien. Entonces ahora, como pueden ver, si me acerco, está afectando a cada elemento individual en el duplicador Entonces lo que queremos es espacio de pantalla. Screenspace así. Y como pueden ver, se mueve de izquierda a derecha. Queremos girarlo en los 90 grados. De hecho, lo queremos como 90 negativo porque queremos el lado oscuro de abajo. Ahora, voy a tirar de esta parada oscura de degradado oscuro y tirar de esta parada de degradado verde así. Ahora bien, este lado debería ser negro puro o tal vez un poco más ligero. Tomando un peaje en mi máquina. Creo que ese es un buen lugar. Pero esto es demasiado agudo. Hagámoslo más gradual espaciándolos. Haré clic en cualquier parte de aquí y presionaré F. Para llenar la pantalla con tu escena. Entonces ahora lo que queremos hacer es darle ese brillo. Entonces voy a ir a seleccionar esta de las duplicadoras Seleccionaré esto y diré que los filtros brillan. Y se le va a dar un resplandor. Dejaré caer el resplandor dentro esa duplicadora y seleccionaré un resplandor Voy a ir a glorificar intensidad. Vamos a probar cuatro. Entrar. Ahí vamos. No demasiado. Puedes jugar con los otros ajustes para asegurarte de obtener un bonito brillo. Pero esencialmente, así es como crear un hermoso fondo de matriz verde y brillante Y una cosa más que acabo de recordar, no animamos la cámara Quizás te estés preguntando, cómo animo la cámara y la muevo hacia los unos y ceros Entonces, seleccionando la cámara, asegúrate de que este asa esté al principio. Este manejador, y vamos a agregar un fotograma clave en el eje Z. Entonces agregaré un fotograma clave justo ahí al principio, y vamos a moverlo hasta el final Y en el eje Z, este momento, queremos habernos mudado. Digamos, hasta ese punto. Por lo que el fotograma clave se agregará automáticamente. Y ahora si juego ahora mi PC es un poco rezagado. Por supuesto, hay muchas más formas creativas de animar estos números binarios También puedes animarlos cambiando 1-0 al azar por todas partes, pero eso haría que esta clase fuera demasiado larga. Esas son cosas que vas a aprender a hacer en futuras lecciones. Hasta la próxima, mantente creativo, y pronto hablaré contigo.