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

Crear un gráfico de movimiento de revelado de texto en Blender: parte 1

by
Difficulty:IntermediateLength:LongLanguages:

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

Avance

Método uno: usar capas de procesamiento

Paso 1

En un archivo nuevo, presione A en el teclado para seleccionar todos los objetos predeterminados. Presione la tecla Eliminar para eliminarlos.

Presione 1 en el teclado numérico para entrar en la vista frontal. Presione 5 para alternar el modo de perspectiva. Presiona Shift-A y agrega Texto.

Add text
Agregue texto

Con el objeto de texto seleccionado, presione Tab para ingresar al modo de edición. Cambie el texto a cualquier cosa que desee. Presione Tab nuevamente para salir del modo de edición.

Edit text
Edite Texto

Paso 2

Con el objeto de texto seleccionado, haga clic en el botón F en el editor de propiedades para ver la configuración de la fuente. En el panel de Fuentes, haz clic en el botón de la carpeta y busca tu fuente favorita.

Text font settings
Configuraciones de texto y fuente

Paso 3

Presiona Shift-A y agrega un Malla> Plano.

Add a plane
Agregue un plano

Paso 4

Presione Tab para ingresar al modo de edición. Presione A para seleccionar todos los vértices. Presione S y luego X para escalarlo a lo largo del eje X. Haga coincidir la altura y el ancho del plano con el texto.

Editing the plane
Editando el plano

Puede mover los vértices hacia arriba y hacia abajo en lugar de escalar. Mantenga presionada la tecla Mayús y luego haga clic secundario en los vértices para una selección múltiple.

Usa el widget de flecha para moverlos. Presione Z para alternar entre la estructura alámbrica y el modo de pantalla sólida. Presione Tab para salir del modo de edición.

Editing the plane
Editando el plano

Paso 5

Haz clic secundario en el Texto y luego muévelo un poco con la ayuda de los widgets de flecha.

Move the text behind the plane
Mueve el texto detrás del avión

Paso 6

Con el texto seleccionado, haga clic en el botón Materiales en el editor de propiedades. Haga clic en el botón Nuevo para agregar un nuevo material.

Add new material to text
Agregar nuevo material al texto

Cambie el nombre del material a texto o cualquier cosa que desee. En el panel Difuso, cambie el color a blanco. En el panel Sombreado, marque la casilla de verificación Sin sombra.

Material settings
Configuración del material

Paso 7

Asegúrate de estar en la vista frontal. Presione 1 en el teclado numérico para entrar en la vista frontal. Presiona Shift-A y agrega una cámara.

Add a camera
Agregue una cámara

Mueva la cámara lejos del objeto y el texto. Usa los widgets de flecha.

Placing the camera
Colocando la cámara

Paso 8

Haz clic secundario en la cámara para seleccionarla. Haga clic en el botón de la cámara en el editor de Propiedades.

En el panel de la lente, haga clic en modo ortográfico. Presione 0 en el teclado numérico para acceder a la vista de la cámara.

Aumente o disminuya la escala ortográfica de modo que el texto se vea bien en el marco. También puede mover la cámara con la tecla G.

Camera settings
Configuraciones de cámara

Paso 9

Haga clic secundario en el texto para seleccionarlo. Vaya al 11º cuadro presionando shift - flecha hacia arriba o escribiendo 11 manualmente en el contador de fotogramas actual.

Pon el mouse en el puerto de vista 3D y presiona I y haz clic en Ubicación. Esto insertará un fotograma clave.

Add keyframe to the text
Añadir fotograma clave al texto

Paso 10

Vaya al cuadro número 21 presionando shift- flecha hacia arriba para avanzar diez cuadros o escribiendo 21 manualmente en el contador de cuadros.

Add another keyframe
Agregar otro fotograma clave

Mueva el objeto Texto hacia arriba para que quede completamente sobre el plano. Presione I y haga clic en Seleccionar ubicación para insertar otro fotograma clave.

Presione la flecha Shift-back para ir al primer fotograma. Presione Alt-A para obtener una vista previa de la animación.

Animate the text
Anime el texto

Paso 11

Haga clic en el botón Diseño y seleccione Animación.

Switch to Animation layout
Cambiar al diseño de animación

En el editor de Hojas de barniz, puede ver los dos fotogramas clave. Puede moverlos para hacer que la animación sea lenta o rápida. Haz clic secundario en el fotograma clave y luego presiona G para moverte.

Tweak the keyframes
Ajustar los fotogramas clave

Paso 12

Haga clic en el botón de reproducción o presione Alt-A para obtener una vista previa de la animación.

