Tecnología

Inicio

Cómo hacer un diseño con Photoshop

Conocido por sus capacidades gráficas y de edición de imágenes, Adobe Photoshop también puede ser utilizado para otros fines, como la creación de un diseño completo de una nueva página web. El proceso lleva tiempo sin embargo, es bien vale la pena el resultado.

Instrucciones

1 Abrir Photoshop. Seleccione "Archivo" y luego en "Nuevo". En el cuadro de diálogo que se abre, establecer el ancho de 720 píxeles y la altura de 500 píxeles. Deja la resolución a 72 píxeles. Haga clic en Aceptar." Cambiar el color de "primer plano" a gris. Seleccione la función "Cubo de pintura" y rellenar el lienzo con este color.

2 Ir al panel "Capas" y haga clic en el icono "Nueva capa". Seleccione la herramienta "Marco rectangular" y seleccione un área en la parte superior en la que desea colocar la cabecera. Cambiar el color de "primer plano" a blanco y rellenar la selección.

3 Comience a crear el espacio de navegación y cuadros de texto, la creación de una nueva capa para cada artículo nuevo a fin de hacer más fácil cambio de la disposición. Seleccione la zona donde desea que cada cuadro y llenarlo con blanco.

4 Seleccione "Opciones de fusión" y aplicar el valor por defecto "Sombra interior", "satinado" y "Stroke" a una de las capas de la caja. Esto creará un efecto metálico. Crear una nueva capa. Seleccione la herramienta "Rectángulo redondeado", cambiar el color a gris, y crear un rectángulo más pequeño dentro de la caja de metal, dejando suficiente expuestos a permitir que el texto que se colocará allí más tarde. De nuevo seleccione "Opciones de fusión", esta vez aplicando "Sombra interior", "Resplandor exterior" y "Resplandor interior". Repita este paso para cada una de las áreas blancas, incluyendo el área del banner. Ahora añadir una imagen de la bandera de su elección a la zona de la bandera, y algo de texto.

5 Ir a la barra de herramientas y seleccione la función "rebanada". Empezar a cortar el diseño en secciones utilizables. Desea que las rebanadas para reflejar las funciones de la página que, como botones de navegación y pancartas. Nombre cada rebanada. A continuación, guarde el documento en general. A continuación, seleccione "Archivo" y haga clic en "Guardar para Web o dispositivos." A continuación, se le permite ahorrar cada sector como una imagen separada y una página HTML que posteriormente puede importar en su editor de página web. Cualquier cosa con imágenes o fotografías debe guardarse como archivos JPEG. Si la página es sólo gráficos vectoriales, que es mejor guardar las rebanadas como GIF, ya que se cargarán más rápido.