“Conocimientos software>Photoshop

Tutorial sobre cómo crear una página web en Adobe Photoshop

2011/1/16
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.


Photoshop
Cómo iluminar una persona en Photoshop
Cómo convertir un archivo de Adobe Photoshop Image en una imagen vectorial
Cómo crear texto en 3D en Adobe Photoshop CS2
Cómo crear un Banner en Photoshop Usando varias imágenes
Cómo agregar el efecto del océano en Photoshop CS5
¿Cómo revertir Texto en Photoshop
Cómo quitar manualmente los ojos rojos para obtener mejores resultados en Photoshop Elements 6
Cambio del color de la ropa en Photoshop
Conocimientos Informáticos © http://www.ordenador.online