Animation controls
Controles de animación

Paso 13

Arrastre la barra verde en la línea de tiempo para entrar en el marco entre los dos fotogramas clave. Presione F12 para renderizar una imagen fija. Notarás que el avión también se está renderizando y queremos evitarlo. Además, el texto detrás del avión no debe renderizarse.

Render any in-between frame
Renderizar cualquier fotograma intermedio

Paso 14

Haga clic secundario en el texto para seleccionarlo. Presione M y seleccione el segundo cuadro para mover el texto seleccionado a la segunda capa.

Move text to second layer
Mover el texto a la segunda capa

Paso 15

Haga clic secundario en el plano y luego presione M y luego haga clic en el primer bloque para moverlo a la primera capa.

Move plane to first layer
Mueva el plano a la primera capa

Paso 16

Mantenga presionada la tecla Mayús y luego haga clic en los botones de la capa para hacerlos visibles. También puede presionar la tecla ~ para hacer visibles todas las capas en la vista 3D.

Make layers visible in viewport
Hacer capas visibles en la ventana gráfica

Paso 17

Haga clic en el botón Renderizar capas en el editor de Propiedades.

En el panel Capas, hay tres categorías de Capas. El primero es capas de escena. Estas son las capas visibles en la ventana gráfica.

El segundo se llama Layer. Las capas seleccionadas debajo de estas se incluirán en el render final.

El tercer grupo es para la capa Máscara. Los objetos de esta capa se usarán como máscaras. Haga clic en el botón de la segunda capa (en el que tenemos los objetos de texto) para renderizar Layer.

Seleccione la primera capa para Máscara. Esto establecerá los planos que están en la capa uno como máscaras.

Render layers panel
Renderizar panel de capas

Vaya a cualquier cuadro entre los dos fotogramas clave y presione F12 para renderizar. Verá que el plano y el texto detrás de él no están incluidos en el render final.

Rendered preview
Vista previa procesada

Paso 18

De manera similar, agregue un segundo texto para subtítulos. Agrega un avión que lo cubra. Mueva ambos objetos nuevos detrás de los dos primeros. Mueva un poco más el nuevo texto de subtítulos.

Add another set of text and plane
Agregue otro conjunto de texto y plano

Paso 19

Anima el segundo objeto de texto que baja. Vaya al cuadro 25. con el texto seleccionado, presione I para insertar un fotograma clave. Seleccionar ubicación.

Animate the second text object
Anima el segundo objeto de texto

Paso 20

Presione la flecha Shift-up para avanzar diez cuadros. Mueve el texto hacia abajo. Presione I y seleccione Ubicación para insertar otro fotograma clave.

Presione Mayús-flecha izquierda para ir al cuadro 1. Presione Alt-A para previsualizar la animación.

Add keyframe for second text
Añadir fotograma clave para el segundo texto

Paso 21

En el diseño de animación y en la Hoja de barniz, puede ajustar y mover el fotograma clave para establecer el tiempo. Cuanto más lejos estén los fotogramas clave, más lenta será la animación.

Tweak keyframes in Dope sheet
Ajustar fotogramas clave en Dope sheet

Paso 22

Haga clic secundario en el texto para seleccionarlo. Haga clic en el botón material en el editor de propiedades y seleccione el material ya creado para el primer texto del título.

Assign material to the second text
Asignar material al segundo texto

Paso 23

Con el texto seleccionado, presione M y mueva el objeto a la segunda capa. Luego haga clic derecho en el segundo plano y presione M y luego haga clic en la primera capa para moverla a la primera capa.

Todo el texto ahora está en la segunda capa y los planos están en la primera capa (máscara).

Move text to second layer and plane to first
Mueva el texto a la segunda capa y el plano a la primera

Paso 24

Ve al cuadro 45 y presiona F12 para renderizar el cuadro actual.

Notarás que el segundo texto aún no está visible. Esto es porque está siendo enmascarado por el primer plano. Así que lo necesitas animando el primer plano o dejándolo escalar automáticamente con el movimiento del primer texto del título.

Render an image to check
Hacer una imagen para verificar

Paso 25

Presione Mayús-flecha izquierda para ir al primer cuadro. Haz clic secundario en el primer objeto plano para seleccionarlo.

Select the first plane
Seleccione el primer plano

Paso 26

Presione Tab para ingresar al modo de edición. Presione B y arrastre seleccione los dos vértices inferiores.

Select bottom two vertices
Seleccione los dos vértices inferiores

Paso 27

