Adobe Edge Animate permite a los diseñadores y animadores el desarrollo Web con HTML5, CSS3 y JavaScript, ofreciendo una interfaz intuitiva y fácil de usar. Con este libro oficialEncuadernación: RústicaColección: Diseño Y Creatividad descubrirá cómo crear contenido interactivo y animado para la Web, que se ejecute sin complicaciones en ordenadores, smartphones y tabletas. Este libro es la forma más completa de aprender Adobe Edge Animate. La colección de Diseño y Creatividad incluye los principales programas desarrollados por Adobe y ofrece lo que nadie más puede hacer: contenidos creados por los propios expertos de Adobe, los mismos que han desarrollado los programas. Esto otorga un valor añadido a la serie y la aconseja para cualquier tipo de curso. Aprenda a crear formas, a hacer transformaciones y a añadir tipografía creativa en sus diseños con herramientas intuitivas. Cree gráficos asombrosos con movimiento, incluyendo fotogramas clave, y añada complejidad a sus animaciones. Integre interactividad con JavaScript. Realice de forma sencilla diseño Web adaptativo. Todo se encuentra en las 7 lecciones de este libro; más trucos y técnicas para incrementar la eficiencia.Introducción¿Por qué Adobe Edge Animate?La familia AdobeSobre este libroRequisitos previosInstalación de Adobe Edge AnimateWindowsMac OSDescargar los archivos de ejemploLos proyectos de ejemploCómo utilizar los capítulos del libroRecursos en línea1. Primeros pasosComencemosCrear y guardar una nueva composiciónEspacio de trabajoEscenarioAcercar o alejarCambiar las propiedades del EscenarioNombrar la composiciónTrabajar con elementosAñadir un elementoColocar un elementoModificar el tamaño de un elementoCambiar el nombre de un elementoCrear textoElementos superpuestosPaneles Elementos y Línea de tiempoOpciones Visibilidad y BloqueoAñadir movimientoAnimaciónInsertar el fotograma clave inicialModos Fotograma clave automático y Transición automáticaPrevisualizar el movimientoVista previa en Edge AnimateVista previa en el navegadorContinuar y modificar el movimientoInsertar fotogramas clave adicionalesEliminar fotogramas clave y propiedadesMover fotogramas clave para cambiar el ritmoMover fotogramas clave para cambiar la duraciónSiguientes pasos2. Crear gráficos e importar imágenes y fuentesComencemosFormatos gráficosTrabajar con mapas de bitsImportar la imagen de fondoModificar la opacidadImportar la hoja de árbolTrabajar con gráficos vectorialesImportar gráficos vectorialesRedimensionar elementosCrear elementos HTMLCrear un rectánguloModificar rectángulosRedondear las esquinasCrear esquinas redondeadas asimétricasInclinar el rectánguloHerramienta rectángulo redondeadoCambiar el color, la opacidad o el bordeTrabajar con reglas y guíasUtilizar reglas guíasEditar las guíasUtilizar guías inteligentesCrear textoAgregar etiquetasAplicar estilo al textoDuplicar el textoEditar el textoCrear texto con ancho fijo inicialIncrustar fuentes personalizadasAñadir una fuente Web a la BibliotecaAplicar una fuente WebPerfeccionar el textoOrdenar los elementosAlinear elementosOrganizar los elementosAgrupar elementosDistribuir elementosModificar y editar gruposAñadir efectos especialesAplicar sombras paralelasRotacionesRotar elementosCambiar el centro de rotaciónAnimar una rotación3. Diseñar la animaciónComencemosSobre la animaciónArchivos del proyectoAnimar la posición con el PinImportar la imagen de fondoUtilizar el Pin para crear fotogramas claveAñadir el título en movimientoAñadir una fuente WebCambiar el ritmo y la duraciónCambiar la duración de la animaciónAñadir tiempoCambiar el ritmo de la animaciónActivar y desactivar la visualizaciónOcultar a AquilesHacer aparecer a AquilesAnimar la escalaCambiar la escala de un elementoCambiar el origen de la transformaciónCrear el efecto desvanecimientoAnimar un cambio de opacidadAnimar un efecto desvanecimiento de entradaOpciones del panel Línea de tiempoAcercar y alejar la Línea de tiempoContraer y ocultar elementos en la Línea de tiempoIntercambiar activosSustituir una imagenCopiar y pegar animacionesCopiar animacionesPegar animacionesAñadir aceleración para completar el movimientoAceleración y desaceleraciónAñadir desaceleraciónAñadir desaceleración a un cambio de escalaEditar la duraciónModificar la duración totalEditar animaciones seleccionadas4. Completar la animación y añadir complejidadComencemosSímbolosCrear animaciones anidadasConvertir elementos en símbolosCrear animaciones dentro de los símbolosSalir del modo edición de símboloAnimar símbolos en el EscenarioCrear la cintaTransformar el símboloRotar dos elementos alrededor de un punto central comúnAnimar la cinta y el rolloCrear una animación en bucleAñadir un activador a la Línea de tiempo de un símboloInstancias de símboloAñadir instancias adicionales de un símboloTransformar la segunda instancia del símboloAñadir la segunda animaciónComandos de reproducciónDetener una animación anidadaReproducir una animación anidadaEditar los comandos de reproducciónEditar símbolosModificar los gráficos del rollo de cintaOpciones de símboloAñadir los personajesAñadir las imágenesAnimar las imágenesRecortarAñadir el cartel con el títuloCambiar la propiedad RecortarSombrasCrear una sombra paralelaAceleraciones avanzadasImportar símbolosAñadir los elementos finalesCrear movimiento de reboteRetoques finales5. Añadir interactividad básicaComencemosComposiciones interactivasJavaScriptDónde reside JavaScriptjQuery y la API de Edge AnimateActivadores, eventos y accionesActivadores de la Línea de tiempoCrear un bucleEditar activadoresSintaxisEventos y accionesCrear los botonesAñadir las miniaturasAñadir los eventosAñadir las accionesCompletar la interactividadNavegar por el panel CódigoVer el códigoCrear etiquetasAñadir etiquetasEditar etiquetasCambiar las referencias en la Línea de tiempoAñadir respuesta visualAñadir las miniaturas mouseoverOcultar las miniaturas mouseoverInsertar el evento mouseoverInsertar el evento mouseoutEditar el evento clickPersonalizar el cursor del ratónCursor con forma de manoControlar elementos animadosAñadir el botón y el símbolo animadoReproducir la animación de un símboloRestablecer la animación del símbolo6. Insertar contenido multimedia e interactividad avanzadaComencemosInsertar contenido multimediaCrear un elemento para el mapaAgregar eventos al EscenarioAgregar un mapa de GoogleMostrar contenido multimedia insertadoCrearlos el contenedor, la cobertura y el botónAgregar el vídeo de YouTubeMostrar el vídeo y la coberturaEliminar contenido multimediaEliminar el vídeo YouTubeOcultar el vídeo y la coberturaAñadir hipervínculosAñadir un hipervínculo a un botón de página principalAñadir contenido HTMLReemplazar textoEstablecer hipervínculos en el textoEventos del tecladoAñadir un evento keydownGestionar la lógica con condicionalesEstablecer comparacionesCódigos de teclaUtilizar variablesCrear variablesModificar variablesImponer límitesAñadir más interactividad a la presentaciónConcatenaciónBuclesModificaciones finales7. Publicación y diseño con capacidad de respuestaComencemosPublicar la composiciónPublicar para la WebOpciones de publicaciónEscenario de nivel inferiorCrear el Escenario de nivel inferiorGuardar una imagen de pósterModificar la imagen de pósterAñadir un hipervínculoPrecargadoresAñadir un precargadorInsertar la composición en HTMLInsertar el código de tiempo de ejecución y el EscenarioCopiar las bibliotecas de código y los activosModificar la composiciónDiseños con capacidad de respuestaObjetivo del diseño con capacidad de respuestaHacer que el Escenario sea escalablePrevisualizar los cambios de tamañoLimitar las dimensiones máxima y mínimaDiseños basados en porcentajesPosicionamiento relativoAjustes preestablecidos de diseñoRecursos de EdgeContenidos online del libroCapítulosLos proyectos de ejemploActualizar la composiciónRecursos en línea
