Cómo crear su propio fondo de pantalla Bokeh personalizado en Photoshop

Cómo crear su propio fondo de pantalla Bokeh personalizado en Photoshop

Te enseñamos qué es el bokeh y cómo crearlo con una cámara física. Ahora veamos cómo crear la hermosa suavidad del bokeh como un bonito fondo de pantalla colorido y moteado claro para su computadora y dispositivos móviles.

¿Por qué quiero hacer esto?

Hay dos grandes conclusiones del tutorial fotográfico de hoy. Primero, tendrá la opción de crear un fondo de pantalla de bokeh (que es un complemento realmente divertido y colorido para las fotografías de bokeh analógicas que le mostramos anteriormente cómo crear).

En segundo lugar, también aprenderá los conceptos básicos del motor de pincel de Photoshop, que es una herramienta muy poderosa en el arsenal de Photoshop (y bastante infrautilizado).

Finalmente, es simplemente una buena diversión de edición digital limpia. En lugar de buscar en Google Imágenes u otras fuentes un fondo de pantalla de estilo bokeh perfecto para su teléfono o computadora, puede crearlo usted mismo con los colores y la composición exactos que desee.

¿Qué necesito?

Para este tutorial, solo necesitará una cosa:

Estamos usando Adobe Photoshop CS6, pero las técnicas del tutorial deberían funcionar bien en ediciones anteriores de Photoshop.

Más allá de Photoshop, no se necesitan herramientas adicionales o entradas de archivos; crearemos la imagen completa en la aplicación.

¿Qué conceptos usamos?

Para este tutorial, queremos tener en cuenta algunos elementos clave de diseño. En una fotografía real, el efecto bokeh se crea mediante puntos de luz fuera del plano focal de la lente, donde la luz desenfocada de los reflejos toma la forma de la apertura de la lente.

Para crear este efecto, no podemos simplemente crear un montón de círculos y proclamar que hemos terminado con el proyecto, queremos recrear la ilusión de profundidad que tendría una fotografía real (ya que los puntos de luz existirían ligeramente puntos diferentes del plano focal). También queremos recrear la variabilidad en el tamaño de la luz que encontraría en el mundo real. En otras palabras, no queremos una imagen plana con un tamaño de círculo uniforme.

Para lograr esto, vamos a hacer dos cosas: para reducir el aburrimiento de dibujar a mano cientos de círculos de diferentes tamaños, crearemos un pincel personalizado solo para esta tarea. Luego combinaremos varias capas de estos círculos de diferentes tamaños para crear la ilusión de profundidad.

Configura y crea tu pincel bokeh

Lo primero que debemos hacer es crear nuestro espacio de trabajo y luego crear nuestro pincel falso Bokeh. Cree una nueva imagen en Photoshop del tamaño del fondo de pantalla que desea crear. Trabajamos con la resolución de pantalla estándar de 1920 × 1080 píxeles. Establezca su fondo en transparente.

Una vez que haya creado su nuevo lienzo, haga clic en la paleta y seleccione un color de primer plano que sea gris extremadamente oscuro sin ser negro; hemos usado los valores RGB 30-30-30:

Una vez que haya seleccionado un gris muy oscuro, seleccione la herramienta Forma (U) y cámbiela a Elipses. Mantenga presionada la tecla Shift para bloquear la relación de aspecto de la forma que está a punto de dibujar, luego dibuje un círculo en el centro de su lienzo. No tiene que ser particularmente alto; en nuestro lienzo de 1920 × 1080, dibujamos un círculo de unos 300 píxeles de ancho. La única parte crítica es que el círculo es lo suficientemente grande como para que pueda verlo y editarlo cómodamente; el tamaño real del círculo se ajustará sobre la marcha en una etapa posterior del tutorial.

