Cree una ilustración de rodillo de pintura con un efecto de texto de pintura sucia

En el siguiente tutorial, aprenderá cómo crear una ilustración de rodillo de pintura con un efecto de texto de pintura sucio. Usaremos métodos comprobados de creación de vectores de píxeles perfectos, agregaremos iluminación y efectos de opacidad, y rastrearemos efectos grunge raster en rutas vectoriales. Aprende cada paso de cómo crear este efecto de texto de rodillo de pintura.


Paso 1

Pulsa Comando + N para crear un nuevo documento. Ingrese 1350 en el cuadro de ancho y 1000 en el cuadro de altura, luego haga clic en el botón Avanzado. Seleccione RGB, Pantalla (72ppi) y asegúrese de que la casilla Alinear nuevos objetos con la cuadrícula de píxeles esté desactivada antes de hacer clic en Aceptar. Ahora, active Grid (Ver> Grid) y Snap to Grid (Ver> Snap to Grid).

A continuación, necesitará una cuadrícula cada 1px. Vaya a Edición> Preferencias> Guías y cuadrícula, ingrese 1 en el cuadro Cuadrícula y 1 en el cuadro Subdivisiones. También puede abrir el panel Información (Ventana> Información) para obtener una vista previa en vivo con el tamaño y la posición de sus formas. No olvide configurar la unidad de medida en píxeles desde Edición> Preferencias> Unidad> General. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..


Paso 2

Elija la herramienta Rectángulo (M), cree cinco, 25 por 1px formas, colóquelas una debajo de la otra y llénelas con los colores que se muestran a continuación. Seleccione todas estas rutas y vaya al panel Pinceles (Ventana> Pinceles). Abra el menú desplegable, haga clic en Nuevo pincel, marque el botón Pincel de patrón y haga clic en Aceptar.

Se abrirá la ventana Opciones de pincel de patrón. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y encontrará su nuevo pincel de patrón en el panel Pinceles. Vuelva a seleccionar estos siete rectángulos grises y elimínelos del panel Capas. Ya no los necesitaras.


Paso 3

Para el siguiente paso necesitará una cuadrícula cada 5px. Entonces, vaya a Editar> Preferencias> Guías y cuadrícula e ingrese 5 en la casilla de cuadrícula de cada cuadro. Agarre con la herramienta Pluma (P) y dibuje un camino simple como el negro que se muestra en la siguiente imagen.

No se preocupe, Snap to Grid facilitará su trabajo. Cambie a la herramienta Rectángulo (M), cree una forma de 110 por 30 px y rellénela con R = 240, G = 240, B = 240. Ahora cree una forma de 20 por 60px y rellénela con R = 62 G = 143 B = 209. Coloque estos dos rectángulos como se muestra a continuación. Una vez más, el Snap to Grid facilitará su trabajo.


Etapa 4

Vuelva a seleccionar la ruta negra creada en el paso anterior y vaya al panel Apariencia. Asegúrese de que no tiene ningún conjunto de colores para el relleno, luego seleccione el trazo. Vaya al panel Pinceles, haga clic en el pincel de patrón y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 2px y haga clic en OK.


Paso 5

Vuelva a "cuadrícula cada 1px". Entonces, vaya a Editar> Preferencias> Guías y cuadrícula e ingrese 1 en la casilla de cuadrícula de cada cuadro. Concéntrese en la forma azul y elija la herramienta Selección directa (A). Seleccione el punto de anclaje superior, izquierdo y muévalo 2px hacia la derecha, luego seleccione el punto de anclaje superior, derecho y muévalo 2px hacia la izquierda. La forma resultante debe verse como en la segunda imagen..


Paso 6

Vuelva a seleccionar la forma azul y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 3px, haga clic en OK y vaya a Efecto> Warp> Arc Lower. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y vaya a Objeto> Expandir apariencia.


Paso 7

Desactive la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula), luego vaya a Edición> Preferencias> General, y asegúrese de que el Incremento del teclado esté establecido en 1px. Vuelva a seleccionar la forma azul y vaya a Efecto> Ruta> Ruta de compensación. Ingrese una compensación de -1.5px y haga clic en Aceptar.

