Tecnología

Inicio

Cómo crear presentaciones Web en Photoshop

Cómo crear presentaciones Web en Photoshop


El diseño de 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. Si bien esto se puede lograr en muchos editores web, a menudo no son las mejores herramientas en esta etapa inicial de diseño. Adobe Photoshop proporciona una manera más fácil y más eficiente para crear diseños web, ya que le 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.

Instrucciones

1 Cómo crear presentaciones Web en Photoshop


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

2 Cómo crear presentaciones Web en Photoshop


Llene el fondo con el color de fondo. Seleccione la opción "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 colores Web". A continuación, seleccione su capa de fondo. Seleccione "OK".

3 Cómo crear presentaciones Web en Photoshop


Colocar la bandera. Crear una nueva capa. Seleccione "Archivo> Colocar ..." navegar por su imagen de cabecera para y haga clic en "Aceptar". La posición de su bandera 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 Cómo crear presentaciones Web en Photoshop


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

5 Cómo crear presentaciones Web en Photoshop


Cortar la disposición de la tela para prepararlo para la web. Seleccione la herramienta de la "rebanada". Dibuje un cuadro alrededor de cada segmento.

6 Cómo crear presentaciones Web en Photoshop


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 la disposición en que carpeta del sitio web. La disposición de la tela está ahora listo para agregar el contenido en un programa de edición web como Dreamweaver.

Consejos y advertencias

  • Debido a que cada segmento es en una capa independiente, puede mover los segmentos en torno a reorganizar el diseño web.