Spanish (Español) translation by Javier Salesi (you can also view the original English article)
El 1 de Diciembre es el Dia Mundial de la lucha contra el SIDA, un día en el que combatimos más contra el SIDA a través de esfuerzos a favor de la caridad y la concientización. Por ello, he preparado un tutorial de listón de concientización vectorial que puede ser usado no solo cuando se esparce la esperanza en la lucha contra el SIDA, sino también para la mayoría de cualquier representación gráfica de listones de concientización que puedas tener. ¡Creémoslo!
Si te gustaría trabajar con un archivo de recursos vectoriales que es similar a éste tutorial, revisa éste vector AIDS Awareness Red Ribbon (Listón Rojo de Concientización del SIDA) de Envato Market y sigue los pasos en el tutorial de abajo para editar su aparienia para causas de concientización alternativas.
1. Crea el Listón
Paso 1
Comencemos con un Nuevo Documento en Adobe Illustrator CC (o cualquier versión del programa que estés usando). Utilizando la Herramienta Rectángulo (M), dibuja un pequeño rectángulo. En el panel Apariencia, ve a Efecto > Deformar > Arco y aplica los siguientes ajustes:
- Horizontal
- Curvar: 79%
- Horizontal: 0%
- Vertical: 12%
Paso 2
Expande tu forma curveada al ir a Objeto > Expandir Apariencia. Usa la Herramienta Selección (V) para estirar la forma curveada un poco. Ésto formará el doblez del listón.
Paso 3
Usando la Herramienta Pluma (P), inicia en la parte superior izquierda de la forma curveada y comienza a dibujar el listón curveando hacia abajo a la derecha. Puedes hacer la forma de tu listón un simple rectángulo curveado o déjalo ancho un poco en el extremo, como lo hice abajo. En total mi forma tiene cuatro puntos ancla.
Paso 4
Copia (Control-C) y Pega (Control-V) el lado izquierdo del listón. Refléjalo sobre un eje Vertical para formar el lado derecho de listón y alínealo con la forma curveada superior en la manera que ves abajo.
Paso 5
Utiliza la Herramienta Agregar Punto de Ancla (+) para añadir un punto ancla en medio de la parte inferior de los listones izquierdo y derecho. Usa la Herramienta Selección Directa (A) para mover los recientemente añadidos puntos ancla hacia adentro para que los listones estén indentados.
2. Renderiza el Listón
Paso 1
Selecciona el pequeño objeto curveado y abre el panel Degradado para agregar un Degradado Lineal a la forma. He agregado cinco instancias de los tres colores de la forma. Ellos son como sigue:
#5C0404#ED1C24#F37359#ED1C24#6B2326
Paso 2
En el panel Capas, coloqué el listón que va desde la derecha a la izquierda sobre las otras dos formas. Aplica un Degradado Lineal a la forma con los siguientes colores:
#BE2127#ED1C24#F2674D#ED1C24#921518
Utiliza la Herramienta Degradado (G) para ajustar el ángulo del degradado. Establecí el mío en 54.7°.
Paso 3
Selecciona el tercer y último objeto y aplícale otro Degradado Lineal con los siguientes colores:
#BE2127#ED1C24#F26762#ED1C24#811F21#EE3524
Usa la Herramienta Degradado (G) para ajustar el ángulo del degradado. Establecí el mío en -24.6°.
Paso 4
Agrupa (Control-G) tus tres formas de listón y en el Panel Apariencia ve a Efectos > Estilizar > Sombra Paralela para aplicar una Sombra Paralela con los siguientes atributos:
- Modo: Multiplicar
- Opacidad: 30%
- Desplazamiento X: 20 pt
- Desplazamiento Y: -3 pt
- Desenfocar: 6 pt
- Color: #44383B
Paso 5
Dibuja un rectángulo grande sobre tu Mesa de Trabajo y colócalo detrás de tu grupo listón. Aplica un Degradado Radial a la forma, llendo de #F3F0E1 a #353542. Usa la Herramienta Degradado para ajustar el radio del degradado como veas que encaja.
3. Volver a colorear el Listón
Paso 1
Recolorear el listón es muy simple. Selecciona el listón y ve a Edición > Editar Colores > Volver a Colorear Ilustración. Pulsa la herramienta cuentagotas en el panel Volver a Colorear Ilustración para asegurarte de que puedes alterar cada color en el objeto seleccionado.
Luego, ve a través de cada color y aplica una nueva saturación a él. Trata de apegarte al mismo tono o nivel de sombra para cada color que estás remplazando. Así que colores oscuros son remplazados con colores oscuros y colores claros son remplazados con colores claros.
Paso 2
Rápida y fácilmente puedes ir de un listón del Día Mundial de la lucha contra el SIDA a un listón de Concientización contra el Cáncer de Mama o cualquier clase de listón de concientización que puedes necesitar crear.
¡Gran Trabajo, Terminaste!
Ahora que has completado tu diseño de listón de concientización, ¿Que otros listones similares puedes crear? ¿Qué tal franjas de colores combinados? ¡Comparte tus listones de concientización en la sección de comentarios abajo!
Si te gustaría trabajar con un archivo de recursos vectoriales similar a éste tutorial, revisa el vector Listón Rojo de Concientización del SIDA de Envato Market y sigue los pasos en el tutorial de arriba para editar su apariencia para causas de concientización alternativas.
¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!
By
