Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Tools & Tips

Consejo rápido: Cómo crear un fondo abstracto brillante

by
Read Time:7 minsLanguages:

Spanish (Español) translation by Steem (you can also view the original English article)

En este consejo rápido aprenderás a dibujar un fondo abstracto brillante. Utilizaremos una secuencia de comandos muy útil llamada Variar tonos para acelerar el proceso de coloración, junto con los efectos Transformar, un Pincel de dispersión y una pequeña dosis de Malla de degradado. Te esperan dos versiones, así que ¡comencemos!


Paso 1

Primero abre un nuevo documento. Ahora, toma la herramienta Segmento de línea (barra invertida) y haz clic en cualquier lugar de tu mesa de trabajo para abrir la ventana de opciones. Allí, selecciona 100 px y obtendrás la primera línea vertical. Con esta línea seleccionada, ve al menú Efecto > Distorsionar y transformar y aplica el efecto Transformar. Elige mover la línea 5 px horizontalmente y luego 70 copias.

Para expandir este efecto y obtener líneas separadas, ve al menú Objeto y selecciona Expandir apariencia y luego Desagrupar.


Paso 2

Selecciona todas las líneas resultantes y ve al menú Objeto > Transformar > Transformar individualmente. Elige moverlas -5 px horizontalmente, marca la opción Aleatorio y luego presiona Copiar. Cambié el color del Trazo a azul para que podamos ver mejor el resultado. No deselecciones todas las líneas obtenidas y pasa a la siguiente imagen.

Con las líneas azules aún seleccionadas, pulsa Comando + D que es el atajo de Volver a transformar para repetir la última acción (mover H: -5 px al azar). Obtendrás más líneas, que en la imagen de abajo son de color verde.


Paso 3

Aquí están todas las líneas listas para ser usadas. Vamos a crear un fondo de 600 x 400 px, así que toma la herramienta Rectángulo (M) , haz clic en cualquier lugar de tu mesa de trabajo e introduce las dimensiones que se muestran en la imagen de abajo para crear un rectángulo. Ahora, selecciona todas las líneas y ve al panel Transformar (menú Ventana > Transformar). Tenemos que modificar los valores de Anchura y Altura, por lo tanto escribe 610 px y 410 px, ligeramente más grandes que el rectángulo. Coloca las líneas sobre el rectángulo como se muestra en la imagen a continuación, y antes de continuar, Copia y Pega detrás el rectángulo verde porque lo necesitarás más adelante.

Consejo: Si quieres crear un fondo mucho más grande que este, te recomiendo que elijas más de 70 copias cuando apliques el efecto Transformar, 100 o incluso más.

Ahora, selecciona todas las líneas junto al rectángulo, selecciona Dividir en el panel Buscatrazos y luego Desagrupar en el menú Objeto. Como resultado obtendrás un montón de rectángulos de diferentes anchos. Selecciona el negro como color de relleno.


Paso 4

En este paso usaremos una nueva secuencia de comandos llamada Variar tonos que me parece muy útil. Acelera mucho el proceso de coloreado. Ve aquí y sigue las instrucciones para descargarla e instalarla. Después de reiniciar Illustrator deberías encontrarla en el menú Archivo > Secuencias de comandos. A continuación, selecciona todos los rectángulos negros, ejecuta la secuencia de comandos, elige 20 y pulsa Ok. Como resultado, todas las franjas se rellenarán con varios tonos de gris y en este punto puedes agruparlas.


Paso 5

Ahora, necesitamos la copia del rectángulo hecha en el paso 3. Muévela detrás del grupo de rayas y rellénala con un degradado llamado Espectro que puedes encontrar en la Biblioteca de muestras en Degradados > Espectro. Ajusta el Modo de fusión a Sobreexposición de color.

Selecciona el grupo de rayas y ve al menú Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 1,5 px. Para lograr los bordes crearemos una máscara. Primero, haz una copia del rectángulo, elimina el relleno de degradado y muévela delante de las rayas. Ahora, selecciona este rectángulo y también el grupo de rayas y ve a menú Objeto > Máscara de recorte > Crear.


Paso 6

Haz otra copia del rectángulo de fondo y muévelo al frente. Rellénalo con gris por el momento. Teniendo este rectángulo seleccionado, ve al menú Objeto > Crear malla de degradado, elige cuatro Filas y siete Columnas y presiona OK.

