Crear un fondo de pantalla para el Blog Action Day

Hoy es el Día de Acción del Blog, un día en el que bloggers de todo el mundo se unen para discutir un tema en particular. Lo que mucha gente puede no saber es que los fundadores de Envato, Collis y Cyan Ta'eed fundaron el Blog Action Day en el verano de 2007 con la esperanza de crear conciencia sobre el medio ambiente. Desde entonces, el Blog Action Day se ha convertido en un gran éxito con la participación de miles de blogs, entre ellos la Casa Blanca y el Ministerio de Asuntos Exteriores del Reino Unido. Hoy, Blog Action Day está siendo administrado por el equipo de Change.org; El tema del evento de este año es Agua..

En este momento, casi mil millones de personas en el planeta no tienen acceso a agua potable limpia y segura. Ese es uno de cada ocho de nosotros que estamos sujetos a enfermedades prevenibles e incluso a la muerte debido a algo que muchos de nosotros damos por sentado. Psdtuts ha decidido ayudar a crear conciencia sobre el problema haciendo lo que mejor hacemos, publicando tutoriales. El tutorial de hoy mostrará cómo crear un fondo de pantalla para el Día de acción del blog. Entonces empecemos!


Activos Tutoriales

  • Tierra del desierto
  • Montaña
  • Ciudad
  • Cielo nublado
  • Vaso
  • Niño
  • Gnuolane Fuente
  • Textura Grunge blanco y negro

Paso 1

