Flash Catalyst - Diseño del proyecto de Photoshop

• Abril 26, 2024

En el último tutorial, reunimos las imágenes para nuestro portafolio que haremos en Photoshop^R y flash^R Catalizador^TM. Ahora trabajemos en el diseño. Debe tener todos los logotipos y miniaturas abiertos en Photoshop.

1. El diseño de la cartera será un diseño de rectángulos redondeados simples. El rectángulo inferior de 500 x 500 tendrá un degradado simple de estos dos colores: #ffffff y # c9c1a5.
   
   
2. A continuación, agregué una estera grande y tres pequeñas para el logotipo y las miniaturas. Con el color de primer plano establecido en negro, utilicé la herramienta Forma personalizada y la forma cuadrada redondeada para dibujar las cuatro esteras. Luego agregué una combinación de estilos de capa Drop Shadow, Inner Shadow e Inner Glow para terminar los tapetes.
   
   
3. Usando la fuente Engravers MT, agregué el título a la parte superior del diseño de la cartera. Luego, rastericé el texto y apliqué los mismos estilos de capa al texto que hice a las esteras.
   
   
4. Luego, agregué las tres miniaturas a las alfombras en el orden en que deseo que se vean los logotipos de izquierda a derecha. Por supuesto, configuraremos los botones de navegación en Catalyst para que el espectador pueda ver los logotipos en cualquier orden.
   
   
5. Luego, agregué los logotipos al panel Capas en el mismo orden.
   
   
6. Finalmente, agregué una Sombra paralela (configuración predeterminada) a la capa de fondo.
   
   Este proyecto es muy pequeño y generalmente no uso carpetas en el panel Capas para un proyecto de este tamaño. Sin embargo, deseo demostrar que la información del panel Capas de Photoshop se mantendrá cuando importamos el archivo a Catalyst. Para este propósito, coloqué todas las miniaturas en una carpeta "Miniaturas", todos los logotipos en una carpeta "Logos" y todos los gráficos de fondo en una carpeta "Fondo".
   
   
7. Ahora estamos listos para importar este diseño gráfico en Flash Catalyst. Guarde su archivo de Photoshop como PortfolioLayout.psd.
   
   
8. Abra Adobe Flash Catalyst. En la pantalla de bienvenida, usaremos Crear nuevo proyecto a partir del archivo de diseño: desde el archivo PSD de Adobe Photoshop. Busque su archivo PortfolioLayout.psd.
   
   
9. En el cuadro de diálogo, observe que Catalyst ya ha reconocido que nuestro proyecto tendrá 500 x 500 píxeles, del tamaño del archivo PSD. Configure las opciones de fidelidad para mantener editables y el color de fondo para que coincida con su página web.
   
   Examinemos el panel Capas en Flash Catalyst. Tenga en cuenta que tenemos todas las mismas capas y carpetas que en nuestro archivo PSD, junto con sus respectivos nombres. Observe también que Catalyst ha creado capas para contener los estilos de capa que aplicamos en Photoshop. Si hace clic en los iconos de visibilidad, verá que todavía tenemos control sobre estos estilos.

En el próximo tutorial, comenzaremos a hacer componentes de la interfaz de usuario con nuestros gráficos.

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ñar y Personalizar un ScrolBar (Abril 2024).