Diseño de un icono de círculo flotante en Adobe Illustrator: tutoriales de Illustrator

Designing Float Circle Icon in Adobe Illustrator

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.

Diseño de un icono de círculo flotante en Adobe Illustrator

Paso 2
Ahora tienes que dibujar otro círculo más pequeño (píxeles). Usa el color 2da249.

Diseño de un icono de círculo flotante en Adobe Illustrator

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°.

Diseño de un icono de círculo flotante en Adobe Illustrator

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.

Diseño de un icono de círculo flotante en Adobe Illustrator

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".

Diseño de un icono de círculo flotante en Adobe Illustrator

Paso 6

Ya sabes cómo crear círculos huecos. Crea algunos más como hicimos antes. Crea un pequeño círculo hueco.

Diseño de un icono de círculo flotante en Adobe Illustrator

Crea otro círculo hueco en color blanco que estará al lado del círculo en el centro (ver la imagen a continuación).

Diseño de un icono de círculo flotante en Adobe Illustrator

Dibuja un círculo hueco más blanco. Ahora la imagen parece flotante.

Dibuja otro círculo blanco hueco. 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.

Diseño de un icono de círculo flotante en Adobe Illustrator

Debemos alinear cada triángulo en cada extremo del círculo. Usa guías para lograr una alineación perfecta.

Diseño de un icono de círculo flotante en Adobe Illustrator

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.

Diseño de un icono de círculo flotante en Adobe Illustrator

Paso 9
Vaya al panel Transparencia (MAYÚS+CRTL+F10) y ajuste la Opacidad a 23.

Diseño de un icono de círculo flotante en Adobe Illustrator

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.

Diseño de un icono de círculo flotante en Adobe Illustrator

Paso 11

Para ajustar la forma ovalada, seleccione la herramienta Eliminar punto de ancla (-). Elimine el punto inferior.

Diseño de un icono de círculo flotante en Adobe Illustrator

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.

Diseño de un icono de círculo flotante en Adobe Illustrator

Imagen final

Diseño de un icono de círculo flotante en Adobe Illustrator

¡No te pierdas esta oferta por tiempo limitado!

Venta de ilustraciones increíbles

Hire an Illustrator for Children's Books
Contratar un ilustrador de £59.00 £120.00
Contrata a un ilustrador para tu próximo proyecto y recibe ilustraciones personalizadas de alta calidad de nuestro equipo de expertos. Ofrecemos una amplia gama de estilos de ilustración, desde libros hasta ilustraciones técnicas, y garantizamos obras 100 % únicas con garantía de devolución de dinero. Además, serás el propietario de todos los derechos de autor de la obra final. Si necesita contratar un artista por más de 40 horas, contáctenos para obtener un precio especial.
Children's Book Illustration Services
Servicios de ilustración de libros de muestra £25.00 £90.00
¿Quieres autopublicar tu libro pero no sabes por dónde empezar? Prueba nuestro servicio de Ilustración de Muestra por solo £30 (antes £90) y da vida a tus personajes y a tu visión. Si te gusta nuestra calidad y profesionalidad, contrata nuestro paquete completo de publicación de libros infantiles . ¡Aprovecha esta oferta por tiempo limitado y descubre lo que podemos hacer por ti!
Custom Tattoo Design Service
Servicio de diseño de tatuajes personalizados de £59.00 £120.00
¡Diseño de tatuaje personalizado! Nuestros artistas expertos te ayudarán a crear un tatuaje tan único como tú. Nuestro equipo de expertos colaborará contigo para diseñar obras que expresen tu personalidad, estilo y visión. ¡Despierta tu autoexpresión y tatúate hoy mismo!
Educational Icon Design
Servicio de ilustración de iconos personalizados de £19.00 £40.00
Nuestro servicio de ilustración de iconos ofrece iconos 100 % únicos y personalizados para mejorar la experiencia del usuario con sus productos digitales. Elaborados por expertos, nuestros iconos son perfectos para logotipos, juegos, aprendizaje electrónico, sitios web, aplicaciones, software, branding y publicidad. Con revisiones ilimitadas del diseño y una primera prueba entregada en 2 días hábiles, garantizamos su satisfacción. Si necesita más de 10 diseños de iconos, contáctenos para obtener un precio especial. Nuestros precios empiezan desde £5.
Generic Generic Generic Generic Generic