Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. 3D & Motion Graphics
  2. Blender
Cgi

Crear elementos gráficos de movimiento en Blender sin Shapekeys o Addons: Parte 2

by
Difficulty:BeginnerLength:MediumLanguages:

Spanish (Español) translation by Leareny Guerrero (you can also view the original English article)

Lo Que Crearás

Creando Ráfagas de Círculos

Paso 1

En un archivo nuevo, presione A para seleccionar todos los objetos predeterminados.

Presione 1 en el teclado numérico para entrar en la vista frontal. Presione Del/Supr para eliminarlos.

Presiona Shift-A y agrega un Círculo (Malla> Círculo)

Add a circle
Agrega un círculo

En el panel Opciones de Herramientas, que se encuentra en la parte inferior del estante de herramientas-- presione T para alternar si no está allí-- seleccione Nada para Tipo de Relleno.

Marque Alinear a la vista para que el círculo no esté mirando hacia arriba.

Align to view
Alinear a la vista

Paso 2

Con el objeto seleccionado, presione Tab en el teclado para entrar en el modo edición.

  • Presione A para seleccionar todos los vértices
  • Presione E para extruirlos y luego haga clic secundario o presione Esc o para que los vértices extruidos permanezcan en su lugar de origen.
Extrude the mesh
Extruir la malla

Paso 3

Presione Tab para salir del modo de edición. Con el objeto seleccionado, haga clic en el botón de modificadores en la ventana de propiedades. Haga clic en el botón Agregar Modificador.

Add a modifier
Agregar un modificador

Paso 4

Seleccione Solidificar en la lista de modificadores.

Select Solidify modifier
Seleccione el modificador Solidificar

Paso 5

Arrastre y aumente el valor del control deslizante Grosor hasta que se llene el círculo.

Si las normales aparecen invertidas, por ejemplo, la malla aparece más oscura, luego marca la casilla de verificación Voltear Normales.

Modifier settings
Configuraciones del Modificador

Paso 6

Haga clic en el botón de materiales en la ventana de propiedades, y luego presione el botón Nuevo.

Add a new material
Agrega un nuevo material

Paso 7

Cambie el nombre del material a cualquier cosa que desee. Lo llamé burst-white.

En el panel difuso, haga clic en la barra de colores y seleccione un color.

En el panel de sombreado, marque la casilla Sin Sombra.

Al hacerlo, los materiales se mostrarán en color plano.

Material settings
Configuraciones del Material

Paso 8

Presione Mayús-Flecha Izquierda para ir al primer cuadro. También puedes usar los controles de reproducción.

Go to first frame
Vaya al primer fotograma

Paso 9

Con el objeto seleccionado y en el panel de modificador, mueva el mouse sobre el control deslizante de Grosor. Presione I para insertar un fotograma clave para ese valor.

Insert keyframe for thickness
Insertar fotograma clave para grosor

Paso 10

Vaya al cuadro 21. Puede arrastrar el marcador verde en la línea de tiempo o hacer clic directamente y escribir 21 en el contador de cuadros.

Go to frame 21
Vaya al cuadro 21

Paso 11

Haga Clic en el control deslizante Grosor, escriba 0 (cero) y presione Enter.

Reduce the thickness to zero
Reduzca el espesor a cero

Con el mouse sobre el control deslizante Grosor y presione I para crear otro fotograma clave.

Insert keyframe for thickness
Insertar fotograma clave para grosor
  • Presione Mayús-Flecha Izquierda para ir al primer cuadro.
  • Presione Alt-A para reproducir la animación.
  • Presiona Esc para parar.
Animation playback
Reproducción de animación

Paso 12

Ve al cuadro 21 nuevamente. Haga clic con el botón izquierdo en el contador de cuadros y escriba 21.

Go to frame 21
Ve al cuadro 21

Con el círculo seleccionado, presione I en el teclado para traer el Menú Insertar fotograma clave. Seleccione Escala.Esto creará un fotograma clave para la escala y el tamaño actuales del objeto.

Insert keyframe for scaling
Insertar fotograma clave para escalar

Paso 13

