7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Designing

Diseñe un fondo de pantalla grunge extremo

Scroll to top
Read Time: 7 mins

Spanish (Español) translation by Warlyn Figueroa (you can also view the original English article)

En este tutorial, diseñaremos un fondo de pantalla extremo de estilo grunge. Utilizaremos máscaras de capa, pinceles personalizados y la herramienta de clonación para crear este particular efecto. Aprenderás algunas técnicas interesantes que podrás aplicar en tus propios diseños de estilo grunge.

Vista previa de la imagen final

Antes de empezar, echemos un vistazo a la imagen que vamos a crear. Haz clic en la captura de pantalla de abajo para ver la imagen en tamaño completo. Como siempre, el archivo de Photoshop en capas está disponible a través de nuestra membresía Psdtuts+ Plus.

ClickClickClick

Paso 1

En este tutorial, crearemos un fondo de pantalla grunge extremo con algunas imágenes y un solo conjunto de pinceles personalizados. Estas técnicas te resultarán útiles para diseñar carteles, portadas, anuncios, interfaces web y mucho más. Antes de empezar debes descargar el "Conjunto de pinceles de salpicaduras" haciendo clic aquí.

Vamos a empezar por crear un nuevo documento 1024x768px RGB 72pixels/inch. A continuación, crea una nueva capa de relleno de color (#121212). Pega esta imagen en una nueva capa en la esquina inferior izquierda del documento. A continuación, el nombre de esta capa "Cámara".

Paso 2

Con la herramienta Lazo o Varita Mágica selecciona el fondo blanco de la cámara y elimínalo.

Paso 3

Crea una nueva capa con el nombre de " Degradado " y selecciona la herramienta Degradado Radial para crear un degradado de Gris a Negro (#595959 - #000000).

Paso 4

Duplica la capa "Cámara". A continuación, colócala encima de la capa " Degradado ". Selecciona Filtro > Desenfoque > Desenfoque gaussiano. A continuación, establece el radio a 15 píxeles.

Paso 5

Duplica la capa "Cámara" por encima de la primera copia. A continuación, pulse CMD+F para aplicar el último efecto de desenfoque. Además, establece el modo de fusión en Diferencia. A continuación, establece la Opacidad al 50%.

Paso 6

Ajusta el Tono / Saturación de la capa "Copia de la cámara 2" utilizando los valores que se indican a continuación.

Paso 7

Utiliza las herramientas Sobreexpoxion y Subexponer para aclarar y oscurecer la cámara, utiliza los valores que se muestran a continuación.

Paso 8

Selecciona la capa "Cámara". A continuación, añade una máscara de capa haciendo clic en Capa > Máscara de capa > Revelar todo.

Paso 9

Ahora pinta las áreas negras en la máscara de capa blanca utilizando la herramienta Pincel. Utiliza el " Conjunto de pinceles de salpicaduras " descargado al principio de este tutorial. Puedes usar estas bonitas formas para añadir un estilo grunge a la Cámara. El truco es establecer la Opacidad y el Flujo del pincel por debajo del 100%. De esta manera se mantendrá la forma de la cámara. Yo establecí la Opacidad y el Flujo al 50% y al 80%. Utilicé dos pinceles diferentes de Salpicaduras. Haz clic en la máscara de capa para empezar a pintar.

Paso 10

Crea una nueva capa llamada "Salpicaduras rojas" debajo de la capa "Cámara". A continuación, utiliza tres pinceles diferentes para dibujar tres o más salpicaduras de color rojo oscuro (#5F0000). A continuación, establece el modo de fusión de la capa en Luz intensa y la opacidad al 80%.

Paso 11

Esta es una técnica rápida para duplicar un objeto utilizando la herramienta Clonar. Utilizarás la misma técnica para crear el avance de la película de 35 mm. Crea una nueva capa llamada "Copias de cámara". A continuación, selecciona la herramienta Clonar y ALT+Click para elegir el origen del clon. Utiliza un pincel de salpicaduras. Ajusta la Opacidad y el Flujo del pincel al 30%.

A continuación, selecciona Ventana > Fuente de clonación. Luego cambia el Ancho y el Alto al 80%. Marca Mostrar superposición y establece la Opacidad al 25%. Como puedes ver, hay una vista previa transparente de la cámara. Selecciona la capa "Copias de Cámara" y luego comienza a clonar la cámara.

Clona otra cámara utilizando el mismo pincel y el mismo origen de clonación, pero esta vez cambia el ancho y el alto al 50%. Por último, cambia el modo de fusión "Copias de cámara" a Multiplicar.

Paso 12

Ahora es el momento de añadir la película de 35 mm. Primero, descarga esta imagen. Luego selecciona una de las tiras de película y pégala en una nueva capa llamada "Película". A continuación, utiliza la herramienta Varita mágica para borrar todo el blanco de los bordes (no te preocupes por los marcos y los cuadraditos).

Paso 13

Como puedes ver, nuestra película es demasiada corta; necesita ser más larga. Una vez más, utilizaremos la Herramienta Clonar. A estas alturas ya debes ser un experto en el uso de la función de clonación de la fuente de vista previa. Esta vez será útil.

A continuación, (ALT + clic) la esquina superior izquierda de la película. Luego seleccionamos un pincel duro de 100px. Cambia la Opacidad y el Flujo al 100%. A continuación, en la paleta Origen de la clonación, establece el ancho y el alto al 100%. Por último, comienza a clonar la imagen.

Paso 14

Ajusta el Tono/Saturación de la capa, como se muestra a continuación.

Paso 15

Busca una imagen de papel grunge. Ábrela y pégala en una nueva capa. Luego cambia el tamaño para que sea igual al de un fotograma de película. A continuación, coloca la nueva capa debajo de la capa "Película". Nombra esta nueva capa como " Fotogramas".

Paso 16

Cambia el modo de fusión de la capa "Película" a Multiplicar. A continuación, utilizando la herramienta clonar y el mismo pincel de 100px, clona el papel viejo debajo de la capa "Película". Luego CMD+Click en la capa " Película", y usa CMD+I para invertir la selección. A continuación, elimina toda la textura extra de " Marco de pelicula".

Paso 17

Cambia las capas " Película " y " Marcos de Película ". A continuación, el nombre de la capa restante a solo "Película". Colóquela en el centro. A continuación, la deformación de la película con la bandera de la deformación. Coloca la capa "Película" debajo de la capa "Copia de cámara" (encima de la capa "Degradado"). A continuación, establece el modo de fusión en Diferencia.

Paso 18

Coloca la capa "Película" algunos píxeles más arriba de la parte inferior. Luego ve a Máscara de capa > Revelar todo. Utiliza un degradado de negro a blanco. Asegúrate de ocultar el lado izquierdo de la película. Además, utiliza un pincel de salpicaduras para añadir algunas salpicaduras a la máscara de capa, y aplica un pincel más oscuro en el lado derecho de la película. Por último, establece la Opacidad de la capa "Película" al 50%.

Paso 19

Selecciona la capa " Salpicaduras rojas " y añade algunas salpicaduras de color rojo oscuro sobre la película.

Paso 20

Ahora volveremos a utilizar la imagen del papel. Pégala en una nueva capa, y nómbrala "Papel". Luego cambia la Saturación a -100, y colócala debajo de la Capa "Degradado".

Paso 21

Ahora establece el modo de fusión de la capa "Degradado" en Multiplicar y la opacidad en 90%. Además, cambia la Opacidad del fondo al 20%.

Paso 22

Crea una nueva capa encima de la capa " Degradado ". Nómbrela "Luz". Usando la herramienta Marco Elíptico, dibuja un óvalo. A continuación, selecciona CMD+ALT+D para ajustar el radio de la pluma a 50px. Finalmente, rellena el óvalo utilizando la herramienta Cubo de pintura con el color (#6a6a6a).

Paso 23

Crea dos capas de texto. He utilizado la fuente Georgia y estos colores: rojo oscuro (#250101) y gris claro (#9c9c9c). A continuación, selecciona una de las capas de texto y ve a Máscara de capa > Revelar todo. Utiliza un pincel de salpicaduras negras para pintar algunas zonas de la máscara de capa para ocultar un poco la forma del texto. Haz esto en ambas capas de texto. Por último, añade un efecto de sombra a ambas capas utilizando los valores de abajo.

Paso 24

Por último, añade una nueva capa de ajuste llamada "Filtro fotográfico". Esta vez he utilizado un Filtro de Calentamiento amarillo (81) con una Densidad del 50%.

Conclusión

Ahora tienes un diseño grunge extremo. ¡Diviértete creando el tuyo propio!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.