Adobe Photoshop hace que sea fácil crear un diseño único para una página Web. Poderosas herramientas y efectos gráficos de Photoshop proporcionan a los usuarios un amplio control sobre el diseño , el color y las imágenes . En vez de confundir con códigos complejos y otras secuencias de comandos , se puede planificar y crear el diseño de su web completa en Photoshop y luego fácilmente exportar a la Web a través de un programa de HTML. Cosas que necesitará de computadora en línea Logotipo o gráfico principal hotel Adobe Photoshop
HTML editor como Adobe Dreamweaver
Ver Más instrucciones
1

Uso Photoshop para abrir el logotipo o la imagen que desea utilizar como principal gráfico en su página web.
2

Decidir sobre un esquema de color para su página web , utilizando la imagen como guía. En el panel de herramientas, seleccione la herramienta Cuentagotas . Lleve el cuentagotas sobre un color en la imagen. Haz clic y la herramienta tomará una muestra del color que acaba de seleccionar . Usted será capaz de ver información específica , como el número de RGB , el color en el "Color " del panel. Tome nota del número RGB específica de cada color que se muestra. Continuar con la herramienta cuentagotas para muestrear los diferentes colores de la imagen . Después de haber probado varios colores , seleccione al menos tres colores que le gustaría utilizar como esquema de colores para su página Web. Los colores deben contrastar entre sí y ser claro, medio y oscuro.
3

Ir a "Archivo" en el menú principal de navegación de Photoshop. Seleccione " Nuevo ..." y crear un nuevo documento con un ancho de 600 píxeles y una altura de 300 píxeles. Este será el principal estandarte y la cabecera de navegación de su página Web.
4

Decidir sobre la fuente de la página . Piense en la idea que quiere transmitir . Vaya al panel de herramientas y seleccione el botón "Texto" . Arrastre el ratón para crear un rectángulo en el nuevo documento . Escriba el texto del encabezado Web. Resalta el texto que acaba de escribir y luego ir a las opciones de texto en la parte superior de Photoshop. Pruebe diferentes tipos de fuentes y tamaños, y experimentar con el color de texto y la alineación hasta que esté satisfecho . Utilice la herramienta "Mover" en el panel de herramientas para mover el texto de cabecera para la que desea que en el documento.
5

Crear un fondo para su nueva bandera con uno de los colores de su predeterminado combinación de colores. Vaya a la ventana de capas , y seleccione " Relleno o capa de ajuste " botón en la parte inferior. Haga clic en "Color Sólido " e introduzca la información RGB tomaste abajo sobre el color que desea utilizar . La capa cubre ahora el texto que escribió en el paso anterior. En el panel Capas , arrastre el "Color Sólido " de la capa que acaba de crear para que esté por debajo de la capa "Texto" . El color debe estar ahora en el fondo.
6

Asegúrese de que se selecciona el archivo de " texto" en el panel Capas . A continuación, seleccione su logo o un archivo gráfico de modo que se trata de un primer plano. En el panel de herramientas , haga clic en la herramienta Mover , que debe estar en la parte superior . Arrastre la imagen del logotipo en su nuevo documento de una página Web. Una nueva capa de inmediato se debe crear en el documento con su logotipo. Con su capa de logotipo seleccionado, haga clic en el botón " fx " en el panel Capas. Haga clic en " Opciones de fusión ... " y probar diversas herramientas de mezcla de Photoshop para ayudar a su logo coincida perfectamente el color de fondo .
7

Ir a " capa" en el menú de navegación superior y seleccione " Nueva Layer " . Vaya al panel de herramientas y seleccione la herramienta de texto . Arrastre el ratón sobre la zona en la que desea crear vínculos de navegación para tu página Web. Añada el texto para la navegación con un menor tamaño de la fuente que utilizó anteriormente para crear la cabecera .
8

Ir a "Archivo " y haga clic en " Guardar para Web ". En el menú desplegable de la parte superior, seleccione el formato que desea guardar el archivo (. Jpg, . Png o . Gif) . Photoshop se guardará y optimizar su banner para la web .
9

Abre tu editor de HTML y crear un nuevo documento HTML con una tabla con cinco filas y una columna . Introduzca su banner en la primera fila. Crear un mapa de imagen para cada una de sus palabras y de navegación añadir el destino del enlace . Las cuatro filas restantes se pueden rellenar con el texto de su página Web.