Cómo crear tu propio fondo de pantalla Bokeh personalizado en Photoshop
Le hemos enseñado qué es el bokeh y cómo crearlo con una cámara física, ahora veamos cómo podemos crear la hermosa suavidad del bokeh como un bonito fondo de pantalla colorido y con puntos de luz para su computadora y dispositivos móviles..
¿Por qué quiero hacer esto??
Hay dos grandes puntos para sacar del tutorial fotográfico de hoy. Primero, tendrás la oportunidad de crear un fondo de pantalla de bokeh (que es un compañero muy divertido y colorido de las fotografías de bokeh analógicas que te hemos mostrado anteriormente cómo crearlas).
En segundo lugar, también aprenderá los conceptos básicos de Photoshop Brush Engine, que es una herramienta muy poderosa en el arsenal de Photoshop (y bastante infrautilizada)..
Por último, es simplemente una buena edición digital limpia y divertida. En lugar de rastrear imágenes de Google u otras fuentes para obtener 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 desea.
Qué necesito?
Para este tutorial solo necesitarás una cosa:
- Adobe Photoshop
Estamos utilizando Adobe Photoshop CS6, pero las técnicas descritas en el tutorial deberían funcionar bien en ediciones anteriores de Photoshop.
Más allá de Photoshop, no hay herramientas adicionales o entradas de archivos necesarias; Estaremos creando la imagen completa dentro de la aplicación..
¿Qué conceptos estamos usando??
Para este tutorial, hay algunos elementos clave de diseño que queremos tener en cuenta. En una fotografía real, el efecto bokeh es creado por puntos de luz fuera del plano focal de la lente, en donde la luz desenfocada de los reflejos toma la forma de la abertura de la lente..
Para crear ese efecto, no podemos simplemente crear un montón de círculos y anunciarnos 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 en puntos de luz ligeramente diferentes). el plano focal). También queremos recrear la variabilidad del tamaño de luz que encontrarías en el mundo real. En otras palabras, no queremos una imagen plana con un tamaño de círculo uniforme..
Para lograr esto, haremos dos cosas: para reducir el tedio de dibujar a mano cientos de círculos de tamaño variable, crearemos un pincel personalizado solo para esta tarea. Luego, combinaremos varias capas de estos círculos de tamaño variable para crear la ilusión de profundidad..
Configuración y creación de su cepillo Bokeh
La primera tarea es crear nuestro espacio de trabajo y luego crear nuestro pincel Faux-Bokeh. Cree una nueva imagen en Photoshop que tenga el tamaño del fondo de pantalla que desea crear. Estamos trabajando con la resolución de pantalla estándar de 1920 × 1080 píxeles. Establece tu fondo a transparente.
Una vez que haya creado su nuevo lienzo, haga clic en la paleta y seleccione un color de primer plano que sea gris muy oscuro sin ser negro. Usamos 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 Mayús para bloquear la relación de aspecto de la forma que va a dibujar y luego dibuje un círculo en el centro de su lienzo. No tiene que ser particularmente grande; en nuestro lienzo de 1920 × 1080 dibujamos un círculo de aproximadamente 300 píxeles de ancho. La única parte crítica es que el círculo es lo suficientemente grande como para que pueda verlo cómodamente y editarlo; El tamaño real del círculo se ajustará sobre la marcha en un punto posterior del tutorial..
En este punto, tendrás un círculo casi negro sentado en el centro del lienzo. Haga doble clic en la entrada de capa en el panel lateral Capas y realice dos ajustes. Primero, ajuste la opacidad de relleno hasta un 50% (asegúrese de que está ajustando 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 10 píxeles de ancho con un 100% de opacidad, como:
El resultado debe ser bastante similar a la imagen de arriba: un círculo perfecto con un borde negro y un centro lleno de humo que se parece a un filtro de lentes de cámara..
Este círculo no tan emocionante, sin embargo, servirá como la semilla para nuestro pincel. Aquí es donde la verdadera magia sucede en el tutorial de hoy. Una vez que haya creado el círculo teñido simple de arriba, navegue hasta Editar -> Definir predefinido de pincel. Nombra tu nuevo preset de pincel; Nombramos nuestro "Bokeh Brush 1".
Después de nombrar su nuevo pincel, notará que el panel Pinceles / Preajustes del pincel ahora está abierto en el lado derecho de la pantalla. Primero, seleccione la herramienta de pincel presionando B en el teclado o seleccionándola manualmente desde la paleta de herramientas. Luego haga clic en la pestaña Pinceles preestablecidos. Localiza y selecciona tu nuevo pincel:
Una vez seleccionada, haga clic en la pestaña Pincel para ver y modificar las propiedades del pincel. En la parte inferior, debajo de todas las variables de pincel, hay una muestra de cómo se ve un trazo de pincel. Con la configuración predeterminada, se ve así:
¿Sabes cómo se ve eso? Bokeh suave, natural y moteado. Estamos a punto de cambiar eso. En la entrada Forma de punta de pincel en el panel Pincel. En la parte inferior del panel, cambie el espacio 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 ajuste la Dispersión al 10,000%, el Recuento a 5 y el Contador de jitter al 1%. (Una vez que hayamos creado nuestro pincel inicial, siéntase libre de jugar con estos valores con Bokeh Brush 2, cambiando los valores aquí y en las variables que siguen produce efectos nítidos). Su ventana de muestra de pincel debería verse así ahora:
Ahora estamos llegando a alguna parte; esa muestra comienza a parecerse a los puntos de luz aleatorios y superpuestos que esperaríamos de una fotografía rica en bokeh.
Hagamos algo con respecto a la uniformidad de dimensionamiento navegando a la entrada Shape Dynamics. Cambie los valores predefinidos allí a Tamaño Jitter 100%, Control: Presión del lápiz, Diámetro mínimo 50%, y luego deje el resto en 0% y apagado / sin marcar, así:
Aún mejor, la adición de Size Jitter realmente ha introducido algunas variaciones agradables. El toque final en nuestro pincel es ajustar la opacidad y la fluctuación de fase de flujo en la categoría de transferencia. Haga clic en Transferir y ajuste la fluctuación de opacidad al 50% y la fluctuación de flujo al 50%. Cambie el control de la fluctuación de fase de flujo a la presión de la pluma. Deja todo lo demás apagado o al 0% como así:
Ahora que es una vista previa hermosa; Simplemente mírelo: prácticamente puede ver cómo el papel tapiz toma forma en el pequeño cuadro de vista previa.
Con nuestro pincel definido, es hora de pasar al proceso de crear el fondo de pantalla real.
Creando el degradado de fondo y las capas Bokeh
Continúe y cree una nueva capa en su área de trabajo (y, si lo desea, desmarque o elimine la capa que utilizó para crear el pincel basado en la elipse). Etiqueta de esta capa "Fondo". Puede poner un color sólido o un degradado en el fondo de su fondo de pantalla en esta nueva capa, pero los degradados son mucho más bonitos en el producto terminado.
Seleccione la herramienta Degradado (G) y luego elija uno de los gradientes predefinidos o cree uno propio. Los ajustes preestablecidos no tenían el tipo de efecto de arco iris hiper-brillante que estábamos buscando, por lo que creamos un nuevo gradiente utilizando los valores de semilla para las ubicaciones de gradiente 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 "Bokeh Background". Seleccione la herramienta Pincel (B). Cambia el color del pincel a blanco puro. Seleccione un tamaño de pincel de aproximadamente un tercio a la mitad del tamaño vertical de su lienzo (en el caso de nuestro lienzo de 1920 x 1080 que significa un pincel de aproximadamente 300-500 píxeles de tamaño). Estamos jugando en grande hoy, así que 500 píxeles es.
El siguiente paso (y sus repeticiones posteriores) es enteramente una cuestión de gusto. Ir ligero con el cepillo al principio y luego un poco más pesado si lo desea. Recuerde, esto no es como usar un pincel estándar en el que puede hacer clic en el punto X y obtener información inmediata sobre ese lugar. Hemos creado un pincel que crea efectivamente un trazo muy amplio y muy variable.
Comience con un pase del pincel del lado del lienzo al otro y luego toque aquí o allí para agregar más círculos. Hemos encontrado que dos pases sólidos de izquierda a derecha y luego de derecha a izquierda hacen un buen trabajo. Así es como debe verse el lienzo: da o toma algunos círculos:
Ya que esta es la capa de fondo, debemos difuminarla para comenzar a construir esa sensación de profundidad. Mientras se encuentre en la capa de fondo Bokeh, navegue hasta Filtro -> Desenfoque -> Desenfoque gaussiano. Un valor de 20-30 produce un buen desenfoque de fondo agradable:
Ahora tenemos que repetir el proceso con unos pequeños retoques. Crea una nueva capa llamada "Bokeh Midground". Reduzca el tamaño del pincel a un valor más pequeño (lo bajamos de 500 píxeles a 300 píxeles). Nuevamente, haga un pase sobre el lienzo con la herramienta Pincel hasta que esté satisfecho con el número de círculos. Aplique el Desenfoque Gaussiano nuevamente, pero esta vez ajuste el desenfoque entre 5-10 píxeles: 
Podemos ver el fondo de pantalla realmente tomando 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 bajamos de 300 píxeles a 150 píxeles). Repita el paso del pincel sobre el lienzo. Repita el Desenfoque gaussiano, pero suelte el valor a 1-5 píxeles.
Este es el último paso del tutorial; una vez que hayas difuminado la capa "Bokeh Foreground", serás recompensado con el producto final:
Lo divertido del flujo de trabajo es que es extremadamente fácil, una vez que lo has hecho una vez, repasarlo una y otra vez creando nuevos fondos de pantalla con círculos realmente densos (o dispersos), gradientes claros u oscuros y otras variaciones.
De hecho, sin siquiera repetir todo el proceso, puede crear una nueva capa sobre su antigua capa de fondo, oprimir un nuevo degradado y crear un fondo de pantalla con una nueva vibra: 
Con proyectos como este, la variabilidad y la aleatoriedad del resultado final son parte de la diversión. Siéntase libre de experimentar con tamaños de pinceles, configuraciones y otras variables para lograr resultados únicos y divertidos; aún mejor, compártalos en los comentarios a continuación con sus colegas lectores..
