Aprende a crear un icono circular flotante elegante y moderno en Adobe Illustrator con este tutorial paso a paso. Domina el uso de formas, degradados y efectos para crear un diseño impecable y profesional.
Paso 1
Crea un nuevo documento. Usa la herramienta Elipse (L). Dibuja un círculo perfecto manteniendo presionada la tecla Mayús. Rellena el círculo con el color 2ca148.
![]()
Paso 2
Ahora tienes que dibujar otro círculo más pequeño (píxeles). Usa el color 2da249.
![]()
Paso 3
Ahora tienes que dibujar un tercer círculo unos píxeles más pequeño. Aplica un relleno de degradado de línea de azul oscuro a azul claro y establece el ángulo en -90°.
![]()
Hasta ahora ha sido fácil. Ahora tienes que crear formas huecas con el Buscatrazos, lo cual es un poco complicado.
Paso 4
Haz un círculo blanco y otro círculo más pequeño en negro en el centro.
![]()
Paso 5
Ahora debe seleccionar ambos círculos. Elija el círculo blanco y, manteniendo presionada la tecla Mayús, seleccione el círculo negro. Al realizar la selección, vaya al panel Buscatrazos (Mayús+Ctrl+F9) y haga clic en el icono "Restar forma".
![]()
Paso 6
Ya sabes cómo crear círculos huecos. Crea algunos más como hicimos antes. Crea un pequeño círculo hueco.
![]()
Crea otro círculo hueco en color blanco que estará al lado del círculo en el centro (ver la imagen a continuación).
![]()
Dibuja un círculo hueco más blanco. Ahora la imagen parece flotante.
![]()
Paso 7
Ahora tenemos que crear un rectángulo. Usa la herramienta Rectángulo (M) y dibuja un rectángulo con el color naranja F8A73B. Haz cuatro copias del triángulo.
![]()
Debemos alinear cada triángulo en cada extremo del círculo. Usa guías para lograr una alineación perfecta.
![]()
Paso 8
Para crear un efecto transparente vítreo, seguiremos la técnica de formas huecas (ver paso 5). En el ejemplo a continuación, solo he usado círculos más grandes.
![]()
Paso 9
Vaya al panel Transparencia (MAYÚS+CRTL+F10) y ajuste la Opacidad a 23.
![]()
Paso 10
Necesitas crear una sombra para la imagen. Para ello, selecciona la herramienta Elipse. Crea un óvalo negro y colócalo en la parte inferior del círculo.
![]()
Paso 11
Para ajustar la forma ovalada, seleccione la herramienta Eliminar punto de ancla (-). Elimine el punto inferior.
![]()
Paso 12
Para desenfocar la forma ovalada, vaya a Efecto > Desenfocar > Desenfoque gaussiano y configúrelo en 4.8. Después de introducir el valor, haga clic derecho en Organizar > Enviar al fondo.
![]()
Imagen final
![]()