1. Design & Illustration
  2. Graphic Design
  3. Icon Design

Cómo crear una ilustración de una pistola de agua en Adobe Illustrator

En los siguientes pasos aprenderás a crear una ilustración detallada de una pistola de agua en Adobe Illustrator. Para empezar, aprenderás a configurar una cuadrícula sencilla y a crear la forma del cuerpo principal junto con el gatillo y la empuñadura utilizando herramientas, efectos básicos y algunos degradados.
Scroll to top

Spanish (Español) translation by Rosario (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En los siguientes pasos aprenderás a crear una ilustración detallada de una pistola de agua en Adobe Illustrator.

Para empezar, aprenderás a configurar una cuadrícula sencilla y a crear la forma del cuerpo principal junto con el gatillo y la empuñadura utilizando herramientas, efectos básicos y algunos degradados.

A continuación, utilizando un montón de nuevas formas, la función de esquinas vivas, algunos efectos sencillos y técnicas básicas de enmascaramiento, aprenderás a crear el tubo, la boquilla y el tanque de agua. Por último, aprenderás a añadir sombreados y luces sutiles utilizando técnicas básicas de fusión y un sencillo efecto de Sombra paralela.

1. Crea un nuevo documento y configura una cuadrícula

Pulsa Control-N para crear un nuevo documento. Selecciona Píxeles en el menú desplegable Unidades, introduce 600 en las casillas de anchura y altura y haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72ppp) 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).

Para empezar, necesitarás una cuadrícula cada 5px, así que simplemente 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. Intenta no senrirte abrumado por la cuadrícula, te facilitará el trabajo y ten en cuenta que puedes activarla o desactivarla fácilmente con el atajo de teclado Control-". También deberías 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 establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.

setup gridsetup gridsetup grid

2. Crea el cuerpo, la empuñadura y el gatillo

Paso 1

Escoge la herramienta Rectángulo (M) y céntrate en tu barra de herramientas. Elimina el color del trazo, luego selecciona el relleno y establece su color en R=255 G=200 B=0. Muévete a tu mesa de trabajo y simplemente crea un rectángulo de 130 x 25px, la opción Ajustar a cuadrícula debería facilitar tu trabajo. Asegúrate de que esta forma amarilla permanece seleccionada y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 5px, haz clic en OK y luego ve a Objeto > Expandir apariencia.

create body handles triggercreate body handles triggercreate body handles trigger

Paso 2

Establece un naranja aleatorio para el color de relleno, asegúrate de que la herramienta Rectángulo (M) está activa, crea una forma de 35 x 75px y colócala como se muestra en la primera imagen. Cambia a la herramienta Selección directa (A) y céntrate en la parte inferior de este rectángulo naranja. Selecciona ambos puntos de anclaje y arrástralos 25px hacia la derecha como se muestra en la segunda imagen. Una vez más, la Cuadrícula y la opción Ajustar a cuadrícula deberían facilitarte el trabajo.

Asegúrate de que la forma hecha en este paso sigue seleccionada y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 5px, haz clic en OK y luego ve a Objeto > Expandir apariencia.

create body handles triggercreate body handles triggercreate body handles trigger

Paso 3

Vuelve a seleccionar tu rectángulo redondeado amarillo, haz una copia delante (Control-C > Control-F) y llévala al frente (Mayúsculas-Control-] ). Selecciona esta copia junto con tu forma naranja, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Menos frente.

create body handles triggercreate body handles triggercreate body handles trigger

Paso 4

Usando la herramienta Rectángulo (M), crea un cuadrado de 40px y colócalo como se muestra en la primera imagen. Asegúrate de que esta nueva forma permanece seleccionada y céntrate en el panel Apariencia (Ventana > Apariencia). Elimina el color del relleno y selecciona el trazo. Establece su color en R=189 G=15 B=4 y luego simplemente haz clic en el texto "Trazo" para abrir el panel desplegable Trazo. Establece el Grosor en 8px y marca el botón Alinear trazo al interior.

Cambia a la herramienta Selección directa (A) y céntrate en la parte inferior de esta forma roja. Selecciona ambos puntos de anclaje y arrástralos 15px hacia la derecha como se muestra en la segunda imagen. Asegúrate de que tu forma roja permanece seleccionada y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 5px, haz clic en Aceptar y luego ve a Objeto > Trazado > Contornear trazado.

create body handles triggercreate body handles triggercreate body handles trigger

Paso 5

