Cómo animar un globo 3D giratorio con Illustrator y Photoshop

Kak Sozdat Animaciu Vrasausegosa 3d Globusa S Pomos U Illustrator I Photoshop



Como experto en TI, a menudo me preguntan cómo animar un globo 3D giratorio con Illustrator y Photoshop. Aquí hay un resumen rápido de los pasos involucrados: 1. Primero, cree un nuevo documento en Illustrator y dibuje un círculo. 2. A continuación, agregue un relleno degradado al círculo y establezca el ángulo en 45 grados. 3. Luego, cree una nueva capa en Photoshop y agregue una foto de un globo terráqueo. 4. Finalmente, use la herramienta Puppet Warp para animar el globo. Aquí hay un video tutorial rápido que muestra los pasos involucrados:



Esta lección le mostrará cómo crear o hacer una animación 3D Globe girando, girando o girando con ilustrador y photoshop. Illustrator y Photoshop son dos de los mejores programas de gráficos de Adobe. Ambos tienen algunas similitudes y diferencias. Usted puede preguntarse cuál es la diferencia. Cuando uses ambos, te darás cuenta de que ambos son buenos en diferentes cosas.





refrescando windows 8.1

Cómo animar un globo 3D giratorio con Illustrator y Photoshop





Cómo animar un globo 3D giratorio con Illustrator y Photoshop

Illustrator y Photoshop pueden tener sus diferencias, pero funcionan bien juntos. Ambos tienen sus fortalezas y debilidades. Cree un globo 3D giratorio con Illustrator y Photoshop. utilizará las fortalezas de todos para hacer una maravillosa obra de arte. Illustrator se utilizará para la parte 3D del globo terráqueo y se le agregará el mapa, mientras que Photoshop se encargará de la parte GIF animada.



  1. Agregar mapa a los símbolos
  2. Crear esfera 3D
  3. Agregar un mapa a una esfera
  4. Toma fotografías desde diferentes ángulos del globo.
  5. Animar imágenes en Photoshop
  6. Mantener

1] Agregar mapa a símbolos

Un paso en la creación de un globo requiere que se agregue un mapa del mundo a la esfera. Para hacer esto, el mapa mundial deberá agregarse a la paleta de símbolos. Busque el mapa del mundo y ábralo en Illustrator, manténgalo presionado y arrástrelo hasta el panel Símbolos. Asigne un nombre al símbolo si lo desea y haga clic en Aceptar para cerrar.

2] Crear esfera 3D

El siguiente paso es crear una esfera que contendrá el mapa mundial. Use la herramienta Elipse en Illustrator para crear un círculo perfecto.

3] Añadir un mapa a la esfera

El siguiente paso es agregar un mapa mundial a la esfera.



4] Toma fotografías desde diferentes ángulos del globo

El siguiente paso es fotografiar diferentes lados del globo. Esto es importante porque la creación de un GIF animado giratorio requerirá diferentes lados para agregar Photoshop. Para obtener las imágenes, deberá decidir qué tan detallado desea que se vea el globo giratorio. Cuantos más detalles desee, más fotografías tendrá que tomar. Cuantas más fotos quieras tomar, más tiempo llevará el proceso. Este artículo no mostrará todas las imágenes, pero recopilará algunas de ellas para darle una idea de cómo se hace.

Captura de imagen

Cómo crear un globo terráqueo-giratorio-3D-con-Illustrator-y-Photoshop-3D r

Mientras todavía está en la opción de rotación 3D, verá un cubo 3D, notará que cada vez que lo gira, el globo gira y muestra el otro lado. Si quieres más imágenes y eres paciente y tu mano está firme, puedes girar el cubo, deteniéndote en cada lado, cierra la opción de rotación 3D (pulsa ok) y ve a Archivo Entonces Exportar , seleccione un nombre de archivo que indique de qué lado y en qué orden, seleccione PNG como tipo de archivo y, a continuación, haga clic en Mantener . El tipo de archivo PNG garantiza que el fondo no se guarde.

Cómo crear un globo giratorio 3D usando Illustrator y Photoshop - Cambiar para rotar alrededor de un eje

Cuando cambió de lado usando la ventana 3D, notó que el valor en la segunda posición de rotación seguía cambiando. Los otros valores también han cambiado, pero el segundo cuadro desde arriba controla la rotación de la vista lateral.

Tenga en cuenta que si desea un globo giratorio más detallado, deberá tomar más imágenes. Puede obtener más caras con mayor precisión ingresando valores en el segundo cuadro desde arriba. Haga que el primer valor sea de 18 grados, y cuando guarde esta imagen, siga aumentando 18 grados hasta llegar a 360. Esto significa que tendrá un total de Veinte valores para ingresar y exportar. Veinte imágenes para usar en un GIF animado en Photoshop.

