Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Icon Design

Cómo crear un sencillo icono de caja de cartón

by
Length:MediumLanguages:

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

En este tutorial aprenderás a crear un simple icono de cartón utilizando Extrusión y Biselado 3D y rellenos de degradado básicos. Es un gran punto de partida para los diseñadores de iconos principiantes o las personas que han utilizado previamente Photoshop para sus creaciones, y te enseñará algunas técnicas útiles para empezar con Adobe Illustrator.


Paso 1

Crea un documento de 256 por 256px. Selecciona la herramienta Rectángulo (M) y crea un rectángulo de 55 por 15px, este será la "Etiqueta Frágil". A continuación, selecciona la herramienta Texto y añade la palabra "FRAGIL" usando la fuente Myriad Pro, en negrita. Selecciona el texto y el rectángulo, presiona Mayús + Control + F11 (para abrir el panel de Símbolos) luego ve al menú desplegable y haz clic en Nuevo símbolo. Nómbralo "Etiqueta frágil", marca Clip de película y haz clic en Aceptar.

Continuemos con la caja de cartón. Vuelve a seleccionar la herramienta Rectángulo (M), crea un rectángulo de 140 x 111px y rellénalo con el color que se muestra en la imagen "3", luego ve a Efecto > 3D > Extrusión y Biselado. Copia los datos que se muestran en la siguiente imagen. Presta atención a las secciones resaltadas. Tendrás que añadir la etiqueta de fragilidad. Haz clic en el botón Mapear ilustración, ve a "Superficie 1" y selecciona la "Etiqueta frágil" en el menú desplegable de Símbolos. Colócala como se muestra en la imagen "5" y luego haz clic en Aceptar.


Paso 2

Elimina el símbolo del panel de Capas, selecciona la caja creada en el paso anterior y ve a Objeto > Expandir apariencia. Desagrupa las formas resultantes y organízalas para mantener tu trabajo organizado. Observa con atención el grupo con las formas de pegatina frágil. Agrupa las formas de letras y el rectángulo rojo y hazlos invisibles, esto te facilitará el trabajo hasta que lo necesites más adelante. Por ahora nos centraremos en las formas de la caja.

Primero, crea una copia de la figura superior, llámala "vvv" y hazla invisible. Necesitarás esta forma más tarde para añadir un efecto discreto. A continuación, selecciona la herramienta Pluma (P) y dibuja un trazado oblicuo como el que se muestra en la imagen "1". Selecciona este trazado junto con la forma superior y haz clic en el botón Dividir del panel Buscatrazos. Esto debería hacer dos nuevas formas. Selecciona la forma de la izquierda y con la herramienta Selección directa (A), selecciona los puntos de anclaje resaltados en la imagen "3" y muévelos como se muestra en la misma imagen. Repite esta acción con la forma derecha, selecciona y mueve los puntos de anclaje resaltados en la imagen "4". Finalmente envía esta forma al fondo (Mayúsculas + Control+ Corchete izquierdo) y rellénala con el degradado que se muestra en la imagen final.


Paso 3

Ahora haremos la cinta adhesiva. Crea una copia de la parte frontal de la caja de cartón. Selecciona la herramienta Rectángulo (M) y crea un rectángulo como el rojo que se muestra en la imagen #1. Selecciona tanto la cinta como la copia del frente y haz clic en el botón Intersectar del panel Buscatrazos. Acércate a la parte superior de la forma resultante, con la herramienta Añadir punto de anclaje (+) añade algunos puntos de anclaje al azar (imagen "3"). Mueve algunos de estos puntos de anclaje unos pocos píxeles hacia abajo (imagen "4"). Vuelve a seleccionar esta forma y luego, con la herramienta Arrugar añade un efecto discreto para esta forma. Haz doble clic en la herramienta Arrugar para cambiar la configuración. Finalmente, rellena esta forma con el degradado mostrado en la imagen "6". Presta atención a la opacidad de cada uno de los controles deslizantes del degradado.


Paso 4

Crea una copia del lado izquierdo de la caja. Selecciona la herramienta Rectángulo (M) y crea una forma como la roja que se muestra en la imagen "1". Selecciona las dos formas y haz clic en el botón Intersectar del panel Buscatrazos. Selecciona esta nueva forma, añade un efecto de arruga y luego rellénala con el degradado que se muestra en la imagen final.


Paso 5

Crea una copia de la forma superior izquierda. Con la herramienta Rectángulo (M) crea una forma delgada. Gírala y colócala como se muestra en la imagen "1". Selecciona las dos formas y haz clic en el botón Intersectar del panel Buscatrazos. Añade algunos puntos de anclaje nuevos y muévelos como se muestra en las siguientes imágenes. Finalmente, rellénala con el gradiente que se muestra en la imagen "5".