Duplica tus formas amarilla y naranja (Control-C > Control-F). Trae estas copias al frente (Mayúsculas-Control-] ), asegúrate de que ambas formas están seleccionadas y haz clic en el botón Unir del panel Buscatrazos. Selecciona la forma resultante junto con la roja y haz clic en el botón Menos frente del panel Buscatrazos.

create body handles triggercreate body handles triggercreate body handles trigger

Paso 6

Asegúrate de que tu forma amarilla está seleccionada, abre el panel Degradado (Ventana > Degradado) y simplemente haz clic en la miniatura del degradado para añadir el degradado lineal predeterminado de negro a blanco.

Sigue concentrándote en tu panel Degradado, establece el Ángulo en 90 grados y luego pasa a los colores del degradado. Selecciona el deslizador de la derecha y establece el color en R=255 G=230 B=30, luego selecciona el deslizador de la izquierda y establece el color en R=245 G=160 B=0. Concéntrate en la barra de degradado y simplemente haz clic en ella para añadir un nuevo deslizador de degradado. Asegúrate de que este nuevo deslizador está seleccionado, establece su color en R=245 G=160 B=0, céntrate en la casilla Ubicación (del panel Degradado) y establécela en 15%. Ten en cuenta que los números azules de las imágenes del Degradado representan el porcentaje de Ubicación. Añade cinco nuevos deslizadores para este degradado y luego utiliza los atributos de color y Ubicación que se muestran en la siguiente imagen.

create body handles triggercreate body handles triggercreate body handles trigger

Paso 7

Asegúrate de que tu forma naranja está seleccionada y simplemente reemplaza el color de relleno existente con el degradado lineal que se muestra en la siguiente imagen.

create body handles triggercreate body handles triggercreate body handles trigger

Paso 8

Asegúrate de que la forma que compone tu empuñadura sigue seleccionada, céntrate en el panel Apariencia y añade un segundo relleno utilizando el botón Añadir nuevo relleno. Selecciona el nuevo relleno y añade el degradado lineal que se muestra en la siguiente imagen. Ten en cuenta que el número azul de la imagen del Degradado representa el porcentaje de Ubicación mientras que el cero amarillo representa el porcentaje de Opacidad. Esto significa simplemente que debes seleccionar ese deslizador de degradado, centrarte en la casilla Opacidad (del panel Degradado) y ponerla en 0%.

create body handles triggercreate body handles triggercreate body handles trigger

Paso 9

Asegúrate de que tu forma de empuñadura sigue seleccionada, céntrate en el panel Apariencia y añade un tercer relleno utilizando el mismo botón Añadir nuevo relleno. Enfócate en este nuevo relleno y simplemente haz clic en el texto "Opacidad" para abrir el panel desplegable Transparencia. Baja la Opacidad al 5%, cambia el Modo de fusión a Luz suave y añade el degradado lineal que se muestra en la siguiente imagen.

create body handles triggercreate body handles triggercreate body handles trigger

Paso 10

Selecciona tu forma roja y simplemente reemplaza el color de relleno existente con el degradado radial que se muestra a continuación. Asegúrate de que esta forma permanece seleccionada, enfócate en tu mesa de trabajo y utiliza la herramienta Degradado (G) para estirar tu degradado como se muestra en la siguiente imagen.

create body handles triggercreate body handles triggercreate body handles trigger

Paso 11

Usando la herramienta Rectángulo (M), crea una forma de 35 x 40px, hazla azul y colócala como se muestra en la primera imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 3px, haz click en OK y ve a Objeto > Expandir apariencia. Reemplaza el color de relleno existente con el degradado lineal que se muestra en la siguiente imagen.

create body handles triggercreate body handles triggercreate body handles trigger

Paso 12

Usando la herramienta Rectángulo (M), crea una forma de 35 x 10px, establece el color de relleno en blanco (R=255 G=255 B=255), baja su Opacidad al 20% y cambia el Modo de fusión a Superponer.

create body handles triggercreate body handles triggercreate body handles trigger

Paso 13

Para este paso necesitarás una cuadrícula cada 1px, así que 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 Pluma (P), crea un trazado vertical de 10px y colócalo como se muestra en la primera imagen.

Asegúrate de que este nuevo trazado permanezca seleccionado y céntrate en el panel Apariencia. Elimina el color del relleno y céntrate en el trazo. Añade un rojo oscuro para el color, establece el Grosor en 5px y marca el botón Remate redondeado del panel desplegable Trazo. Sigue concentrándote en este trazado y cambia a la herramienta Selección directa (A). Selecciona el punto de anclaje inferior, arrástralo 8px hacia la derecha y luego ve a Efecto > Deformar > Arco. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y luego ve a Objeto > Trazado > Contornear trazado.

