Hacer un fondo de escritorio de Vector rasgado con texto en ángulo

Este tutorial es perfecto para el artista principiante de Adobe Illustrator que desea llevar sus habilidades al siguiente nivel. Aprenderá a trabajar con el tipo para crear un fondo de pantalla de escritorio y agregar cicatrices para completar el diseño. Hagámoslo!

Vista previa de la imagen final

A continuación se muestra el diseño final en el que trabajaremos. Este escritorio está diseñado a 1680 píxeles por 1050 píxeles. 

Paso 1

Configure su documento al tamaño que desee para crear su escritorio en. Después de eso, dibuja un rectángulo con la herramienta Rectángulo (M) y rellénalo con un color de tu elección. Pon este rectángulo en su propia capa. Cuando esté haciendo un diseño que tenga varios elementos, también es una buena idea colocar cada elemento en su propia capa. Tenga esto en cuenta al agregar más objetos al diseño, ya que no lo señalaré cuando agregue nuevas capas en este tutorial..

Paso 2

Agregue un dicho ingenioso y breve que puede dividirse en varias partes para crear un diseño. He utilizado ITC Franklin Gothic para mi texto. Para acceder rápidamente al panel de tipo presione Comando + T.

Paso 3

Ángulo el tipo para darle un aspecto único. La inclinación del tipo es tan simple como seleccionarlo y colocar el mouse cerca de una de las esquinas. Usando la herramienta de selección directa (V) cuando el cursor cambia a una flecha de doble cara, puede rotar el tipo. Cuando esté girando el tipo, mantenga presionada la tecla Mayús para rotarla fácilmente a un ángulo de 45 grados.

Etapa 4

Cuando comience a colocar el texto, intente organizarlo de modo que todo el dicho quede dentro del área central del diseño. Como se dará cuenta, seguí adelante y coloqué las palabras más grandes en un patrón que me gusta. Una vez que haga lo mismo, puede continuar formando las otras palabras alrededor de las letras existentes.

Paso 5

Continúe duplicando las palabras, mezcle y pruebe diferentes combinaciones para que encajen bien una al lado de la otra. Duplique rápidamente las palabras manteniendo presionada la tecla de opción mientras hace clic y arrastra. Está bien permitir que sus ilustraciones se superpongan a los bordes de la mesa de trabajo en este punto.

Paso 6

Observe cómo se ve el diseño completo y completo (con la excepción del área pequeña a la derecha a la que agregaré mi nombre y el logotipo de VECTORTUTS).

Paso 7

Para hacer la textura en el fondo, use una elipse simple que convertiremos en un Pincel de dispersión para que podamos hacer una textura rápidamente. Dibuja una elipse usando la herramienta Elipse (L). Llénalo con negro.

Paso 8

Abra sus Pinceles (F5) y arrastre la elipse a la paleta Pinceles. Cuando hagas esto se abrirá un diálogo. Seleccione Nuevo Pincel de dispersión y haga clic en Aceptar.

Paso 9

El cuadro de diálogo Opciones de pincel de dispersión tiene varias opciones para ayudarlo a crear patrones aleatorios. Establezca su tamaño, espaciado y dispersión al azar. Ajuste los triángulos pequeños resaltados a continuación para incluir números negativos y positivos en cada control deslizante. Esto asegurará que su cepillo tenga suficiente variedad. Por supuesto, no es necesario que ajuste la opción de Rotación ya que la forma es un círculo..

Paso 10

Seleccione la elipse en la paleta Pinceles y luego seleccione la herramienta Pincel (B). Simplemente dibuja una forma arbitraria e instantáneamente tendrás una textura similar a la de abajo!

Si no le gusta la forma en que se pinta el pincel, haga doble clic en la elipse en la paleta Pinceles y edite las opciones. Si realiza algún cambio después de que ya haya pintado una forma, se le mostrará el cuadro de diálogo Alerta de cambio de pincel. Puede aplicar a los trazos o dejar trazos como se muestra a continuación.

Paso 11

