Cómo crear tu propio fondo de pantalla de arte luminescente personalizado

Si te gusta el papel tapiz de línea luminiscente abstracta (y ciertamente lo hacemos), sigue leyendo para ver cómo puedes hacer tu propio papel tapiz personalizado con exactamente el tipo de líneas, colores y el nivel perfecto de luminosidad que deseas..

¿Por qué quiero hacer esto??

Si bien nuestra principal motivación (y probablemente la suya) es crear un fondo de pantalla personalizado para nuestra computadora de escritorio (y eso es motivo suficiente), el seguimiento junto con el tutorial tiene un beneficio secundario. La herramienta de lápiz es una herramienta pequeña realmente útil y poderosa en Photoshop que, para muchas personas, apenas se usa. Vamos a utilizarlo ampliamente en un entorno de apuestas bajas, que es una manera perfecta de aprender sus matices..

Qué necesito?

Lo único que necesita para este tutorial es una copia de Adobe Photoshop. No necesitamos una imagen base, una imagen de referencia ni nada más que Photoshop en sí; Estaremos creando la imagen completa desde cero dentro de la aplicación..

Estamos utilizando Adobe Photoshop CS6, pero las técnicas descritas en el tutorial deberían funcionar bien en ediciones anteriores de Photoshop, ya que dependen de las herramientas presentes en la aplicación durante varias generaciones..

Creando la imagen base

Vamos a crear la imagen base. Primero, decida el tamaño que desea; optamos por un tamaño de papel tapiz estándar de 1920 × 1080. Utilice la herramienta Cubo de pintura (G) para pintar el fondo en negro sólido. Puedes experimentar con diferentes colores de fondo más adelante, pero con mucho, el mejor color de líneas fuera de luminiscencia es negro.

Además de dimensionar y colorear la imagen base, es muy útil usar líneas de guía temporales para marcar (como mínimo) el centro del espacio vertical y horizontal. Encienda las reglas si aún no están activadas navegando a Ver -> Reglas o presionando CTRL + R. Arrastre una guía de la regla horizontal y vertical al centro de la imagen (960 y 540 píxeles, respectivamente, si está trabajando en una imagen de 1920 × 1080).

Creando los Senderos

Las rutas son una pequeña e ingeniosa característica en Photoshop que te permite crear lo que inicialmente parece ser un objeto similar a un marco de alambre / dibujo de línea. Las rutas que creas son rutas literales que serán seguidas por la herramienta que usas para crear tus efectos visuales.

Vamos a aprovechar el poder de la pluma, una herramienta basada en la trayectoria, para crear líneas bellamente curvas, que luego manipularemos con la herramienta Pincel. Antes de continuar, permítanos advertirle que si nunca ha usado la herramienta Pluma, puede ser una herramienta bastante frustrante. La mejor manera de controlarlo es simplemente jugar con él. No tenga miedo de crear una ruta, juegue con ella y luego elimínela una vez que tenga una mejor idea de lo que le gustaría hacer..

Seleccione la herramienta Pluma (P) y compruebe que esté configurada en Ruta:

Para crear una línea curva simple que pase completamente desde el borde izquierdo de la imagen hasta el borde derecho, haremos clic en la herramienta Pluma en la línea de guía horizontal justo más allá del borde izquierdo y tirar hacia abajo para crear nuestro primer punto. Después de crear ese primer punto (que ahora se verá como una línea vertical con tres puntos en él), muévase hacia el lado derecho de la imagen y repita el mismo paso: haga clic en la línea de guía horizontal, tire hacia abajo suavemente y suelte el boton del mouse.

Hemos dibujado flechas sobre la captura de pantalla a continuación para indicar dónde arrastramos el mouse:

Este proceso crea una única curva en forma de S en toda la imagen. Presione la tecla ESC para liberarse de la ruta actual y crear una nueva. Repita exactamente el mismo proceso pero variando su punto de inicio y final ligeramente en los lados izquierdo y derecho. Mientras que usted puede crear los caminos para sus líneas de luz de la manera que desee. Buscamos una imagen que parezca un grupo de ellos que converjan ligeramente en el centro cuando pasan a través del marco..