create body handles triggercreate body handles triggercreate body handles trigger

Paso 14

Asegúrate de que tu forma roja permanece seleccionada, reemplaza el color de relleno existente con el degradado lineal que se muestra en la siguiente imagen y luego ve a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran a continuación y haz clic en Aceptar.

create body handles triggercreate body handles triggercreate body handles trigger

3. Crea el tubo, la boquilla y el soporte del tanque.

Paso 1

Vuelve a la línea de cuadrícula cada 5px, para ello simplemente ve a Edición > Preferencias > Guías y cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada. Usando la herramienta Rectángulo (M), crea una forma de 5 x 15px y colócala como se muestra en la primera imagen. Cambia a la herramienta Selección directa (A) y céntrate en el lado derecho de este nuevo rectángulo. Selecciona ambos puntos de anclaje, céntrate en la barra superior y simplemente introduce 3px en la casilla Vértice.

Esta función sólo está disponible para los usuarios de CC. La mejor solución para reemplazar este efecto sería la de Redondear cualquier esquina que puedes encontrar en este artículo: 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). Selecciona ese punto de anclaje y ve a Archivo > Secuencias de comandos > Otra secuencia de comandos. Abre la secuencia de comandos Redondear cualquier esquina, introduce un radio de 24px y haz clic en Aceptar. El resultado final puede ser un poco diferente.

Asegúrate de que la forma hecha en este paso sigue seleccionada y simplemente reemplaza el color de relleno existente por el degradado lineal que se muestra en la siguiente imagen.

create pipe nozzle container standcreate pipe nozzle container standcreate pipe nozzle container stand

Paso 2

Usando la herramienta Rectángulo (M), crea una forma de 5 x 20px y colócala como se muestra en la primera imagen. Cambia a la herramienta Selección directa (A) y céntrate en el lado derecho de este nuevo rectángulo. Selecciona ambos puntos de anclaje, céntrate en la barra superior e introduce 3px en la casilla Vértice. Asegúrate de que esta nueva forma permanece seleccionada y simplemente reemplaza el color de relleno existente por el degradado lineal utilizado en el paso anterior. Utilizando la herramienta Rectángulo (M), crea una forma de 10 x 20px, rellénala con ese mismo degradado lineal utilizado hace unos momentos y colócala como se muestra en la tercera imagen.

create pipe nozzle container standcreate pipe nozzle container standcreate pipe nozzle container stand

Paso 3

Cambia a la línea de 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. Con la herramienta Rectángulo (M), crea una forma de 25 x 12px, rellénala con el degradado lineal que se muestra a continuación y colócala como se muestra en la siguiente imagen.

create pipe nozzle container standcreate pipe nozzle container standcreate pipe nozzle container stand

Paso 4

Asegúrate de que tu rectángulo de 25 x 12px permanece seleccionado, céntrate en el panel Apariencia y añade un segundo relleno usando el mismo botón de Añadir nuevo relleno. Arrástralo debajo del relleno existente, cambia su Modo de fusión a Luz suave, añade el degradado lineal que se muestra a continuación y ve a Efecto > Distorsionar y transformar > Transformar. Arrastra el deslizador Mover-Vertical a 10px y luego haz clic en Aceptar.

create pipe nozzle container standcreate pipe nozzle container standcreate pipe nozzle container stand

Paso 5

Usando la herramienta Rectángulo (M), crea una forma de 1 x 12px, establece el color de relleno en negro (R=0 G=0 B=0) y colócala como se muestra en la siguiente imagen. Asegúrate de que esta nueva forma permanece seleccionada, baja su Opacidad al 30%, cambia el Modo de fusión a Luz suave y ve a Efecto > Distorsionar y transformar > Transformar.  Arrastra el deslizador Mover-Horizontal a 2px, introduce 11 en la casilla Copias y haz clic en Aceptar.

create pipe nozzle container standcreate pipe nozzle container standcreate pipe nozzle container stand

Paso 6

Vuelve a la línea de la cuadrícula cada 5px. Usando la herramienta Rectángulo (M), crea una forma de 70 x 10px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la primera imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado, céntrate en el panel Apariencia y añade un segundo relleno. Selecciónalo, establece el color en R=128 G=130 B=133 y cambia su Modo de fusión a Subexposición color. Con la herramienta Rectángulo (M), crea una forma de 70 x 5px, colócala como se muestra en la segunda imagen y añade los mismos atributos de Apariencia utilizados para el primer rectángulo.

