Aunque los diseñadores suelen utilizar Photoshop para crear obras de arte e imágenes de productos , el programa también se puede utilizar para diseñar páginas web. No es compatible con la creación real de HTML o CSS, pero en cambio ofrece herramientas para la toma de los elementos gráficos de la página y la planificación de la apariencia de su página. Incluso proporciona una herramienta que optimiza específicamente guardar tus imágenes para Internet. Cosas que necesitará Computadora
Photoshop
Ver Más instrucciones
1

Crear un nuevo proyecto en Photoshop. Las dimensiones de su nuevo proyecto debe ser la de su página web. Elige una dimensión página web que cumple con una resolución de pantalla utilizada . Ten en cuenta que su página web se puede acceder a ordenadores con una variedad de resoluciones de pantalla , sin embargo, así que asegúrese de que el diseño de su página por lo que es por lo menos accesible para resoluciones menores.

2 Haga clic en la herramienta Selector de color en la barra de herramientas y seleccione un color de fondo para su página web. A continuación, seleccione la herramienta Relleno y haga clic en su proyecto. Su proyecto se llenará ahora con su color de fondo.
3

Ir al menú Capas y seleccione Nueva capa. Crear los cuadros de texto, tablas, y otros campos de color en esta capa.
4

Seleccione la herramienta Texto de la barra de herramientas y haga clic en uno de los campos de color . Añade el texto que desea que haya en su página web . Puede ajustar el tamaño y estilo de fuente del texto a través de un menú en la esquina superior izquierda de Photoshop. Asegúrese de añadir un título en la parte superior de la página en una fuente grande .
5

Ir al menú Capas y seleccione Nueva capa de nuevo. Use esta nueva capa para añadir las imágenes y otros elementos gráficos a tu sitio Web . Un bonito logo de su título principal ayudará a darle sabor . Para añadir imágenes a tu sitio Web o importarlos en Photoshop a través del menú Archivo. Seleccione cada imagen con la herramienta de selección rectangular y haga clic derecho en la imagen . Seleccione Copiar en el menú desplegable. Vaya a su archivo de página Web y seleccione Pegar en el menú Editar. Puede hacer clic y arrastrar la imagen a cualquier parte de su proyecto.
6

Seleccione la herramienta Sector de la barra de herramientas. La herramienta cordones rebanar bloques de la imagen y lo corta en una serie de imágenes más pequeñas. Esto es útil si usted desea tener un diseño unificado en su página web , pero con ciertas partes que sirven como botones de enlaces.
7

Vaya al menú Archivo y seleccione Guardar como. Guarde el proyecto como un archivo PSD . . Esto es en caso de que desee volver atrás y hacer ajustes después de haber hecho tu página web.
8

Ir al menú Capas y seleccione Combinar visibles . Todas las capas se fusionarán en uno solo.
9

Vaya al menú Archivo y seleccione Guardar para Web. Seleccione el tipo de imagen que desea utilizar en su página web , preferiblemente tampoco. Jpeg o . Gif . Haga clic en Guardar. Photoshop ahora el tramo hasta la imagen de un guardar cada sector como una única imagen en una carpeta dedicada a su proyecto. A continuación, puede cargar cada imagen en un editor de página web, volver a montar las rodajas en un todo unificado . A continuación, puede programar cortes individuales para actuar como botones de enlace .