Cómo crear un globo giratorio 3D usando Illustrator y Photoshop - Posiciones giratorias 3D

Si solo desea mostrar algunos lados, puede hacer clic en la flecha desplegable hacia arriba, Posición . Aparecerá un menú desplegable con todas las posiciones preestablecidas, haga clic en una de las posiciones y la esfera girará. Luego presionas ok cada vez y luego vas a Archivo Entonces Exportar , seleccione un nombre de archivo que indique de qué lado y en qué orden, seleccione PNG como tipo de archivo y, a continuación, haga clic en Mantener . PNG El tipo de archivo asegura que el fondo no se guardará.

Cómo crear un globo terráqueo giratorio 3D usando Illustrator y Photoshop con 4 ladosSi va a tomar cuatro ángulos del globo para que gire con precisión, tome fotografías Frente Entonces Bien , Entonces Atrás Entonces izquierda . Déles números en el orden en que deben colocarse en la línea de tiempo en Photoshop. Así es como se verá Frente 1 Entonces Derecha 2 , Entonces Atrás 3 Entonces Deja 4. En perspectiva 3D, vaya a la posición y seleccione cuatro. Use este orden para ajustar en Photoshop para el GIF.

5] Animar imágenes en Photoshop

Ahora que ha creado el globo y guardado las imágenes, es hora de hacer la animación en Photoshop. Para hacer esto, deberá crear un GIF animado usando la línea de tiempo de Photoshop para crear una forma de video cuadro por cuadro. Es como dibujar en un libro físico y luego hojear las páginas para animar las imágenes. Esta línea de tiempo de Photoshop funciona de la misma manera, utiliza capas y tiempos para crear un efecto de movimiento. El archivo se guardará como un GIF. El formato GIF admite animación.

buscar correos electrónicos archivados en Outlook

Habilitar línea de tiempo

Es hora de cargar las imágenes en Photoshop. Abra Photoshop y cree un nuevo documento de las dimensiones deseadas. Para abrir un nuevo documento, seleccione Archivo, luego Nuevo, o haga clic en Ctrl + Í . Aparecerá la ventana Opciones de nuevo documento, seleccione las opciones y haga clic en Bien para confirmarlos. entonces vas a Ventana Entonces Gráfico y Gráfico La interfaz aparecerá en la parte inferior del área del lienzo. El documento creado será el primer cuadro en la línea de tiempo.

Cómo crear un globo terráqueo giratorio 3D usando Illustrator y Photoshop con 4 ladosEs hora de colocar las imágenes en Photoshop. Es importante colocar las imágenes en el orden correcto en la línea de tiempo. El orden en que están es el orden en que se reproducirán. Puede cargar una imagen en Photoshop yendo a cualquiera Archivo Entonces Lugar y encuentra la imagen, haz clic en ella y presiona 'colocar'. El comando 'Colocar' colocará la imagen en el lienzo. También puede abrir una imagen yendo a Archivo Entonces abierto luego busque la imagen, selecciónela y haga clic en abrir. Este método abrirá la imagen en un documento nuevo y deberá hacer clic y arrastrarla al documento deseado.

La primera imagen ocupará el primer lugar en la línea de tiempo. Asegúrese de que esta imagen sea la primera desde la que comenzará la animación. La imagen también será visible en el panel de capas. La segunda imagen ahora se puede colocar en Photoshop, siga las instrucciones para colocarla en Photoshop. Antes de colocar una imagen, vaya a la línea de tiempo, haga clic en el botón Duplicar capa seleccionada icono. La capa seleccionada se duplicará con la imagen en ella y la capa nombrada Cuadro 2 se colocará en el panel de capas. Colocará la nueva imagen en el marco 2. Haga lo siguiente para cada imagen. Asegúrate de que las imágenes sean del mismo tamaño y que la última cubra completamente la imagen anterior, a menos que estés creando un efecto especial. Una vez que todas las imágenes se hayan colocado en Photoshop en la línea de tiempo, tenga en cuenta que estén correctamente alineadas. Realice una prueba de ejecución de la animación haciendo clic en el botón Reproducir animación y vea qué tan bien se alinean. No se preocupe por el tiempo en este punto, solo está tratando de observar las diferencias de alineación y tamaño.

Solución de problemas