Presione Mayús-Flecha izquierda para volver al cuadro uno.

Go to first frame
Ve al primer cuadro

Paso 14

Seleccione el objeto y presione S para escalar y luego 0 para escalarlo al máximo.

Scale the object down
Escala el objeto

Paso 15

Presione I en el teclado para resaltar el Menú Insertar Fotograma Clave y seleccione Escala.

Insert keyframe fro scaling
Añadir el fotograma clave para escalar

Presione Alt-A para reproducir la animación. El círculo ahora crecerá de punto a completo y luego desaparecerá.

Play the animation
Pre-visualizar la animación

Paso 16

En la barra superior, haz clic en el botón de diseño y selecciona Animation (Animación).

Switch to animation layout
Cambiar al diseño animation (animación)

Paso 17

Cambia el modo Planilla de Tiempos al Editor de Acciones. Cambia el nombre de la acción a ráfaga o cualquier cosa adecuada.

Switch to Action Editor
Cambia a Editor de Acciones

Paso 18

Haga clic secundario en el primer fotograma clave del valor de Grosor del modificador Solidificar.

Presione Shift-D para hacer un duplicado y desviarlo un poco hacia la derecha. Esto retrasará el inicio de la animación del valor de grosor.

Tweak the keyframes
Ajustar los fotogramas clave

Vaya al primer cuadro y presione Alt-A para reproducir la animación. La animación se verá mucho mejor ahora.

Animation preview
Pre-visualizar a animación

Paso 19

Cambia la parte inferior al Editor NLA. Haga clic en el botón de tipo de editor y seleccione Editor NLA.

Switch to NLA Editor
Cambia a Editor NLA

Paso 20

Presione el botón con dos flechas hacia abajo, para convertir la acción a la tira NLA.

Convert action to strip
Convertir acción a tira

La acción ahora se convierte en una tira que se puede mover en la línea de tiempo como cuando y donde se necesita la animación.

NLA Editor with action strip
NLA Editor con tira de acción

Haz clic secundario en la tira para seleccionarla. Presione G para moverlo a donde quiera que la animación comience y termine.

Move and adjust the strip just like in a video editor
Mueva y ajuste la tira como en un editor de vídeo

Agregar Variaciones

Paso 1

Puede agregar algo de variedad duplicando el objeto original y luego ajustándolo. Haz clic secundario en el objeto para seleccionarlo y luego presiona Shift-D para hacer un duplicado.

Haz clic secundario o presiona Esc para que permanezca en el origen. El nuevo objeto también tendrá el modificador y la tira de acción. Compartirá los mismos datos de material con el objeto original.

Duplicate the object
Duplicar el objeto

Paso 2

Presione 3 en el teclado numérico para acceder a la vista lateral. Presione G y aleje un poco del primer objeto.

Move the object back
Mueva el objeto de regreso

Paso 3

Dado que comparte el mismo material, haga clic en el botón + para hacer una nueva copia de la configuración del material, que es necesaria para el nuevo objeto.

Copy the material
Copia el material

Paso 4

Cambie el nombre del material a burst-red. En el panel Difuso, haga clic en la barra de colores y elija un color. Asegúrese de que la casilla de verificación Shadeless (Sin sombra) esté marcada.

Material settings
Configuraciones de material

Paso 5

En el NLA editor, haga clic secundario en la tira de acción asociada con el nuevo objeto-- que se duplicó automáticamente-- y selecciónelo. Presione G y muévala un poco hacia la derecha de la línea de tiempo.

Move the action strip
Mueva la tira de acción

Presione Mayús-Flecha izquierda para ir al primer cuadro. Presione Alt-A para reproducir la animación.

Animation playback
Reproducción de animación

Paso 6

Esta configuración completa se puede aplicar a objetos de diferentes formas. También puede ajustar la malla en cualquier momento en el modo de edición, lo cual es difícil de hacer si usa shapekeys.

Use different type of objects
Usa diferentes tipos de objetos

Creando círculos Swipes

Paso 1