Rellene la forma resultante con blanco y haga una copia al frente (Comando + C> Comando + F). Selecciona esta copia y pulsa la flecha derecha dos veces. Vuelva a seleccionar las dos formas blancas y haga clic en el botón Frontal Inferior del panel Pathfinder. Seleccione la forma resultante y baje su opacidad al 30%..


Paso 8

Vuelva a seleccionar la forma azul y vaya a Efecto> Ruta> Ruta de compensación. Ingrese una compensación de -1.5px y haga clic en Aceptar. De nuevo, rellene la forma resultante con blanco y haga una copia al frente (Comando + C> Comando + F). Selecciona esta copia y pulsa la flecha izquierda dos veces. Vuelva a seleccionar las dos formas blancas y haga clic en el botón Frontal Inferior del panel Pathfinder. Seleccione la forma resultante y baje su opacidad al 30%..


Paso 9

Vuelva a habilitar el ajuste a la cuadrícula (Ver> Ajustar a la cuadrícula). Elija la herramienta Elipse (L), cree un círculo de 4px y colóquelo como se muestra en la primera imagen. Selecciónelo junto con la forma azul y haga clic en el botón Minus Front del panel Pathfinder.


Paso 10

Vuelva a seleccionar la forma azul, céntrese en el panel Apariencia y simplemente haga clic en el botón Agregar nuevo relleno. Es el pequeño cuadrado blanco de la parte inferior del panel Apariencia. Obviamente, esto agregará un nuevo relleno para su forma.

Selecciónelo en el panel Apariencia, baje su opacidad al 30% y use el gradiente lineal que se muestra en la siguiente imagen. El cero amarillo de la imagen de gradiente representa el porcentaje de opacidad. Asegúrese de que este nuevo relleno aún esté seleccionado y vaya a Efecto> Ruta> Ruta de compensación. Ingrese una compensación de -1.5px y haga clic en Aceptar.


Paso 11

Vuelva a seleccionar la forma azul y un primer trazo. Hágala de 1.5 pts de ancho, alinéela con el interior y establezca su color en R = 153, G = 200, B = 220. Asegúrese de que esta forma aún esté seleccionada y haga clic en el botón Agregar nuevo trazo desde la parte inferior del panel Apariencia. Seleccione este nuevo stoke, hágalo de 0.75pt de ancho, alinéelo con el interior y establezca su color en R = 32, G = 93, B = 153.


Paso 12

Elija la herramienta Rectángulo (M), cree una forma de 5 por 6px y una forma de 6 por 3px, luego colóquelas como se muestra a continuación. Seleccione la forma superior y vaya a Efecto> Deformación> Arco inferior. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y vaya a Objeto> Expandir apariencia. Seleccione la forma inferior y vaya a Efecto> Deformación> Arco superior. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y vaya a Objeto> Expandir apariencia.


Paso 13

Vuelva a seleccionar la ruta con el pincel de patrón y haga una copia al frente (Comando + C> Comando + F). Seleccione esta copia y vaya a Objeto> Expandir apariencia. Seleccione el grupo de formas resultante y haga clic en el botón Unir del panel de Pathfinder. Duplique la ruta resultante (Comando + C> Comando + F).


Paso 14

Seleccione la forma superior creada en el duodécimo paso, junto con una de las formas creadas en el paso anterior, y haga clic en el botón Intersectar del panel de Pathfinder. Rellene la forma resultante con negro y baje su opacidad al 15%. Seleccione la forma inferior creada en el doceavo paso, junto con la forma restante creada en el paso anterior, y haga clic en el botón Intersectar del panel de Pathfinder. Rellena la forma resultante con negro y baja su opacidad al 20%..


Paso 15

Sube al rectángulo gris. Selecciónelo y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 2px, haga clic en OK y vaya a Efecto> Warp> Bulge. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y vaya a Objeto> Expandir apariencia.


Paso 16

Vuelva a seleccionar la forma editada en el paso anterior y céntrese en el panel Apariencia. Seleccione el relleno y reemplace el color plano con el degradado lineal que se muestra a continuación. Asegúrese de que este relleno aún esté seleccionado y vaya a Efecto> Estilizar> Resplandor interior. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.


Paso 17

Vuelva a seleccionar la forma editada en el paso anterior, agregue un relleno nuevo y selecciónelo en el panel Apariencia. Establezca su color en R = 240, G = 240, B = 240. Ahora baja su opacidad al 10%, cambia el modo de fusión a Multiplicar, y ve a Efecto> Artístico> Esponja. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.


