Advertisement
  1. Design & Illustration
  2. Tools & Tips

Consejo rápido: Cómo crear un sencillo icono de piruleta en 3D

Scroll to top
Read Time: 4 min

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

En el siguiente tutorial aprenderás a crear un icono de piruleta. Utilizando algunas formas simples y la función Distorsionar y transformar, verás lo fácil que es crear un icono genial.


Paso 1

Crea un documento de 255 por 255px. Elige la herramienta Elipse (L) y haz clic en tu mesa de trabajo. Ingresa 80 para el ancho y el alto y luego haz clic en OK. Obtendrás una forma de 80 por 80px. Rellénala con cualquier color.


Paso 2

Selecciona la herramienta Rectángulo (M) y haz clic de nuevo en tu mesa de trabajo. Introduce 78 en la casilla de anchura y 25 en la de altura y haz clic en Aceptar. Selecciona el rectángulo resultante y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 2px y haz clic en Aceptar.


Paso 3

Selecciona la forma hecha en el paso anterior. Ve a Efecto > Deformar > Arco inferior, introduce los datos que se muestran a continuación y haz clic en Aceptar. Vuelve a seleccionar esta forma, luego ve a Efecto > Deformar > Arco superior. Introduce los datos que se muestran a continuación, haz clic en Aceptar y luego ve a Objeto > Expandir apariencia.


Paso 4

Selecciona las formas creadas hasta ahora. Selecciona la herramienta Selección (V) y haz clic en el borde del círculo. Debería quedar resaltado. Ahora, abre el panel Alinear (Ventana > Alinear) y haz clic en los botones Alinear horizontalmente al centro y Alinear verticalmente al centro.


Paso 5

Vuelve a seleccionar las formas creadas hasta ahora y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con R = 239 G = 65 B = 54.


Paso 6

Elige la herramienta Rectángulo (M), crea una forma de 8 por 123px y rellénala con R = 230 G = 231 B = 232. Selecciona este rectángulo junto con la forma hecha en el paso anterior y luego escoge la herramienta Selección (V). Haz clic en el borde de la forma roja (de nuevo, debería resaltarse) y luego haz clic en el botón Alinear horizontalmente al centro del panel Alinear. Ahora, tus dos formas deberían estar colocadas como se muestra en la imagen final.


Paso 7

Selecciona la herramienta Rectángulo (M) y dibuja una forma como la gris que se muestra en las siguientes imágenes. Debe cubrir la mitad izquierda de las formas existentes. Duplícala (Control + C > Control + F). Selecciona una de las formas grises junto con el rectángulo delgado y alto y haz clic en el botón Menos frente del panel Buscatrazos. Ahora, selecciona la otra forma gris junto con la forma roja y haz clic en el botón Menos frente del panel Buscatrazos.


Paso 8

Selecciona las dos formas hechas en el paso anterior y agrúpalas (Control + G). Selecciona este grupo y ve a Efecto > 3D > Rotar. Haz clic en el botón Más opciones, introduce todos los datos que se muestran a continuación y haz clic en Aceptar. Con el grupo aún seleccionado ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación y haz clic en Aceptar.


Paso 9

Elige la herramienta Rectángulo (M), crea una forma del tamaño de tu mesa de trabajo y rellénala de blanco. Activa la cuadrícula (Ver > Cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Ahora, necesitarás una cuadrícula cada 15px. Ve a Edición > Preferencias > Guías y cuadrícula, introduce 15 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones.

Vuelve a seleccionar la herramienta Rectángulo (M). Crea una forma de 15 por 375px, rellénala con el degradado de gris a blanco y colócala como se muestra en la siguiente imagen (la opción Ajustar a cuadrícula te facilitará el trabajo). Duplícala (Control + C > Control + F). Selecciona esta copia, muévela 15px a la derecha y rellénala con el otro degradado lineal. Selecciona estas dos formas y agrúpalas (Control + G).


Paso 10

Selecciona el grupo hecho en el paso anterior y ve a Efecto > Distorsionar y transformar > Transformar. Introduce los datos que se muestran a continuación, haz clic en Aceptar y luego ve a Objeto > Expandir apariencia.


Paso 11

Selecciona el grupo resultante del paso anterior y ve a Objeto > Transformar > Rotar. Introduce un ángulo de -45 grados y haz clic en Aceptar.


Paso 12

Finalmente, necesitas enmascarar el grupo de formas del paso anterior. Primero, abre el panel Transparencia. Crea otra forma, del tamaño de tu mesa de trabajo y rellénala con el degradado radial que se muestra en la primera imagen.

Selecciónala junto con el grupo, abre el menú desplegable del panel Transparencia y haz clic en Crear máscara de opacidad. Ahora, tu grupo debería tener el aspecto de la tercera imagen. Finalmente, selecciona este grupo enmascarado y baja su opacidad al 3%.


Conclusión

Y ahí lo tienes. Un icono de piruleta a partir de unas cuantas formas sencillas. Experimenta con diferentes colores y fondos para descubrir otros resultados. ¡Diviértete!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.