Spanish (Español) translation by Rosario (you can also view the original English article)
En el siguiente tutorial aprenderás a crear una bolsa de compra de papel utilizando Adobe Illustrator. Trabajaremos a partir de formas básicas para crear esta ilustración multiuso.
Paso 1
Pulsa Comando + N para crear un nuevo documento. Introduce 600 en las casillas de anchura y altura y luego haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72ppi) y asegúrate de que la casilla "Alinear objetos con cuadrícula de píxeles" no esté marcada antes de hacer clic en Aceptar. 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
Usando la herramienta Rectángulo (M), crea una forma de 300 por 210px, rellénala con el degradado lineal que se muestra abajo y ve a Efecto > Deformar > Arco inferior. Introduce los datos que se muestran a continuación, haz clic en OK y ve a Objeto > Expandir apariencia.
Paso 3
A continuación, necesitarás la Secuencia de comandos Redondear cualquier esquina. Puedes encontrarla en el artículo de Vectortuts+ 20 secuencias de comandos gratuitas y útiles para Adobe Illustrator. Guárdala en tu disco duro, vuelve a Illustrator y toma la herramienta Selección directa (A). Céntrate en la forma realizada en el paso anterior, selecciona los puntos de anclaje inferiores y ve a Archivo > Secuencias de comandos > Otras secuencias de comandos. Abre la secuencia de comandos Redondear cualquier esquina, introduce un radio de 3px y haz clic en Aceptar. Al final tu forma debe ser como la de la segunda imagen. Muévete al panel de Capas y nómbrala "cuerpo".
Paso 4
Desactiva la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula) y luego ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de teclado está fijado en 1px. Vuelve a seleccionar "cuerpo" y haz una copia delante (Control + C > Control + F). Selecciónala, muévela 1px hacia abajo usando la flecha hacia abajo de tu teclado y luego duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 1px hacia abajo. Vuelve a seleccionar las dos copias realizadas en este paso, abre el panel Buscatrazos y haz clic en el botón Menos frente. Rellena la forma resultante con el degradado lineal que se muestra en la imagen final. Los números blancos de la imagen del degradado representan el porcentaje de ubicación, mientras que los ceros amarillos representan el porcentaje de opacidad.
Paso 5
Vuelve a seleccionar "cuerpo" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px 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 el degradado lineal que se muestra en la imagen final y cambia su Modo de Fusión a Multiplicar.
Paso 6
Vuelve a seleccionar "cuerpo" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px a la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra a continuación, cambia su Modo de fusión a Multiplicar y baja la Opacidad al 50%.
Paso 7
Vuelve a seleccionar "cuerpo" y haz una copia delante (Control + C > Control + F). Selecciónala, muévela 1px a la derecha y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 2px a la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra a continuación y cambia su modo de fusión a Luz suave.
Paso 8
Vuelve a seleccionar "cuerpo" y haz una copia delante (Control + C > Control + F). Selecciónala, muévela 1px a la derecha y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 5px a la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra a continuación y cambia su modo de fusión a Luz suave.
Paso 9
Vuelve a seleccionar las formas hechas en los últimos tres pasos y ve a Objeto > Transformar > Reflejar. Marca la casilla Vertical y luego haz clic en el botón Copiar. Selecciona las formas resultantes, activa la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula) y arrástralas hacia la derecha como se muestra en la tercera imagen.
Paso 10
Desactiva la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). Vuelve a seleccionar "cuerpo" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=218 G=175 B=127.
Paso 11
Vuelve a seleccionar "cuerpo" y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 4px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la imagen final.
Paso 12
Vuelve a seleccionar "cuerpo" y haz una copia delante (Control + C > Control + F). Selecciónala, muévela 4px hacia arriba y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 1px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la imagen final.
Paso 13
Activa la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). Vuelve a seleccionar "cuerpo" y haz una copia por delante (Control + C > Control + F). Con la herramienta Rectángulo (M), crea una forma de 165 por 245px y colócala como se muestra en la primera imagen. Selecciónala junto con la copia del "cuerpo" y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra a continuación y baja su Opacidad al 15%.
Paso 14
Vuelve a seleccionar "cuerpo" y haz una copia delante (Control + C > Control + F). Usando la herramienta Rectángulo (M), crea una forma de 330 por 75px y colócala como se muestra en la primera imagen. Selecciónala junto con la copia del "cuerpo" y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra a continuación y baja su Opacidad al 25%.
Paso 15
Desactiva la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). Vuelve a seleccionar la forma hecha en el paso anterior y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia inferior y muévela 1px hacia arriba. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra a continuación y baja su Opacidad al 35%.
Paso 16
Selecciona todas las formas creadas hasta ahora y agrúpalas (Control + G).
Paso 17
Activa la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). Céntrate en la parte superior de las formas creadas hasta ahora. Usando la herramienta Rectángulo (M), crea un rectángulo de 270 por 25px, rellénalo con el primer degradado lineal mostrado abajo, colócalo como se muestra en la primera imagen y luego haz una copia delante (Control + C > Control + F). Selecciónala, desactiva la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula), muévela 1px hacia abajo y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 1px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la imagen final y cambia su modo de fusión a Luz suave.
Paso 18
Vuelve a seleccionar el rectángulo hecho al principio del paso anterior y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px 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 el primer degradado lineal mostrado abajo y baja su Opacidad al 10%. Activa la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula) y utiliza la herramienta Rectángulo (M). Crea una forma de 135 por 25px, colócala como se muestra en la cuarta imagen, baja su Opacidad al 10% y rellénala con el segundo degradado lineal que se muestra en la siguiente imagen.
Paso 19
Desactiva la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). Vuelve a seleccionar el rectángulo realizado al principio del decimoséptimo paso y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=237 G=28 B=36, volveremos a este trazado más tarde. Ahora, selecciona esta forma roja junto con todas las formas creadas en los dos últimos pasos y agrúpalas (Control + G).
Paso 20
Activa la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). Céntrate en el lado derecho del grupo hecho en el paso anterior. Usando la herramienta Rectángulo (M), crea una forma de 40 por 25px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la primera imagen. Sigue concentrándote en esta nueva forma, toma la herramienta Selección directa (A), selecciona el punto de anclaje superior e izquierdo y muévelo 10px hacia abajo.
Paso 21
Desactiva la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). Vuelve a seleccionar la forma hecha en el paso anterior y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px 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 cambia su Modo de fusión a Luz Suave. Sigue concentrándote en esta nueva forma, toma la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en el punto de anclaje señalado por la flecha en la tercera imagen. Al final tu forma debería ser como en la cuarta imagen.
Paso 22
Vuelve a seleccionar la forma hecha en el vigésimo paso y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia inferior y muévela 2px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Selecciona el rectángulo hecho en el decimoséptimo paso y haz una copia delante (Control + C > Control + F). Selecciónala junto con la forma hecha al principio del paso y haz clic en el botón Intersectar del panel Buscatrazos. Concéntrate en la forma resultante, toma la herramienta Eliminar punto de anclaje (-) y haz clic en el punto de anclaje señalado por la flecha en la quinta imagen. Rellena el trazado restante con el degradado lineal que se muestra en la sexta imagen y baja su Opacidad al 10%.
Paso 23
Activa la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). Con la herramienta Rectángulo (M), crea una forma de 55 por 15px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la primera imagen. Sigue centrándote en esta nueva forma, toma la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en el punto de anclaje superior y derecho.
Paso 24
Desactiva la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). Vuelve a seleccionar la forma hecha en el paso anterior y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia arriba. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Concéntrate en la forma resultante, toma la herramienta Eliminar punto de anclaje (-) y haz clic en el punto de anclaje señalado por la flecha en la tercera imagen. Rellena el trazado restante con el degradado lineal que se muestra en la última imagen y baja su Opacidad al 10%.
Paso 25
Vuelve a seleccionar la forma hecha en el vigésimo tercer paso y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia la derecha. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal mostrado en la imagen final, baja su Opacidad al 50% y cambia el Modo de fusión a Luz Suave.
Paso 26
Vuelve a seleccionar la forma hecha en el paso veintitrés y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px 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 el degradado lineal que se muestra en la imagen final y cambia el Modo de fusión a Luz suave.
Paso 27
Vuelve a seleccionar la forma hecha en el vigésimo tercer paso junto con la forma hecha en el vigésimo paso y duplícalas (Control + C > Control + F). Selecciona la primera copia y muévela 3px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Intersectar del panel Buscatrazos. Concéntrate en la forma resultante, utiliza el botón Eliminar punto de anclaje también l(-) y haz clic en el punto de anclaje señalado por la flecha en la tercera imagen. Rellena el trazado restante con el degradado lineal que se muestra en la imagen final y baja su Opacidad al 10%.
Paso 28
Vuelve a seleccionar la forma hecha en el vigésimo tercer paso y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia inferior y muévela 2px hacia la izquierda. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=237 G=28 B=36, toma la herramienta Eliminar punto de anclaje (-) y elimina el punto de anclaje señalado por la flecha en la tercera imagen. Selecciona este trazado rojo delgado junto con todas las formas hechas en los últimos ocho pasos y agrúpalas (Control + G).
Paso 29
Activa la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). Vuelve a seleccionar el grupo realizado en el paso anterior y ve a Objeto > Transformar > Reflejar. Marca el botón Vertical y haz clic en el botón Copiar. Selecciona el grupo recién creado, arrástralo hacia la izquierda y colócalo como se muestra en la tercera imagen.
Paso 30
Selecciona las tres formas rojas creadas hasta ahora y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra a continuación y baja su Opacidad al 8%. Céntrate en el panel de Capas, selecciona esta nueva forma y arrástrala dentro del grupo realizado en el decimonoveno paso.
Paso 31
Selecciona la herramienta Rectángulo (M), crea una forma de 50 por 130px y colócala como se muestra en la primera imagen. Rellénala con Ninguno, pero añade un trazo de 4 puntos. Establece su color en R=210 G=126 B=142 y luego ve a Objeto > Trazado > Añadir puntos de anclaje. Cambia a la herramienta Selección directa (A), selecciona el punto de anclaje inferior, el del medio y simplemente pulsa la tecla Borrar de tu teclado. Asegúrate de que tu trazado sigue seleccionado, ve al panel Apariencia, selecciona el trazo y luego abre el panel Trazo y marca el botón "Remate redondeado" de la sección Remate.
Paso 32
Vuelve a seleccionar el trazado realizado en el paso anterior y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 30px, haz click en OK y ve a Efecto > Deformar > Caparazón hacia abajo. Introduce los datos que se muestran a continuación y ve a Objeto > Expandir apariencia. Por último, envía este trazado hacia atrás (Mayúsculas + Control + [ ). Volveremos a él más tarde.
Paso 33
Con la herramienta Rectángulo (M), crea una nueva forma de 50 por 130px y colócala como se muestra en la primera imagen. Una vez más, elimina el color del relleno y añade un trazo de 4 puntos. Establece su color en R=210 G=126 B=142 y luego ve a Objeto > Trazado > Añadir puntos de anclaje.
Cambia a la herramienta Selección directa (A) y elimina el punto de anclaje inferior y central. Asegúrate de que tu trazado sigue seleccionado, ve al panel Trazo, marca el botón "Remate redondeado" de la sección Remate y luego ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 30px, haz click en OK y ve a Efecto > Deformar > Caparazón hacia abajo. Introduce los datos que se muestran a continuación, haz clic en Aceptar y ve a Objeto > Expandir apariencia.
Paso 34
Vuelve a seleccionar el trazado realizado en el paso anterior, haz una copia delante (Control + C > Control + F), selecciónala y ve a Objeto > Trazado > Contornear trazado. Rellena la forma resultante con R=39 G=170 B=225 (sólo para que destaque del resto de las formas) y ve a Efecto > Deformar > Arco. Introduce los datos que se muestran a continuación, haz clic en Aceptar y ve a Objeto > Expandir apariencia.
Paso 35
Vuelve a seleccionar el rectángulo hecho en el decimoséptimo paso y haz una copia delante (Control + C > Control + F). Selecciónala junto con la forma azul hecha en el paso anterior y haz clic en el botón Intersectar del panel Buscatrazos. Selecciona el grupo de formas resultante, conviértelo en un trazado compuesto (Objeto > Trazado compuesto > Crear), rellénalo con el degradado lineal que se muestra a continuación y baja la Opacidad al 25%. Muévete al panel de Capas, selecciona el trazado compuesto y arrástralo por debajo del trazado rosa delantero.
Paso 36
Vuelve a seleccionar el trazado rosa hecho en el trigésimo tercer paso, haz una copia delante (Control + C > Control + F), selecciónala y ve a Objeto > Trazado > Contornear trazado. De nuevo, rellena la forma resultante con R=39 G=170 B=225 y ve a Efecto > Deformar > Arco. Introduce los datos que se muestran a continuación, haz clic en Aceptar y ve a Objeto > Expandir apariencia.
Paso 37
Vuelve a seleccionar "cuerpo" y haz una copia delante (Control + C > Control + F). Selecciónala junto con la forma azul hecha en el paso anterior y haz clic en el botón Intersectar del panel Buscatrazos. Selecciona el grupo de formas resultante, conviértelo en un trazado compuesto (Objeto > Trazado compuesto > Crear), rellénalo con el degradado lineal que se muestra a continuación y baja la Opacidad al 30%. Muévete al panel de Capas, selecciona este trazado compuesto y arrástralo por debajo del trazado rosa delantero.
Paso 38
Vuelve a seleccionar el trazado rosa superior, céntrate en el panel Apariencia y añade un nuevo trazo utilizando el botón Añadir nuevo trazo. Selecciónalo, establece el color en R=246 G=246 B=246, disminuye el tamaño a 2pt y luego ve al panel de Trazo y marca el botón Remate redondeado de la sección Remate. Vuelve al panel Apariencia y añade un tercer trazo para este trazado. Selecciónalo, establece el color en R=231 G=186 B=195 y el tamaño en 2pt luego ve al panel Trazo. Marca la casilla Línea discontinua, introduce 2pt en la casilla guión y 2pt en la casilla hueco. Muévete a la derecha y marca el botón que "alinea los guiones a los vértices y los extremos de los trazados, ajustando la longitud para que encajen".
Paso 39
Muévete al trazado rosa inferior y añade las mismas propiedades utilizadas para el trazado rosa delantero. Puedes hacerlo fácilmente utilizando los iconos de objetivo (el pequeño círculo gris del panel Capas que indica que tu elemento contiene atributos de Apariencia). Concéntrate en el panel Capas, mantén pulsada la tecla Alt, haz clic en el icono de objetivo que representa el trazado rosa superior y simplemente arrastra hasta el icono de objetivo que representa el trazado rosa inferior.
Paso 40
Usando la herramienta Rectángulo (M), crea una forma de 300 por 25px, rellénala de negro y colócala como se muestra en la primera imagen. Cambia a la herramienta Selección directa (A) y céntrate en la parte superior de esta nueva forma. Selecciona el punto de anclaje superior izquierdo y muévelo 5px hacia la derecha. Mueve el punto de anclaje de la derecha, selecciónalo y muévelo 5px hacia la izquierda. Asegúrate de que esta nueva forma sigue seleccionada y céntrate en el panel Apariencia. Selecciona el relleno existente, baja su Opacidad al 10% y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de 3px, haz clic en OK y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px, haz clic en Aceptar y ve a Efecto > Deformar > Arco inferior. Introduce los datos que se muestran en la tercera imagen, haz clic en Aceptar y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 3px y haz clic en Aceptar.
Vuelve al panel Apariencia y añade un segundo relleno negro para esta forma. Selecciónalo, baja su Opacidad al 10% y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px, haz clic en OK y ve a Efecto > Deformar > Arco inferior. Introduce los datos que se muestran en la cuarta imagen, haz clic en Aceptar y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de 3px y haz clic en Aceptar.
Paso 41
Usando la herramienta Elipse (L), crea una forma de 360 por 70px y colócala como se muestra en la primera imagen. Rellénala con R=60 G=36 B=21, baja la Opacidad al 18% y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 22px y haz clic en Aceptar. Continúa con la herramienta Elipse (L), crea una forma de 300 por 50px y colócala como se muestra en la segunda imagen. Rellénala con R=60 G=36 B=21, baja la Opacidad al 10% y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 5px y haz clic en OK. Vuelve a seleccionar las dos formas creadas en este paso junto con la creada en el paso anterior y agrúpalas (Control + G). Selecciona este nuevo grupo y envíalo hacia atrás (Mayúsculas + Control + [ ).
Paso 42
Para los últimos pasos necesitarás una cuadrícula cada 1px. Para ello, ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada. Usando la herramienta Elipse (L), crea un círculo de 15px, rellénalo con el degradado radial que se muestra a continuación y colócalo como se muestra en la primera imagen. Muévete al panel de Capas y arrastra esta nueva forma por debajo del trazado superior, de color rosa. Selecciona este círculo y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=218 G=175 B=127.
Paso 43
Vuelve a seleccionar el círculo hecho en el paso anterior y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación, haz clic en OK y luego céntrate en el panel Apariencia y añade un segundo relleno. Selecciónalo, establece el color en R=218 G=175 B=127 y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -4px y haz clic en Aceptar.
Paso 44
Vuelve a seleccionar las dos formas hechas en los dos últimos pasos y agrúpalas (Control + G). Haz una copia de este grupo (Control + C > Control + F), arrástrala hacia la izquierda y colócala como se muestra en la segunda imagen.
Conclusión
Ya tu trabajo está listo. Este es el aspecto que debería tener.
By
