Tecnología

Inicio

Cómo crear una página web flash usando Photoshop

Cómo crear una página web flash usando Photoshop


Puesto que Adobe compró Macromedia Flash, Photoshop y Flash son mucho más compatibles. Uno de los beneficios de esta compatibilidad es que ahora se puede crear un diseño de sitios web en Photoshop, y luego importarlos a Flash. Flash mantendrá todas las capas separadas por lo que usted puede añadir su animación Flash. Este tutorial se explica cómo crear un sitio web Flash usando Photoshop.

Instrucciones

1 Abrir un nuevo archivo de Photoshop. Establecer la anchura y la altura del mismo tamaño que desea que su sitio web flash. Esto variará dependiendo de su público objetivo o el diseño de su página web.

2 Cómo crear una página web flash usando Photoshop


El diseño de su sitio web en Photoshop. Utilice la herramienta de "Cubo de pintura" para llenar la capa de fondo con el color que desee para su página web de fondo. Ir a "Archivo> Colocar" y colocar cualquier imagen en capas separadas. En el ejemplo, el logotipo de JM es una imagen. Si usted tiene más imágenes, tales como una bandera o botones de navegación, crear nuevas capas para cada imagen.

Seleccione la herramienta de texto y escriba el título, texto de navegación y otro texto no gráfico. Asegúrese de que cada elemento de texto está en una capa diferente.

Es extremadamente importante que cada sección de la página web está en una capa separada debido al importar el archivo de Photoshop en Flash, Flash utilizará estas capas para crear las capas de animación.

Guardar la página web como un archivo .psd.

3 Cómo crear una página web flash usando Photoshop


Abrir un documento nuevo de Flash. Importe el archivo .psd en Flash haciendo clic en "Archivo> Importar a escenario."

4 Cómo crear una página web flash usando Photoshop


Seleccione el archivo .psd que contiene su sitio web. De-seleccionar las capas que no desea importar.

5 Cómo crear una página web flash usando Photoshop


Personalizar la forma en importar a Flash las capas de acuerdo con sus preferencias. Por ejemplo, puede importar como texto editable, vector o aplanado. Seleccione la casilla junto a "Crear clip de película para esta capa."

6 Cómo crear una página web flash usando Photoshop


Seleccione la casilla junto a "ajustar el tamaño del escenario equivalente como lienzo de Photoshop (### x ###)". Esto establecerá el tamaño del escenario en Flash para el mismo tamaño que el tamaño de su sitio web Photoshop. Presiona OK."

7 Cómo crear una página web flash usando Photoshop


Observe que Flash importa su sitio web desde Photoshop con todas sus capas separadas. Complete el sitio web Flash mediante la creación de la animación deseada en Flash.