En un archivo nuevo, presione A para seleccionar todos los objetos predeterminados y presione Supr para eliminarlos. Presione 1 en el teclado numérico para entrar en la vista frontal. Presione Shift-A para agregar un plano (Malla> Plano).

Add a plane
Añadir un plano

En el panel Opciones de Herramientas, que se encuentra en la parte inferior del estante de herramientas --presione T para alternar si no está allí-- marque Alinear a vista. Esto rotará el plano.

Align to view
Alinear a la vista

Paso 2

  • Haz clic secundario en el cubo para seleccionarlo.
  • Presione Tab para ingresar al modo de edición.
  • Mantenga presionada la tecla Mayús y haga clic secundario en los dos vértices inferiores uno por uno para seleccionarlos.
  • Presione Alt-M para sacar el menú Merge (Fusionar) y seleccione At Center (En el centro) para fusionarlos.
Merge lower vertices
Fusionar dos vértices

Los dos vértices se fusionarán en el centro de la distancia entre ellos.

Merge lower vertices
Fusionar vértices inferiores

Paso 3

Del mismo modo, seleccione los dos vértices superiores y presione Alt-M para unirlos en el centro.

Merge top vertices
Fusionar vértices superiores

Paso 4

Presione A para seleccionar todos los vértices. Presione G para moverlos y Z para moverlos a lo largo del eje Z. Mueva el mouse hasta que el vértice inferior esté en el punto central (punto naranja) del objeto.

Move the mesh
Mueva la malla

Paso 5

Presione Tab para salir del modo de edición. Con el objeto seleccionado, haga clic en el botón de modificadores en la ventana de propiedades. Haga clic en el botón Agregar Modificador.

Add Modifier
Añadir modificador

Paso 6

Seleccione el modificador de Enroscar.

Select Screw modifier
Seleccionar modificador Enroscar

Notarás que el objeto se ha transformado en un círculo.

Screw modifier preview
Pre-visualizar el modificador Enroscar

Paso 7

Reduzca el ángulo a 0 grados. Esto devolverá el objeto a su forma original. Aumente los Pasos y Renderice los Pasos a 24. Esto le da un borde suave.

Screw modifier settings
Configuraciones del modificador Enroscar

Paso 8

Presione Mayús-Flecha izquierda para asegurarse de estar en el primer cuadro. Mueva el mouse sobre la configuración de ángulo del modificador y presione I. Esto insertará un fotograma clave para el valor del ángulo que luego será animado.

Add keyframe
Añadir fotograma clave

Paso 9

Vaya al cuadro 21. Haga clic en el contador de cuadros y escriba 21 o arrastre el marcador al cuadro 21 en la línea de tiempo.

Go to frame 21
Vaya al cuadro 21

Paso 10

Haga clic en el control deslizante Ángulo y escriba -360. Mueva el mouse sobre él y presione I, y esto insertará un fotograma clave.

Esto significa que el valor cambiará de 0 a -360 en los primeros 21 fotogramas.

Add another keyframe
Agregar otro fotograma clave

Vaya al primer cuadro y presione el botón Reproducir.

Playback controls
Controles de reproducción

Verá el valor del ángulo siendo animado y, por lo tanto, dará un buen efecto.

Animation preview
Vista previa de la animación

Paso 11

Con el objeto seleccionado, haga clic en el botón de materiales en la ventana de propiedades. Haga clic en el botón Nuevo para agregar un material.

Add new material
Agregar nuevo material

Paso 12

Renombra el material. Lo he llamado ingenio swipe-red.

En el panel Difuso, haga clic en la barra de colores y elija un color. En el panel de sombreado, marque Shadeless (Sin sombra). Esto hará que el material tenga un color plano.

Material settings
Configuraciones del Material

Paso 13

En la barra de menú superior, cambie el modo de diseño a Animation.

Switch to Animation layout
Cambiar al diseño Animation

Paso 14

Por defecto, la ventana superior izquierda es el Editor de Planillas de Tiempo. Cámbielo al Editor de Acciones para que podamos ver solo la acción asociada con el objeto seleccionado.

Switch to Action Editor
Cambiar al Editor de Acciones

Paso 15