Toma la herramienta Selección directa (A) y arrastra una selección sobre la primera fila de puntos de malla y luego cambia su color de relleno a negro. A continuación, selecciona todos los puntos de malla de la fila central y cambia su color de relleno a blanco. Para la última fila de puntos de malla selecciona negro como color de relleno.


Paso 7

Ahora, moveremos algunos de los puntos de la segunda fila. Selecciona con la herramienta Selección directa (A) sólo los puntos indicados abajo y muévelos hacia arriba. Utilizaremos diferentes tonos de gris para rellenar cada punto de la malla, por lo tanto sigue las indicaciones y rellénalos con 90 %, 80 %, 60 %, 40 % y 30 % de negro.

Repite el mismo proceso para los puntos de la cuarta fila. Selecciona con la herramienta Selección directa (A) solo los puntos indicados y muévelos como se indica. Cuando hayas terminado, cambia sus colores de relleno a 80 %, 60 %, 40 % y 20 % de negro.

Por último, establece el Modo de fusión en Multiplicar porque de esta manera el blanco se vuelve transparente.


Paso 8

Toma la herramienta Elipse (L) y dibuja un círculo de 10 x 10 px. Rellénalo con negro y luego arrastralo al Panel de pinceles y elige Nuevo pincel de dispersión. En la ventana de Opciones, deja todos los ajustes como están y sólo cambia el Método de Coloración a Matices.


Paso 9

A continuación, utiliza la herramienta Lápiz (N) para dibujar un trazado aleatorio sobre el fondo, similar al que se muestra a continuación, y haz un trazo con el Pincel de dispersión guardado en el paso anterior. Para cambiar los ajustes, haz doble clic en el trazo del pincel aplicado en el panel Apariencia para abrir la ventana de Opciones, y en ella podrás mover los deslizadores de Tamaño, Espaciado y Dispersión como quieras.

Estos son los valores que he utilizado, elegidos al azar.


Paso 10

Teniendo este trazado seleccionado, ve al menú Objeto y selecciona Expandir apariencia. Como resultado obtendrás un grupo de círculos. Selecciona blanco como color de relleno y ve al menú Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 2 px. Establece el Modo de fusión en Superponer y reduce la Opacidad al 50%.


Paso 11

Toma de nuevo la herramienta Lápiz (N) y dibuja otro trazado en el centro del fondo. Trázalo con el Pincel de dispersión guardado y luego cambia los valores de Tamaño, Espaciado y Dispersión como hiciste antes.

Teniendo el trazado seleccionado, ve al menú Objeto y elige Expandir apariencia. Rellena el grupo de círculos resultante con un degradado radial de blanco a negro y establece el Modo de fusión en Superponer.


Paso 12

Dibuja con la herramienta Elipse (L) una forma ovalada en el centro del fondo. Rellénala con un degradado radial de gris a negro y luego ve al menú Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 17 px. Cambia el Modo de fusión a Sobreexposición de color para obtener el aspecto brillante Mueve la elipse detrás de los dos grupos de círculos.


Paso 13

Ahora, tenemos que enmascarar todo lo que sobrepasa los bordes del fondo. Primero, haz una copia del rectángulo del fondo (el que está relleno con el degradado de colores en el fondo), quita el relleno del degradado y muévelo al frente. Ahora, selecciona los dos grupos de círculos, la elipse y también este rectángulo y ve al menú Objeto > Máscara de recorte > Crear. En este punto, el fondo abstracto está listo.


extra

1. Aquí hay otra versión del fondo abstracto y cómo hacerlo simplemente cambiando algunas cosas. Comienza con el degradado para el rectángulo del fondo y utiliza lo que quieras.

Continúa con los puntos de malla. Esta vez he utilizado negro y tonos oscuros de gris sólo en la parte inferior del fondo, 20% de negro para los puntos de malla de la parte superior y blanco en la zona central. Para más detalles sigue de nuevo los pasos 5, 6 y 7.

2. El primer grupo de círculos es el mismo del paso 10. Para el segundo, dibuja un trazado con la herramienta Lápiz (N) como se indica a continuación, vuelve al paso 11 y utiliza la misma configuración.

3. Dibuja una elipse como hiciste en el paso 12 y esta vez ponla en la parte superior y no en el centro. 4. Finalmente, enmascara todo lo que sobresalga de los bordes del fondo como hiciste en el paso 13.


Conclusión

Aquí están las dos imágenes finales. De la misma manera se pueden lograr muchas otras variaciones, si haces alguna interesante me encantaría verla.

One subscription.
Unlimited Downloads.
Get unlimited downloads