Photoshop CC 2014 es una herramienta ideal para diseñar imágenes profesionales para su sitio web, incluidos banners. Cuando diseñe su primer banner, mantenga el diseño simple para que el gráfico no se sobrecargue con demasiada información visual. Si su empresa tiene colores de empresa y una fuente de empresa, ciertamente puede usarlos en su banner.
Paso 1
Inicie Photoshop. Presione "Ctrl-N" o seleccione "Nuevo" en el menú Archivo. En el cuadro de diálogo, especifique la altura y el ancho de su pancarta, como 900 píxeles de ancho y 150 píxeles de alto. Haga clic en "Aceptar".
Paso 2
Seleccione un color de fondo sólido para el banner si lo desea. Para hacer esto, haga clic en el icono "Color de primer plano" en la barra de herramientas y seleccione un color, luego haga clic en "Herramienta Rectángulo" y arrástrelo por todo el banner. En este tutorial, sin embargo, superpondremos dos gradientes en lugar de utilizar un fondo sólido.
Paso 3
Haga clic en la herramienta "Gradiente" en el Cuadro de herramientas. Haga clic en el menú "Relleno" en la barra de Opciones y seleccione el degradado en blanco y negro de los ajustes preestablecidos disponibles. Haga clic en cualquier lugar sobre el banner en el lienzo y arrastre el cursor debajo del banner. Suelte el botón del mouse para aplicar el degradado.
Paso 4
Haga clic en la "Herramienta de texto horizontal" en el Cuadro de herramientas. Arrastre el cursor sobre el banner para crear un cuadro de texto. Use los menús en la barra de Opciones para especificar una fuente, tamaño de fuente y color. Arrastre el cuadro de texto para que quede centrado en el lado izquierdo del banner.
Paso 5
Seleccione "Abrir" en el menú Archivo y seleccione cualquier imagen en su computadora que desee usar para su banner. , como el logotipo de una empresa, una foto tuya o un producto que estás vendiendo. Cuando se abra la imagen, seleccione "Duplicar" en el menú Capa. Cambie el destino a su archivo de encabezado, que se llamaría "Sin título-1" a menos que ya lo haya guardado. Haga clic en "Aceptar" para agregar la imagen como una nueva capa a su banner.
Paso 6
Seleccione "Transformar" en el menú Editar y luego haga clic en "Escalar". En la mayoría de los casos, la imagen completa no será visible en el banner estrecho, pero su contorno es visible después de seleccionar "Escalar". Arrastre cualquier esquina del contorno de la imagen para cambiar su tamaño para su banner. Mantenga presionada la tecla "Mayús" mientras arrastra para bloquear su relación de aspecto. Presiona "Enter". Arrastre la imagen para que esté en el lado derecho del banner.
Paso 7
Haga clic en el icono "Color de primer plano" en la barra de herramientas para abrir el Selector de color. Haga clic en cualquier lugar en el lado derecho del banner para que coincida con su color en el Selector de color y luego haga clic en "Aceptar".
Paso 8
Seleccione la "Herramienta Rectángulo" de la Caja de herramientas. " y luego seleccione el icono "Gradiente" en la parte superior de las opciones del menú. Arrastre el cursor sobre el banner desde el lado izquierdo de la imagen hasta el borde izquierdo del banner. Crea un rectángulo con un degradado usando el color que combinó con la imagen.
Paso 9
Localice la capa "Rectángulo 1" en el panel Capas, que es la capa que contiene el rectángulo degradado que acaba de agregar . Arrastre esta capa hacia abajo para convertirla en la tercera capa desde la parte superior, debajo de "Capa 1" y la capa que contiene su texto. " en la parte superior del panel Capas y arrastre el control deslizante para que sea aproximadamente el 50 por ciento. Hacer que el gradiente superior sea semitransparente le permite fusionarse con el gradiente debajo de él, creando un fondo rico.
Paso 10
Seleccione la capa que contiene su texto en el panel Capas. Haga clic en el menú "Capa", seleccione "Estilo de capa" y luego haga clic en "Bisel y relieve". Asegúrese de que el menú Estilo esté configurado en "Relieve" y arrastre el control deslizante "Profundidad" hacia la izquierda, alrededor del "225" por ciento, para agregar solo un poco de este efecto al texto.
Paso 11
Haga clic en la opción "Satinado" en la ventana Estilo de capa. Para este estilo, use un Modo de fusión de "Multiplicar" y reduzca la Opacidad a aproximadamente "15" por ciento. Esto combina el estilo satinado con el estilo de relieve. Ajuste la configuración si lo desea y haga clic en "Aceptar". Guarde la imagen como un banner optimizado para la Web seleccionando "Guardar para la Web" en el menú Archivo. Seleccione "JPEG" en el menú Formato y use una Calidad de imagen de entre 75 y 80 por ciento. Esto crea una imagen con un tamaño de archivo pequeño, que cualquier navegador web carga rápidamente, sin sacrificar la calidad de la imagen. Haga clic en "Guardar" y seleccione una ubicación para almacenar el archivo en su computadora. Después de cerrar Photoshop, agregue el archivo a su página web.
[Cómo crear un encabezado de sitio web profesional en Photoshop] URL: http://www.ordenador.online/computadora/Software/257316.html