26Jun

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

click fraud protection

Le hemos enseñado lo que es bokeh y cómo crearlo con una cámara física, ahora echemos un vistazo a cómo podemos crear la hermosa suavidad del bokeh como un bonito fondo de pantalla colorido y liviano para su computadora y dispositivos móviles.

¿Por qué quiero hacer esto?

Hay dos grandes conclusiones del tutorial fotográfico de hoy. En primer lugar, tendrá la oportunidad de crear un fondo de pantalla de bokeh( que es un compañero muy divertido y colorido para las fotografías de bokeh analógico que le hemos mostrado anteriormente cómo crear).

En segundo lugar, también aprenderá los conceptos básicos del Photoshop Brush Engine, que es una herramienta muy poderosa en el arsenal de Photoshop( y bastante poco utilizado en eso).

Finalmente, es solo una buena y limpia edición digital divertida. 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.

instagram viewer

¿Qué necesito?

Para este tutorial, solo necesitará una cosa:

  • Adobe Photoshop

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

Más allá de Photoshop, no hay herramientas adicionales o entradas de archivos necesarias;crearemos 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 se crea mediante puntos de luz fuera del plano focal de la lente, donde la luz desenfocada de los reflejos adquiere la forma de la abertura de la lente.

Para crear ese efecto, no podemos simplemente crear un grupo de círculos y proclamarnos hechos 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 ligeramente diferentes)del plano focal).También queremos recrear la variabilidad del 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, haremos dos cosas: con el fin de 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 de Bokeh

El primer orden del día es crear nuestro espacio de trabajo y luego crear nuestro cepillo falso de Bokeh. Cree una nueva imagen en Photoshop que sea del tamaño del fondo de pantalla que desea crear. Estamos trabajando 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 extremadamente gris oscuro sin ser negro; utilizamos valores RGB 30-30-30:

Una vez que haya seleccionado un gris muy oscuro, seleccione la formaHerramienta( U) y cambiarlo a Elipses. Mantenga presionada la tecla Mayús para bloquear la relación de aspecto de la forma que está a punto de 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 sea 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 momento posterior del tutorial.

En este punto, tendrás un círculo casi negro sentado en el medio 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 estar ajustando la Opacidad de relleno y no la categoría de Opacidad más amplia).En segundo lugar, agregue una capa de trazo negra pura de 10 píxeles de ancho con 100% de opacidad:

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

Este círculo no tan emocionante todavía servirá como semilla para nuestro pincel. Aquí es donde sucede la verdadera magia en el tutorial de hoy. Una vez que haya creado el círculo teñido simple anterior, vaya a Editar - & gt;Definir pincel preestablecidoNombre su nuevo preset de pincel;llamamos nuestro "Bokeh Brush 1".

Después de nombrar su nuevo pincel, notará que el panel Pinceles / Pinceles está ahora abierto en el lado derecho de la pantalla. Primero, seleccione la herramienta Pincel presionando B en el teclado o selecciónándolo manualmente desde la paleta de herramientas. A continuación, haz clic en la pestaña Presets de pincel. Ubique y seleccione su nuevo pincel:

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

¿Sabes a qué se parece? Bokeh suave, natural y moteado. Estamos a punto de cambiar eso. En la entrada de Brush Tip Shape en el panel Brush. En la parte inferior del panel, cambie el espaciado del 25% al ​​100%.Observe el cambio en la ventana de vista previa de pincel:

A continuación, debemos crear una ubicación aleatoria de los círculos aumentando la variable de dispersión. Haga clic en la entrada Scattering y ajuste Scatter en un 10,000%, Count en 5 y Count Jitter en 1%.(Después de hacer nuestro pincel inicial, puede 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 estamos llegando a algún lado;esa muestra comienza a parecerse a los puntos de luz aleatorios y superpuestos que podríamos esperar de una fotografía rica en bokeh.

Hagamos algo acerca de la uniformidad del tamaño navegando a la entrada de Shape Dynamics. Cambie los ajustes preestablecidos a Size Jitter 100%, Control: Pen Pressure, Minimum Diameter 50% y luego deje el resto en 0% y desactívelos / desactívelos como se muestra a continuación:

Incluso mejor, la adición de Size Jitter realmente ha introducido un buenvariación. El toque final en nuestro pincel es ajustar la opacidad y la fluctuación de flujo en la categoría Transferencia. Haga clic en Transferir y ajuste la fluctuación de fase de opacidad al 50% y la fluctuación de flujo al 50%.Cambia el control de la fluctuación de flujo a la presión de la pluma. Deje todo lo demás o al 0% como tal:

Ahora que es una hermosa vista previa;solo míralo: prácticamente puedes ver el papel tapiz tomando forma justo en el pequeño recuadro de vista previa.

Con nuestro pincel definido, es hora de pasar al proceso de crear el fondo de pantalla real.

Crear degradado de fondo y capas de 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 elipse).Etiqueta 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 de degradado( G) y luego elija uno de los degradados preestablecidos o cree uno 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 degradado utilizando los valores de inicialización 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 gradiente se ve así:

Con el lienzo pintado, es hora deComience con la primera capa de bokeh. Crea una nueva capa llamada "Fondo Bokeh".Seleccione la herramienta Pincel( B).Cambie 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 a lo grande hoy, por lo que 500 píxeles es.

El siguiente paso( y sus repeticiones posteriores) es completamente una cuestión de gusto. Vaya 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 la mancha X y obtener retroalimentación inmediata en ese punto. Creamos un pincel que crea un trazo muy ancho y muy variable.

Comience con un pase del pincel de un 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 tu lienzo, dar o tomar algunos círculos:

Dado que esta es la capa de fondo, necesitamos desenfocarla para comenzar a construir esa sensación de profundidad. Mientras aún está en la capa de fondo de Bokeh, navegue a Filter - & gt;Desenfoque - & gt;Desenfoque gaussiano. Un valor de 20-30 produce una agradable borrosidad de fondo agradable:

Ahora tenemos que repetir el proceso con algunos pequeños retoques. Crea una nueva capa llamada "Bokeh Midground".Disminuya el tamaño del pincel a un valor menor( lo eliminamos de 500 píxeles a 300 píxeles).Nuevamente, pase sobre el lienzo con la herramienta Pincel hasta que esté satisfecho con la cantidad de círculos. Aplica el desenfoque gaussiano nuevamente, pero esta vez ajusta el desenfoque a entre 5 y 10 píxeles:

. Podemos ver el fondo del papel 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 en primer plano".Cambia el tamaño del pincel a un valor aún más pequeño( lo dejamos caer de 300 píxeles a 150 píxeles).Repita el paso del pincel sobre el lienzo. Repita la Desenfoque gaussiano, pero reduzca el valor a 1-5 píxeles.

Este es el último paso del tutorial, una vez que haya borrado la capa "Bokeh en primer plano", será recompensado con el producto final:

Lo divertido del flujo de trabajo es que es extremadamente fácil, una vez que se ha idoatravesarlo una y otra vez para crear nuevos fondos de pantalla con círculos realmente densos( o dispersos), degradados claros u oscuros y otras variaciones.

De hecho, sin siquiera repetir todo el proceso, puedes crear una nueva capa sobre tu capa de fondo anterior, colocar un nuevo degradado y crear un fondo de pantalla con un ambiente completamente nuevo:

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