create pipe nozzle container standcreate pipe nozzle container standcreate pipe nozzle container stand

Paso 7

Cambia a la línea de cuadrícula cada 1px. Usando la herramienta Rectángulo (M), crea una forma de 10 x 19px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la primera imagen. Asegúrate de que este rectángulo permanece seleccionado, cambia a la herramienta Selección directa (A), céntrate en la barra superior y simplemente introduce 2px en la casilla Vértices.

create pipe nozzle container standcreate pipe nozzle container standcreate pipe nozzle container stand

Paso 8

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. Asegúrate de que tu rectángulo rojo redondeado está seleccionado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px a la derecha usando el botón de flecha derecha de tu teclado. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 30% y cambia el Modo de fusión a Superponer.

Vuelve a seleccionar tu rectángulo rojo redondeado y haz dos copias por delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px hacia la izquierda usando el botón de la flecha izquierda de tu teclado. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

create pipe nozzle container standcreate pipe nozzle container standcreate pipe nozzle container stand

Paso 9

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Usando la herramienta Rectángulo (M), crea una forma de 3 x 5px, hazla azul y colócala como se muestra en la primera imagen. Cambia a la herramienta Selección directa (A), selecciona los dos puntos de anclaje que componen el lado izquierdo de tu rectángulo y, a continuación, introduce 2px en la casilla Vértices.

Vuelve a la herramienta Rectángulo (M), crea una forma de 3 x 10px, hazla azul y colócala como se muestra en la tercera imagen. Vuelve a seleccionar la herramienta Selección directa (A), selecciona los dos puntos de anclaje que conforman el lado izquierdo de este nuevo rectángulo e introduce 2px en la casilla Vértices.

create pipe nozzle container standcreate pipe nozzle container standcreate pipe nozzle container stand

Paso 10

Vuelve a seleccionar las dos formas azules y simplemente pulsa Control-8 (o ve a Objeto > Trazado compuesto > Crear) para convertirlas en un trazado compuesto simple. Asegúrate de que este nuevo trazado compuesto permanece seleccionado y sustituye el color de relleno existente por el mismo degradado lineal rojo utilizado para el rectángulo redondeado que se encuentra a su lado.

Sigue concentrándote en tu trazado compuesto y añade un segundo relleno usando el mismo botón de Añadir nuevo relleno. Selecciónalo, establece el color en negro y cambia su Modo de fusión a Luz suave. Usando la herramienta Rectángulo (M), crea una forma de 1 x 15px y colócala como se muestra en la tercera imagen. Rellénala con negro, baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.

create pipe nozzle container standcreate pipe nozzle container standcreate pipe nozzle container stand

4. Crea el tanque de agua

Paso 1

Vuelve a la línea de la cuadrícula cada 5px. Usando la herramienta Rectángulo (M), crea una forma de 130 x 50px, establece el color de relleno en R=57 G=181 B=74 y colócala como se muestra en la primera imagen. Asegúrate de que este rectángulo verde permanece seleccionado y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 25px, haz clic en Aceptar y ve a Objeto > Expandir apariencia.

Usando la misma herramienta, crea una forma de 90 x 10px, establece el color de relleno en R=161 G=218 B=103 y colócala como se muestra en la segunda imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado, cambia a la herramienta Selección directa (A) y simplemente introduce 5px en la casilla Vértices.

create water containercreate water containercreate water container

Paso 2

Enfócate en tu Barra de herramientas y simplemente haz doble clic en la herramienta Fusión para abrir la ventana de Opciones de fusión. Selecciona Pasos especificados en el menú desplegable Espaciado e introduce 100 en esa casilla blanca. Vuelve a seleccionar las dos formas verdes y pulsa Alt-Control-B para crear una nueva fusión. Al final las cosas deberían verse como en la segunda imagen.

create water containercreate water containercreate water container

Paso 3

Usando la herramienta Rectángulo (M), crea una forma de 90 x 5px, establece el color de relleno en blanco y colócala como se muestra en la siguiente imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado y céntrate en el panel Apariencia. Selecciona el relleno existente, cambia su Modo de fusión a Superponer y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 2,5px, haz clic en Aceptar y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 10px, haz click en OK y vuelve al panel de Apariencia.

