Esa es una pregunta bastante amplia.
¿Qué tipo de animación quieres aprender? Algunas de las categorías amplias que he enumerado a continuación.
Web: basado en Flash o HTML + CSS + Javascript
Móvil: Android / Windows / iPhone
Escritorio / Laptop: Windows / Linux / Mac
TV: Películas y series.
Otro tipo de categorización es Interactivo (es decir, el usuario / visor final puede proporcionar información a la animación, como en los juegos) o No interactivo (solo lo ve el usuario. No puede proporcionar información, como en un video animado, películas, etc.)
- He tomado la admisión en VNIT Nagpur. ¿Qué debo hacer para asegurar mi mejor desempeño académico durante el primer año?
- Quiero estudiar economía en la escuela de posgrado (preferiblemente en los EE. UU.) Pero no estoy interesado en una carrera en el mundo académico. ¿Es el costo de oportunidad de hacer un doctorado en economía demasiado alto, entonces? ¿Cuáles son las alternativas?
- ¿Debo tomar física en noveno grado?
- Cómo mantenerse encima de una carga pesada
- ¿Cómo es la calidad de la enseñanza en KLU?
Hay algunos conceptos generales de animación y luego hay cosas específicas de la aplicación (como se enumeran anteriormente) que deben aprenderse.
Algunos conceptos generales: (esto puede ser largo y puede parecer irrelevante para su pregunta al principio, pero en caso de que no los conozca, lo encontrará útil y es necesario para una buena animación)
- Píxeles: conforman la imagen digital. Normalmente en una pantalla digital (como una computadora portátil / monitor / TV / teléfono), estos están compuestos de 3 componentes primarios de luz: RGB (rojo, verde, azul) y un virtual (simulado mediante la combinación de colores) Alfa (transparencia) [Transparencia (gráfico )] componente.
Normalmente, en la actualidad, cada uno de los componentes está compuesto de 8 bits sin signo [es decir, el valor de cada uno de R, G, B y A varía de 0 a 255]. Estos valores representan la “fuerza” o “intensidad” de un color particular como proporción
Entonces, 0 significa “no presente” y 255 significa “totalmente presente”
Por ejemplo, si RGB = [0, 34, 255] significa crear un color tal que por cada 1 parte de Azul, agregue 34/255 partes de Verde y 0/255 partes de Rojo. Esto no es una mezcla de colores de pintura de papel “normal”. Está mezclando “luces” y así las partes solo significan la intensidad de la luz.
[RGB] = [0,0,0] => No use color que se convierta en negro absoluto
[RGB] = [255,255,255] => Mezcla todos los colores por igual con intensidad completa (blanco absoluto)
Por lo tanto, 1 píxel en los estándares actuales se compone de 24 bits (RGB). La transparencia se simula, por lo que en un programa puede usar 32 bits (24 RGB + 8 A), pero en una pantalla solo tiene 24 bits.
Hubo un momento en que los juegos se hicieron con imágenes de 8 bits (es decir, cada píxel se representó usando solo 8 bits en lugar de 24/32). ¿Recuerdas esos videojuegos basados en cartuchos? - Picutre / Imagen / Marco :
Ahora, una imagen / imagen o marco estático (es decir, una instancia de lo que ves en una pantalla) está formado por píxeles. Como la mayoría de las pantallas son rectangulares, las imágenes también son rectangulares. El ancho y la altura de las imágenes se representan como píxeles.
Generalmente se escribe como píxeles WxH
La resolución de la pantalla (que es el número real de píxeles físicos en una pantalla) también se representa en píxeles
Entonces, una pantalla de resolución 1600 × 900 significa que la pantalla puede mostrar 1600 píxeles de ancho y 900 píxeles de alto.
Si intenta ver una imagen de tamaño 2560 x 1440 píxeles en una pantalla de 1600 × 900 en pantalla completa, el controlador de software / monitor intentará realmente cambiar el tamaño de la imagen a 1600 × 900 mediante algún algoritmo (generalmente significa una pérdida en la calidad de la imagen) .
Si no ve en pantalla completa, solo podrá ver parte de la imagen (1600 × 900) a la vez y deberá desplazarse horizontal o verticalmente para ver el resto de la imagen.
De manera similar, si ve una imagen de 600 × 480 en pantalla completa, el espectador intentará ajustarlo a 1600 × 900 mediante un algoritmo, lo que dará como resultado una imagen borrosa / “pixelada”. Si no usa la pantalla completa, verá la imagen completa en una pequeña parte de la pantalla.
Entonces, ahora tiene una idea de cómo la calidad de la imagen mejorará o empeorará según el tamaño real de la imagen y la pantalla en la que se ve.
También necesitas saber la memoria requerida para guardar una imagen.
El tamaño del mapa de bits simple (es decir, cada píxel de la imagen se almacena como está) será
W x H x tamaño del pixel
es decir, una imagen de 1600 × 900 con 24 bits (RGB) tendrá un tamaño = 34 560 000 bits = 4 320 000 bytes = 4.12 MB
Si usa 32 bits (RGBA), entonces el tamaño de la imagen es de 5.49 MB
Sin embargo, hay muchos algoritmos de compresión de imagen (como jpeg / png / tiff) que reducen considerablemente el tamaño real de la imagen almacenada (la mayoría de las veces la imagen mencionada anteriormente estará por debajo de unos pocos cientos de KB)
En el contexto de la animación, cada imagen también se llama como un “marco”.
¿Por qué importa el tamaño de la imagen?
Una imagen más grande (más píxeles) generalmente proporciona una sensación muy nítida y detallada. Puede distinguir fácilmente la “mejor” imagen de una cámara web de 0,3 MP versus una cámara de teléfono de 5 MP y una cámara digital profesional de 20 MP cuando se ve en una pantalla grande (computadora portátil / monitor / TV)
Puede distinguir fácilmente entre una imagen de cámara de 0,3 MP frente a 5 MP o una cámara digital de 20 MP cuando se ve en la pantalla de un teléfono de 3,7 pulgadas.
Sin embargo, no notará mucha diferencia entre la imagen de la cámara del teléfono de 5 MP y la imagen de la cámara digital de 20 MP en una pantalla de teléfono de 3.7 pulgadas.
¿Por qué no usar imágenes grandes como sea posible?
Bueno, esto tiene un costo. Imagen más grande => Tamaño más grande del archivo para almacenar / enviar. En algún momento, ni siquiera tiene sentido usar una imagen tan grande cuando sabes que, de todos modos, la verás en la pantalla de un teléfono pequeño. - Cuadros por segundo:
Finalmente llegamos a la ‘animación’. Una animación es solo un montón de “imágenes” o “cuadros” cambiados a una velocidad suficientemente rápida con un alto grado de similitud entre cuadros sucesivos para un efecto suave. Eso es, literalmente, como esas películas de antaño. Toma imágenes distintas en un rollo de película a una velocidad rápida y luego vuelve a reproducir esas películas a una velocidad similar para que el espectador tenga la sensación de “movimiento”.
La velocidad de fotogramas simplemente significa “número de fotogramas por segundo”. También escrito y hablado como fps / fps
Los seres humanos normales generalmente no pueden distinguir marcos individuales, cuando FPS> = 15. En general, se considera que 30 FPS son de muy buena calidad y 15 FPS es decente.
¿Qué significa realmente?
Bueno, si creas una secuencia de fotogramas (que cambian muy poco sucesivamente) y la reproduces a 15 FPS, pensarás que es una película continua. Si vuelves a jugar a <15 FPS, obtendrás ese efecto nervioso. Una velocidad más alta dará una sensación de animación muy suave (si en realidad hay muchos fotogramas continuos) o un "avance rápido" (si no hay suficientes fotogramas). Vea el video a continuación para el impacto de las tasas de cuadros.
¿Por qué importa el FPS?
Por un lado, FPS determina la “suavidad” de la animación.
Entonces, ¿por qué no usamos FPS muy altos, digamos 30?
Un FPS más alto no viene gratis. Tomemos un cálculo simple. Si hicimos una película de 30 fps con una imagen de 1600 × 900 (compuesta de 32 bits), en realidad necesitamos procesar 30 x 5.5 MB = 165 MB de datos por segundo. Esa es una tasa de cómputo muy alta y puede calentar fácilmente su computadora portátil / TV / teléfono y, si lo está viendo en un teléfono, descargue su batería. (Solo compare esto con una tasa de transferencia de archivos típica de una unidad de disco a otra, aproximadamente 15 MB / seg. No es una comparación justa, ya que los discos suelen ser mucho más lentos que la CPU).
Ahora, en cambio, si solo usamos 15 FPS, debemos procesar aproximadamente la mitad de los datos, es decir, 82 MB por segundo.
Si reducimos el tamaño de cada cuadro a 800 × 450, hay una reducción adicional de 4 veces a aproximadamente 20 MB por segundo.
El tamaño total de la animación / video será “datos por segundo x longitud de video”
Entonces, para una animación de 5 minutos (300 segundos), una animación con 165 MB / s resultará en un video de un tamaño de aproximadamente 48 GB (165 x 300 MB), mientras que 82MB / s resultará en 24GB y 20MB / s resultará en 6 GB. Eso suena enorme tamaño.Por lo general, hay muy buenos algoritmos de compresión y reproducción de video (avi, mp4, divx, xvid, mpeg2, etc.) que aprovechan la repetición de datos en cuadros sucesivos e intentan predecir los cuadros siguientes en función de los cuadros actuales y pasados y reducen considerablemente los datos que se necesitan. Para ser procesado por segundo y también reducir el tamaño del video almacenado.
Sin embargo, el cambio relativo en FPS, tamaño de imagen o bits por píxel afectará el tamaño general almacenado, la velocidad de procesamiento y la calidad de la animación.
Nuevamente, como se argumentó en el punto 2 (imágenes / cuadros) anterior, si su contenido se va a ver en una pantalla muy pequeña, no tiene sentido tener una animación compuesta de cuadros / imágenes de gran tamaño.
Ahora que tiene una idea de los conceptos generales de animación, veamos los softwares / idiomas necesarios para crear una animación.
Una muy buena lista de software está aquí. Las 20 aplicaciones más importantes para artistas y diseñadores.
Si pretende realizar animaciones no interactivas: es decir, un usuario / espectador solo podrá ver la animación como una película normal y nada más, no necesita aprender ningún lenguaje de programación. Estas animaciones normales se pueden ver en la computadora portátil / de escritorio / teléfono / TV.
Todo lo que necesita es comprender los conceptos básicos de píxeles, imágenes y velocidades de fotogramas y luego elegir un buen software y aprenderlo.
Mi elección personal (fuera de la experiencia) es Blender (fuente abierta, gratuita) y Adobe Flash Professional (anteriormente Macromedia Flash) [con licencia, no gratuita]. Adobe Flash tiene un excelente tutorial y es muy fácil de usar para crear grandes animaciones. Y flash se usa ampliamente en sitios web para mostrar películas / contenido animado también.
Blender tiene muy buenos tutoriales basados en la comunidad y es utilizado por muchos diseñadores que les gusta ponerse al día con la última tecnología. También es muy fácil de usar, pero es posible que no le consiga tantos trabajos como le pueda brindar el conocimiento de Adobe Flash (esto es una discusión totalmente fuera de tema). Hay varias opciones para exportar su película de animación final (no recuerdo si swf (flash) es una de las opciones).
Además de Blender y Adobe Flash, mire el enlace que proporcioné anteriormente (los 20 programas más importantes)
Si tiene la intención de crear animaciones interactivas (como juegos, o aplicaciones basadas en la entrada del usuario (por ejemplo, un sitio web) o un cuestionario, etc.), deberá aprender varios lenguajes de programación según el lugar en el que desee que se vea su animación.
Para web:
1. ActionScript (Flash) es una excelente opción: Adobe Flash hará el trabajo por usted. Además de ayudarlo a crear una gran animación, también le permite escribir “ActionScript”, que controla las distintas partes de la animación y le permite diseñar un juego o una página web interactiva o un cuestionario o algo más. Todo se incluye como “.swf” que se puede incrustar en una página HTML normal.
2. HTML5 + CSS3 + Javascript: al usar HTML5, CSS3 y JavaScript más recientes, puede hacer una gran animación interactiva que se adapta a la calidad de cualquier software profesional como Flash, pero usa mucho menos recursos de computadora (computadora portátil / teléfono) (como batería, CPU, etc.) ) Con una calidad que escala con resolución de pantalla. (Es decir, la animación se verá tan nítida y clara en un monitor / TV gigante de 48 pulgadas como en una pequeña pantalla de teléfono de 3.7 pulgadas). Mira la biblioteca de Raphaël-JavaScript
Para los teléfonos:
Android: tendrá que aprender mucho de Java y algo de C (para usar la biblioteca OpenGL / otras bibliotecas). El tutorial para desarrolladores de Android de Google es un excelente lugar para comenzar. Búsqueda para hacer juegos en Android. Hay muchos tutoriales con los que puedes comenzar.
iPhone: necesitarás aprender Objective C y algo C (para usar la biblioteca openGL / otras bibliotecas). Realmente nunca he hecho nada en iOS
Escritorio / Laptop:
Windows / Linux / Mac: hay muchos idiomas que puedes usar para crear animaciones. C, C ++, Java, Python … Por lo general, necesitarías aprender buenas bibliotecas gráficas (el idioma que elijas) para hacer tu animación.
TV: Realmente no sé cómo hacer animaciones de TV interactivas.
Espero que ayude.