Flash Catalyst y Photoshop - Planificación de proyectos

• Mayo 2, 2024

Con el lanzamiento de Adobe^R Destello^R Catalizador^TM beta, los diseñadores tienen una nueva herramienta para crear proyectos Flash y con la ayuda de Photoshop^R o ilustrador^R, podemos hacer que nuestros proyectos sean mucho más atractivos visualmente. Para aquellos de ustedes que no han descargado la versión beta gratuita, Catalyst fue desarrollado con el diseñador en mente y con sus herramientas basadas en imágenes, el diseñador puede agregar componentes de interfaz de usuario viables a un diseño de interfaz de usuario sin necesidad de habilidades de programación.

Entonces, ¿dónde entra Photoshop en la imagen? La mayoría de los diseños de diseño de interfaz de usuario comienzan en Photoshop, cuando el diseñador crea una maqueta. Una vez aprobada la maqueta, es hora de crear los gráficos reales para la interfaz de usuario. Esto también se suele hacer en Photoshop. Ahora, con Catalyst, también podemos crear el diseño final en Photoshop e importar ese diseño en Catalyst, donde agregaremos la navegación basada en Flash para nuestro portafolio. Todas las capas, estilos y otros aspectos de su imagen de Photoshop aún estarán allí cuando el archivo se abra en Catalyst. Lo bueno de Catalyst es que podemos usar los gráficos tal como los creamos en Photoshop y convertirlos en componentes de la interfaz de usuario, como botones, sin ninguna preparación especial.

En este tutorial, crearemos los gráficos para una pequeña cartera de algunos conjuntos web que he vendido en DIYeStores.com. Estos conjuntos web se crean específicamente para el creador de sitios web de bricolaje del sitio. La apariencia de cada webset se refleja en el logotipo del webset. Para este proyecto, decidí crear una cartera de estos logotipos. A los efectos de este tutorial, solo tendremos tres logotipos, pero es probable que desee tener más muestras en su cartera. Nuestro primer paso es decidir qué logotipos queremos incluir en nuestra cartera y el orden en que deseamos que se vean.

Los logotipos para los websets son todos de 450 x 250 píxeles para que coincidan con las especificaciones del creador del sitio web. Decidí que el tamaño total de la aplicación será de 500 x 500 píxeles. Esto le dará suficiente espacio para un título en la parte superior, los logotipos y las miniaturas debajo de los logotipos, que se convertirán en los botones que controlan la aplicación del visor de imágenes. Tendremos que crear un gráfico en miniatura de 100 x 100 para cada uno de nuestros logotipos. Si simplemente reducimos el tamaño del logotipo al tamaño de nuestras miniaturas, gran parte del diseño será demasiado pequeño para apreciarlo. Sería mejor elegir una sección de cada logotipo que mejor represente el diseño y usarla para nuestros botones de navegación. Ahora que tenemos todas las muestras para nuestra cartera, es hora de crear el diseño para la aplicación.

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: Flash Catalyst CS5: Diseñando una Plantilla en Photoshop CS5 (Mayo 2024).