Paso 6

Finalmente, duplica la forma superior izquierda. Crea un nuevo rectángulo delgado, rótalo y colócalo como se muestra en la imagen "1". Selecciona esta nueva forma y la copia creada anteriormente y haz clic en el botón Intersectar del panel Buscatrazos. Selecciona la forma resultante, añade un discreto efecto de arruga, rellénala de blanco y baja su opacidad al 20%.


Paso 7

Selecciona la parte frontal de la caja y rellénala con el degradado que se muestra en la imagen "1". A continuación, añade dos nuevos rellenos (desde el menú desplegable del panel Apariencia) y utiliza los degradados que se muestran en las imágenes "2" y "3". Selecciona el lado izquierdo de la caja y rellénalo con el degradado que se muestra en la imagen "4". Añade dos nuevos rellenos para esta forma y utiliza los degradados mostrados en las imágenes "5" y "6".


Paso 8

Selecciona las formas superiores de la izquierda y rellénalas con los degradados mostrados en las imágenes "1" y "2". Continúa con el interior de la caja. Selecciona estas dos formas y rellénalas con los degradados mostrados en las imágenes "3" y "4".


Paso 9

Vuelve a hacer visible "vvv". Añade un trazo de 0.5pts, alineado hacia el interior. Selecciona esta forma y ve a Objeto > Expandir apariencia. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen. Luego, crea una forma como la que se muestra en la imagen #3 usando la herramienta Pluma (P). Rellena esta forma fina con el mismo degradado utilizado para el trazo expandido. Recuerda utilizar las Guías inteligentes (Control + U ) para facilitarte el trabajo.


Paso 10

Con la herramienta Pluma (P) crea dos trazados simples sobre los bordes de la caja de cartón (como se muestra en las imágenes "1" y "2"). Añade un trazo de 0.5pt (color R=199 G=178 B=153) a cada una de estas formas. Selecciona ambos trazados y ve a Objeto > Expandir. Selecciona las formas resultantes y haz clic en el botón Unir del panel Buscatrazos.


Paso 11

Selecciona los puntos de anclaje resaltados en rojo y ve a Objeto > Trazado > Promediar. Repite esta técnica para los puntos de anclaje resaltados en amarillo, verde y azul. Baja la opacidad de esta forma al 30%. Crea un trazado vertical como el que se muestra en la imagen #1 usando la herramienta Pluma (P). Añade un trazo de 0,5px (color R=199 G=178 B=153). Selecciona este trazo y ve a Objeto > Expandir. Selecciona los puntos de anclaje superiores y ve a Objeto > Trazado > Promediar. Baja la opacidad de esta forma al 30% y muévela detrás de la parte frontal de la caja de cartón.


Paso 12

Paso 12Vuelve a poner la etiqueta Frágil en visible. Rellena el rectángulo con el degradado radial mostrado en la imagen "1" y añade un trazo exterior de 0,5px (color R=153 G=153 B=153). Añade un nuevo relleno de degradado al rectángulo, utilizando la configuración mostrada en la imagen "2" y luego baja su opacidad al 20%. Selecciona las formas de las letras y agrúpalas, luego añade un nuevo relleno (desde el menú desplegable del panel Apariencia) y utiliza el degradado lineal que se muestra en la imagen "3". Crea una copia del rectángulo rojo. Crea una forma como la amarilla que se muestra en la imagen "4" con la herramienta Elipse (L). Selecciona esta nueva forma junto con la copia del rectángulo y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con el degradado mostrado en la imagen "5" y luego baja su opacidad al 30%.


Paso 13

Por último, crea un sencillo efecto de sombra debajo de la caja. Utilizando la herramienta Pluma (P), crea una forma como la que se muestra en la imagen "1" y envíala hacia atrás. Rellénala de negro, añade un efecto de Desenfoque gaussiano de 7px y baja su opacidad al 25%. Crea una forma más grande (como la mostrada en la imagen "2") usando la herramienta Pluma (P) y envíala al fondo. Rellénala con negro, añade un Desenfoque gaussiano de 15px y baja su opacidad al 20%.


Conclusión

Como puedes ver, es bastante fácil utilizar los degradados y las iluminaciones de las líneas clave para hacer una caja 3D de aspecto agradable. Como con cualquier objeto, la clave para un acabado realista es mantener la fuente de luz y las líneas de fuga consistentes. Illustrator hace que dibujar formas geométricas sea fácil.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.