Cómo hacer un diseño web simple en Adobe Photoshop CS

Webs personales ya no son infrecuentes en la World Wide Web. Las personas crean y gestionan sus propios sitios web para casi cualquier cosa , negocios, aficiones , obras de arte , etc Una gran herramienta que se utiliza para el diseño de sitios web personalizados es Adobe Photoshop. Los usuarios son capaces de crear una imagen que se puede utilizar como la disposición del fondo para su página web y convertir fácilmente una imagen de una página web en una página HTML en pleno funcionamiento . Photoshop es una herramienta de elección entre los diseñadores de páginas web , y con algunos pasos simples que usted puede aprender a aprovechar algunas capacidades poderosas para diseñar sus propios sitios web. Cosas que necesitará de computadora hotel Adobe Photoshop ( versión 7.0 o superior)
Ver Más instrucciones
1

abren Adobe Photoshop y crear un documento en blanco con un resolución mínima de 800 píxeles x 600 píxeles. Entre 72 píxeles /pulgada como el valor de la resolución.
2

Diseñe su diseño web. Usa tu imaginación , o inspirarse en un sitio web que usted admira . Para empezar, seleccione un color de fondo y rellenar el lienzo con la herramienta Cubo de pintura ( atajo de teclado G). Insertar imágenes y diseños para personalizar su página con un aspecto personalizado .

Que tener en cuenta los componentes básicos de un sitio web en funcionamiento. Asegúrese de incluir los espacios de una barra de navegación , el principal espacio para el texto , así como una especie de bandera título de su página web. Si usted está planeando para colocar los widgets incrustados en sus páginas, asegúrese de dejar espacio para eso también.
3

Slice su diseño de página web . Una vez que haya terminado el diseño de su página web , debe utilizar la herramienta Sector (K ) para dividir los componentes de su página. La herramienta Sector dividirá a su página en secciones rectangulares , que se exportan como imágenes separadas que se ensamblan para crear su página web. Haga clic y arrastre la herramienta y definir los espacios y los botones principales que estarán en sus páginas . Por ejemplo , usted quiere tener cortes para cada botón que estarán en la barra de navegación , por lo que cuando se exportan las imágenes se puede usar ese botón como un enlace a otra página en su sitio.
4

Exporta tu página diseñada desde Photoshop . Cuando haya terminado de crear divisiones para optimizar su página web, usted está listo para exportar la imagen de Photoshop para trabajar en el archivo en un editor HTML. Exportar el diseño web , seleccionando " Archivo", luego "Guardar para Web y dispositivos ... " desde la barra de menú superior. Un cuadro de diálogo aparecerá preguntando por el formato de archivo en el que desea exportar la imagen . Cualquier formato de archivo va a hacer, y esto es una cuestión de preferencia personal. Seleccione JPEG o BMP como formato , golpeó " OK" y guarde el archivo . Ahora ha exportado su diseño web de Photoshop como un archivo . HTML con imágenes , y está listo para publicar el sitio web o seguir modificarlo con un editor HTML.