En este punto, tendrá un círculo casi negro sentado en el medio del lienzo. Haga doble clic en la entrada de la capa en el panel lateral Capas y realice dos ajustes. Primero, ajuste la opacidad de relleno al 50% (asegúrese de establecer la opacidad de relleno y no la categoría de opacidad más amplia). En segundo lugar, agregue una capa de trazo negro puro de 10px de ancho con 100% de opacidad como esta:

El resultado debería ser bastante similar al de la imagen de arriba: un círculo perfecto con un borde negro y un centro lleno de humo que parece una especie de filtro de lente de cámara.

Este círculo, no tan emocionante de momento, servirá como germen de nuestro pincel. Aquí es donde ocurre la verdadera magia en el tutorial de hoy. Una vez que haya creado el círculo teñido simple de arriba, vaya a Editar -> Establecer pincel preestablecido. Ponle un nombre a tu nuevo pincel preestablecido; llamamos al nuestro «Bokeh Brush 1».

Después de nombrar su nuevo pincel, notará que el panel Pincel / Pinceles preestablecidos ahora está abierto en el lado derecho de la pantalla. Primero, seleccione la herramienta Pincel presionando B en el teclado o seleccionándola manualmente desde la paleta de herramientas. Luego haga clic en la pestaña Pinceles preestablecidos. Busque y seleccione su nuevo pincel:

Una vez seleccionado, haga clic en la pestaña Pincel para ver y editar las propiedades del pincel. En la parte inferior, debajo de todas las variables de pincel, hay un ejemplo de cómo se ve una pincelada de su pincel. Con la configuración predeterminada, se ve así:

¿Sabes cómo no se ve eso? Bokeh suave, natural y moteado. Estamos a punto de cambiar eso. En la entrada Forma de la punta del pincel en el panel Pincel. En la parte inferior del panel, cambie el espaciado del 25% al ​​100%. Observe el cambio en la ventana de vista previa del pincel:

A continuación, necesitamos crear una ubicación aleatoria de los círculos aumentando la variable de dispersión. Haga clic en la entrada Dispersión y establezca la Dispersión en 10,000%, el Conteo en 5 y el Conteo Jitter en 1%. (Después de crear nuestro pincel inicial, siéntase libre de jugar con estos valores con Bokeh Brush 2, cambiar los valores aquí y en las variables que siguen le dará algunos efectos geniales). Su ventana de pincel de ejemplo debería verse así ahora:

Ahora estamos llegando a alguna parte; esta muestra comienza a parecerse a los puntos de luz aleatorios y superpuestos que esperaríamos de una fotografía rica en bokeh.

Hagamos algo acerca de la uniformidad de tamaño yendo a la entrada Shape Dynamics. Cambie los ajustes preestablecidos a Tamaño Jitter 100%, Control: Presión de la pluma, Diámetro mínimo 50%, luego deje el resto en 0% y deshabilite / desmarque de la siguiente manera:

Mejor aún, la adición del Size Jitter realmente introdujo una variación agradable. El toque final de nuestro pincel es ajustar la opacidad y la fluctuación del flujo en la categoría Transferir. Haga clic en Transferir y establezca la fluctuación de opacidad al 50% y la fluctuación de flujo al 50%. Cambie el control de fluctuación de flujo en la presión del lápiz. Deje todo lo demás desactivado o al 0% así:

Esta es una buena descripción general; solo míralo: prácticamente puedes ver cómo el fondo de pantalla toma forma en el pequeño cuadro de vista previa.

Con nuestro juego de pinceles, es hora de pasar al proceso de creación del papel tapiz real.

Crea las capas de degradado y bokeh de fondo

Continúe y cree una nueva capa en su espacio de trabajo (y, si lo desea, desmarque o elimine la capa que utilizó para crear el pincel basado en elipses). Nombra esta capa «Fondo». Puede poner un color sólido o un degradado como fondo de su papel tapiz en esta nueva capa, pero los degradados se ven mucho mejor en el producto terminado.

