Tecnología

Inicio

Cómo agregar imágenes a un Banner en Photoshop

Cómo agregar imágenes a un Banner en Photoshop


Una pancarta sencilla, especialmente uno con una imagen, ofrece más interés visual para sus visitantes en línea que un simple enlace de texto a las imágenes más recientes de vacaciones o de nueva creación culinaria. Con unos pocos minutos y una comprensión superficial de Photoshop, puede crear un simple banner de imagen para su página web.

Instrucciones

1 Abrir o crear la imagen del banner en Photoshop. Si aún no lo ha creado la cabecera, hacerlo abriendo el menú Archivo y seleccionar "Nuevo". Introduzca la altura deseada y la anchura en píxeles, y haga clic en "Aceptar" para crear el nuevo documento. Añadir texto, colores de fondo o de otro estilo que le gustaría para el banner, también.

2 Abre la imagen en Photoshop. Si es necesario, ajustar el tamaño de la imagen para que coincida con la bandera. Se puede cambiar el tamaño de la imagen al abrir el menú de Imagen, seleccione "Tamaño de imagen" e introduzca la altura y la anchura deseada.

3 Seleccione la imagen. Utilizar el Marco Rectangular encontrado en la barra de herramientas de Photoshop como un cuadrado con lados de trazos, para seleccionar la parte deseada de la imagen. Para elegir un cuadrado, mantenga pulsada la tecla Mayúsculas mientras hace su selección.

4 Copiar la imagen. Haga clic en las teclas "Ctrl" y "C" al mismo tiempo para copiar, o abra el menú Editar y seleccione "Copiar".

5 Pegar la imagen en el banner. Abrir la ventana que contiene la bandera. Haga clic en la tecla "V" "Ctrl" y, o abra el menú Editar y seleccione "Pegar" para insertar la imagen en el banner. La imagen aparecerá como una nueva capa bajo el panel Capas.

6 Ajuste la ubicación de la imagen. Asegúrese de la capa de la imagen se resalta en el panel Capas. Mover la imagen a la ubicación adecuada con la herramienta Mover (la flecha con una cruz al lado de él) haciendo clic y arrastrando la imagen o utilizando las teclas de flecha del teclado.

7 Guardar una versión PSD de la bandera. Abra el menú Archivo y seleccione "Guardar como". Por defecto, Photoshop guarda la bandera como un PSD (Photoshop documento). Guardar el documento en la misma ubicación que la imagen para la Web, por lo que es fácil editar las capas existentes, como cualquier texto u otros diseños en el futuro, sin necesidad de volver a crear la imagen.

8 Guardar la bandera. Abra el menú Archivo y seleccione "Guardar para Web y dispositivos", que "aplanar" o combinar todas las capas en una sola imagen. Seleccione el tipo de archivo en el menú. Para páginas web, seleccione "GIF" (para ahorrar espacio de almacenamiento) o "PNG-24" (para una imagen con un fondo transparente). Haga clic en "Guardar" y seleccione la ubicación en el disco duro para guardar el archivo. Si ya tiene una carpeta para su sitio web, guardar la bandera a esa carpeta; de lo contrario, crear una nueva carpeta en el escritorio, en Mis documentos o cualquier otra ubicación que elija.

Consejos y advertencias

  • las dimensiones de la bandera comunes incluyen: 120 píxeles por 60 píxeles (pequeño rectángulo), 125 píxeles por 125 píxeles (pequeños cuadrados), 300 píxeles por 300 píxeles (cuadrado medio), 468 píxeles por 60 píxeles (tamaño banner de web estándar - rectángulo grande).
  • Asegúrese de que la bandera es de al menos tres píxeles más pequeños (en todos los lados) que el espacio que va a sentarse, para proporcionar una adecuada separación del resto de la página.