Sugerencia rápida crear una ilustración de regla transparente

En el siguiente tutorial, aprenderá cómo crear una regla transparente. La cuadrícula y el complemento a la cuadrícula serán útiles ya que estamos a punto de crear varias rutas con dimensiones precisas. Usando múltiples rellenos y trazos con varios modos de fusión y porcentajes de opacidad, crearemos la ilustración general de la regla. Para los detalles finales usaremos un pincel incorporado y algunos efectos básicos..


Paso 1

Crea un documento RGB de 700 por 300 píxeles. Primero, active la cuadrícula (Ver> Cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). A continuación, necesitará una cuadrícula cada 1px. Vaya a Edición> Preferencias> Guías> Cuadrícula, ingrese 1 en la casilla de cuadrícula cada casilla y 1 en la casilla 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 reemplazar la unidad de medida por píxeles en Editar> Preferencias> Unidad> General. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..


Paso 2

Elija la herramienta Rectángulo (M) y haga clic en su mesa de trabajo. Ingrese 628 en el cuadro de ancho y 60 en el cuadro de altura, luego haga clic en Aceptar. Rellene la forma resultante con R = 209 G = 211 B = 212 luego haga una copia al frente (Control + C> Control + F). Giro de la visibilidad para esta copia, la necesitarás más tarde..


Paso 3

Coge la herramienta Pluma (P), dibuja una trayectoria horizontal de 628 píxeles y colócala como se muestra en la primera imagen. Rellénelo con ninguno y agregue un trazo blanco de 1 pt. De nuevo, haga una copia de esta ruta (Control + C> Control + F) y hágala invisible. Ahora, seleccione las dos formas visibles y haga clic en el botón Dividir del panel de Pathfinder. Debes conseguir un grupo con dos nuevas formas. Selecciónelo en el panel Capas y desagrupe (Shift + Control + G).


Etapa 4

Elija la herramienta Elipse (L), cree una forma de 12 por 12 píxeles y colóquela como se muestra en la primera imagen. Haga una copia de este círculo y hágalo invisible, lo necesitará más adelante. Seleccione el círculo visible junto con la forma gris inferior (creada en el paso anterior) y haga clic en el botón Frontal Inferior del panel de Pathfinder.


Paso 5

Ahora, vamos a agregar un buen fondo para esta regla. Puede usar este papel pintado de madera que Laszlo Prekop tuvo la amabilidad de ofrecer. Guárdelo en su disco duro y luego arrástrelo a su archivo de illustrator. Envíelo en la parte inferior del panel Capas (Mayús + Control + Soporte Cuadrado Izquierdo) y bloquéelo para asegurarse de que no lo seleccionará o moverá accidentalmente.


Paso 6

Elija la herramienta Pluma (P), dibuje una nueva ruta de 628 px y colóquela como se muestra en la primera imagen. Rellénelo con ninguno y use el cepillo "Chalk-Scribble" para el trazo. Deberías tenerlo en tu panel de Pinceles. Si no lo hace, aquí encontrará cómo puede encontrarlo: abra el menú desplegable del panel Pinceles y vaya a Abrir biblioteca de pinceles> Artistic> Artistic_ChalkCharcoalPencil. Hazlo blanco y luego baja su opacidad al 10%..


Paso 7

Vuelva a seleccionar la parte inferior, la forma gris y haga una copia al frente (Control + C> Control + F). Rellénelo con blanco y llévelo al frente (Shift + Control +]), selecciónelo junto con el pincel blanco y vaya al panel Transparencia. Abra el menú desplegable y haga clic en Crear máscara de opacidad. Esto enmascarará la mitad inferior de tu pincel..


Paso 8

Ahora, vamos a agregar algunos colores nuevos para las formas grises. Seleccione la forma inferior y rellénela con el degradado lineal izquierdo que se muestra a continuación, luego vaya al panel Apariencia. Seleccione el relleno de salida y baje su opacidad al 40%, luego abra el menú desplegable del panel Apariencia y haga clic en Agregar nuevo relleno. Obviamente, esto agregará un segundo relleno para su forma. Selecciónelo en el panel Apariencia, baje la opacidad al 10% y use el gradiente lineal correcto que se muestra a continuación.