Paso 18

Vuelva a seleccionar la forma editada en el paso anterior y agregue el primer trazo. Hágalo de 1.5 pts de ancho, alinéelo hacia adentro y establezca su color en R = 240, G = 240, B = 240 Selecciónelo en el panel Apariencia y vaya a Efecto> Distorsionar y transformar> Desbaste. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.

Asegúrese de que este trazo todavía esté seleccionado y haga clic en el botón Duplicar elemento seleccionado. Es el pequeño icono de archivo en la parte inferior del panel Apariencia. Obviamente, esto agregará una copia del stoke seleccionado. Selecciónelo, reduzca el tamaño a 0.75pt y establezca el color en R = 209, G = 211, B = 212.


Paso 19

Elija la herramienta Rectángulo (M), cree dos formas de 3 por 8 píxeles y colóquelas como se muestra en la siguiente imagen. Seleccione ambas formas y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 1px y haga clic en OK.

Seleccione solo la forma de la izquierda y vaya a Efecto> Deformación> Arco superior. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y vaya a Objeto> Expandir apariencia. Seleccione el rectángulo derecho y vaya a Efecto> Deformación> Arco inferior. Nuevamente, ingrese los datos que se muestran a continuación, haga clic en Aceptar y aplique Objeto> Expandir apariencia.


Paso 20

Vuelva a seleccionar las dos formas creadas en el paso anterior, rellénelas con R = 230, G = 231, B = 232, y agregue un efecto de 0.75 pts. Alinéelo al interior y establezca su color en R = 147, G = 149, B = 152. Vaya al panel Capas y arrastre estas dos formas debajo de la forma grande y redondeada. Al final debería verse como la segunda imagen mostrada..


Paso 21

Elija la herramienta Rectángulo (M), cree una forma de 12 por 3px y colóquela como se muestra en la siguiente imagen. Rellénelo con R = 230, G = 231, B = 232, y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 1px, haga clic en OK y vaya a Efecto> Warp> Arc Upper. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y aplique Objeto> Expandir apariencia.


Paso 22

Vuelva a seleccionar la forma creada en el paso anterior y agregue un trazo de 0.75 puntos. Establezca su color en R = 147, G = 149, B = 152 y alinéelo con el interior.


Paso 23

Seleccione todas las formas creadas hasta ahora y agrúpelas (Comando + G). Seleccione este nuevo grupo y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.


Paso 24

Vuelva a seleccionar el grupo creado en el paso anterior y haga una copia al frente (Comando + C> Comando + F). Concéntrese en este nuevo grupo y cambie el color del mango. Reemplace las propiedades existentes con las que se muestran en la siguiente imagen.


Paso 25

Continuemos con el fondo. Elija la herramienta Rectángulo (M), cree una forma del tamaño de su mesa de trabajo y rellénela con el degradado radial que se muestra a continuación. El número blanco de la imagen de gradiente representa el porcentaje de ubicación. Esto significa que debe seleccionar el pequeño ícono de diamante y arrastrarlo a Ubicación: 65%.


Paso 26

Vuelva a seleccionar el rectángulo creado en el paso anterior, agregue un nuevo relleno y conviértalo en negro. Selecciónelo en el panel Apariencia, baje su Opacidad al 20%, cambie el modo de fusión a Multiplicar y vaya a Efecto> Boceto> Papel de nota. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.


Paso 27

Una vez más, seleccione la forma creada en el paso anterior y agregue un tercer relleno. Seleccione si en el panel Apariencia, baje su Opacidad al 10%, cambie el modo de fusión a Multiplicar y use el gradiente radial que se muestra a continuación.


Paso 28

Elija la herramienta Pluma (P) y dibuje algunas líneas simples que conformarán su texto. Seleccione estas rutas, elimine el color del relleno, agregue un trazo blanco de 110 píxeles y, a continuación, vaya a Objeto> Ruta> Trazo de contorno. Esto ampliará el trazo. Vaya al panel Capas, céntrese en estas nuevas formas y asígnele un nombre. Le será más fácil encontrarlos en los pasos posteriores..


Paso 29

Gire los grupos de rodillos de pintura y colóquelos como se muestra en la siguiente imagen.


Paso 30

