Advertisement
  1. Design & Illustration
  2. Icon Design

Cómo crear un divertido icono de carpa de circo

Scroll to top
Read Time: 8 min

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

¡Vamos, vamos! En el siguiente tutorial aprenderás a crear un sencillo icono de carpa de circo. Podrás descubrir algunas cosas interesantes sobre la magia de los efectos Deformar. Los efectos Deformar son a menudo pasados por alto en la ilustración digital, pero como puedes ver, permiten obtener unos resultados realmente atractivos.


Paso 1

Crea un documento de 256 por 256px. En este tutorial crearás una serie de formas con dimensiones exactas. Para facilitarte el trabajo tendrás que activar la Cuadrícula (Ver > Mostrar Cuadrícula) y activar la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). A continuación, tendrás que ajustar la cuadrícula a cada 5 píxeles. Ve a Edición > Preferencias > Guías y Cuadrícula e introduce "5" en la casilla "Línea de cuadrícula cada" y "1" en la casilla "Subdivisiones". También puedes abrir la paleta de información para obtener una vista previa con el tamaño de tu forma.


Paso 2

Ahora, vamos a crear las formas. Crea un rectángulo de 10 por 65px con la herramienta Rectángulo (R), rellena la nueva forma con R=230 G=230 B=230. Crea una copia de esta forma (Control + C y luego Control + F), muévela 10px a la derecha y cambia su relleno a R=237 G=28 B=36. Crea cuatro nuevas copias de estas dos formas y muévelas como se muestra en la imagen de abajo. Selecciona las diez formas y agrúpalas. Nombra el grupo "Formas.Superior".

Crea un rectángulo de 10 por 5px y rellénalo con R=230 G=230 B=230. Duplica esta pequeña forma, rellénala con R=237 G=28 B=36 y muévela 10 px a la derecha. Una vez más, crea cuatro nuevas copias de estas dos formas y muévelas como se muestra en la siguiente imagen. Selecciona todas las formas pequeñas y agrúpalas. Utiliza el nombre "Formas.Medio" y colócalo justo debajo de "Formas.Superiores" (el ajuste a la cuadrícula te facilitará el trabajo).

Crea un rectángulo de 10 por 90px y rellénalo con R=230 G=230 B=230. Duplica esta forma, muévela 10 px a la derecha y rellénala con R=237 G=28 B=36. Crea seis nuevas copias de estas dos formas y muévelas como se muestra en la imagen de abajo. Selecciona estas catorce formas, agrúpalas y nombra este grupo como "Formas.Fondo". Coloca este grupo como se muestra en la siguiente imagen. Fíjate bien en las cuadrículas para entender la posición exacta. Añade el efecto Arco inferior (Efecto > Deformar > Arco inferior) para cada forma del grupo "Formas.Medio".


Paso 3

Selecciona el grupo "Formas.Superior". Añade primero el efecto Abombar (Efecto > Deformar > Abombar) y luego el efecto Arco inferior (Efecto > Deformar > Arco inferior).


Paso 4