Presta especial atención a las imágenes de gradiente. Los números blancos representan la ubicación de opacidad, mientras que los números amarillos representan el porcentaje de opacidad. Esto significa que debe seleccionar los controles deslizantes de degradado y establecer los porcentajes de opacidad y ubicación como se muestra en la siguiente imagen.


Paso 9

Vamos a pasar a la forma superior. Primero, reemplace el gris plano con el degradado lineal izquierdo, luego agregue un segundo relleno y use el degradado lineal correcto. Vuelva a seleccionar el primer relleno y baje su opacidad al 40%, luego seleccione el segundo relleno y baje la opacidad al 30%. No olvide configurar los porcentajes de opacidad y ubicación como se muestra en la siguiente imagen.


Paso 10

Centrarse en el área izquierda de las formas existentes. Elija la herramienta Rectángulo (M), cree una forma de 120 por 60 px y colóquela como se muestra en la primera imagen. Elija la herramienta de selección directa (A), seleccione el punto de anclaje superior derecho y muévalo 60 px hacia la izquierda. Ahora, tu forma debe verse como en la segunda imagen. Rellénelo con el degradado lineal que se muestra en la imagen final y luego baje su opacidad al 10%..


Paso 11

Vuelva a visible para la copia realizada en el tercer paso y llévela al frente (Shift + Control + Right Square Bracket). Regrese para ver la copia realizada en el segundo paso y llévela al frente (Shift + Control + Right Square Bracket). Rellénelo con ninguno y agregue un 2 puntos, alineado con el trazo exterior.

Establezca su color en R = 109 G = 110 B = 113, luego abra el menú desplegable del panel Apariencia y haga clic en Agregar nuevo Stoke. Esto agregará un segundo trazo para su forma. Seleccione si desde el panel Apariencia, haga que sea blanco y establezca el tamaño en 1 punto. Vuelva a seleccionar la ruta completa y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 1px luego haga clic en OK.


Paso 12

Vuelva a visible para la copia realizada en el cuarto paso y colóquela al frente (Shift + Control + Right Square Bracket). Rellénelo con ninguno y agregue un trazo blanco de 2 puntos. Alinéelo al exterior y luego agregue un segundo golpe. Establezca el color en R = 109 G = 110 B = 113 y el tamaño en 1 punto y luego asegúrese de que esté alineado con el exterior.


Paso 13

Desactive la visibilidad de la imagen de fondo. Elija la herramienta Pluma (P), dibuje un trazado vertical de 9px y colóquela como se muestra en la primera imagen. Eche un vistazo más de cerca a la cuadrícula en la imagen ampliada para comprender la ubicación exacta. Rellénelo con ninguno, agregue un trazo de 1 pt y establezca su color en R = 65 G = 64 B = 66. Luego, vaya al panel Trazo (Ventana> Trazo), marque el botón de tapa redonda y luego vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y luego vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los datos que se muestran en la siguiente imagen y luego haga clic en Aceptar.


Paso 14

Continúe con la herramienta Pluma (P) y dibuje cuatro nuevos caminos verticales. Haz que midan 5 píxeles y usa las propiedades de trazo que se muestran en el paso anterior. Agregue el mismo efecto Sombra paralela y luego agrupe estas rutas nuevas (Control + G). Finalmente, seleccione este grupo y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los datos que se muestran en la siguiente imagen y luego haga clic en Aceptar.


Paso 15

Vuelve a visible para la imagen de fondo. Vuelva a seleccionar las dos formas grandes y duplíquelas (Control + C> Control + F). Seleccione estas copias y haga clic en el botón Unir del panel de Pathfinder. Rellene la forma resultante con R = 35 G = 31 B = 32 y envíela en la parte inferior del panel Capas, justo encima de la imagen de fondo. Baje su opacidad al 10%, presione la flecha derecha una vez y la flecha abajo dos veces y luego vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 2px luego haga clic en OK.


Paso 16

Finalmente, puedes agregar algunos colores nuevos para tu regla. Vuelva a seleccionar las dos formas grandes que conforman la regla general y agregue un tercer relleno. Baje su opacidad al 10% y luego use un color simple y plano..


Conclusión

Aquí es cómo debe verse su ilustración final. Naturalmente, puedes usar varios colores para tu regla. Hay innumerables posibilidades, mira lo que se te ocurre.!