Continúa construyendo tus formas. Una vez que haya acumulado una masa de formas, deberá expandirlas. Seleccione todas sus formas y vaya a Objeto> Expandir apariencia. Una vez que expanda sus objetos, verá que hay líneas pequeñas (puntos amarillos) dentro de las formas. Use la Herramienta de selección directa (V) para seleccionar estas formas y eliminarlas. Después de eso, seleccione la masa de puntos y use el buscador de ruta y seleccione Agregar al área de forma (punto verde izquierdo), luego haga clic en Expandir (punto verde derecho).

Paso 12

Ahora te quedas con una masa de puntos que se fusionan completamente en una forma.

Paso 13

Coloque la forma sobre las esquinas de la obra de arte. Seleccione las cuatro secciones de puntos y seleccione Agregar a área de forma y Expandir como lo hicimos en el Paso 11.

Paso 14

Puede recortar los puntos hasta el borde de la ilustración dibujando una forma de rectángulo sobre el lugar donde desea que se recorten los puntos. Después de eso, seleccione Restar del área de forma (punto amarillo izquierdo) seguido de Expandir (punto amarillo derecho).

Ajuste la opacidad de los puntos utilizando la paleta Transparencia. He decidido que una opacidad de 29 es adecuada para este diseño..

Paso 15

Haz otros puntos que sean blancos para agregar otro nivel de interés al diseño..

Paso 16

Agregaremos un efecto de foco al diseño dibujando un rectángulo con la herramienta Rectángulo y asignándole un degradado radial. Acceda al Panel de degradado yendo a Ventana> Gradiente. Haga clic en el control deslizante Degradado y use la paleta de colores (F6) para ajustar los colores.

Paso 17

Mueve el rectángulo entero sobre la obra de arte. En la Paleta de transparencia, seleccione Multiplicar de la lista desplegable. Esto permitirá que su obra de arte debajo del gradiente se vea.

Paso 18

Para crear un efecto de papel rasgado, dibuje una forma arbitraria con la herramienta Lápiz (N). La forma más fácil de cerrar una forma abierta es mantener presionada la tecla Opción cuando esté listo para cerrar la forma.

Paso 19

Aún utilizando la herramienta Lápiz, dibuje otras dos formas de papel rasgado que representan los bordes del papel mientras se curva hacia arriba.

Paso 20

Dale a la parte del papel un degradado de negro a blanco.

Paso 21

Agregue un Resplandor interno yendo a Efecto> Estilizar> Resplandor interno. Establezca el Modo en Pantalla y la Opacidad en aproximadamente 25. Su tamaño de Desenfoque puede no ser exactamente lo que muestro en mi ejemplo. Solo asegúrate de que el tuyo se vea bien para ti, luego presiona OK.

Paso 22

Para darle a la forma una sombra, vaya a Efecto> Estilizar> Sombra caída. Establezca su modo en Multiplicar, su Opacidad en aproximadamente 75, su Desplazamiento X e Y en 0 y Desenfoque. presiona OK.

Paso 23

Repita estos pasos para el otro lado del borde del papel, o mientras aplica el efecto, puede seleccionar ambos bordes de papel curvados para que el efecto se aplique a ambos al mismo tiempo.!

Ahora tienes un efecto de papel rasgado efectivo. Coloque el papel rasgado sobre el borde de su obra de arte para completar el diseño.

Imagen final

Aquí es cómo se ve el escritorio final. El último paso es guardar las ilustraciones para usarlas en tu escritorio. Vaya a Objeto> Rebanada> Clip a Artboard. Finalmente, vaya a Archivo> Guardar para Web y Dispositivos, luego guarde su obra de arte usando la configuración deseada. Todo lo que queda por hacer es configurar la imagen como su escritorio!

Ahora debería estar en el camino correcto para explorar todas las funciones poderosas que Adobe Illustrator tiene para ofrecer..

Prima

Como un bono adicional, he incluido una variedad de tamaños alternativos del escritorio que se diseñó en este tutorial para que los descargue:

  • 1920x1200px
  • 1680x1050px
  • 1440x900px
  • 1280x1024px
  • 1280x800px
  • 1024x768px
  • iPhone 320x480px