Presione Ctrl-H para agregar Hook. Seleccione Hook to New object. Presione Tab para salir del modo de edición. Seleccione el objeto de gancho y presione G para moverlo y verificar.

Notarás que los dos vértices inferiores ahora están unidos al Empty. Presiona Esc para restablecer la ubicación.

Add Hook to bottom two vertices
Añadir gancho a los dos vértices inferiores

Paso 28

Mantenga presionada la tecla Mayús y luego haga clic con el botón derecho en Vaciar y luego en el texto del título.

Presione Ctrl-P para vincular el vacío al texto. Seleccione Objeto en la ventana emergente. Presione Mayús-flecha izquierda para ir al primer cuadro.

Presione Alt-A para obtener una vista previa de la animación. Notará que el objeto de la máscara ahora se contrae junto con el movimiento del texto del título.

Make the text parent of hook
Hacer que el texto sea primario del enganche

Paso 29

Ve al cuadro 45 y presiona F12. Ahora puedes ver el texto de los subtítulos. En la siguiente parte de este tutorial, aprenderá cómo aplicar esta animación en un video.

Render an image
Renderiza una imagen

Método dos: Usar el modificador booleano

Paso 1

Este método es mejor si desea utilizar un logotipo que está en formato .png con fondo transparente. Para importar imágenes .png como objetos 3D, debe activar el complemento Importar imágenes como planos.

Presione Ctrl-Alt-U para mostrar la ventana de Preferencias del usuario. Haga clic en la pestaña Complementos. En el cuadro de búsqueda, escriba imagen y luego active Importar imágenes como planos. Cerrar la ventana.

Activate Import Images as Planes Add-on
Activar imágenes como complemento de planos

Paso 2

En la vista 3D, presione 1 en el teclado numérico para acceder a la vista frontal. Presione 5 en el teclado numérico para alternar entre modos de perspectiva. Presione Mayús-A y haga clic en Malla> Imágenes como planos.

Add Images as Planes
Agregar imágenes como planos

Paso 3

Busque la imagen del logotipo .png. En las Opciones de importación, marque la casilla Usar alfa.

En el panel de Configuración de material, marque la casilla de verificación Sin sombra. Presione el botón Z Transparencia. finalmente haga clic en Importar imagen como botón de planos.

Import settings
Importar configuraciones

Paso 4

Presione Alt-Z para obtener una vista previa de la imagen en la vista 3D. Presiona Shift-A y agrega Mesh> Cube.

Add a cube
Agregue un cubo

Paso 5

Presione Z para cambiar al modo wireframe. Con el cubo seleccionado, presione Tab para ingresar al modo de edición. Presione A para seleccionar todos los vértices y luego S y luego Z para escalar el cubo hacia abajo del eje Z.

Escale el cubo de forma que sea un poco más grande que el plano del logotipo. Compruebe desde la vista lateral también.

Scale and plane the cube so that it covers the logo
Escale y planee el cubo para que cubra el logotipo

Paso 6

Presione Tab para salir del modo de edición. Con el cubo seleccionado, mueva el mouse en la ventana del perfilador. Prensa . (del) ingrese el teclado numérico para ver el objeto seleccionado en el perfil.

Haga clic en el botón de la cámara. Esto deshabilitará la representación del cubo. En el editor de Propiedades, haga clic en el botón del cubo para ver las propiedades del objeto. En el panel Pantalla, seleccione Cablear en el Tipo de dibujo máximo.

Esto mostrará el cubo en modo wireframe en la vista 3D.

Cube display settings
Configuración de visualización del cubo

Paso 7

Haz clic secundario en el plano del logotipo para seleccionarlo. Haga clic en el botón de modificadores en el editor de propiedades. Haga clic en el botón Agregar modificador y seleccione Boolean.

Add Boolean modifier to logo plane
Agregar modificador booleano al plano del logotipo

Paso 8

En la operación, seleccione Intersectar y para Objeto seleccione el Cubo que cubre el logotipo.

Boolean modifier settings
Configuraciones de modificador booleano

Presione G y mueva el mouse alrededor. Verás que el avión solo es visible dentro del cubo. Haga clic secundario para cancelar el movimiento.

Move the plane around to see effect
Mueva el avión para ver el efecto

Paso 9

Presiona Shift-A y agrega una cámara. En las propiedades de la cámara, haga clic en el botón Ortográfico. Presione la tecla Ins en el teclado numérico para acceder a la vista de la cámara.

Con la cámara seleccionada, presione G y muévala para ajustar el marco y la disposición. Mueva el control deslizante Escala para ajustar el logotipo y el título en el marco.

