A pesar de que implica varios pasos y una familiaridad básica con las herramientas de Photoshop , la creación de una página web en Photoshop se puede hacer, siempre que tenga alguna familiaridad con el diseño de interfaz. Photoshop es útil para crear páginas Web con gráficos pesados ​​, que se utiliza normalmente en una página web , o lo que se conoce como un mapa de imagen . Un mapa de imágenes es un conjunto de imágenes que se pueden ajustar para crear vínculos que funcionan como botones. La ventaja de usar un mapa de imagen diseñada en Photoshop es que su página se verá mucho más atractivo como un gráfico en lugar de un montón de texto con formato estándar. Cosas que necesitará
Photoshop CS3 Imagenes de archivo ( de la página ) en línea Logotipo ( de la página )
Ver Más instrucciones Crea Tu Página de Inicio en Destinia.com Photoshop
1

Abrir Photoshop. Haga clic en " Archivo"> ​​"Nuevo" para crear un nuevo archivo . Por el tamaño , seleccione " Web predeterminado " y seleccione 640 x 480 o superior .
2

Seleccione sus colores del diseño y el tema . Llenar la capa de fondo con las opciones de color que utilizan las herramientas de diseño de Photoshop . Elija los colores mediante la herramienta Selector de color, y complete su fondo yendo al menú : " . Primer plano /Background Color" Haga clic en " Editar "> "Fill ">
3

Añadir texto y fuente opciones en forma de botones usando el tema del color. Seleccione la herramienta Texto, disponible en la barra de herramientas , o seleccione la ventana de tipos ( "Ventana "> " caracteres" ) para ver las opciones. Utilice la herramienta Texto para crear un diseño básico para el que desea que sus botones, links y otros textos para ser incorporado en su diseño. Para darle profundidad de la imagen y la mejora estética , agregar efectos de texto tales como sombras a su estilo de capa . Acceda a los efectos de tipo de ir al menú : " Capa "> " Layer Styles " > " . Sombra "
4

Incorporar tus imágenes y logotipo en el diseño de su página de inicio. Colorear la imagen para que coincida con su diseño, y ajustar los modos de fusión , la transparencia y la colocación de la capa de la imagen hasta que esté satisfecho con la interfaz del diseño de su página de inicio. Ajuste los colores por ir al menú : " Imagen "> " Ajustes" > " Balance de color ". Es posible ajustar la transparencia de las imágenes mediante el acceso de la función opacidad , que se encuentra en la sección superior de la paleta Capas. El menú Modo de fusión también está disponible en la paleta Capas.
5

Haga los ajustes adicionales para el diseño de su página de inicio con las herramientas de diseño de Photoshop .
6

Click " archivo "> " Guardar como "y guardar la imagen como un archivo PSD.
Haga su Home Page Diseño funcional como una página Web
7

Cortar la imagen para romper con su diseño visual en partes de un mapa de imagen eligiendo la herramienta Sector , que se encuentra en la caja de herramientas . Divide la imagen en una cuadrícula con casillas , colocando rebanadas ( en forma de cuadrados o rectángulos ) sobre los botones, gráficos y otras partes de su diseño.
8

Elija la herramienta Seleccionar sector para más opciones situado bajo el menú de herramientas Slice . Aparecerá un submenú en la parte superior de la pantalla con varias opciones para ajustar su imagen rebanar.
9

Vincular las imágenes a otras páginas. Seleccione la herramienta Seleccionar sector . Haga clic en el pequeño icono a la derecha hasta que se asemeja a un documento de cuadro de texto para abrir una ventana que le permite ajustar los enlaces y URLs (direcciones de las páginas web ) para cada sector. Esto le permitirá crear hipervínculos (botones que llevan a otras páginas Web ) de la imagen.
10

Empezar a exportar sus cortes de imagen y la configuración de enlace de la imagen . Haga clic en " Archivo"> ​​"Guardar para Web y dispositivos " para abrir la ventana Exportar. Revise la configuración haciendo clic en la flecha submenú " Editar configuración de salida ", y ajustar según sea necesario.
11

Ajuste la configuración cuando aún estaba en la ventana de diálogo Guardar . Seleccione la carpeta a la que desea que los archivos de mapa de imágenes para ir . Desplácese hacia abajo para " Formato" y seleccione " HTML e imágenes . " Haga clic en " Guardar" para guardar la imagen del mapa . Esto exportar el archivo HTML (utilizado para la visualización de la imagen del mapa en la Web ) en la carpeta principal del directorio, así como crear automáticamente una carpeta separada para sus imágenes en los diferentes gráficos (determinado por la configuración de segmento) irán . < Br > página 12

Para probar la página web , abra el navegador , abra la nueva carpeta y haga clic en el archivo HTML.