Diseñar un sitio web puede ser muy divertido y desafiante . Tal vez la parte más difícil del diseño es decidir cómo diseñar cada segmento de la página web. Mientras que esto se puede lograr en muchos editores web , a menudo no son las mejores herramientas en esta primera fase de diseño . Adobe Photoshop proporciona una manera más fácil y más eficiente para crear diseños web , ya que permite visualizar el diseño sin tener que lidiar con el código HTML. Este tutorial te enseñará a crear un diseño web en Photoshop CS3 , otras versiones de Photoshop deben ser similares . Cosas que necesitará hotel Adobe Photoshop
Ver Más instrucciones
1

Abrir un nuevo documento. Si está usando Adobe CS3 o superior, Adobe ha proporcionado una preselección de las páginas web que es 640 x 480 píxeles. En el cuadro de diálogo "Nuevo" , seleccione "Web " en el menú desplegable "Preset " . Si usted no tiene un valor predeterminado web o el diseño web es de un tamaño diferente , introduzca el tamaño de su página web en el "Ancho " y cajas "Altura" .
2

Llene el fondo con el color de fondo. Seleccione la "Herramienta Cubo de pintura . " Haga doble clic en el " Color de primer plano " para abrir el "Selector de color ". Seleccione la casilla de verificación " Sólo Web Colores" . A continuación, seleccione la capa de fondo. Seleccione " Aceptar".
3

Place de la bandera. Crear una nueva capa. Seleccione " Archivo> Colocar ... " Vaya a la imagen de banner y haga clic en " Aceptar". La posición de su anuncio si lo deseas . Si usted no tiene un banner de imagen, puede crear un lugar para su bandera como se muestra en el siguiente paso .
4

Añadir los segmentos restantes del diseño web. Crear una nueva capa para cada parte de la página web. Seleccione una herramienta de forma en el menú de herramientas. Seleccione un color de fondo para el segmento. Dibujar el trazado restante para su sitio web .
5

Cortar el diseño web para prepararlo para la web. Seleccione la herramienta " Slice" . Dibuje un cuadro alrededor de cada segmento.
6

Guardar para la web . Seleccione " Archivo> Guardar para Web ". Presione "CONTROL A" para seleccionar todos los sectores. A continuación , pulse el botón " Guardar". Seleccione " HTML y de imagen" en el menú desplegable "Formato" . Asegúrese de que " Todos los sectores " está seleccionado y guardar el diseño en que carpeta del sitio web . El diseño web ya está listo para agregar el contenido en un programa de edición web como Dreamweaver .