Añade un segundo relleno para tu forma y selecciónalo. Establece el color en blanco, baja su Opacidad al 10%, cambia el Modo de fusión a Superponer y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 2,5px y haz clic en Aceptar.

create water containercreate water containercreate water container

Paso 4

Con la herramienta Rectángulo (M), crea una forma de 100 x 25px, rellénala con el degradado lineal que se muestra a continuación y colócala como se muestra en la siguiente imagen. Asegúrate de que esta nueva forma permanece seleccionada, baja su Opacidad al 50%, cambia el Modo de fusión a Luz suave y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 12,5px y haz clic en Aceptar.

create water containercreate water containercreate water container

Paso 5

Con la herramienta Rectángulo (M), crea una forma de 130 x 50px, establece el color de relleno en blanco y colócala como se muestra en la primera imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado y cambia a la herramienta Selección directa (A). Concéntrate en la barra superior y simplemente introduce 25px en esa casilla Vértices.

create water containercreate water containercreate water container

Paso 6

Asegúrate de que tu rectángulo blanco redondeado sigue seleccionado y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -5px y haz clic en Aceptar. Selecciona la forma resultante y haz una copia delante (Control-C > Control-F). Selecciona esta copia y muévela 5px hacia arriba usando el botón de flecha hacia arriba de tu teclado. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=0 G=104 B=56 y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 5px y haz clic en OK.

create water containercreate water containercreate water container

Paso 7

Selecciona todas las formas que componen tu tanque de agua (excepto el rectángulo blanco redondeado) y simplemente pulsa Control-G para agruparlas. Trae tu forma blanca al frente (Mayús-Control-] ), selecciónala junto con el nuevo grupo, enfócate en el panel Transparencia (Ventana > Transparencia) y simplemente haz clic en el botón Crear máscara.

Si no eres usuario de Illustrator CC, abre el menú desplegable del panel Transparencia y simplemente ve a Crear máscara de opacidad.

create water containercreate water containercreate water container

Paso 8

Usando la herramienta Rectángulo (M), crea una forma de 5 x 30px, rellénala con el degradado lineal que se muestra a continuación y colócala como se muestra en la siguiente imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 2,5px, haz clic en Aceptar y ve a Objeto > Expandir apariencia.

create water containercreate water containercreate water container

Paso 9

Usando la herramienta Rectángulo (M), crea una forma de 10 x 20px, colócala como se muestra en la primera imagen y elige un rojo aleatorio para el color de relleno. Cambia a la herramienta Selección directa (A) y céntrate en el lado izquierdo de este nuevo rectángulo. Selecciona ambos puntos de anclaje y simplemente introduce 2px en la casilla Vértices. Asegúrate de que esta forma roja permanece seleccionada y ve a Efecto > Deformar > Arco superior. Introduce los atributos que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia.

create water containercreate water containercreate water container

Paso 10

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é establecido en 1px. Sigue centrándote en tu forma roja y sustituye el color de relleno existente por el mismo degradado lineal utilizado para tu rectángulo redondeado de 5 x 30px.

Asegúrate de que la forma editada en este paso sigue seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px a la derecha usando el botón de flecha derecha de tu teclado. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

create water containercreate water containercreate water container

Paso 11

Vuelve a seleccionar la forma que conecta el tanque con el resto de la pistola (la editada en el paso anterior) y ve a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran en la siguiente imagen y haz clic en Aceptar.

create water containercreate water containercreate water container

Paso 12

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y cambia a la línea de cuadrícula cada 1px. Usando la herramienta Rectángulo (M), crea una forma de 10 x 54px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la siguiente imagen. Asegúrate de que este nuevo rectángulo permanezca seleccionado, cambia a la herramienta Selección directa (A) y simplemente introduce 2px en la casilla Vértices.

create water containercreate water containercreate water container

Paso 13

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Asegúrate de que tu rectángulo redondeado amarillo está seleccionado 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 las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

create water containercreate water containercreate water container

Paso 14

Asegúrate de que tu rectángulo redondeado amarillo está seleccionado y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px hacia la izquierda. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

create water containercreate water containercreate water container

Paso 15

Asegúrate de que tu rectángulo redondeado amarillo está seleccionado y haz una copia delante (Control-C > Control-F). Selecciona esta copia, muévela 1px a la derecha y duplícala (Control-C > Control-F). Selecciona esta nueva copia y muévela 1px a la derecha. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 70% y cambia el Modo de fusión a Luz suave.

