Spanish (Español) translation by Steem (you can also view the original English article)
En el siguiente tutorial aprenderás a crear un sencillo conjunto de iconos de cinta. En primer lugar, vamos a construir las formas de partida utilizando varias herramientas básicas junto con algunos efectos simples y técnicas de construcción de formas vectoriales. A continuación, añadiremos detalles y colores adicionales utilizando las opciones del Buscatrazos, trazos discontinuos, un motivo incorporado y algunos efectos nuevos. Por último, añadiremos un texto sencillo con un discreto efecto de sombra.
Paso 1
Crea un documento de 600 por 300px, RGB. En primer lugar, activa la Cuadrícula (Vista > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). A continuación, necesitarás una cuadrícula cada 5px. Ve a Edición > Preferencias > Guías > Cuadrícula, introduce 5 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), crea tres formas de 80 por 125px y colócalas como se muestra en la siguiente imagen. Rellénalas con el degradado lineal que se muestra a continuación y elimina el color del trazo. Los números blancos de la imagen del degradado representan el porcentaje de Ubicación.
Paso 3
Selecciona los rectángulos de la izquierda y del medio y ve a Objeto > Trazado > Añadir puntos de anclaje. Selecciona el rectángulo de la derecha y enfoca la parte inferior. Selecciona la herramienta Añadir punto de anclaje (+) y añade siete nuevos puntos de anclaje como se muestra en la segunda imagen. La opción Ajustar a cuadrícula te facilitará el trabajo.
Paso 4
Concéntrate en el rectángulo de la izquierda y elige la herramienta Selección directa (A). Selecciona el punto de anclaje resaltado en la primera imagen y arrástralo 30px hacia arriba. Muévete hacia el rectángulo del medio. De nuevo, elige la herramienta Selección directa (A), selecciona el punto de anclaje del medio (resaltado en la segunda imagen) y arrástralo 30px hacia arriba. Cambia a la herramienta Eliminar punto de anclaje (-) y haz clic en los puntos de anclaje izquierdo y derecho (círculos en la segunda imagen). Por último, muévete al rectángulo de la derecha. Elige la herramienta Selección directa (A), selecciona los cuatro puntos de anclaje resaltados en la tercera imagen y arrástralos 10px hacia arriba.
Paso 5
Vuelve a la forma de la izquierda, selecciónala y ve a Objeto > Trazado > Desplazamiento. Introduzca un Desplazamiento -5px y haz clic en Aceptar. Selecciona la forma resultante, elimina el color del relleno y añade un trazo de 1pt. Establece su color en R=0 G=132 B=174 y abre el panel Trazo. En primer lugar, marca la casilla "Línea discontinua" y el botón "Alinear guiones a los vértices...". Introduce 3 en la casilla de guión y 4 en la casilla de hueco y luego ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación y haz clic en Aceptar.
Paso 6
Sigue concentrándote en la forma creada en el paso anterior. Elige la herramienta Selección directa (A), haz clic en la parte superior y pulsa la tecla Borrar de tu teclado para eliminarla. Asegúrate de que el trazado resultante sigue seleccionado y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px y haz clic en OK. Cambia a la herramienta Selección directa (A) y céntrate en los puntos de anclaje superiores. Selecciona ambos y arrástralos 5px hacia arriba.
Paso 7
Selecciona la forma del medio y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -5px y haz clic en Aceptar. Selecciona la forma resultante, quita el color del relleno y luego añade el trazo de 1pt y el efecto de Sombra paralela.
Paso 8
Vuelve a seleccionar la forma creada en el paso anterior y elimina la parte superior. Selecciona el trazado resultante y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px y haz clic en OK. Finalmente, selecciona los puntos de anclaje superiores y arrástralos 5px hacia arriba.
Paso 9
Selecciona la forma derecha y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -5px y haz clic en Aceptar. Una vez más, selecciona la forma resultante, quita el color del relleno y luego añade el trazo de 1pt, y el efecto de Sombra paralela.
Paso 10
Vuelve a seleccionar la forma creada en el paso anterior y elimina la parte superior. Cambia a la herramienta Eliminar punto de anclaje (-) y elimina los siete puntos de anclaje resaltados en la segunda imagen. Al final deberías tener dos, trazados verticales. Cambia a la herramienta Selección directa (A), selecciona los puntos de anclaje superiores y arrástralos 5px hacia arriba.
Paso 11
Vuelve a seleccionar las tres formas azules y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px, haz clic en OK y ve a Objeto > Expandir apariencia.
Paso 12
Desactiva la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula), ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de teclado está fijado en 1px. Selecciona la forma de la izquierda y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y pulsa la flecha hacia arriba una vez. Vuelve a seleccionar ambas copias abre el panel Buscatrazos y haz clic en el botón Menos frente. Rellena la forma resultante con R=0 G=132 B=174. Vuelve a seleccionar la forma de la izquierda y haz dos nuevas copias delante (Control + C > Control + F > Control + F).
Selecciona la copia superior y pulsa la flecha hacia abajo una vez. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=3 G=181 B=207. Vuelve a seleccionar la forma de la izquierda y haz dos nuevas copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y pulsa dos veces la flecha hacia abajo. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco y baja su opacidad al 70%.
Paso 13
Vuelve a seleccionar las tres formas creadas en el paso anterior, agrúpalas (Control + G) y lleva el grupo al frente (Mayúsculas + Control + Corchete derecho). Pasa a la forma del medio y repite este paso junto con las técnicas mencionadas en el paso anterior. Haz lo mismo con la forma de la derecha. Al final tus formas deben ser como las de la segunda imagen.
Paso 14
Selecciona la forma de la izquierda, abre el panel Apariencia (Ventana > Apariencia) y añade un segundo relleno utilizando el botón Añadir nuevo relleno. Es el pequeño icono blanco y cuadrado de la parte inferior del panel Apariencia. Selecciona este nuevo relleno, arrástralo debajo del relleno existente, hazlo negro, baja su opacidad al 15% y ve a Efecto > Distorsionar y Transformar > Transformar. Introduce los datos que se muestran a continuación y haz clic en Aceptar.
Paso 15
Vuelve a seleccionar la forma de la izquierda, añade un tercer relleno y arrástralo en la parte superior del panel Apariencia. Necesitarás un motivo incorporado para este nuevo relleno. Ve al panel de Muestras (Ventana > Muestras), abre el menú desplegable y ve a Abrir Biblioteca de Muestras > Motivos > Decorativo > Decorativo_Primitivo. Debería abrirse una nueva ventana con un montón de bonitos motivos. Busca el motivo "Ladrillos mayas". Asegúrate de que la forma de la izquierda sigue seleccionada, selecciona ese nuevo relleno, baja su opacidad al 3%, cambia el modo de fusión a Multiplicar y añade el motivo "Ladrillos Mayas". Vuelve a seleccionar la forma de la izquierda, asegúrate de que no hay relleno seleccionado y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación y haz clic en Aceptar.
Paso 16
Vamos a copiar las propiedades de las formas de la izquierda a las formas del medio y de la derecha. Así es como puedes hacerlo fácilmente. Ve al panel de capas, céntrate en el lado derecho y verás que cada forma viene con un pequeño círculo gris. Se llama icono de objetivo. Mantén pulsada la tecla Alt, haz clic en el círculo que representa la forma de la izquierda y arrástralo hasta el círculo que representa las formas del medio y de la derecha. Continúa con la herramienta Texto (T) y añade un texto sencillo. Puedes usar la fuente Pacifico con un tamaño de 20pt. Establece su color en R=245 G=245 B=245 y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación, haz clic en Aceptar y ya está.
Conclusión
Ya has terminado tu trabajo. Así es como debería verse. Espero que hayas disfrutado de este tutorial.
By