Selecciona el grupo "Formas.Medio". Cambia el tamaño de estas formas (como se muestra en la imagen #2) y luego añade el efecto Arco (Efecto > Deformar > Arco) que se muestra en la imagen #3.


Paso 5

Selecciona el grupo "Formas.Fondo". Primero añade el efecto Arco inferior (Efecto > Deformar > Arco inferior) y luego el efecto Caparazón hacia abajo (Efecto > Deformar > Caparazón hacia abajo).


Paso 6

Ya no necesitas la cuadrícula. Desactiva la Cuadrícula y la opción Ajustar a cuadrícula. Continúa seleccionando el grupo "Formas.Medio" y ve a Objeto > Expandir apariencia. Rellena las formas grises con el degradado lineal mostrado en la imagen #2 y las formas rojas con el degradado mostrado en la imagen #3.


Paso 7

Selecciona el grupo "Formas.Superior" y ve a Objeto > Expandir apariencia. Duplica las formas resultantes. Selecciona estas copias y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con el degradado radial mostrado en la imagen #3 y baja su opacidad al 20%. Añade un nuevo relleno para esta forma (desde el menú desplegable del panel Apariencia) y utiliza el degradado lineal que se muestra en la imagen #4. Selecciona este relleno (en el panel Apariencia) y baja su opacidad al 15%.


Paso 8

Selecciona el grupo "Formas.Fondo" y ve a Objeto > Expandir apariencia. Duplica las formas resultantes. Selecciona estas copias y haz clic en el botón Unir del panel Buscatrazos. Nombra la forma resultante como "Fondo" y rellénala con el degradado radial mostrado en la imagen #3. Selecciona este relleno (en el panel Apariencia) y baja su opacidad al 30%. Añade un nuevo relleno para esta forma (desde el menú desplegable del panel Apariencia) y utiliza el degradado lineal que se muestra en la imagen #4. Selecciona este relleno (en el panel Apariencia) y baja su opacidad al 15%.


Paso 9

Selecciona la herramienta Elipse (L), mantén presionada la tecla Mayús y crea un círculo como el que se muestra en la imagen #1, colócalo en la parte superior de la carpa. Rellena esta forma con el degradado mostrado en la imagen #1 y envíala hacia atrás. A continuación, selecciona la herramienta Rectángulo (M), crea una forma delgada como la que se muestra en la imagen #2, rellénala con el mismo degradado y muévela a la parte de atrás del círculo. Vuelve a seleccionar la herramienta Elipse (L), crea un pequeño círculo (imagen #3), colócalo en la parte superior del rectángulo y rellénalo con el mismo degradado lineal.

Continúa con la bandera. Selecciona la Herramienta Rectángulo (M), crea una forma como la que se muestra en la imagen #4 y rellénala con el degradado que se muestra arriba de la imagen #4. Vuelve a seleccionar este rectángulo, elige la herramienta Selección directa (A), selecciona los puntos de anclaje de la derecha (resaltados en la imagen #4) y luego ve a Objeto > Trazado > Promediar. Marca la casilla Ambos y presiona enter. Selecciona la forma resultante (imagen #5) y luego añade el efecto Deformar (Efecto > Deformar > Bandera) que se muestra en la imagen #6.


Paso 10

A continuación, crea una pequeña abertura en la carpa. Primero bloquea la forma "Fondo". A continuación, selecciona la herramienta Pluma (P) y crea una forma como la verde que se muestra en la imagen #1. Selecciona esta nueva forma junto con las otras dos formas (mostradas en la imagen #1) y haz clic en el botón Dividir del panel Buscatrazos. Mantén sólo las cuatro formas que se muestran en la imagen #2.


Paso 11

Selecciona la herramienta Reflejo (O) y mueve las formas más oscuras como se muestra en la imagen #1. Agrega el efecto Caparazón hacia atrás (Efecto > Deformar > Caparazón hacia atrás) para la forma de la izquierda y el efecto Arco ( Efecto > Deformar > Arco) para la forma de la derecha y luego ve a Objeto > Expandir apariencia. A continuación, mueve los puntos de anclaje resaltados (imagen #3) unos pocos píxeles hacia arriba con la herramienta Selección directa (A).


Paso 12

Ahora, añade un discreto efecto de sombra paralela para las formas más oscuras. Agrega los efectos de sombra paralela que se muestran en la siguiente imagen y luego ve a Objeto > Expandir apariencia. Deberías obtener cuatro formas. Desactiva la visibilidad de las dos formas rellenas de gris y rojo y agrupa las dos formas < Imagen >. Desbloquea la forma "Fondo" y duplícala. Rellena esta copia con Ninguno y muévela por encima del grupo < Imagen >. A continuación, selecciona este grupo y la copia de "Fondo" y ve a Objeto > Máscara de recorte > Crear. Mueve este grupo enmascarado por debajo de la forma original "Fondo".


Paso 13

Vuelve a bloquear la forma "Fondo". Activa la visibilidad de las dos formas rellenas de rojo y gris y muévelas justo debajo de la forma "Fondo". Enfócate primero en las formas rojas. Cambia el relleno con el degradado mostrado en la imagen #1. Añade un nuevo relleno para esta forma y usa el degradado mostrado en la imagen #2. Muévete a la forma gris. Primero rellénala con el degradado mostrado en la imagen #3 y luego añade un nuevo relleno y usa el degradado mostrado en la imagen #4.


Paso 14

Ahora para el interior de la carpa crea una copia de "Fondo" y muévela a la parte inferior del panel de Capas. Rellénala con R=66 G=33 B=11, nómbrala "Interior" y duplícala. Selecciona la herramienta Pluma (P) y crea una forma como la que se muestra en la imagen #2. Selecciona esta nueva forma junto con la copia de "Interior" y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con el degradado que se muestra en la imagen final y muévela justo por encima de la forma "Interior" original.


Paso 15

Duplica las formas creadas hasta ahora. Selecciona estas copias y haz clic en el botón Unir del panel Buscatrazos. Rellena esta nueva forma con Ninguno y añade un trazo de 0,5px alineado con el exterior (color R=128 G=128 B=128). Finalmente crea un círculo en la parte inferior de la carpa con la herramienta Elipse (L). Envía esta forma a la parte trasera, rellénala con el degradado que se muestra en la imagen final, baja su opacidad al 25% y ¡ya está!


Conclusión

Y ahí lo tienes, ahora puedes ir más allá y hacer diferentes tamaños de iconos. Espero que hayas disfrutado de este tutorial.

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.