Spanish (Español) translation by Rosario (you can also view the original English article)
En el siguiente tutorial aprenderás a crear una regla transparente. La cuadrícula y la opción Ajustar a cuadrícula serán muy útiles ya que vamos a crear varios trazados con dimensiones precisas. Utilizando 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 utilizaremos un pincel incorporado y algunos efectos básicos.
Paso 1
Crea un documento de 700 por 300px, RGB. En primer lugar, activa la Cuadrícula (Ver > Cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). A continuación, necesitarás una cuadrícula cada 1px. Ve a Edición > Preferencias > Guías > Cuadrícula, introduce 1 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. También puedes abrir el panel de información (Ventana > Información) para obtener una vista previa con el tamaño y la posición de tus formas. No olvides cambiar la unidad de medida a píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.
Paso 2
Elige la herramienta Rectángulo (M) y haz clic en tu mesa de trabajo. Introduce 628 en la casilla de Anchura y 60 en la de Altura y haz clic en Aceptar. Rellena la forma resultante con R=209 G=211 B=212 y luego haz una copia delante (Control + C > Control + F). Activa la visibilidad de esta copia, la necesitarás más adelante.
Paso 3
Toma la herramienta Pluma (P), dibuja un trazado horizontal de 628px y colócalo como se muestra en la primera imagen. Rellénalo con Ninguno y añade un trazo blanco de 1 punto. De nuevo, haz una copia de este trazado (Control + C > Control + F) y hazla invisible. Ahora, selecciona las dos formas visibles y haz clic en el botón Dividir del panel Buscatrazos. Deberías obtener un grupo con dos nuevas formas. Selecciónalo en el panel Capas y desagrúpalo (Mayúsculas + Control + G).
Paso 4
Elige la herramienta Elipse (L), crea una forma de 12 por 12px y colócala como se muestra en la primera imagen. Haz una copia de este círculo y hazla invisible, la necesitarás más adelante. Selecciona el círculo visible junto con la forma inferior, gris (creada en el paso anterior) y haz clic en el botón Menos frente del panel Buscatrazos.
Paso 5
Ahora, vamos a añadir un bonito fondo para esta regla. Puedes usar este fondo de pantalla de madera que Laszlo Prekop tuvo la amabilidad de ofrecer. Guárdalo en tu disco duro y arrástralo a tu archivo de illustrator. Envíalo al fondo del panel de Capas (Mayúsculas + Control + Corchete izquierdo) y luego bloquéalo para asegurarte de que no lo seleccionarás o moverás accidentalmente.
Paso 6
Elige la herramienta Pluma (P), dibuja un nuevo trazado de 628px y colócalo como se muestra en la primera imagen. Rellénalo con Ninguno y utiliza el pincel "Tiza-Garabato" para el trazo. Deberías tenerlo en tu panel de pinceles. Si no lo tienes, aquí tienes cómo encontrarlo: abre el menú desplegable del panel Pinceles y ve a Abrir biblioteca de pinceles > Artístico > Artístico_LápizTizaCarboncillo. Hazlo blanco y baja su opacidad al 10%.
Paso 7
Vuelve a seleccionar la forma inferior gris y haz una copia delante (Control + C > Control + F). Rellénala de blanco y llévala al frente (Mayúsculas + Control + ] ) luego selecciónala junto con el pincel blanco y ve al panel Transparencia. Abre el menú desplegable y haz clic en Crear máscara de opacidad. Esto enmascarará la mitad inferior de tu pincel.
Paso 8
Ahora vamos a añadir nuevos colores para las formas grises. Selecciona la forma inferior y rellénala con el degradado lineal de la izquierda que se muestra a continuación y ve al panel Apariencia. Selecciona el relleno existente y baja su opacidad al 40%, luego abre el menú desplegable del panel Apariencia y haz clic en Añadir nuevo relleno. Obviamente, esto añadirá un segundo relleno para tu forma. Selecciónalo en el panel Apariencia, baja la opacidad al 10% y utiliza el degradado lineal de la derecha que se muestra a continuación.
Presta especial atención a las imágenes del degradado. Los números blancos representan la ubicación de la opacidad mientras que los números amarillos representan el porcentaje de opacidad. Esto significa que debes seleccionar los controles deslizantes del degradado y establecer los porcentajes de opacidad y ubicación como se muestra en la siguiente imagen.
Paso 9
Pasemos a la forma superior. En primer lugar, reemplaza el gris plano con el degradado lineal izquierdo, luego añade un segundo relleno y utiliza el degradado lineal derecho. Vuelve a seleccionar el primer relleno y baja su opacidad al 40%, luego selecciona el segundo relleno y baja la opacidad al 30%. No olvides establecer los porcentajes de opacidad y ubicación como se muestra en la siguiente imagen.
Paso 10
Paso 10Céntrate en la zona izquierda de las formas existentes. Escoge la herramienta Rectángulo (M), crea una forma de 120 por 60px y colócala como se muestra en la primera imagen. Selecciona la herramienta Selección directa (A), selecciona el punto de anclaje superior derecho y muévelo 60px hacia la izquierda. Ahora, tu forma debería verse como en la segunda imagen. Rellénala con el degradado lineal que se muestra en la última imagen y luego baja su opacidad al 10%.
Paso 11
Vuelve a hacer visible la copia realizada en el tercer paso y llévala al frente (Mayúsculas + Control + Corchete derecho). Vuelve a hacer visible la copia realizada en el segundo paso y llévala al frente (Mayúsculas + Control + Corchete derecho). Rellénala con Ninguno y añade un trazo de 2 puntos, alineado al exterior.
Establece su color en R=109 G=110 B=113 y luego abre el menú desplegable del panel Apariencia y haz clic en Añadir nuevo trazo. Esto añadirá un segundo trazo para tu forma. Selecciónalo en el panel Apariencia, hazlo blanco y establece el tamaño en 1pt. Vuelve a seleccionar todo el trazado y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 1px y haz clic en OK.
Paso 12
Vuelve a hacer visible la copia realizada en el cuarto paso y llévala al frente (Mayúsculas + Control + Corchete derecho ). Rellénala con Ninguno y añade un trazo blanco de 2 pt. Alinéalo al exterior y añade un segundo trazo. Establece el color en R=109 G=110 B=113 y el tamaño en 1pt y asegúrate de que está alineado al exterior.
Paso 13
Desactiva la visibilidad de la imagen de fondo. Elige la herramienta Pluma (P), dibuja un trazado vertical de 9px y colócalo como se muestra en la primera imagen. Observa bien la cuadrícula en la imagen ampliada para entender la ubicación exacta. Rellénalo con Ninguno, añade un trazo de 1 pt y establece su color en R=65 G=64 B=66. A continuación, ve al panel Trazo (Ventana > Trazo), marca el botón Remate redondeado y luego ve a Efecto > Estilizar > Sombra paralela. Introduce los datos mostrados en la siguiente imagen, haz clic en OK y luego ve a Efecto > Distorsionar y Transformar > Transformar. Introduce los datos que se muestran en la siguiente imagen y haz clic en Aceptar.
Paso 14
Continúa con la herramienta Pluma (P) y dibuja cuatro nuevos trazados verticales. Hazlos de 5px de alto y utiliza las propiedades de trazo mostradas en el paso anterior. Añade el mismo efecto de Sombra paralela y agrupa estos nuevos trazados (Control + G). Finalmente, selecciona este grupo y ve a Efecto > Distorsionar y Transformar >Transformar. Introduce los datos que se muestran en la siguiente imagen y haz clic en Aceptar.
Paso 15
Vuelve a hacer visible la imagen de fondo. Vuelve a seleccionar las dos formas grandes y duplícalas (Control + C > Control + F). Selecciona estas copias y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con R=35 G=31 B=32 y envíala a la parte inferior del panel Capas, justo encima de la imagen de fondo. Baja su opacidad al 10%, pulsa la flecha derecha una vez y la flecha abajo dos veces y luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 2px y haz clic en OK.
Paso 16
Por último, puedes añadir algunos colores nuevos para tu regla. Vuelve a seleccionar las dos formas grandes que componen la regla y añade un tercer relleno. Baja su opacidad al 10% y utiliza un color simple y plano.
Conclusión
Este es el aspecto que debería tener tu ilustración final. Naturalmente, puedes usar varios colores para tu regla. Hay innumerables posibilidades, ¡Experimenta!
By