Vamos a empezar por crear un nuevo documento en Photoshop. Dado que el póster no está destinado a imprimir, sino a ser un fondo de pantalla, el tamaño de mi documento es de 1920x1200 píxeles a 72 px / pulgada de resolución. Comience llenando el fondo con un color gris neutro (#bababa).


Paso 2

El tema es "agua". Así que tenemos que introducir algo que simboliza el agua, por supuesto. Como es mi costumbre, trato de poner 2 elementos contrastantes: un vaso de agua en un paisaje desértico. Dado que el vidrio es un objeto pequeño, para hacerlo más prominente es importante elegir la perspectiva correcta. Así que pongamos el cristal delante de la cámara, con el paisaje detrás. Lo primero en crear: el paisaje árido. Dibujemos un rectángulo marrón (# 927a60) y colóquelo en la parte inferior. Este rectángulo representa nuestro horizonte..


Paso 3

Descarga la imagen de Desert Land. Encontré esta imagen en Shutterstock, pero puedes encontrar toneladas de fotos gratuitas en sitios como Stock.xchng.

Pegue la imagen en el lienzo principal y configúrela para superponerse, de modo que pueda ver cómo afecta al rectángulo marrón. Si es necesario, aplasta la imagen (Cmd / Ctrl + T) hasta que estés satisfecho con la perspectiva (siempre en el área del rectángulo marrón).

Elimina el área del paisaje que supera el rectángulo. Puede utilizar la herramienta de marco rectangular para seleccionar el área, luego puede eliminarla o enmascararla.


Etapa 4

Para llenar el lienzo, podemos usar esta imagen de una montaña en un desierto. Colócalo detrás del rectángulo..


Paso 5

Descarga esta foto de una ciudad en el desierto y colócala sobre la capa de la montaña. Luego borra suavemente el cielo de la foto..


Paso 6

La profundidad del suelo no es tan evidente. Así que toma un cepillo negro suave y pinta sobre los bordes del suelo.


Paso 7

Centremos nuestra atención en el cielo: en este momento tenemos un cielo plano, pero un cielo nublado funcionará mejor. El usuario tendrá la impresión de que una tormenta es inminente, y esto puede representar una metáfora: si no respetamos el agua, la situación que preocupa a algunos países del mundo causará problemas en todo el mundo, como una tormenta en movimiento..

Descarga esta imagen de un cielo nublado y pégala en el lienzo. Con un cepillo suave grande, borra el área inferior. Luego configura la capa para que se multiplique con opacidad alrededor del 80%..


Paso 8

No estoy satisfecho con las nubes. Para ser más precisos, creo que la imagen necesita más efectos de humo provenientes de la ciudad. Para este propósito, puede utilizar 2 técnicas: puede descargar un conjunto de pinceles de nube y usarlos para pintar en el horizonte, o para usar el filtro de nube en Photoshop. Con la ayuda de la herramienta Lazo, con las plumas colocadas alrededor de 30px, haga selecciones casuales, luego vaya a Filtro> Renderizar> Nubes, configure la capa para multiplicar o la pantalla (dependiendo de si desea efectos de humo negro o blanco) y borre exuberante partes del humo. Deberías obtener algo como esto.


Paso 9

Para completar el fondo, necesitamos 2 capas de ajuste. Al principio, desaturar toda la imagen con una capa de tono / saturación (Capa> Nuevas capas de ajuste> Tono / Saturación). Reducir la saturación a alrededor de -50..

En segundo lugar, agregue una capa de mapa de degradado (Capas> Nuevas capas de ajuste> Mapa de degradado) que vaya de negro a blanco y establezca la superposición. Reducir la opacidad si es necesario. Una vez hecho esto, recuerde seleccionar todas las capas creadas hasta ahora, agrúpelas y titule este grupo "fondo".


Paso 10

Ahora que el fondo está completo, podemos introducir el enfoque de la composición: el vaso de agua. Descarga esta imagen, luego usa la herramienta pluma para extraer el vidrio y arrástrala al lienzo principal.


Paso 11

Use la herramienta Marquesina rectangular para seleccionar un área en la parte superior del vidrio y moverla hacia arriba con la herramienta Selección directa activa.


Paso 12

Con la selección aún activa, presione Cmd / Ctrl + T para activar la herramienta de transformación y arrastre hacia abajo el punto de anclaje inferior central para unir las 2 partes del vidrio.

Ahora el vaso es demasiado largo. Presione Cmd / Ctrl + D para deseleccionar, luego nuevamente Cmd / Ctrl + T (esta vez la transformación afectará a todo el vidrio) y reducirá la altura del vidrio.


Paso 13

Para eliminar el área blanca, configure la capa de vidrio para que se multiplique.

Luego duplíquelo (Cmd / Ctrl + J) y configúrelo en la pantalla porque la parte interior debe ser un poco más clara que la externa. Reduzca la opacidad de la capa a alrededor del 30% y borre los bordes con un cepillo suave (dureza del 0%).

Como la opacidad del borde es demasiado baja, duplique la capa y configúrela para que se multiplique. También note que he pintado con un pincel negro fino sobre el borde del agua para hacerlo más evidente.


Paso 14

Crea una nueva capa y cambia su modo de fusión a superposición. Luego, establece un azul claro como color de primer plano y pinta sobre el agua. El objetivo de este paso es agregar más color al vidrio, de modo que después de las correcciones de color finales, se mejore. Recuerde reducir la opacidad a alrededor del 20% o el resultado será demasiado importante..


Paso 15

Para completar el vaso, hay que añadir la sombra. Así que crea una nueva capa, muévela debajo de todas las capas de vidrio y pinta con un pincel negro suave y redondo para crear la sombra. Para que el efecto sea más realista, use más de una capa y juegue con sus opacidades.


Paso 16

Descarga al niño y extráelo del fondo. Escala hacia abajo y pinta los efectos de sombra en una capa debajo, como hicimos con el vidrio..


Paso 17

Dado que el cristal es el punto focal (imagínese viendo la escena a través de una cámara), la escena detrás del cristal debe estar borrosa. Entonces, en la ventana de capas, seleccione el grupo del fondo y la capa del niño, y presione alt + Cmd / Ctrl + E para fusionarlos en una nueva capa. A continuación, aplique el filtro de desenfoque gaussiano.

Agregue una máscara de capa y use un pincel negro grande y suave para pintar el área alrededor del vidrio, ya que esta área está dentro del foco, por lo que no se puede difuminar..


Paso 18

Es hora de jugar con luces. Lo primero que debes hacer es oscurecer los bordes de la composición. Así que cree una nueva capa en la parte superior, tome un pincel negro grande y redondo de alrededor de 1500px, ajuste la dureza al 0% y pinte sobre los bordes del lienzo. Entonces reduce la opacidad.


Paso 19

Las luces dan profundidad a la escena. Así que crea un nuevo grupo y cambia su modo de fusión a color dodge. Cree una capa dentro del grupo y use siempre un pincel blanco grande con una dureza del 0% para pintar sobre el centro y otras áreas que desee realzar. Una vez hecho esto, reduce la opacidad para que el efecto no sea excesivo..


Paso 20

Escriba el mensaje "Para algunas personas el vaso siempre está medio vacío". La fuente utilizada es Gnuolane. Inmediatamente debajo de otra oración, esta vez escrita con Arno Pro, que es una fuente predeterminada en la Mac. En caso de que no lo tenga, puede utilizar cualquier fuente de letra serif de su elección. El texto se propone sin estilo, porque me gusta su aspecto tan simple y limpio. El único estilo es una sombra paralela de 1px, solo para resaltar un poco el texto del fondo.

Otro mensaje escrito se pone en la parte inferior derecha, equilibrado por la presencia del niño a la izquierda. La fuente utilizada es Gnuolane..


Paso 21

Antes de comenzar con las correcciones de color, podemos jugar con un par de texturas. El primero es una textura de papel viejo tomada del conjunto de texturas grunge blanco y negro que publiqué en WeGraphics. Una vez pegado en el documento de Photoshop, aplique un par de veces el filtro de nitidez para que se mejoren todos los detalles.

Cambia la textura a superposición con opacidad 20%.


Paso 22

La segunda textura que he usado es una textura metálica rayada. Me gusta la forma en que los arañazos pueden interactuar con las imágenes, el fondo borroso y el significado de la escena. Una vez más, pegue la imagen metálica, desaturarla (Cmd / Ctrl + Shift + U), configure la capa para que se multiplique con opacidad al 30% y aplique el filtro de definición.


Paso 23

Los últimos 2 pasos son correcciones de color. Como hago a menudo en mis tutoriales, comencemos a reducir la saturación con una capa de ajuste de tono / saturación. Establezca el nivel de saturación en -30..

Finalmente, agregue una capa de mapa de degradado que va de rojo (# ee202e) a azul (# 004274) a amarillo (# f9e260). Configurar la capa para superponer con opacidad al 40%..


Conclusión

¡Eso es! Hemos terminado. Para obtener más información sobre el Blog Action Day, no olvide visitar el sitio web de Blog Action Day..