Add camera
Agregue cámara

Paso 10

Ir al cuadro 11. Escriba el número manualmente en el contador de cuadros o presione la flecha Shift-up para avanzar 10 cuadros.

Haz clic secundario en el plano del logotipo para seleccionarlo. Usa el widget de flecha para moverte fuera del cubo. Presione I y seleccione ubicación para insertar un fotograma clave.

Animate the logo coming from outside to inside the cube
Anima el logo que viene de afuera hacia adentro del cubo

Paso 11

Arrastre la línea de tiempo verde al cuadro 31. Con el logotipo seleccionado, muévalo dentro del centro del cubo para que pueda verlo. Presione I para insertar fotograma clave. Seleccione Ubicación en la ventana emergente.

insert keyframe for logo
insertar fotograma clave para el logotipo

Paso 12

Presione Mayús-flecha izquierda para ir al primer cuadro. Presione Alt-A para obtener una vista previa de la animación. Presiona la tecla Esc para parar.

Arrastre la línea de tiempo e ir a cualquier entre marco. Presione F12 para ver la vista previa renderizada.

Preview the animation and render any in between image
Vista previa de la animación y renderizar cualquier imagen intermedia

Paso 13

Voy a agregar otro .png transparente con el texto del título. Presione Mayús-A y agregue Malla> Imágenes como planos.

Add title image as plane
Agregar imagen de título como plano

Busque la imagen del título que debe ser .png con fondo transparente.

En las Opciones de importación, marque la casilla Usar alfa. En la Configuración de materiales, marque la casilla Sin sombra y haga clic en el botón Z Transparencia. Finalmente, haga clic en Importar imágenes como botón Planos.

Import settings
Importar ajustes

Paso 14

Presione Alt-Z para ver una vista previa texturizada. Seleccione el título y muévalo junto al logotipo y justo fuera del cubo.

Place the title next to logo
Coloque el título al lado del logotipo

Paso 15

Con el título seleccionado, haga clic secundario en él para seleccionar, haga clic en el botón de modificadores en el editor de propiedades. Haga clic en el botón Agregar Modificador y seleccione Boolean.

Add Boolean modifier to the text plane
Agregar modificador booleano al plano de texto

Seleccione la diferencia para el funcionamiento y el cubo para el objeto. Este es el mismo cubo que cubre el logo. No tienes que crear otro cubo que cubra el título.

Boolean modifier settings
Configuraciones de modificador booleano

Presione Z para cambiar al modo wireframe. Haz clic secundario en el objeto de título y usa el widget de flecha para moverte y ver el efecto.

El objeto del título no estará visible si se inserta en el cubo.

Move the plane and see the effect
Mueva el plano y vea el efecto

Paso 16

Si el cubo es pequeño, puedes aumentar su ancho. Haz clic secundario en el cubo para seleccionarlo.

Presione Tab para ingresar al modo de edición. Presione la tecla B y arrastre seleccione los vértices en el costado. Usa el widget de flecha para moverlos. Presione Tab nuevamente para salir del modo de edición.

Make the cube bigger
Haz el cubo más grande

Paso 17

Ahora anima el título. Vaya al cuadro 29 ingresando manualmente el número de cuadro en el contador de cuadros arrastrando el marcador verde en la línea de tiempo.

Con el título seleccionado y dentro del cubo, agregaré el primer fotograma clave. Presione I para resaltar el menú del fotograma clave y seleccionar ubicación.

Animate the title plane
Anima el plano de título

Paso 18

Avance 20 cuadros arrastrando la línea de tiempo o ingresando manualmente el número de cuadro en el contador.

Mueva el título con el widget de flecha a la derecha del cubo para que esté visible. Presione I y luego seleccione Ubicación para insertar otro fotograma clave. Presione Alt-A para obtener una vista previa de la animación.

Add keyframe to the plane
Añadir fotograma clave al plano

Paso 19

Presione la tecla Ins en el teclado numérico para acceder a la vista de la cámara. Haga clic derecho sobre la cámara para seleccionarla. Presione G y mueva la cámara para ajustar el marco de modo que el título y el logotipo estén en el centro.

Mueva el control deslizante Escala para ajustar el logotipo y el título en el marco. Puede ajustar los fotogramas clave en el editor de Hojas de datos.

Camera settings
Configuraciones de cámara

En el Siguiente Tutorial

En la próxima parte de esta serie de tutoriales, le mostraré otro método que se puede usar para mallas 3D y también para objetos de texto. También te mostraré cómo aplicar estas animaciones en un video.


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.