Photoshop Aunque está diseñado principalmente para editar y mejorar fotos y crear gráficos , puede utilizar " la herramienta Slice" del programa y "Guardar para Web y dispositivos " opciones para crear páginas web de su PSD archivos de imagen. Utilice la herramienta Sector para cortar ( o "corte "), el PSD en secciones. Cada rebanada se convierte en un elemento web separado , tal como un botón o campo de texto . Photoshop coloca cada rebanada en su propia tabla HTML. A continuación, puede agregar hipervínculos u otras etiquetas HTML en los distintos sectores y exportar el PSD a una página web HTML. Cosas que necesitará hotel Adobe Photoshop CS3 o posterior

Mostrar más instrucciones
Creación de una página web en Photoshop
1

Iniciar una nueva imagen PSD en Photoshop con las dimensiones que desea para su página web, de esta manera: Haga clic en " archivo" en la barra de menú y seleccione " Nuevo" para abrir el cuadro de diálogo Nuevo . Escriba el ancho de la página ( en píxeles ) en el campo "Ancho " y la altura ( en píxeles ) en el campo "Altura " .
2

Tipo " 96 " en el campo "Resolución" y haga clic en "OK ". Esto crea un lienzo en blanco para su página web.
3

Crear los gráficos de banners y botones en la parte superior de la página. Puede importar imágenes existentes y colocarlos donde quieras o utilizar gráficos de Photoshop y herramientas de texto para crear y el diseño de la bandera.
4

Seleccione la herramienta " Slice" ( quinto botón de la parte superior de la Caja de herramientas ) . Si no se muestra actualmente la herramienta Slice , haga clic y mantenga pulsado el botón y elija " Slice Tool " en el desplegable.
5

Arrastre el cursor del ratón por el primer botón o área de la pancarta donde que desea crear un vínculo. Photoshop crea una caja, o "corte ", en torno al objeto y lo coloca en una mesa. Al exportar a la página, sus rebanadas se muestran como objetos separados en tablas HTML individuales .
6

Haga clic en el sector y selecciona "Editar Opciones de sección " en el menú desplegable, para abrir las opciones de la rebanada cuadro de diálogo. Utilice este cuadro de diálogo para definir las propiedades del botón. Por ejemplo , escriba el vínculo URL en el campo " URL" . Introduzca la página de destino navegador , etiquetas alternativas , y así sucesivamente . Haga clic en " Aceptar".
7

Repita estos pasos para la creación de botones y opciones de edición de rebanada para cada área que desea hacer clic.
8

Utilice la herramienta Sector para definir un área de la página donde desea colocar un cuadro de texto . Haga clic en el sector y selecciona "Editar Opciones de sección " en el menú desplegable.
9

Haga clic en el "Tipo Slice" desplegable y selecciona " Sin imagen ". Se muestra el " texto mostrado en la celda " de campo. Puede escribir el texto en este campo o copiarlo y pegarlo en un procesador de textos . Cuando termine, haga clic en "Aceptar ".
10

Haga clic en el "Tipo Slice" desplegable y selecciona " Sin imagen . Aparece" El " texto mostrado en el campo de la célula " . Puede escribir el texto en este campo o copiarlo y pegarlo en un procesador de textos Cuando haya terminado, haga clic en " Aceptar"

Nota : . . este campo admite etiquetas más HTML. Por ejemplo, para hacer un poco de la cursiva texto , sólo tiene que colocar el texto entre la " su texto " etiquetas. Utilice "

" para crear saltos de párrafo , etc .

Note también que en el texto en este cuadro no muestra el interior de Photoshop --- no se puede ver hasta que exporta la página.
11

Continuar agregar y definir las rebanadas de texto, imágenes , gráficos, y así sucesivamente, hasta que termine el diseño.
12

Haga clic en " archivo" en la barra de menús y elegir la opción " Guardar para Web y dispositivos . " Esto abre el cuadro de diálogo Guardar para Web y dispositivos. Utilice este cuadro de diálogo para controlar el color de fondo , la compresión y calidad de imagen , y así sucesivamente.
13

clic en el botón "Guardar" para nombrar y exportar la página web.
< Br >