create water containercreate water containercreate water container

Paso 16

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Usando la herramienta Rectángulo (M), crea una forma de 2 x 3px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en el siguiente imagen.

create water containercreate water containercreate water container

5. Añade un sombreado sutil y luces

Paso 1

Usando la herramienta Rectángulo (M), crea una forma de 2 x 15px, hazla negra y colócala como se muestra en la primera imagen. Asegúrate de que este nuevo rectángulo está seleccionado, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

Usando la misma herramienta, crea una forma de 1 x 15px, hazla negra y colócala como se muestra en la segunda imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado, baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.

Vuelve a seleccionar los dos rectángulos hechos en este paso y agrúpalos (Control-G). Selecciona este nuevo grupo y ve a Efecto > Distorsionar y transformar > Transformar. Marca la casilla Reflejar X, introduce 1 en la casilla Copias, arrastra el deslizador Mover-Horizontal a 68px y haz clic en Aceptar.

subtle shading highlightssubtle shading highlightssubtle shading highlights

Paso 2

Con la herramienta Rectángulo (M), crea una forma de 1 x 50px, hazla negra y colócala como se muestra en la primera imagen. Asegúrate de que este nuevo rectángulo está seleccionado, baja su Opacidad al 25% y cambia el Modo de fusión a Luz suave.

Usando la misma herramienta, crea una forma de 3 x 50px, hazla negra y colócala como se muestra en la segunda imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado, baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.

Vuelve a seleccionar los dos rectángulos hechos en este paso y agrúpalos (Control-G). Selecciona este nuevo grupo y ve a Efecto > Distorsionar y transformar > Transformar. Introduce los atributos que se muestran en la siguiente imagen y haz clic en Aceptar.

subtle shading highlightssubtle shading highlightssubtle shading highlights

Paso 3

Usando la herramienta Rectángulo (M), crea una forma de 1 x 20px, hazla negra y colócala como se muestra en la primera imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado, baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.

Usando la misma herramienta, crea una forma de 2 x 20px, hazla negra y colócala como se muestra en la segunda imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado, baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.

Vuelve a seleccionar los dos rectángulos hechos en este paso y agrúpalos (Control-G). Selecciona este nuevo grupo y ve a Efecto > Distorsionar y transformar > Transformar. Introduce los atributos que se muestran en la siguiente imagen y haz clic en Aceptar.

subtle shading highlightssubtle shading highlightssubtle shading highlights

Paso 4

Usando la herramienta Rectángulo (M), crea una forma de 2 x 20px y otra de 1 x 20px, rellena ambas formas con negro y colócalas como se muestra en las dos primeras imágenes. Asegúrate de que ambos rectángulos queden seleccionados, baja la Opacidad al 15% y cambia el Modo de fusión a Luz suave.

Usando la misma herramienta, crea una forma de 2 x 15px y otra de 1 x 15px, rellena ambas formas con negro y colócalas como se muestra en la tercera y cuarta imagen. Asegúrate de que ambos rectángulos permanezcan seleccionados, baja la Opacidad al 15% y cambia el Modo de fusión a Luz suave.

Usando la misma herramienta Rectángulo (M), crea una forma de 2 x 20px y otra de 1 x 20px, rellena ambas formas con negro y colócalas como se muestra en las imágenes quinta y sexta. Asegúrate de que ambos rectángulos queden seleccionados, baja la Opacidad al 10% y cambia el Modo de fusión a Luz suave.

subtle shading highlightssubtle shading highlightssubtle shading highlights

Paso 5

Vuelve a seleccionar todas las formas hechas hasta ahora y duplícalas (Control-C > Control-F). Asegúrate de que todas estas copias están seleccionadas y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con R=245 G=160 B=0.

subtle shading highlightssubtle shading highlightssubtle shading highlights

Paso 6

Asegúrate de que la forma naranja hecha en el paso anterior sigue seleccionada, envíala hacia atrás (Mayúsculas-Control-[ ) y enfócate en el panel Apariencia. Añade un trazo negro de 1 punto, baja su Opacidad al 5% y marca el botón Alinear trazo al exterior del panel desplegable Trazo. Vuelve al panel Apariencia, selecciona el relleno existente y ve a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran en la siguiente imagen y haz clic en Aceptar.

subtle shading highlightssubtle shading highlightssubtle shading highlights

¡Felicidades! ¡Terminaste!

Así es como debería verse. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos.

finalfinalfinal