Tecnología

Inicio

Cómo crear un sitio web utilizando Photoshop

Cómo crear un sitio web utilizando Photoshop


En la última década, casi todas las aplicaciones informáticas que crean contenido basado en los medios de comunicación han añadido la capacidad de guardar las páginas web de Internet desde la propia aplicación. Adobe Photoshop ha incorporado esa capacidad en las últimas varias versiones con el fin de permitir a los creadores que centran sus esfuerzos en la técnica y el estilo de la creación de contenidos para la web en lugar de centrarse en el aprendizaje de los aspectos técnicos más profundos de XHTML y lenguajes de script subyacentes para el desarrollo web. Como resultado, los creadores de contenido pueden formar complejos diseños web del producto desde Photoshop sin tener que codificar manualmente el código XHTML.

Instrucciones

1 Abrir una nueva imagen Photoshop seleccionando la opción "Archivo -> Nuevo". El tamaño de la imagen debe ser de al menos 500 x 400 píxeles de tamaño y no más de 1000 x 1000. Con la herramienta Pluma de forma libre en Photoshop, dibujar un sitio web área de menú a mano alzada que incluye el tercio superior de la página web y el cuartel izquierdo . Cuando dibujo completo, convertir la forma dibujada en una selección por "clic derecho" la forma y haciendo clic en la opción de menú "Hacer la selección". Si la forma no aparece como usted desea, "click derecho" la selección y seleccionar la tecla "Delete" en su teclado y repetir.

2 Crear un color de relleno para la forma creada por "Selección" de la herramienta de relleno, un color de la paleta de colores y "clic izquierdo" en la forma con el color deseado.

3 Texto "Insertar" en la parte superior derecha del archivo de Photoshop que será el título del sitio web o logotipo por la elección de la "Herramienta de inserción de texto" en la barra de menú y "clic izquierdo" en el inicio de la zona deseada para la entrada de texto.

4 Seleccione la "herramienta de forma" e insertar rectángulos redondeados en el lado izquierdo de la página web para ser botones para el sitio web. Asegúrese de que los botones son lo suficientemente grandes como para luego insertar texto utilizando la "Herramienta de inserción de texto" para el etiquetado de los menús de archivos.

5 Insertar una imagen de fondo para el servidor eligiendo el menú "Archivo -> Insertar -> Imagen" opción de selección. En el menú capa en la parte inferior derecha de Adobe, "click derecho" la imagen de fondo y seleccione "Enviar al fondo". Esto asegurará que su imagen está detrás de la otra información del sitio web ya configurada.

6 Para publicar su sitio web creado Photoshop, seleccione "Archivo -> Guardar para Web" y una calidad JPEG de entre el 60 y el 80.

Consejos y advertencias

  • Incorporar Cascading Style Sheets con la creación de la página Web en Adobe Photoshop para diseños web más complejas.

Artículos relacionados