Centrémonos en una de las formas blancas. Voy a empezar con el "T2". Selecciónelo, vaya al panel Apariencia y elimine el color del relleno. Haga una copia de esta ruta, selecciónela y rellénela con negro.


Paso 31

Vuelva a seleccionar la forma negra creada en el paso anterior y vaya a Efecto> Trazo de pincel> Trazo pulverizado. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y vaya a Objeto> Expandir apariencia.


Paso 32

Vuelva a seleccionar la ruta creada en el paso anterior. Primero, vaya a Objeto> Live> Trace> Make, luego vaya a Objeto> Live Trace> Opciones de rastreo. Ingrese los números que se muestran a continuación, asegúrese de que la casilla Ignorar blanco esté marcada y haga clic en Rastrear.


Paso 33

Vuelva a seleccionar la forma editada en el paso anterior y vaya a Objeto> Seguimiento en vivo> Expandir. Seleccione el grupo de formas resultante y vaya a Objeto> Ruta compuesta> Crear.


Paso 34

Vuelva a seleccionar "T2" y haga una nueva copia al frente (Comando + C> Comando + F). Rellene esta copia con blanco, luego seleccione la ruta compuesta creada en el paso anterior y rellénela con R = 35, G = 31, B = 32.


Paso 35

Vuelva a seleccionar las dos rutas editadas en el paso anterior y vaya al panel Transparencia (Ventana> Transparencia). Abra el menú desplegable, haga clic en Crear máscara de opacidad y, a continuación, desactive la casilla Clip. Vuelva a seleccionar esta forma enmascarada y vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 1px y haga clic en OK.


Paso 36

Vuelva a seleccionar "T2", haga una nueva copia al frente (Comando + C> Comando + F), y llévela al frente (Mayús + Comando +]). Rellénelo con negro y vaya a Efecto> Boceto> Papel de nota. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.


Paso 37

Vuelva a seleccionar la ruta creada en el paso anterior. Primero, vaya a Objeto> Live> Trace> Make, luego vaya a Objeto> Live Trace> Opciones de rastreo. Ingrese los números que se muestran a continuación, asegúrese de que la casilla Ignorar blanco esté marcada y haga clic en Rastrear.


Paso 38

Vuelva a seleccionar la forma editada en el paso anterior y vaya a Objeto> Seguimiento en vivo> Expandir. Seleccione el grupo de formas resultante y aplique Objeto> Ruta compuesta> Crear.


Paso 39

Vuelva a seleccionar "T2" y haga una nueva copia al frente (Comando + C> Comando + F). Rellene esta copia con blanco, luego seleccione la ruta compuesta creada en el paso anterior y rellénela con R = 35, G = 31, B = 32.


Paso 40

Vuelva a seleccionar las dos rutas editadas en el paso anterior y vaya al panel Transparencia (Ventana> Transparencia). Abra el menú desplegable, haga clic en Crear máscara de opacidad y, a continuación, desactive la casilla Clip. Vuelva a seleccionar esta forma enmascarada y vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 1px y haga clic en OK.


Paso 41

Vuelva a seleccionar "T2", llévelo al frente (Shift + Command + Right Bracket key), y llénelo con el degradado lineal que se muestra a continuación. Baje su opacidad al 30% y vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 1px y haga clic en OK.


Paso 42

Vuelva a seleccionar las dos formas enmascaradas, baje su Opacidad al 60%, luego selecciónelas (junto con la forma editada en el paso anterior) y agrúpelas (Comando + G).


Paso 43

Concéntrese en la forma "V2" y repita las técnicas utilizadas en los últimos trece pasos.


Paso 44

Usa las mismas técnicas para la forma "T1". La única diferencia es que necesitarás enmascarar el grupo final. Haga una copia de "T1" y arrástrela sobre el grupo (en el panel Capas). Rellénelo con el degradado lineal que se muestra a continuación y vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 1px y haga clic en OK.


Paso 45

Seleccione la forma creada en el paso anterior, junto con el grupo "T1", y vaya al panel Transparencia. Abra el menú desplegable y haga clic en Crear máscara de opacidad. Al final, tu grupo debería verse como la segunda imagen que se muestra..


Paso 46

Vaya a la forma "V1", repita las técnicas mencionadas en los pasos anteriores y listo..


Conclusión

Ahora tu trabajo está hecho. Aquí es cómo debe verse.