Aprende a crear íconos web reflectantes y profesionales con Adobe Illustrator con nuestra guía. Desde la creación de las formas base hasta la adición de reflejos y los ajustes finales, nuestra guía cubre todos los pasos esenciales para crear íconos web que aporten un toque moderno y refinado a tus diseños.
Paso 1
Cree un nuevo documento en modo RGB. Con la herramienta Rectángulo o Rectángulo redondeado, dibuje un cuadrado negro o un cuadrado redondeado (mantenga pulsado el icono de la herramienta Rectángulo en la barra de herramientas para ver más opciones). Mantenga pulsada la tecla Mayús mientras arrastra para dibujar un cuadrado.
![]()
Paso 2
En la herramienta Rectángulo, seleccione la herramienta Estrella. Cambie el Relleno en la parte inferior de la barra de herramientas a Blanco y establezca el Trazo en Ninguno. Haga clic y arrastre el cuadrado negro para dibujar una estrella blanca.
![]()
Paso 3
Haz clic en la herramienta Selección y mantén presionada la tecla Opción (PC: Alt). Luego, haz clic y arrastra la estrella para duplicarla. Con la herramienta Selección, haz clic y mantén presionado el cuadro central en el borde superior de la estrella. Arrástrala hacia abajo hasta que quede invertida, pero aproximadamente a la mitad.
El tamaño de la estrella original. Muévela para que sus dos puntas se encuentren con las puntas de la estrella original.
Paso 4
Dibuja un rectángulo sobre la nueva estrella invertida con la herramienta Rectángulo. Cambia el degradado a blanco y negro y mueve el control deslizante central hacia la izquierda en la paleta Degradado (Ventana > Degradado). Aquí lo he establecido al 15 %. Cambia el
ángulo de 270° para que el negro quede abajo y se mueva verticalmente hacia tonos más claros.
![]()
Paso 5
Seleccione el rectángulo y la estrella invertida. Una forma de seleccionarlos es hacer clic y arrastrar el cursor sobre el área con la herramienta Selección y, a continuación, mantener presionada la tecla Mayús y hacer clic en el fondo negro para deseleccionarlo. En la paleta Transparencia (Ventana > Transparencia), haga clic en la flecha para abrir el menú desplegable. Haga clic en Crear máscara de opacidad.
![]()
Paso 6
Prueba diferentes formas. Aquí dibujé algunas formas y las agrupé (Objeto > Agrupar) para crear más ejemplos.
![]()