Haga clic con el botón izquierdo y cambie el nombre de la acción por Swipe (Deslizar) o cualquier otra cosa que desee.

Rename the action
Cambie el nombre a la acción

Puede mover el fotograma clave a través de la línea de tiempo para ajustar la velocidad. Haga clic derecho para seleccionar el marcador de fotograma clave y G para moverse. Haga clic para confirmar.

Tweak the keyframes
Ajustar los fotogramas clave

Paso 16

Cambie la ventana inferior a NLA Editor.

Open NLA Editor
Abrir NLA Editor

Paso 17

En el NLA editor NLA, haga clic en el botón con dos flechas hacia abajo. La acción se convierte en una tira.

Convert Action to strip
Convertir Acción a tira 

Paso 18

La acción ahora aparece como una sola tira.

NLA Strip
Acción convertida a NLA Strip

Ahora puede mover esta tira en la línea de tiempo como cuándo y dónde necesita que comience la animación. Haga clic secundario para seleccionarlo y G para moverse.

Move the strip
Mueva la tira

Duplicar y Agregar Variaciones

Paso 1

Puede agregar más desplazamientos en círculo para obtener más variedad duplicando el objeto original. El duplicado también tendrá las mismas propiedades de material y animación, por lo que no necesitas volver a animarlo.

Haz clic secundario en el objeto y presiona Shift-D para hacer una copia. Haz clic secundario de nuevo para que el objeto vuelva a su origen.

Duplicate the object
Duplicar el objeto

Paso 2

Con el nuevo objeto seleccionado, haga clic en el botón de material en la ventana de propiedades, presione el botón + para hacer una copia del material para el nuevo objeto.

Copy the material
Copia el material

Cambia el nombre del material. Lo he renombrado swipe-white ya que el segundo objeto será blanco en este ejemplo.

Rename the material
Cambiar el nombre del material

Paso 3

En el panel Diffuse (Difuso), haga clic con el botón izquierdo en la barra de colores y configure el nuevo color. Asegúrese de que el material sea Shadeless (no tenga sombra).

Change the color
Cambiar el color

Paso 4

  • Con el nuevo objeto seleccionado, presione Tab en el teclado para ingresar al modo de edición
  • Presione A para seleccionar todos los vértices y luego presione G para moverse
  • Mueve el mouse y los vértices hacia arriba
  • Haga clic para confirmar
  • Haz clic secundario en el vértice superior y muévelo hacia abajo para hacer una tira delgada
Edit the geometry
Edita la geometría

Paso 5

Presione Tab para salir del modo de edición. Presione Mayús-Flecha izquierda para ir al primer fotograma y luego presione Alt-A para reproducir la animación.

Animation preview
Vista previa de la animación

Paso 6

Puede retrasar y compensar la animación del segundo objeto. Haz clic secundario en la tira de acción del segundo objeto en el NLA editor.

Select NLA Strip of second object

Presione G y mueva el mouse un poco. Haga clic para confirmar.

Offset the strip
Desplazar la tira

Vaya al primer cuadro y presiona Alt-A para ver la animación.

Animation preview
Vista previa de la animación

Paso 7

El siguiente paso es cerrar el círculo y hacerlo desaparecer.

  • Seleccione la tira haciendo clic secundario sobre esta
  • Presiona Shift-D para duplicarlo
  • Muévalo hacia la derecha de la línea de tiempo
  • Clic izquierdo para confirmar
Duplicate the strip
Duplicar la tira

De nuevo haz lo mismo con el otro objeto.

Duplicate the strip of first object
Duplicar la tira del primer objeto

Paso 8

Con el mouse en el NLA editor, presione N para resaltar el panel de propiedades.

Seleccione la segunda tira de acción de cualquier objeto.

En el panel Active Strip (Tira activa), marque Reversed (Invertido). Esto reproducirá la animación hacia atrás.

Haz lo mismo con la segunda tira de acción del otro objeto.

Reverse the strip
Invierta la tira

Presione Mayús-Flecha izquierda para ir al primer cuadro. Presione Alt-A para ver la animación. Presiona Esc para parar.

Animation preview
Vista previa de la animación

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.