Es posible que tenga un problema en el que las imágenes anteriores afecten a las imágenes posteriores y aparezcan donde no deberían estar. Esto se puede solucionar buscando el botón de menú en el extremo derecho de la línea de tiempo, haciendo clic en el menú y desmarcándolo. La nueva capa es visible en todos los fotogramas. . En el mismo menú, es posible encender y apagar Crear una nueva capa para cada nuevo marco . Actívelos o desactívelos y vea cómo afectan el resultado.

pintura pinta

Si las miniaturas en la línea de tiempo son demasiado pequeñas, presione el botón de menú en la línea de tiempo y seleccione Opciones de paneles . Se abrirán las opciones del panel Animación y verá las opciones de tamaño de miniatura. Pequeño , Medio , i Grande . Mediano es el tamaño predeterminado. Puede elegir el tamaño que sea conveniente para usted.

Agregar color de fondo (opcional) Cómo crear un globo 3D giratorio en Illustrator y Photoshop - Fondo blanco

Esta imagen está sobre un fondo blanco.

Puede mejorar aún más la animación agregando algunos elementos adicionales, puede agregar un color de fondo para que el globo se destaque. Para agregar un color de fondo, vaya al panel de capas y haga clic en la capa de fondo, vaya a la parte inferior del panel de capas y haga clic en el icono 'Crear una nueva capa de relleno o ajuste'. Elija entre Color sólido, Degradado o Patrón. Este artículo utilizará la opción Color sólido. Usa un color agradable que haga que el globo se destaque. También puedes usar un color oscuro para simular el espacio y agregar algunas estrellas con la herramienta Pincel. Cuando agregue el color de fondo, deberá hacer clic en cada cuadro y activar la capa de color. Cómo crear un globo terráqueo giratorio en 3D con Illustrator y Photoshop--

Esta imagen está sobre un fondo negro con estrellas.

configurar el tiempo

Esta es la parte donde controlarás la velocidad de la animación. Si la animación es demasiado rápida, será difícil de ver. Si es demasiado lento, será aburrido de ver. Encuentre un tiempo que no sea ni demasiado rápido ni demasiado lento. Elija el momento adecuado según lo que pueda haber en la animación. Si hay información para leer, haga que el tiempo de animación sea lo suficientemente lento para permitir suficiente tiempo para leer.

Cómo crear un globo terráqueo-giratorio-3D-con-Illustrator-y-Photoshop-2--

Para ajustar el tiempo, vaya a cada cuadro y haga clic en la flecha desplegable donde se muestran los segundos. Aparecerá un menú emergente con varias opciones de tiempo. Es posible que deba elegir un momento diferente y experimentar hasta encontrar el adecuado. También puedes hacer que cada cuadro tenga un tiempo diferente.

cómo usar prtsc en windows 10

También puede elegir cuántas veces se repetirá la animación antes de detenerse.

Mira debajo de los marcos y verás la palabra Para siempre . Este es el tiempo predeterminado. Haga clic en la flecha desplegable para abrir un menú donde puede seleccionar un número diferente de veces. Una vez , tres veces y Para siempre un número determinado de veces, si desea seleccionar un número de veces diferente a estos, seleccione Otro y se le dará la opción de ingresar el número de veces deseado.

6] Guardar

Para guardar como GIF, vaya a Archivo , Guardar para web y aparecerá un cuadro de diálogo. Simplemente puede optar por obtener una vista previa del GIF o hacer clic en Aceptar si no necesita realizar ningún cambio. El GIF animado se reproducirá en cualquier navegador web. El cuadro de diálogo Guardar para Web tiene un botón de vista previa que le permite obtener una vista previa del GIF y mostrar una copia del código HTML.

Este es un globo giratorio animado. Si desea que sea más suave, necesitará más imágenes para que los giros sean más suaves. Se agregaron otros efectos y características para mejorar la obra de arte. Puedes ser creativo y agregar lo que quieras.

Leer : Cómo crear un patrón con la herramienta de forma personalizada en Photoshop

¿Cómo crear una forma 3D en Illustrator?

En Illustrator, puedes hacer muchas formas en 3D, en algunos casos solo necesitas experimentar. Si desea una esfera 3D, simplemente cree un círculo en Illustrator, córtelo por la mitad y elimine el lado izquierdo, luego use el efecto Rotar 3D. Luego puede agregar otros efectos a la esfera 3D.

¿Cómo crear un cono 3D en Illustrator?

Crear un cono 3D en Illustrator es muy fácil, solo use la herramienta de línea. Dibuja una línea y luego ve a Efecto Entonces 3D Entonces girar , haga clic en Vista previa y verá que la línea cambia a un cono 3D. puedes hacer clic Bien para cerrar y confirmar cambios

Entradas Populares