Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)
En el siguiente tutorial aprenderás a crear una ilustración de un horno microondas utilizando el panel Apariencia, un motivo personalizado y el maravilloso panel Buscatrazos de Adobe Illustrator.
Paso 1
Pulsa Comando + N para crear un Nuevo documento. Introduce 600 en las casillas de anchura y altura y haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72ppi) y asegúrate de que la casilla "Alinear nuevos objetos con cuadrícula de píxeles" esté desmarcada antes de hacer clic en Aceptar.
Activa la Cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > 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
Con la herramienta Rectángulo (M), crea una forma de 375 por 210px, rellénala con el degradado lineal que se muestra a continuación y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px, haz clic en OK y ve a Objeto > Expandir apariencia. Los números blancos de la imagen del degradado representan el porcentaje de Ubicación.
Paso 3
Con la herramienta Rectángulo(M), crea una forma de 365 por 5px, rellénala con el degradado lineal que se muestra a continuación y colócala como se muestra en la siguiente imagen. Con la herramienta Selección directa (A), céntrate en la parte inferior de este nuevo rectángulo. Selecciona el punto de anclaje de la derecha y muévelo 20px hacia la izquierda, luego selecciona el punto de anclaje de la izquierda y muévelo 20px hacia la derecha. Esto debería convertir tu rectángulo en un trapezoide. Asegúrate de que sigue seleccionado y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 3px y haz clic en OK.
Paso 4
Con la herramienta Rectángulo (M), crea una forma de 40 por 10px, rellénala con el degradado lineal que se muestra a continuación y colócala como se muestra en la siguiente imagen. Con la herramienta Selección directa (A), céntrate en la parte inferior de este nuevo rectángulo. Selecciona el punto de anclaje derecho y muévelo 5px hacia la izquierda, luego selecciona el punto de anclaje izquierdo y muévelo 5px hacia la derecha. Asegúrate de que este nuevo trapezoide sigue seleccionado, envíalo al fondo (Mayúsculas + Control + [) y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 3px y haz clic en Aceptar.
Paso 5
Vuelve a seleccionar la forma realizada en el paso anterior, haz una copia delante (Control + C > Control + F), arrástrala hacia la izquierda y colócala como se muestra en la primera imagen. Usando la herramienta Rectángulo (M), crea una forma de 80 por 30px, rellénala con R=35 G=35 B=35 y colócala como se muestra en la segunda imagen.
Paso 6
Desactiva la opción Ajustar a cuadrícula (Ver > 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 el rectángulo hecho en el paso anterior y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba usando la flecha hacia arriba de tu teclado. Vuelve a seleccionar ambas copias, abre el panel Buscatrazos y haz clic en el botón Menos frente. Rellena la forma resultante con blanco y baja su Opacidad al 5%.
Paso 7
Vuelve a seleccionar el rectángulo hecho en el quinto paso y haz una copia delante (Control + C > Control + F). Selecciónala, muévela 1px hacia abajo y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 2px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco y baja su Opacidad al 5%.
Paso 8
Vuelve a seleccionar el rectángulo hecho en el quinto paso y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 15px 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 5%.
Paso 9
Vuelve a seleccionar el rectángulo hecho en el quinto paso 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 negro.
Paso 10
Utiliza la herramienta Texto (T) y añade un texto sencillo como se muestra en la siguiente imagen. Utiliza la fuente "Digital-7 Mono", establece el tamaño en 17pt y el color en R=0 G=255 B=0 luego ve a Efecto > Estilizar > Resplandor exterior. Introduce los datos que se muestran a continuación y haz clic en Aceptar. Vuelve a seleccionar este fragmento de texto junto con el rectángulo oscuro hecho en el quinto paso y todos los rectángulos más pequeños creados en los últimos cuatro pasos y luego agrúpalos (Control + G).
Paso 11
Vuelve a seleccionar el rectángulo redondeado hecho en el segundo 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 negro y baja su Opacidad al 4%.
Paso 12
Vuelve a seleccionar el rectángulo redondeado hecho en el segundo paso y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px 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 negro y baja su Opacidad al 4%.
Paso 13
Vuelve a seleccionar el rectángulo redondeado hecho en el segundo paso y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 6px 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 negro y baja su Opacidad al 4%.
Paso 14
Vuelve a seleccionar el rectángulo redondeado hecho en el segundo paso y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia la izquierda. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro y baja su Opacidad al 4%.
Paso 15
Vuelve a seleccionar el rectángulo redondeado hecho en el segundo paso y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px 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 negro y baja su Opacidad al 4%.
Paso 16
Vuelve aseleccionar el rectángulo redondeado hecho en el segundo paso y haz dos copiaspor delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 6px 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 negro y baja su Opacidad al 4%.
Paso 17
Selecciona todas las formas creadas en los últimos seis pasos y agrúpalas (Control + G). Selecciona este nuevo grupo y llévalo al frente (Mayús + Control + ]).
Paso 18
Vuelve a seleccionar el rectángulo redondeado hecho en el segundo paso y haz dos copias al frente (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 a continuación y baja su Opacidad al 80%. Los ceros amarillos de la imagen del degradado representan el porcentaje de Opacidad.
Paso 19
Vuelve a seleccionar el rectángulo redondeado hecho en el segundo paso y haz una copia delante (Control + C > Control + F). Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula), utilizando la herramienta Rectángulo (M), crea una forma de 405 por 30px y colócala como se muestra en la segunda imagen. Selecciona este nuevo rectángulo junto con la copia realizada al principio del paso 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 40%.
Paso 20
Desactivala opción Ajustar a cuadrícula (Ver > 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 1px hacia arriba. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Selecciona la forma resultante y baja su Opacidad al 30%.
Paso 21
Vuelve a seleccionar el rectángulo redondeado hecho en el segundo paso y haz dos copias por 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 el degradado lineal que se muestra a continuación y baja su Opacidad al 10%.
Paso 22
Vuelve a seleccionar el rectángulo redondeado hecho en el segundo paso y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px 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 10%.
Paso 23
Vuelve a seleccionar el rectángulo redondeado hecho en el segundo paso y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 7px 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 10%.
Paso 24
Vuelve aseleccionar el rectángulo redondeado hecho en el segundo paso y haz una copiadelante (Control + C > Control + F). Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula), utilizando la herramienta Rectángulo (M), crea una forma de 405 por 30px y colócala como se muestra en la segunda imagen. Selecciona este nuevo rectángulo junto con la copia realizada al principio del paso 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 5%.
Paso 25
Selecciona todas las formas creadas en los últimos siete pasos y agrúpalas (Control + G). Selecciona este nuevo grupo y llévalo al frente (Mayús + Control + ] ).
Paso 26
Usando la herramienta Rectángulo (M), crea una forma de 230 por 150px, rellénala con R=55 G=55 B=55 y colócala como se muestra en la siguiente imagen. Selecciónala y ve a Efecto > Estilizar > Esquinas redondeadas. Introduce un radio de 5px y haz clic en OK. Asegúrate de que este rectángulo sigue seleccionado y céntrate en el panel Apariencia. Selecciona el relleno y ve a Efecto > Estilizar > Resplandor interior. Introduce los datos que se muestran a continuación y haz clic en Aceptar.
Paso 27
Vuelve a seleccionar el rectángulo hecho en el paso anterior y céntrate en el panel Apariencia. Primero, añade un trazo negro de 3 puntos. Selecciónalo, colocalo al interior y baja la Opacidad al 15%. Sigue centrándote en el panel Apariencia y añade un segundo relleno para tu forma utilizando el botón Añadir nuevo relleno. Selecciona este nuevo relleno, arrástralo a la parte inferior del panel Apariencia, añade el degradado lineal que se muestra a continuación y ve a Efecto > Trazado > Desplazamiento. Introduce un desplazamiento de 2px y haz clic en Aceptar.
Paso 28
A continuación, vamos a crear un motivo sencillo. Primero, necesitarás una cuadrícula cada 1px. Por lo tanto, 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 Rectángulo (M), crea dos cuadrados negros de 3px y colócalos como se muestra en la siguiente imagen. Selecciona ambas formas, simplemente arrástralas dentro del panel de Muestras y ya tienes el motivo. Una vez que tengas tu motivo, puedes eliminar esos cuadrados negros del panel Capas.
Paso 29
Vuelve a la "línea de cuadrícula cada 5px". Para ello, ve a Edición > Preferencias > Guías y cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada. Con la herramienta Rectángulo (M), crea una forma de 210 por 130px, rellénala con el degradado lineal que se muestra a continuación y colócala como se muestra en la siguiente imagen. Selecciónala y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px, haz clic en OK y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación y haz clic en Aceptar.
Paso 30
Vuelve a seleccionar la forma hecha en el paso anterior y añade un segundo relleno. Selecciónalo, baja su Opacidad al 30% y añade el motivo realizado en el paso veintiocho. Sigue concentrándote en el panel Apariencia y añade un tercer relleno para tu forma. Selecciónalo, baja su Opacidad al 20%, cambia el Modo de fusión a Superponer y añade el degradado lineal que se muestra en la siguiente imagen.
Paso 31
Asegúrate de que la forma hecha en el paso anterior sigue seleccionada, céntrate en el panel Apariencia y añade un trazo negro de 5 puntos. Selecciónalo, alinéalo al interior y baja la Opacidad al 10%. Añade un segundo trazo para tu forma usando el botón Añadir nuevo trazo de la parte inferior del panel Apariencia. Selecciona este nuevo trazo, establece el color en negro, hazlo de 3px de ancho, alinéalo al interior y baja la Opacidad al 15%. Añade un tercer trazo para esta forma, establece el color en negro, hazlo de 1px de ancho, alinéalo al interior y baja la Opacidad al 20%.
Paso 32
Usando la herramienta Rectángulo (M), crea una forma de 5 por 15px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la primera imagen. Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula), selecciona este nuevo rectángulo y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba y 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 negro y baja su Opacidad al 20%.
Paso 33
Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Selecciona el rectángulo hecho en el paso anterior y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación y haz clic en Aceptar. Vuelve a seleccionar el rectángulo junto con la otra forma realizada en el paso anterior y agrúpalos (Control + G).
Paso 34
Vuelve a seleccionar el grupo realizado en el paso anterior y duplícalo (Control + C > Control + F). Selecciona esta copia del grupo, arrástrala hacia abajo y colócala como se muestra en la siguiente imagen.
Paso 35
Usando la herramienta Elipse (L), crea una forma de 545 por 10px, rellénala con el degradado radial que se muestra a continuación y colócala como se muestra en la siguiente imagen.
Paso 36
Con la herramienta Rectángulo (M), crea una forma de 365 por 10px, rellénala de negro y colócala como se muestra en la siguiente imagen. Con la herramienta Selección directa (A), céntrate en la parte inferior de este nuevo rectángulo. Selecciona el punto de anclaje derecho y muévelo 35px hacia la izquierda, luego selecciona el punto de anclaje izquierdo y muévelo 35px hacia la derecha. Asegúrate de que esta nueva forma sigue seleccionada, baja su Opacidad al 70% y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px, haz clic en OK y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 13px y haz clic en Aceptar. Vuelve a seleccionar esta forma desenfocada junto con el trazado realizado en el paso anterior y agrúpalos (Control + G). Selecciona este nuevo grupo y envíalo hacia atrás (Mayúsculas + Control + [ ).
Paso 37
Usando laherramienta Elipse (L), crea un círculo de 30px, rellénalo con el degradadolineal mostrado abajo y colócalo como se muestra en la siguiente imagen.
Paso 38
Vuelve a seleccionar el círculo hecho en el paso anterior, añade un segundo relleno, arrástralo en la parte inferior del panel Apariencia y utiliza el degradado lineal que se muestra a continuación. Selecciona este nuevo relleno y ve a Efecto > Trazado > Desplazamiento. Introduce un desplazamiento de 1,5px y haz clic en Aceptar.
Paso 39
Vuelve a seleccionar el círculo editado en el paso anterior y añade un tercer relleno. Selecciónalo, arrástralo a la parte inferior del panel Apariencia, añade el degradado lineal que se muestra a continuación y ve a Efecto > Trazado > Desplazamiento. Introduce un desplazamiento de 4px, haz clic en Aceptar y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación y haz clic en Aceptar.
Paso 40
Vuelve a seleccionar el círculo editado en el paso anterior, añade un trazo negro de 0.5pt y alinéalo a Exterior. Sigue centrado en el panel Apariencia y añade un segundo trazo negro para este círculo. Selecciónalo, hazlo de 1.5pt de ancho y abre el panel Trazo (Ventana > Trazo). Primero, marca el botón Remate redondeado de la sección Remate.
A continuación, marca la casilla Línea discontinua e introduce 0pt en la casillaGuión y 15pt en la casilla Hueco. Muévete a la derecha y marca el botón que "alinea los guiones con los vértices y los extremos de los trazados, ajustando la longitud para que encajen". Por último, desplázate a la sección Perfil, abre el menú desplegable y selecciona el "Perfil de anchura 1".
Vuelve al panel Apariencia, asegúrate de que tu trazo superior sigue seleccionado y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de 7px, haz clic en Aceptar y ve a Efecto > Distorsionar y transformar > Transformar. Introduce los datos que se muestran a continuación, haz clic en Aceptar y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran en la siguiente imagen y haz clic en Aceptar. Al final tu trazo debería ser como el de la siguiente imagen.
Paso 41
Para los últimos pasos necesitarás una cuadrícula cada 1px. Por lo tanto, 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 Rectángulo (M), crea una forma de 2 por 26px, rellénala con el degradado lineal que se muestra abajo, baja su Opacidad al 15% y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 1px y haz clic en Aceptar.
Paso 42
Vuelve a seleccionar el rectángulo y el círculo hechos en los últimos cinco pasos, agrúpalos (Control + G) y luego duplica este grupo (Control + C > Control + F). Selecciona este nuevo grupo, haz una copia delante (Control + C > Control + F), arrástrala hacia abajo y colócala como se muestra en la segunda imagen.
Paso 43
Con la herramienta Rectángulo (M), crea una forma de 3 por 210px y colócala como se muestra en la primera imagen. Rellena este nuevo rectángulo con el primer degradado lineal mostrado abajo, baja su Opacidad al 70% y cambia el Modo de fusión a Multiplicar. Continúa con la herramienta Rectángulo (M), crea una forma de 2 por 210px, rellénala con el segundo degradado lineal y colócala como se muestra en la segunda imagen.
Paso 44
Vuelve a seleccionar las dos formas creadas en el paso anterior, agrúpalas (Control + G) y luego haz una copia de este grupo (Control + C > Control + F). Selecciona esta copia de grupo 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.
Paso 45
Abre el panel Transparencia. Selecciona el grupo y la forma hecha en el paso anterior, abre el menú desplegable del panel Transparencia y haz clic en Crear máscara de opacidad. Ve al panel Capas, selecciona este grupo enmascarado y arrástralo por debajo del grupo de formas realizado en el paso veinticinco.
Paso 26
Usando la herramienta Elipse (L), crea una forma de 25 por 60px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la primera imagen. Cambia a la herramienta Rectángulo (M), crea una forma de 15 por 64px, rellénala de negro y colócala como se muestra en la segunda imagen. Vuelve a seleccionar las dos formas creadas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.
Paso 47
Vuelve a seleccionar la forma hecha en el paso anterior y haz una copia delante (Control + C > Control + F). Selecciona esta copia, muévela 1px hacia abajo y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 2px 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 a continuación.
Paso 48
Vuelve a seleccionar la forma hecha en el paso cuarenta y seis y haz una copia delante (Control + C > Control + F). Selecciona esta copia, muévela 1px hacia arriba y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 2px 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 a continuación y baja su Opacidad al 20%.
Paso 49
Vuelve a seleccionar la forma hecha en el paso cuarenta y seis y haz dos copias por 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 el degradado lineal que se muestra a continuación.
Paso 50
Finalmente, selecciona el rectángulo redondeado hecho en el segundo paso y ve a Efecto > Estilizar > Resplandor interior. Introduce los datos que se muestran a continuación, haz clic en Aceptar y habrás terminado.
Conclusión
Ya tu trabajo está listo. Este es el aspecto que debería tener. Espero que te hayas divertido con el panel Apariencia y con la creación de formas para resaltar y profundizar con el panel Buscatrazos.
By
