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