Selecciona la Herramienta de degradado (G), luego elige uno de los degradados preestablecidos o crea el tuyo propio. Los ajustes preestablecidos no tenían el tipo de efecto de arco iris hiperbrillante que estábamos buscando, por lo que creamos un nuevo gradiente utilizando los valores iniciales para las ubicaciones de gradiente de 0%, 50% y 100% de 255. -0-252 , 0-252-255 y 240-255-0, respectivamente:

Aplicado en un ángulo de aproximadamente 35 grados desde la esquina inferior izquierda hasta la esquina superior derecha del lienzo, el degradado se ve así:

Con el lienzo pintado, es hora de comenzar con la primera capa de bokeh. Crea una nueva capa llamada «fondo borroso». Seleccione la herramienta Pincel (B). Cambia el color del pincel a blanco puro. Seleccione un tamaño de pincel que sea aproximadamente de un tercio a la mitad del tamaño vertical de su lienzo (en el caso de nuestro lienzo de 1920 x 1080, eso significa un tamaño de pincel de aproximadamente 300 a 500 píxeles). Hoy estamos jugando a lo grande, por lo que 500 píxeles son.

El siguiente paso (y sus posteriores repeticiones) es una cuestión de gustos. Vaya ligero con el cepillo al principio y luego un poco más pesado si lo desea. Recuerde, no es como usar un pincel estándar en el que puede hacer clic en el punto X y obtener comentarios inmediatos sobre ese punto. Hemos creado un pincel que crea efectivamente un trazo muy amplio y variable.

Comience con un trazo del pincel de un lado del lienzo al otro, luego toque aquí o allá para agregar más círculos. Hemos descubierto que dos pases sólidos de izquierda a derecha y luego de derecha a izquierda hacen un buen trabajo. Así es como debería verse su lienzo, excepto por algunos círculos:

Dado que esta es la capa de fondo, necesitamos difuminarla para comenzar a crear esa sensación de profundidad. Mientras permanece en la capa de fondo Bokeh, vaya a Filtro -> Desenfocar -> Desenfoque gaussiano. Un valor de 20 a 30 da un buen desenfoque de fondo:

Ahora tenemos que repetir el proceso con unos pequeños ajustes. Crea una nueva capa llamada «Bokeh Midground». Disminuya el tamaño del pincel a un valor más pequeño (lo redujimos de 500 píxeles a 300 píxeles). Nuevamente, recorra el lienzo con la herramienta Pincel hasta que esté satisfecho con la cantidad de círculos. Vuelva a aplicar el desenfoque gaussiano, pero esta vez ajuste el desenfoque entre 5 y 10 píxeles:

Podemos ver claramente que el papel tapiz toma forma con la adición de la segunda capa. Ahora es el momento de una capa más. Crea una nueva capa llamada «Bokeh Foreground». Cambie el tamaño del pincel a un valor aún más pequeño (lo redujimos de 300 píxeles a 150 píxeles). Repite el paso del pincel sobre el lienzo. Repita el desenfoque gaussiano, pero reduzca el valor a 1-5 píxeles.

Este es el último paso del tutorial, una vez que difuminas la capa «Bokeh Foreground», serás recompensado con el producto final:

Lo curioso del flujo de trabajo es que es extremadamente fácil, una vez que lo has revisado una y otra vez, crear nuevos fondos de pantalla con muy densos (o círculos dispersos), degradados claros u oscuros y otras variaciones.

De hecho, sin siquiera repetir todo el proceso, puede crear una nueva capa encima de su capa de fondo anterior, aplicar un nuevo degradado y crear un fondo de pantalla con un ambiente completamente nuevo:

Con proyectos como este, la variabilidad y la aleatoriedad del resultado final es parte de la diversión. Siéntase libre de experimentar con tamaños de pincel, configuraciones y otras variables para obtener resultados divertidos y únicos. Aún mejor, compártelos en los comentarios a continuación con tus compañeros lectores.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Experto Geek - Tu Guía en Tendencias Tecnológicas