Web Motion para principiantes Un resumen de Tom Green

• Abril 25, 2024

En esta serie lynda.com de cursos basados ​​en proyectos titulados Web Motion para principiantes, Tom Green enseña gráficos en movimiento basados ​​en la web de principio a fin. Durante el proceso, construirá cinco proyectos en total.

Visión general

Green comienza una descripción general de las consideraciones importantes para un proyecto exitoso.

Primero, Green discute el propósito de la animación y cómo se logra. Usando un ejemplo de la transición de una pantalla a otra en un dispositivo de tableta, deconstruye la animación en los parámetros individuales que controla el animador.

Green discute cómo la animación es solo una forma de contar historias moviendo objetos y las dos preguntas más importantes que debe responder para crear un proyecto exitoso. Él demuestra el uso de guiones gráficos para ayudar en este proceso.

A continuación, Green analiza el proceso de planificación y el flujo de trabajo para un proyecto de animación. Señala todas las etapas del flujo de trabajo y cómo el gerente del proyecto debe presupuestar tanto el tiempo como los dólares para que cada etapa llegue a un proyecto completado en la fecha límite establecida.

A continuación, Green muestra cómo la organización es muy importante para el éxito de un proyecto. Analiza cómo organizar los diversos activos para el proyecto, como fuentes, medios, texto e imágenes, en subcarpetas dedicadas dentro de la carpeta del proyecto.

Green también analiza algunos de los escollos más comunes en la planificación de un proyecto, como la compatibilidad del navegador y el contenido reutilizable. También presenta el software que guarda en su "Web Motion Toolbox".

Después de esta breve descripción, está listo para comenzar cualquiera de los cinco tutoriales en video basados ​​en proyectos.

Crear un efecto de paralaje - Cree profundidad y movimiento con un efecto Parallax con Google Web Designer^R, Flash CC^R y Edge Animate^R.

Animar una hoja de sprites CSS - Las hojas de Sprite son una forma de animación optimizada para dispositivos web y tabletas.

Crear un precargador - Crea un precargado con After Effects^RPhotoshop^R o fuegos artificiales^R y Edge Animate.

Crear un anuncio publicitario animado - Construye un banner web con movimiento e interactividad.

Proyecto final - Este proyecto final combina todas las técnicas aprendidas en los proyectos anteriores a medida que crea un banner publicitario con Illustrator^R, Photoshop y Edge Animate.

Cuando haya completado esta serie de cursos cortos, comprenderá mejor el proceso de creación de gráficos en movimiento web desde la planificación hasta la finalización.

Otros videos tutoriales de Tom Green en lynda.com incluyen En funcionamiento con video HTML5, Crear proyectos interactivos con Edge Animate, Taller de fuegos artificiales CS6 y Entrenamiento esencial de Fireworks CS3.

//www.lynda.com/Video-Motion-Graphics-tutorials/Web-Motion-Beginners-Overview/149124-2.html

Divulgación: no recibí compensación financiera por este artículo. Las opiniones son completamente mías basadas en mi experiencia.

Instrucciones De Vídeo: realistic Seashells Pyrography Tutorial shading techniques in wood burning (Abril 2024).