Una vez que hayas creado una docena de rutas, tu imagen debería verse así:

Esas líneas de ruta servirán como marco para los trazos de pincel que aplicaremos en el siguiente paso.

Aplicando los trazos de pincel

Los caminos que creamos anteriormente se ven bastante desnudos. Obtienes una idea de cómo se verá el fondo de pantalla, pero carece de plenitud. Vamos a rectificar eso ahora aplicando la herramienta Pincel sobre el camino.

Primero, necesitamos establecer nuestros parámetros de pincel. Seleccione la herramienta Pincel (B). El tamaño de la cabeza del pincel que seleccione determinará el tamaño de los trazos superpuestos en la ruta. Un tamaño de pincel muy pequeño (1-5 píxeles) creará líneas de araña muy delicadas. Más de 15 píxeles crearán líneas de cable más gruesas. Optamos por un cabezal de cepillo de 10 píxeles. Además, desea establecer el color del pincel en blanco puro.

Cree una nueva capa (CTRL + MAYÚS + N) y titúlela "Pincelada 1". Una vez que haya seleccionado el tamaño de pincel y haya creado la capa, seleccione la herramienta Pluma (P) nuevamente.

Haga clic derecho en cualquier lugar del lienzo y seleccione "Trazo de trazo ..." Cuando aparezca el cuadro de diálogo, asegúrese de cambiar la selección de la herramienta a "Pincel" y marque "Simular presión". Haga clic en Aceptar. Las líneas finas del camino ahora se rellenarán con los trazos del pincel, de esta manera:

Para darle un aspecto más luminoso a los trazos de pincel, vamos a difuminarlos ligeramente. Con la capa "Brush Stroke 1" seleccionada, vaya a Filtro -> Desenfoque -> Desenfoque gaussiano.

Puede desenfocar tan poco como 1,0 píxeles y tan alto como 10,0 píxeles, dependiendo del tamaño de sus pinceladas originales y lograr resultados agradables. Nos gusta solo un toque de desenfoque, por lo que optamos por 2.0.

Una vez que tenga los resultados que desea, seleccione la herramienta Varita mágica (W). Seleccione una de sus líneas (ya que se intersecan y están todas en la misma capa, solo necesita elegir un punto en el medio) usando la herramienta Varita mágica. Sus resultados deben verse así:

Para asegurarnos de que no tengamos bordes irregulares y feos en el siguiente paso, tenemos que modificar un poco nuestra selección. Haga clic en "Refinar borde" en la barra de herramientas superior después de hacer su selección de Varita mágica. Dentro del menú Refinar borde, busque en la sección Ajustar borde para Feather:

Ajuste el valor de Pluma mientras mira la vista previa. Desea un borde suave y bien mezclado entre su selección y el área circundante. Utilizamos un valor de 4.0 para nuestra imagen. Haga clic en Aceptar. Conservar la selección para la siguiente fase del tutorial..

Coloreando las lineas

Crea una nueva capa llamada "Color". En esta capa, puede pintar cualquier color que desee, de la manera que desee, sobre sus líneas de luz. Puede pintar a mano diferentes secciones, puede aplicar un degradado o puede combinar los dos. Vamos a modificar y ajustar mucho la capa, así que no se preocupe por cubrir completamente su trabajo anterior.

En lugar de pintar manualmente nuestros colores, establecemos un degradado de arco iris de un lado a otro utilizando la herramienta Degradado de la siguiente manera:

Una vez que los colores se ven como usted desea, seleccione la capa "Color" y ajuste la opacidad de la capa. Marcamos nuestro de nuevo al 50% para el siguiente efecto:

¡Eso es! En este punto, podemos guardarlo, agregar más líneas si lo deseamos, desvanecer el color o, de lo contrario, modificar la imagen, pero los resultados tal como están ahora están definitivamente listos para el escritorio.

¿Tienes algún consejo o truco para agregar a este tutorial? ¿Quieres vernos hacer un tipo de fondo de pantalla diferente? Apague el sonido abajo en los comentarios.