Flash Catalyst - El espacio de trabajo
En nuestro proyecto de cartera, hemos creado los gráficos para nuestra interfaz de cartera en PhotoshopR e importó el archivo PSD a AdobeR DestelloR CatalizadorTM. Ahora, estamos listos para hacer los botones (llamados componentes interactivos) que harán que la cartera sea navegable. Abra su archivo PortfolioLayout.psd en Catalyst y echemos un vistazo. A primera vista, verá que el espacio de trabajo no es tan intimidante como el espacio de trabajo de Flash.

La parte superior es el panel Páginas / Estados donde encontrará una miniatura para cada página de nuestro proyecto. En este momento, tenemos una página con el primer logotipo visible. Pero para que podamos mostrar los otros dos logotipos en la cartera, necesitaremos crear dos páginas más (Estados).

Debajo del panel Páginas / Etapas se encuentra la vista de nuestro proyecto, llamado Artboard, y debajo de eso está el panel Timelines. Aquellos de ustedes que estén familiarizados con Flash notarán que la línea de tiempo es algo diferente en Catalyst. Como puede ver en las pestañas Transiciones de estado y Secuencias de acción, todavía usamos la Línea de tiempo para controlar lo que sucede, pero la Línea de tiempo no tiene esos fotogramas clave familiares. Esto se debe a que Catalyst toma la mayoría de las decisiones sobre lo que nos sucede cuando agregamos los componentes de la interfaz de usuario.

A la derecha, tenemos el panel de herramientas e íconos similares a todos los programas de Adobe. Debajo de eso, tenemos el panel Capas. Funciona mucho como Photoshop e Illustrator.R Paneles de capas y no como capas en Flash, que forman parte de la línea de tiempo.

A continuación, tenemos los paneles Wireframe Components, Library y Design-Time Data. Haga clic en la pestaña Biblioteca y verá una lista de los gráficos y estilos de nuestro archivo PSD importado. Vuelva al panel Componentes de estructura alámbrica. Este es el panel que contiene todos los componentes que podemos agregar a nuestro proyecto. Se llaman "Wireframe" porque estos componentes son "huesos desnudos". Están destinados a ser agregados a nuestros gráficos importados para crear componentes basados ​​en imágenes.

El panel de Propiedades en Catalyst es como el panel de Propiedades en Flash. A medida que selecciona un objeto en nuestro proyecto, las propiedades editables de ese objeto se muestran en este panel. A medida que trabajemos en nuestra navegación para este proyecto, nos presentaremos un nuevo panel en Catalyst llamado HUD. En este momento, es esa pestaña en gris titulada "Sin selección". Una vez que comencemos a trabajar, se expandirá para darnos los controles que necesitamos, en función del objeto activo.

Finalmente, para esos tipos curiosos, podemos cambiar del espacio de trabajo de Diseño predeterminado al espacio de trabajo de Código. Simplemente haga clic en Ventana - Espacio de trabajo de código en la barra de menú. Como puede ver, se parece mucho al panel de Acciones Flash, pero en lugar de ActionScript, vemos el código MXML que Catalyst está generando en segundo plano mientras trabajamos.

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.


Instrucciones De Vídeo: Curso Flash CS6 Capítulo 1 - 04 Espacios de Trabajo (Marzo 2024).